@import '_content/Blazicons/Blazicons.ugzwxlf6d1.bundle.scp.css';

/* /Components/Layout/HaloSidebar.razor.rz.scp.css */
/* Aurora navigation: one scroll region, stable brand and account footer. */
.halo-sidebar[b-yu9il534pn] { position:fixed; inset:0 auto 0 0; width:64px; z-index:1200; overflow:hidden; transition:width var(--halo-duration-2) var(--halo-ease-out),transform var(--halo-duration-2) var(--halo-ease-out); }
.halo-sidebar.hidden[b-yu9il534pn] { transform:translateX(-100%); visibility:hidden; }
.halo-sidebar__scroll[b-yu9il534pn] { flex:1; min-height:0; overflow-y:auto; overflow-x:hidden; scrollbar-width:thin; scrollbar-color:var(--halo-sidebar-border) transparent; padding-block:var(--halo-2); }
.halo-sidebar__brand[b-yu9il534pn] { flex:none; white-space:nowrap; padding:var(--halo-2) var(--halo-2) var(--halo-4); gap:var(--halo-3); }
.halo-sidebar__group[b-yu9il534pn] { display:grid; gap:2px; margin:0 0 var(--halo-4); }
.halo-sidebar__group-label[b-yu9il534pn] { margin:var(--halo-3) 0 var(--halo-2); padding:0 var(--halo-3); white-space:nowrap; font-size:10px; line-height:16px; letter-spacing:.09em; }
.halo-nav-item[b-yu9il534pn] { height:44px; min-height:44px; padding-inline:14px; gap:12px; white-space:nowrap; border-radius:var(--halo-radius-md); text-align:left; }
.halo-nav-item__text[b-yu9il534pn] { overflow:hidden; text-overflow:ellipsis; }
.halo-nav-item[b-yu9il534pn]  .halo-nav-item__icon { width:20px; height:20px; flex:0 0 20px; }
.halo-sidebar__footer[b-yu9il534pn] { flex:none; padding-top:var(--halo-2); border-top:1px solid var(--halo-sidebar-border); }
.halo-sidebar__close[b-yu9il534pn] { display:none; background:transparent; color:var(--halo-sidebar-text); border:0; margin-left:auto; min-height:44px; min-width:44px; border-radius:var(--halo-radius-sm); }
.halo-sidebar__backdrop[b-yu9il534pn] { position:fixed; inset:0; z-index:1190; background:var(--halo-scrim); }
@media (min-width:768px) {
 .halo-sidebar:hover[b-yu9il534pn],.halo-sidebar:focus-within[b-yu9il534pn] { width:var(--halo-sidebar-width); box-shadow:var(--halo-shadow-3); }
 .halo-sidebar:not(:hover):not(:focus-within) :is(.halo-nav-item__text,.halo-nav-item__trail,.halo-sidebar__brand-text,.halo-sidebar__group-label)[b-yu9il534pn] { opacity:0; }
 .halo-sidebar:not(:hover):not(:focus-within)[b-yu9il534pn]  :is(.halo-account__copy,.halo-account__more) { display:none; }
 .halo-sidebar__backdrop[b-yu9il534pn] { display:none; }
}
@media (max-width:767px) {
 .halo-sidebar[b-yu9il534pn] { width:min(280px,90vw); transform:translateX(-100%); visibility:hidden; }
 .halo-sidebar.open[b-yu9il534pn] { transform:translateX(0); visibility:visible; }
 .halo-sidebar__close[b-yu9il534pn] { display:grid; place-items:center; }
}
@media (prefers-reduced-motion:reduce) { .halo-sidebar[b-yu9il534pn] { transition:none; } }
/* /Components/Layout/HaloTopBar.razor.rz.scp.css */
/* Compact content header with a single, predictable shell control layer. */

.halo-content-header[b-ve84bk317g] {
    display: flex;
    align-items: center;
    min-height: 48px;
    padding: 4px 0 8px;
    margin-bottom: 8px;
    background: transparent;
    border-bottom: 1px solid var(--halo-hairline);
}

.halo-content-header-left[b-ve84bk317g],
.halo-sidebar-toggle-slot[b-ve84bk317g] {
    display: inline-flex;
    align-items: center;
}

.halo-sidebar-toggle-slot--mobile[b-ve84bk317g] {
    display: none;
}

[b-ve84bk317g] .halo-sidebar-toggle {
    min-width: var(--halo-control-lg) !important;
    min-height: var(--halo-control-lg) !important;
    border: 1px solid var(--halo-hairline) !important;
    border-radius: var(--halo-radius-md) !important;
    background: var(--halo-surface) !important;
    color: var(--halo-text-secondary) !important;
    box-shadow: none !important;
}

[b-ve84bk317g] .halo-sidebar-toggle:hover {
    background: var(--halo-tint-brand) !important;
    border-color: rgba(124, 58, 237, 0.32) !important;
    color: var(--halo-ink-brand) !important;
}

@media (max-width: 767px) {
    .halo-sidebar-toggle-slot--desktop[b-ve84bk317g] {
        display: none;
    }

    .halo-sidebar-toggle-slot--mobile[b-ve84bk317g] {
        display: inline-flex;
    }
}

.halo-header-account[b-ve84bk317g] { display:none; margin-left:auto; max-width:280px; min-width:0; }
.halo-header-account.is-sidebar-hidden[b-ve84bk317g] { display:block; }
@media (max-width:767px) { .halo-header-account[b-ve84bk317g] { display:block; max-width:min(260px,75vw); } }
/* /Components/Layout/ImpersonationBanner.razor.rz.scp.css */
/* ImpersonationBanner — persistent warning banner for active impersonation sessions */

.impersonation-banner[b-mqsa9rx9rr] {
    position: fixed;
    top: 0;
    left: 64px;
    right: 0;
    z-index: 1100;
    background: var(--halo-tint-warning);
    color: var(--halo-ink-warning);
    border-bottom: 1px solid var(--halo-tint-warning);
    box-shadow: none;
    font-size: 0.8125rem;
    line-height: 1.4;
    user-select: none;
}

.impersonation-banner-content[b-mqsa9rx9rr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 20px;
    max-width: 100%;
    min-height: 40px;
}

.impersonation-banner-info[b-mqsa9rx9rr] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    min-width: 0;
}

.impersonation-banner-icon[b-mqsa9rx9rr] {
    color: var(--halo-ink-warning);
    flex-shrink: 0;
}

.impersonation-banner-label[b-mqsa9rx9rr] {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 0.6875rem;
    background: rgba(0, 0, 0, 0.12);
    padding: 2px 8px;
    border-radius: 4px;
    white-space: nowrap;
}

.impersonation-banner-detail[b-mqsa9rx9rr] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.impersonation-banner-field[b-mqsa9rx9rr] {
    font-weight: 600;
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    opacity: 0.7;
}

.impersonation-banner-value[b-mqsa9rx9rr] {
    font-weight: 600;
    font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;
    font-size: 0.75rem;
    background: rgba(0, 0, 0, 0.08);
    padding: 1px 6px;
    border-radius: 3px;
}

.impersonation-banner-separator[b-mqsa9rx9rr] {
    opacity: 0.4;
    font-weight: 300;
}

.impersonation-banner-timer[b-mqsa9rx9rr] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-weight: 700;
    font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;
    font-size: 0.8125rem;
    background: rgba(0, 0, 0, 0.1);
    padding: 2px 8px;
    border-radius: 4px;
}

.impersonation-banner-timer-icon[b-mqsa9rx9rr] {
    color: var(--halo-ink-warning);
    font-size: 1rem !important;
}

/* End Impersonation button */
.impersonation-banner-exit[b-mqsa9rx9rr] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border: 2px solid rgba(28, 25, 23, 0.5);
    border-radius: 6px;
    background: rgba(28, 25, 23, 0.1);
    color: var(--halo-ink-warning);
    font-weight: 700;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
}

.impersonation-banner-exit:hover:not(:disabled)[b-mqsa9rx9rr] {
    background: rgba(28, 25, 23, 0.2);
    border-color: rgba(28, 25, 23, 0.7);
}

.impersonation-banner-exit:active:not(:disabled)[b-mqsa9rx9rr] {
    transform: scale(0.97);
}

.impersonation-banner-exit:disabled[b-mqsa9rx9rr] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Mobile adjustments */
@media (max-width: 767px) {
    .impersonation-banner[b-mqsa9rx9rr] {
        left: 0;
    }

    .impersonation-banner-content[b-mqsa9rx9rr] {
        flex-wrap: wrap;
        padding: 8px 12px;
        gap: 8px;
    }

    .impersonation-banner-info[b-mqsa9rx9rr] {
        gap: 6px;
    }

    .hidden-mobile[b-mqsa9rx9rr] {
        display: none !important;
    }

    .impersonation-banner-exit[b-mqsa9rx9rr] {
        width: 100%;
        justify-content: center;
        padding: 8px 14px;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) {
    .impersonation-banner-content[b-mqsa9rx9rr] {
        padding: 8px 16px;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* MainLayout - SaaS app shell with fixed navigation rail */

.halo-main-content[b-ius18awsfq] {
    background: var(--halo-canvas);
    min-height: 100vh;
    margin-left: 64px;
    transition: margin-left 0.24s var(--halo-ease);
    position: relative;
    overflow: visible;
}

.halo-main-content.sidebar-hidden[b-ius18awsfq] {
    margin-left: 0;
}

/* Extra top padding when impersonation banner is visible */
.halo-main-content.has-impersonation-banner[b-ius18awsfq] {
    padding-top: 40px;
}

.halo-main-inner[b-ius18awsfq] {
    padding: 14px 22px 28px;
    max-width: var(--halo-content-max-width);
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.halo-skip-link[b-ius18awsfq] {
    position: fixed;
    top: 8px;
    left: 8px;
    z-index: 2000;
    padding: 10px 14px;
    border-radius: var(--halo-radius-md);
    background: var(--halo-surface-inverse);
    color: var(--halo-text-inverse);
    font-weight: 700;
    text-decoration: none;
    transform: translateY(-160%);
    transition: transform var(--halo-transition-fast);
}

.halo-skip-link:focus[b-ius18awsfq] {
    transform: translateY(0);
}

/* Mobile: no sidebar margin */
@media (max-width: 767px) {
    .halo-main-content[b-ius18awsfq] {
        margin-left: 0 !important;
    }

    .halo-main-inner[b-ius18awsfq] {
        padding: 14px;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) {
    .halo-main-inner[b-ius18awsfq] {
        padding: 18px;
    }
}

/* Error UI */
#blazor-error-ui[b-ius18awsfq] {
    color: var(--halo-ink-warning);
    background: var(--halo-tint-warning);
    bottom: 0;
    box-shadow: 0 -8px 24px rgba(76, 57, 144, 0.14);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-ius18awsfq] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: currentColor;
    font: inherit;
}

#blazor-error-ui .reload[b-ius18awsfq] {
    color: var(--halo-ink-brand);
    text-decoration: underline;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-xi6ioe64m8],
.components-reconnect-repeated-attempt-visible[b-xi6ioe64m8],
.components-reconnect-failed-visible[b-xi6ioe64m8],
.components-pause-visible[b-xi6ioe64m8],
.components-resume-failed-visible[b-xi6ioe64m8],
.components-rejoining-animation[b-xi6ioe64m8] {
    display: none;
}

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


#components-reconnect-modal[b-xi6ioe64m8] {
    background-color: var(--halo-surface);
    width: min(20rem, calc(100vw - 2rem));
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: var(--halo-radius-lg);
    box-shadow: var(--halo-shadow-3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-xi6ioe64m8 0.5s both;
    &[open]

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

}

#components-reconnect-modal[b-xi6ioe64m8]::backdrop {
    background-color: var(--halo-scrim);
    animation: components-reconnect-modal-fadeInOpacity-b-xi6ioe64m8 0.5s ease-in-out;
    opacity: 1;
}

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

#components-reconnect-modal button[b-xi6ioe64m8] {
    border: 0;
    min-height: var(--halo-control-lg);
    background-color: var(--halo-action-brand);
    color: var(--halo-on-action);
    padding: 10px 24px;
    border-radius: var(--halo-radius-md);
    font: 700 0.875rem var(--halo-font);
    cursor: pointer;
}

    #components-reconnect-modal button:hover[b-xi6ioe64m8] {
        background-color: var(--halo-action-brand);
    }

    #components-reconnect-modal button:active[b-xi6ioe64m8] {
        background-color: var(--halo-action-brand);
    }

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

    .components-rejoining-animation div[b-xi6ioe64m8] {
        position: absolute;
        border: 3px solid var(--halo-action-brand);
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-xi6ioe64m8 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

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

@keyframes components-rejoining-animation-b-xi6ioe64m8 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/TenantImpersonationBanner.razor.rz.scp.css */
/* TenantImpersonationBanner — persistent warning banner for active impersonation on tenant side */

.tenant-impersonation-banner[b-to0mjx6xk9] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1100;
    background: var(--halo-tint-warning);
    color: var(--halo-ink-warning);
    border-bottom: 1px solid var(--halo-tint-warning);
    box-shadow: none;
    font-size: 0.8125rem;
    line-height: 1.4;
    user-select: none;
}

.tenant-impersonation-banner-content[b-to0mjx6xk9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 20px;
    max-width: 100%;
    min-height: 40px;
}

.tenant-impersonation-banner-info[b-to0mjx6xk9] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    min-width: 0;
}

.tenant-impersonation-banner-icon[b-to0mjx6xk9] {
    color: var(--halo-ink-warning);
    flex-shrink: 0;
}

.tenant-impersonation-banner-label[b-to0mjx6xk9] {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 0.6875rem;
    background: rgba(0, 0, 0, 0.12);
    padding: 2px 8px;
    border-radius: 4px;
    white-space: nowrap;
}

.tenant-impersonation-banner-detail[b-to0mjx6xk9] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.tenant-impersonation-banner-field[b-to0mjx6xk9] {
    font-weight: 600;
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    opacity: 0.7;
}

.tenant-impersonation-banner-value[b-to0mjx6xk9] {
    font-weight: 600;
    font-size: 0.75rem;
    background: rgba(0, 0, 0, 0.08);
    padding: 1px 6px;
    border-radius: 3px;
}

.tenant-impersonation-banner-separator[b-to0mjx6xk9] {
    opacity: 0.4;
    font-weight: 300;
}

.tenant-impersonation-banner-timer[b-to0mjx6xk9] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-weight: 700;
    font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;
    font-size: 0.8125rem;
    background: rgba(0, 0, 0, 0.1);
    padding: 2px 8px;
    border-radius: 4px;
}

.tenant-impersonation-banner-timer-icon[b-to0mjx6xk9] {
    color: var(--halo-ink-warning);
    font-size: 1rem !important;
}

/* Exit button */
.tenant-impersonation-banner-exit[b-to0mjx6xk9] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 16px;
    border: 2px solid rgba(28, 25, 23, 0.5);
    border-radius: 8px;
    background: rgba(28, 25, 23, 0.1);
    color: var(--halo-ink-warning);
    font-weight: 700;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
}

.tenant-impersonation-banner-exit:hover:not(:disabled)[b-to0mjx6xk9] {
    background: rgba(28, 25, 23, 0.2);
    border-color: rgba(28, 25, 23, 0.7);
}

.tenant-impersonation-banner-exit:active:not(:disabled)[b-to0mjx6xk9] {
    transform: scale(0.97);
}

.tenant-impersonation-banner-exit:disabled[b-to0mjx6xk9] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Mobile adjustments */
@media (max-width: 767px) {
    .tenant-impersonation-banner-content[b-to0mjx6xk9] {
        flex-wrap: wrap;
        padding: 8px 12px;
        gap: 8px;
    }

    .tenant-impersonation-banner-info[b-to0mjx6xk9] {
        gap: 6px;
    }

    .hidden-mobile[b-to0mjx6xk9] {
        display: none !important;
    }

    .tenant-impersonation-banner-exit[b-to0mjx6xk9] {
        width: 100%;
        justify-content: center;
        padding: 8px 14px;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) {
    .tenant-impersonation-banner-content[b-to0mjx6xk9] {
        padding: 8px 16px;
    }
}
/* /Components/Pages/AppointmentAvailabilityDialog.razor.rz.scp.css */
/* Surface, radius, and shadow come from Halo's modal layer. */
.aad-title[b-1rknummw72] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.aad-title[b-1rknummw72] >  .mud-icon-root {
    width: 42px;
    height: 42px;
    padding: 10px;
    border-radius: var(--halo-radius-md);
    background: rgb(var(--halo-tone-brand) / .10);
    color: var(--halo-ink-brand);
}

.aad-body[b-1rknummw72] {
    display: grid;
    gap: 10px;
    width: min(720px, 100%);
    min-width: 0;
    padding: 6px 0;
}

.aad-rule[b-1rknummw72] {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    padding: 14px;
    border: 1px solid var(--halo-hairline);
    border-radius: var(--halo-radius-md);
    background: var(--halo-surface);
    box-shadow: var(--halo-shadow-1);
}

.aad-rule.closed[b-1rknummw72] {
    background: var(--halo-surface-sunken);
}

.aad-day-toggle[b-1rknummw72] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.aad-day-toggle strong[b-1rknummw72],
.aad-day-toggle span[b-1rknummw72],
.aad-time-grid span[b-1rknummw72] {
    display: block;
}

.aad-day-toggle strong[b-1rknummw72] {
    color: var(--halo-text);
    font-size: 0.95rem;
}

.aad-day-toggle span[b-1rknummw72],
.aad-time-grid span[b-1rknummw72] {
    color: var(--halo-text-secondary);
    font-size: 0.75rem;
    font-weight: 600;
}

.aad-time-grid[b-1rknummw72] {
    display: grid;
    grid-template-columns: repeat(4, minmax(96px, 1fr));
    gap: 10px;
}

.aad-time-grid label[b-1rknummw72] {
    display: grid;
    gap: 6px;
}

.aad-actions[b-1rknummw72] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    width: 100%;
}

@media (max-width: 720px) {
    .aad-rule[b-1rknummw72] {
        grid-template-columns: 1fr;
    }

    .aad-time-grid[b-1rknummw72] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Pages/CreateContactDialog.razor.rz.scp.css */
/* Surface, radius, and shadow come from Halo's modal layer. */
.ccd-header[b-4x4ofbujex] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ccd-header[b-4x4ofbujex]  .mud-icon-root {
    width: 42px;
    height: 42px;
    padding: 10px;
    border-radius: var(--halo-radius-md, 16px);
    background: rgb(var(--halo-tone-brand) / .10);
    color: var(--halo-ink-brand);
}

.ccd-body[b-4x4ofbujex] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 8px 0;
}

.ccd-row[b-4x4ofbujex] {
    display: flex;
    gap: 12px;
}

.ccd-row[b-4x4ofbujex]  > * {
    flex: 1;
    min-width: 0;
}

.ccd-body[b-4x4ofbujex]  .ccd-field {
    width: 100%;
}

.ccd-actions[b-4x4ofbujex] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    padding: 4px 0;
    width: 100%;
}

@media (max-width: 600px) {
    .ccd-body[b-4x4ofbujex] {
        min-width: unset;
    }

    .ccd-row[b-4x4ofbujex] {
        flex-direction: column;
        gap: 16px;
    }
}
/* /Components/Pages/CreateCustomerServiceDialog.razor.rz.scp.css */
.css-title[b-uo4f9rtdb4] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.css-title[b-uo4f9rtdb4]  .css-title-icon {
    width: 42px;
    height: 42px;
    padding: 10px;
    border-radius: var(--halo-radius-md);
    background: rgb(var(--halo-tone-brand) / .10);
    color: var(--halo-ink-brand) !important;
}

.css-body[b-uo4f9rtdb4] {
    display: flex;
    flex-direction: column;
    gap: var(--halo-4);
    padding: var(--halo-2) 0;
    min-width: 460px;
}

.css-body[b-uo4f9rtdb4]  .css-type-group {
    display: flex;
    gap: var(--halo-4);
}

.css-empty[b-uo4f9rtdb4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--halo-2);
    padding: var(--halo-8) var(--halo-4);
    border: 1px dashed rgb(var(--halo-tone-brand) / .26);
    border-radius: var(--halo-radius-lg);
    background: var(--halo-surface-sunken);
    text-align: center;
}

.css-empty[b-uo4f9rtdb4]  .css-empty-icon {
    color: var(--halo-ink-brand) !important;
}

.css-actions[b-uo4f9rtdb4] {
    display: flex;
    justify-content: flex-end;
    gap: var(--halo-2);
    padding: var(--halo-1) 0;
    width: 100%;
}

@media (max-width: 600px) {
    .css-body[b-uo4f9rtdb4] {
        min-width: unset;
    }

    .css-body[b-uo4f9rtdb4]  .css-type-group {
        flex-direction: column;
        gap: var(--halo-1);
    }
}
/* /Components/Pages/Crm/Webforms/JuniorSetterPanel.razor.rz.scp.css */
.junior-panel[b-ss6i6p65bz] { padding: var(--halo-space-5, 20px); display: grid; gap: var(--halo-space-4, 16px); color: var(--halo-text); }
.junior-panel p[b-ss6i6p65bz] { margin: 0; line-height: 1.55; }
.junior-settings[b-ss6i6p65bz] { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
.junior-settings label[b-ss6i6p65bz] { display: grid; gap: 8px; font-weight: 600; }
.junior-check[b-ss6i6p65bz] { display: flex; align-items: center; gap: 10px; }
.junior-muted[b-ss6i6p65bz] { color: var(--halo-text-secondary); font-size: .875rem; }
.junior-message[b-ss6i6p65bz] { background: var(--halo-tone-warning); color: var(--halo-ink-warning); padding: 12px 16px; border-radius: var(--halo-radius-md, 12px); }
.junior-request[b-ss6i6p65bz] { border: 1px solid var(--halo-hairline); border-radius: var(--halo-radius-md, 12px); padding: 16px; background: var(--halo-surface); }
.junior-request summary[b-ss6i6p65bz] { cursor: pointer; font-weight: 600; }
.junior-request p[b-ss6i6p65bz] { margin-top: 12px; }
.junior-request dl[b-ss6i6p65bz] { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; }
.junior-request dt[b-ss6i6p65bz] { color: var(--halo-text-secondary); font-size: .8rem; }
.junior-request dd[b-ss6i6p65bz] { margin: 4px 0 0; overflow-wrap: anywhere; }
/* /Components/Pages/Crm/Webforms/PublicWebform.razor.rz.scp.css */

    :root[b-kgbe8yqs4e] {
        color-scheme: light;
    }

    html[b-kgbe8yqs4e], body[b-kgbe8yqs4e] {
        margin: 0;
        padding: 0;
        background: var(--halo-canvas);
        font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    .public-webform-viewport[b-kgbe8yqs4e] {
        container: webform / inline-size;
    }

    .public-webform-shell[b-kgbe8yqs4e] {
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 24px;
        box-sizing: border-box;
    }

    .public-webform-card[b-kgbe8yqs4e] {
        width: min(100%, 760px);
        background: var(--halo-surface);
        border: 1px solid var(--halo-hairline);
        border-radius: 24px;
        box-shadow: 0 24px 70px rgba(15, 23, 42, 0.10);
        padding: 28px;
        box-sizing: border-box;
    }

    .state-card[b-kgbe8yqs4e] {
        text-align: center;
    }

    .public-webform-header h1[b-kgbe8yqs4e],
    .state-card h1[b-kgbe8yqs4e],
    .step-panel h2[b-kgbe8yqs4e] {
        margin: 0;
        color: var(--halo-text);
    }

    .public-webform-header p[b-kgbe8yqs4e],
    .state-card p[b-kgbe8yqs4e],
    .step-description[b-kgbe8yqs4e] {
        color: var(--halo-text-secondary);
    }

    .public-webform-header[b-kgbe8yqs4e] {
        margin-bottom: 24px;
    }

    .public-webform-logo[b-kgbe8yqs4e] {
        display: block;
        max-width: 180px;
        max-height: 84px;
        object-fit: contain;
        margin-bottom: 18px;
    }

    .step-progress[b-kgbe8yqs4e] {
        display: flex;
        gap: 12px;
        margin-bottom: 20px;
        flex-wrap: wrap;
    }

    .step-progress-item[b-kgbe8yqs4e] {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 14px;
        border-radius: 16px;
        background: var(--halo-surface-sunken);
        color: var(--halo-text-tertiary);
        flex: 1 1 180px;
    }

    .step-progress-item.active[b-kgbe8yqs4e] {
        background: var(--webform-button-color, var(--halo-ink-success));
        color: var(--halo-on-action);
    }

    .step-progress-item.complete[b-kgbe8yqs4e] {
        background: var(--halo-surface-sunken);
        color: var(--halo-ink-success);
    }

    .step-progress-number[b-kgbe8yqs4e] {
        width: 30px;
        height: 30px;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        background: rgba(255, 255, 255, 0.24);
    }

    .step-panel[b-kgbe8yqs4e] {
        margin-bottom: 20px;
    }

    .field-stack[b-kgbe8yqs4e] {
        display: grid;
        gap: 18px;
    }

    .field-block[b-kgbe8yqs4e] {
        display: grid;
        gap: 8px;
    }

    .field-label[b-kgbe8yqs4e] {
        font-size: 0.95rem;
        font-weight: 600;
        color: var(--halo-text);
    }

    .required-indicator[b-kgbe8yqs4e] {
        color: var(--halo-ink-critical);
    }

    /* RenderField creates these elements programmatically, so they do not carry Razor scope attributes. */
    .public-webform-card[b-kgbe8yqs4e]  .field-input {
        width: 100%;
        box-sizing: border-box;
        border: 1px solid var(--halo-hairline);
        border-radius: 14px;
        padding: 14px 16px;
        font: inherit;
        color: var(--halo-text);
        background: var(--halo-surface);
        transition: border-color 120ms ease, box-shadow 120ms ease;
    }

    .public-webform-card[b-kgbe8yqs4e]  .field-input:focus {
        outline: none;
        border-color: var(--webform-button-color, var(--halo-ink-success));
        box-shadow: 0 0 0 4px rgba(var(--webform-button-color-rgb, 15, 118, 110), 0.12);
    }

    .public-webform-card[b-kgbe8yqs4e]  .field-textarea {
        resize: vertical;
        min-height: 132px;
    }

    .public-webform-card[b-kgbe8yqs4e]  .checkbox-row {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: var(--halo-text-secondary);
        font-size: 0.95rem;
    }

    .field-error[b-kgbe8yqs4e],
    .submit-error[b-kgbe8yqs4e] {
        color: var(--halo-ink-critical);
        font-size: 0.92rem;
    }

    .submit-error[b-kgbe8yqs4e] {
        margin-bottom: 18px;
        padding: 12px 14px;
        border-radius: 14px;
        background: rgb(var(--halo-tone-critical) / .08);
        border: 1px solid rgb(var(--halo-tone-critical) / .2);
    }

    .form-actions[b-kgbe8yqs4e] {
        display: flex;
        justify-content: flex-end;
        gap: 12px;
        margin-top: 24px;
    }

    .primary-button[b-kgbe8yqs4e],
    .secondary-button[b-kgbe8yqs4e] {
        border: none;
        border-radius: 999px;
        padding: 12px 20px;
        font: inherit;
        font-weight: 600;
        cursor: pointer;
    }

    .primary-button[b-kgbe8yqs4e] {
        background: var(--webform-button-color, var(--halo-ink-success));
        color: var(--halo-on-action);
    }

    .primary-button:disabled[b-kgbe8yqs4e] {
        opacity: 0.7;
        cursor: progress;
    }

    .secondary-button[b-kgbe8yqs4e] {
        background: var(--halo-surface-sunken);
        color: var(--halo-text);
    }

    .loader[b-kgbe8yqs4e] {
        width: 42px;
        height: 42px;
        border-radius: 999px;
        border: 4px solid rgba(var(--webform-button-color-rgb, 15, 118, 110), 0.18);
        border-top-color: var(--webform-button-color, #0F766E);
        margin: 0 auto 14px;
        animation: spin 0.8s linear infinite;
    }

    .success-mark[b-kgbe8yqs4e] {
        width: 56px;
        height: 56px;
        border-radius: 999px;
        margin: 0 auto 16px;
        display: grid;
        place-items: center;
        background: var(--halo-surface-sunken);
        color: var(--halo-ink-success);
        font-size: 1.6rem;
        font-weight: 700;
    }

    @@keyframes spin {
        to[b-kgbe8yqs4e] {
            transform: rotate(360deg);
        }
    }

    @container webform (max-width: 640px) {
        .public-webform-shell[b-kgbe8yqs4e] {
            padding: 12px;
        }

        .public-webform-card[b-kgbe8yqs4e] {
            padding: 20px;
            border-radius: 20px;
        }

        .form-actions[b-kgbe8yqs4e] {
            flex-direction: column;
        }

        .primary-button[b-kgbe8yqs4e],
        .secondary-button[b-kgbe8yqs4e] {
            width: 100%;
        }
    }

.webform-fields[b-kgbe8yqs4e] { border: 0; padding: 0; margin: 0; min-width: 0; }
.webform-fields:disabled[b-kgbe8yqs4e] { opacity: .65; }
/* /Components/Pages/Crm/Webforms/SubmissionDetail.razor.rz.scp.css */
/* Glass-themed dialog surface */
[b-96iw8xo65t] .submission-detail-dialog .mud-dialog,
[b-96iw8xo65t] .submission-detail-dialog.mud-dialog {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    min-width: 480px;
    max-width: 600px;
}

/* Header */
.submission-detail-header[b-96iw8xo65t] {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Loading state */
.submission-detail-loading[b-96iw8xo65t] {
    padding: 1.5rem 0;
    min-width: 400px;
}

/* Error state */
.submission-detail-error[b-96iw8xo65t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 2rem 1rem;
    text-align: center;
    min-width: 400px;
}

/* Body layout */
.submission-detail-body[b-96iw8xo65t] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 0.25rem 0;
}

/* Section dividers */
.submission-section[b-96iw8xo65t] {
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.submission-section:last-of-type[b-96iw8xo65t] {
    border-bottom: none;
    padding-bottom: 0;
}

/* Field key-value list */
.submission-fields-list[b-96iw8xo65t] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem 1.5rem;
}

.submission-field-item[b-96iw8xo65t] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

/* Monospace IDs */
.submission-id-value[b-96iw8xo65t] {
    font-family: 'JetBrains Mono', 'Fira Code', monospace;
    font-size: 0.8rem;
    color: var(--halo-text-secondary);
    word-break: break-all;
}

/* Metadata footer */
.submission-meta-footer[b-96iw8xo65t] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding-top: 0.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

/* Responsive */
@media (max-width: 600px) {
    [b-96iw8xo65t] .submission-detail-dialog .mud-dialog,
    [b-96iw8xo65t] .submission-detail-dialog.mud-dialog {
        min-width: unset;
        max-width: 100%;
    }

    .submission-detail-loading[b-96iw8xo65t],
    .submission-detail-error[b-96iw8xo65t] {
        min-width: unset;
    }

    .submission-fields-list[b-96iw8xo65t] {
        grid-template-columns: 1fr;
        gap: 0.625rem;
    }

    .submission-meta-footer[b-96iw8xo65t] {
        flex-direction: column;
        gap: 0.25rem;
    }
}
/* /Components/Pages/Crm/Webforms/SubmissionsInbox.razor.rz.scp.css */
/* Filter bar layout */
.inbox-filter-bar[b-hz38tljiqt] {
    /* Inherits HaloFilterBar flex-wrap layout */
}

.inbox-search[b-hz38tljiqt] {
    min-width: 220px;
    flex: 1 1 220px;
    max-width: 320px;
}

.inbox-filter-select[b-hz38tljiqt] {
    min-width: 150px;
    max-width: 200px;
}

.inbox-filter-date[b-hz38tljiqt] {
    min-width: 140px;
    max-width: 170px;
}

.inbox-filter-summary[b-hz38tljiqt] {
    margin-left: auto;
    display: flex;
    align-items: center;
}

/* Grid styling */
.inbox-grid[b-hz38tljiqt] {
    border: none;
}

/* Responsive: tablet */
@media (max-width: 1024px) {
    .inbox-search[b-hz38tljiqt] {
        max-width: 100%;
    }

    .inbox-filter-select[b-hz38tljiqt] {
        max-width: 180px;
    }

    /* Hide CRM Outcome column on tablet */
    [b-hz38tljiqt] .inbox-grid .mud-table-cell:nth-child(5),
    [b-hz38tljiqt] .inbox-grid .mud-table-head .mud-table-cell:nth-child(5) {
        display: none;
    }
}

/* Responsive: mobile */
@media (max-width: 768px) {
    .inbox-search[b-hz38tljiqt] {
        min-width: 100%;
        max-width: 100%;
    }

    .inbox-filter-select[b-hz38tljiqt] {
        min-width: 100%;
        max-width: 100%;
    }

    .inbox-filter-date[b-hz38tljiqt] {
        min-width: 100%;
        max-width: 100%;
    }

    .inbox-filter-summary[b-hz38tljiqt] {
        margin-left: 0;
        text-align: center;
        justify-content: center;
    }

    /* Hide Contact and CRM Outcome columns on mobile */
    [b-hz38tljiqt] .inbox-grid .mud-table-cell:nth-child(2),
    [b-hz38tljiqt] .inbox-grid .mud-table-head .mud-table-cell:nth-child(2),
    [b-hz38tljiqt] .inbox-grid .mud-table-cell:nth-child(5),
    [b-hz38tljiqt] .inbox-grid .mud-table-head .mud-table-cell:nth-child(5) {
        display: none;
    }
}
/* /Components/Pages/Crm/Webforms/WebformDetail.razor.rz.scp.css */
.webform-detail-layout[b-2vt52zhitl] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 1100px;
}

/* Summary grid */
.detail-summary-grid[b-2vt52zhitl] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.25rem 2rem;
}

.detail-field[b-2vt52zhitl] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.detail-slug[b-2vt52zhitl] {
    font-family: 'JetBrains Mono', 'Fira Code', monospace;
    font-size: 0.85rem;
    color: var(--halo-text-secondary);
    font-weight: 500;
}

.detail-color-row[b-2vt52zhitl] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.detail-color-swatch[b-2vt52zhitl] {
    width: 22px;
    height: 22px;
    border-radius: 6px;
    border: 1px solid var(--halo-hairline-strong);
}

/* Fields table */
.detail-fields-table[b-2vt52zhitl] {
    border: none;
}

[b-2vt52zhitl] .detail-fields-table th {
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--halo-text-secondary);
    background: transparent;
    border-bottom: 1px solid var(--halo-hairline);
}

[b-2vt52zhitl] .detail-fields-table td {
    border-bottom: 1px solid var(--halo-surface-sunken);
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

/* Submissions filter */
.detail-submissions-filter[b-2vt52zhitl] {
    padding: 0;
    background: transparent;
    border: none;
}

.detail-status-select[b-2vt52zhitl] {
    margin: 0 !important;
    min-width: 160px;
    max-width: 200px;
}

/* Submissions grid */
.detail-submissions-grid[b-2vt52zhitl] {
    border: none;
}

/* Step display */
.detail-steps-container[b-2vt52zhitl] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.detail-step-group[b-2vt52zhitl] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.detail-step-header[b-2vt52zhitl] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: rgba(0, 0, 0, 0.02);
    border-radius: 8px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.step-badge[b-2vt52zhitl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--halo-text);
    color: var(--halo-surface);
    font-size: 0.8rem;
    font-weight: 600;
    flex-shrink: 0;
    margin-top: 1px;
}

.detail-step-info[b-2vt52zhitl] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
}

.detail-step-empty[b-2vt52zhitl] {
    padding: 0.75rem 1rem;
    font-style: italic;
}

/* Embed code panel — glass theme */
.embed-code-card[b-2vt52zhitl] {
    position: relative;
}

[b-2vt52zhitl] .embed-code-card-inner {
    background: rgba(255, 255, 255, 0.70);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
}

.embed-dimensions-row[b-2vt52zhitl] {
    display: flex;
    align-items: flex-end;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.embed-dimension-field[b-2vt52zhitl] {
    max-width: 140px;
}

.embed-code-block[b-2vt52zhitl] {
    position: relative;
    background: rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    padding: 1rem;
    padding-right: 2.75rem;
    margin-bottom: 1rem;
    overflow-x: auto;
}

.embed-code-block pre[b-2vt52zhitl] {
    margin: 0;
    white-space: pre-wrap;
    word-break: break-all;
}

.embed-code-block code[b-2vt52zhitl] {
    font-family: 'JetBrains Mono', 'Fira Code', monospace;
    font-size: 0.8rem;
    line-height: 1.5;
    color: var(--halo-text);
}

.embed-copy-btn[b-2vt52zhitl] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
}

.embed-url-row[b-2vt52zhitl] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.embed-url-link[b-2vt52zhitl] {
    font-family: 'JetBrains Mono', 'Fira Code', monospace;
    font-size: 0.85rem;
    word-break: break-all;
}

/* API integration */
.api-integration-stack[b-2vt52zhitl] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.api-endpoint-row[b-2vt52zhitl],
.api-meta-row[b-2vt52zhitl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.api-endpoint-copy[b-2vt52zhitl] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.api-endpoint-copy code[b-2vt52zhitl],
.api-credentials-table code[b-2vt52zhitl] {
    font-family: 'JetBrains Mono', 'Fira Code', monospace;
    word-break: break-all;
}

.api-code-block[b-2vt52zhitl] {
    margin: 1rem 0 0;
    max-height: 420px;
}

.api-code-block pre[b-2vt52zhitl] {
    white-space: pre;
    word-break: normal;
}

.api-credential-builder[b-2vt52zhitl] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.api-credential-fields[b-2vt52zhitl] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) minmax(160px, 0.5fr);
    gap: 0.75rem;
    align-items: end;
}

.api-credential-actions[b-2vt52zhitl] {
    white-space: nowrap;
    text-align: right;
}

.api-reuse-row[b-2vt52zhitl] {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) auto;
    gap: 0.75rem;
    align-items: end;
}

/* Responsive */
@media (max-width: 768px) {
    .webform-detail-layout[b-2vt52zhitl] {
        max-width: 100%;
    }

    .detail-summary-grid[b-2vt52zhitl] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .detail-status-select[b-2vt52zhitl] {
        max-width: 100%;
        min-width: 100%;
    }

    .embed-dimensions-row[b-2vt52zhitl] {
        flex-wrap: wrap;
    }

    .embed-dimension-field[b-2vt52zhitl] {
        max-width: 100%;
        flex: 1 1 100px;
    }

    .api-endpoint-row[b-2vt52zhitl],
    .api-meta-row[b-2vt52zhitl] {
        align-items: flex-start;
        flex-direction: column;
    }

    .api-credential-fields[b-2vt52zhitl] {
        grid-template-columns: 1fr;
    }

    .api-reuse-row[b-2vt52zhitl] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1024px) {
    .detail-summary-grid[b-2vt52zhitl] {
        grid-template-columns: 1fr 1fr;
    }
}
.webform-detail-layout[b-2vt52zhitl] { display: flex; flex-direction: column; gap: var(--halo-4); }
.webform-advanced[b-2vt52zhitl] { background: var(--halo-surface); border: 1px solid var(--halo-hairline); border-radius: var(--halo-radius-lg); }
.webform-advanced > summary[b-2vt52zhitl] { cursor: pointer; padding: var(--halo-4); color: var(--halo-text-secondary); font-weight: 600; }
/* /Components/Pages/Crm/Webforms/WebformEditor.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   Webform Builder — Halo
   Floating workspace: palette / canvas / properties panels
   over the lavender app canvas. Shadow separates surfaces.
   ═══════════════════════════════════════════════════════════ */

.builder-root[b-qr0ancgumu] {
    /* Darker red for small text on error-soft backgrounds (AA) */
    --wfb-error-text: var(--halo-ink-critical);
    --wfb-violet-glow: 0 8px 18px rgb(var(--halo-tone-brand) / 0.28);

    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 14px;
    align-items: stretch;
    height: calc(100vh - 240px);
    min-height: 480px;
}

.builder-root:has(.builder-properties)[b-qr0ancgumu] {
    grid-template-columns: 300px minmax(0, 1fr) 300px;
}

/* ── Shared panel chrome: palette + properties float as cards ── */

.builder-palette[b-qr0ancgumu],
.builder-properties[b-qr0ancgumu] {
    background: var(--halo-surface);
    border: 1px solid var(--halo-hairline);
    border-radius: var(--halo-radius-lg);
    box-shadow: var(--halo-shadow-2);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    height: 100%;
    min-height: 0;
}

/* ── Left Palette ── */

.palette-header[b-qr0ancgumu] {
    padding: 18px 18px 10px;
}

.palette-title[b-qr0ancgumu] {
    margin: 0;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--halo-text-secondary);
}

.palette-fields[b-qr0ancgumu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 0 16px 16px;
}

.palette-item[b-qr0ancgumu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    padding: 13px 8px 11px;
    background: var(--halo-surface-sunken);
    border: 1px solid transparent;
    border-radius: var(--halo-radius-sm);
    cursor: grab;
    user-select: none;
    transition: background-color 140ms ease-out,
                border-color 140ms ease-out,
                box-shadow 140ms ease-out,
                transform 140ms ease-out;
}

.palette-item:hover[b-qr0ancgumu] {
    background: rgb(var(--halo-tone-brand) / .08);
    border-color: rgb(var(--halo-tone-brand) / 0.35);
    box-shadow: var(--halo-shadow-1);
    transform: translateY(-1px);
}

.palette-item:active[b-qr0ancgumu] {
    cursor: grabbing;
    transform: scale(0.97);
}

.palette-item:focus-visible[b-qr0ancgumu] {
    outline: none;
    border-color: var(--halo-ink-brand);
    box-shadow: var(--halo-focus-ring);
}

.palette-item[b-qr0ancgumu]  .mud-icon-root {
    color: var(--halo-ink-brand);
}

.palette-item-label[b-qr0ancgumu] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--halo-text-secondary);
    text-align: center;
    line-height: 1.2;
    transition: color 140ms ease-out;
}

.palette-item:hover .palette-item-label[b-qr0ancgumu] {
    color: var(--halo-text);
}

.palette-section-divider[b-qr0ancgumu] {
    height: 1px;
    background: var(--halo-hairline);
    margin: 4px 18px 12px;
    flex-shrink: 0;
}

.palette-settings[b-qr0ancgumu] {
    padding: 0 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* Nested section headings inside the settings column */
.palette-settings .palette-section-divider[b-qr0ancgumu] {
    margin: 4px 0 0;
}

.palette-settings .palette-header[b-qr0ancgumu] {
    padding: 0;
}

.routing-settings[b-qr0ancgumu] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.palette-toggle-row[b-qr0ancgumu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 46px;
    padding: 6px 8px 6px 14px;
    background: var(--halo-surface-sunken);
    border-radius: var(--halo-radius-sm);
}

.palette-toggle-label[b-qr0ancgumu] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--halo-text);
}

/* The global .mud-icon-button override paints the switch thumb dark;
   restore the standard white thumb inside the builder */
.palette-toggle-row[b-qr0ancgumu]  .mud-switch .mud-icon-button {
    color: var(--halo-surface) !important;
}

.palette-hint[b-qr0ancgumu] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--halo-text-secondary);
}

.color-setting[b-qr0ancgumu] {
    display: grid;
    gap: 8px;
}

.color-setting-label[b-qr0ancgumu] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--halo-text-secondary);
}

.color-setting-row[b-qr0ancgumu] {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
}

.color-picker[b-qr0ancgumu] {
    width: 46px;
    height: 46px;
    border: 1px solid var(--halo-hairline);
    border-radius: var(--halo-radius-sm);
    padding: 4px;
    background: var(--halo-surface);
    cursor: pointer;
    transition: border-color 140ms ease-out,
                box-shadow 140ms ease-out;
}

.color-picker:hover[b-qr0ancgumu] {
    border-color: rgb(var(--halo-tone-brand) / 0.45);
}

.color-picker:focus-visible[b-qr0ancgumu] {
    outline: none;
    border-color: var(--halo-ink-brand);
    box-shadow: var(--halo-focus-ring);
}

.color-picker[b-qr0ancgumu]::-webkit-color-swatch-wrapper {
    padding: 0;
}

.color-picker[b-qr0ancgumu]::-webkit-color-swatch {
    border: none;
    border-radius: 8px;
}

/* ── Step editors (palette): vertical timeline ── */

.palette-steps[b-qr0ancgumu] {
    display: flex;
    flex-direction: column;
    margin-top: 2px;
}

.palette-step-editor[b-qr0ancgumu] {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    column-gap: 10px;
}

.palette-step-rail[b-qr0ancgumu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 6px;
    /* center the badge against the 38px title input */
    padding-top: 7px;
}

.step-rail-line[b-qr0ancgumu] {
    width: 2px;
    flex: 1;
    background: var(--halo-hairline);
    border-radius: 999px;
}

.palette-step-editor:last-of-type .step-rail-line[b-qr0ancgumu] {
    display: none;
}

.palette-step-main[b-qr0ancgumu] {
    display: grid;
    gap: 8px;
    padding-bottom: 18px;
    min-width: 0;
}

.palette-step-editor:last-of-type .palette-step-main[b-qr0ancgumu] {
    padding-bottom: 10px;
}

/* Label-less step inputs: drop the reserved label space */
.palette-step-main[b-qr0ancgumu]  .mud-input.mud-input-filled {
    min-height: 38px;
    border-radius: var(--halo-radius-sm);
}

.palette-step-main[b-qr0ancgumu]  input.mud-input-root {
    padding: 9px 12px !important;
    margin: 0 !important;
}

.palette-step-main[b-qr0ancgumu]  .mud-input-root {
    font-size: 0.8125rem;
}

.palette-step-editor.step-error .step-badge-sm[b-qr0ancgumu] {
    background: var(--halo-ink-critical);
    color: var(--halo-surface);
}

.palette-step-editor.step-error .step-rail-line[b-qr0ancgumu] {
    background: rgb(var(--halo-tone-critical) / 0.45);
}

.step-error-text[b-qr0ancgumu] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--wfb-error-text, var(--halo-ink-critical));
}

.palette-step-row[b-qr0ancgumu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 28px;
    align-items: center;
    gap: 4px;
}

.palette-step-row[b-qr0ancgumu]  .mud-icon-button {
    color: var(--halo-text-tertiary, var(--halo-text-tertiary));
}

/* "Add Step": dashed ghost node at the end of the timeline */
.palette-step-add[b-qr0ancgumu]  .halo-btn {
    width: 100%;
    justify-content: flex-start;
    min-height: 38px;
    border: 1px dashed var(--halo-hairline) !important;
    border-radius: var(--halo-radius-sm) !important;
    color: var(--halo-text-secondary) !important;
    background: transparent !important;
}

.palette-step-add[b-qr0ancgumu]  .halo-btn:hover {
    border-color: var(--halo-ink-brand) !important;
    color: var(--halo-ink-brand) !important;
    background: rgb(var(--halo-tone-brand) / .04) !important;
}

.step-badge-sm[b-qr0ancgumu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    min-width: 24px;
    border-radius: 50%;
    background: rgb(var(--halo-tone-brand) / .08);
    color: var(--halo-ink-brand);
    font-size: 0.72rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    flex-shrink: 0;
}

/* ── Center Canvas: fields float directly on the lavender bg ── */

.builder-canvas[b-qr0ancgumu] {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    height: 100%;
    min-height: 0;
    min-width: 0;
}

.canvas-step-tabs[b-qr0ancgumu] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex-shrink: 0;
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    padding: 8px 2rem 0;
}

.canvas-step-tab[b-qr0ancgumu] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 16px 7px 8px;
    background: var(--halo-surface);
    border: 1px solid var(--halo-hairline);
    border-radius: 999px;
    box-shadow: var(--halo-shadow-1);
    font-family: inherit;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--halo-text-secondary);
    cursor: pointer;
    transition: color 140ms ease-out,
                border-color 140ms ease-out,
                background-color 140ms ease-out,
                box-shadow 140ms ease-out,
                transform 140ms ease-out;
}

.canvas-step-tab:hover[b-qr0ancgumu] {
    color: var(--halo-text);
    border-color: var(--halo-hairline);
    transform: translateY(-1px);
}

.canvas-step-tab:focus-visible[b-qr0ancgumu] {
    outline: none;
    box-shadow: var(--halo-focus-ring);
}

.canvas-step-tab.active[b-qr0ancgumu] {
    background: var(--halo-ink-brand);
    border-color: var(--halo-ink-brand);
    color: var(--halo-surface);
    box-shadow: var(--wfb-violet-glow);
}

.canvas-step-tab.active .step-badge-sm[b-qr0ancgumu] {
    background: rgba(255, 255, 255, 0.24);
    color: var(--halo-surface);
}

.canvas-step-tab.step-error[b-qr0ancgumu] {
    background: rgb(var(--halo-tone-critical) / .08);
    border-color: rgb(var(--halo-tone-critical) / 0.45);
    color: var(--wfb-error-text, var(--halo-ink-critical));
    box-shadow: none;
}

.canvas-step-tab.step-error .step-badge-sm[b-qr0ancgumu] {
    background: var(--halo-ink-critical);
    color: var(--halo-surface);
}

.canvas-form-area[b-qr0ancgumu] {
    flex: 1;
    padding: 16px 2rem 2.5rem;
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 720px;
    margin: 0 auto;
    width: 100%;
}

/* Empty state */
.canvas-empty[b-qr0ancgumu] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 4rem 2rem;
    background: rgba(255, 255, 255, 0.55);
    border: 2px dashed var(--halo-hairline);
    border-radius: var(--halo-radius-lg);
    transition: border-color 140ms ease-out,
                background-color 140ms ease-out;
    min-height: 320px;
    text-align: center;
}

.canvas-empty-active[b-qr0ancgumu] {
    border-color: var(--halo-ink-brand);
    background: rgb(var(--halo-tone-brand) / .04);
}

.canvas-empty-icon[b-qr0ancgumu] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: var(--halo-radius-sm);
    background: rgb(var(--halo-tone-brand) / .08);
    margin-bottom: 6px;
}

.canvas-empty-icon[b-qr0ancgumu]  .mud-icon-root {
    color: var(--halo-ink-brand);
}

.canvas-empty-title[b-qr0ancgumu] {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--halo-text);
}

.canvas-empty-hint[b-qr0ancgumu] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--halo-text-secondary);
}

/* Field cards on canvas */
.canvas-field[b-qr0ancgumu] {
    display: flex;
    align-items: flex-start;
    background: var(--halo-surface);
    border: 1px solid var(--halo-hairline);
    border-radius: var(--halo-radius-sm);
    box-shadow: var(--halo-shadow-1);
    cursor: pointer;
    position: relative;
    transition: border-color 140ms ease-out,
                box-shadow 140ms ease-out,
                transform 140ms ease-out;
}

.canvas-field:hover[b-qr0ancgumu] {
    border-color: var(--halo-hairline);
    box-shadow: var(--halo-shadow-2);
    transform: translateY(-1px);
}

.canvas-field-selected[b-qr0ancgumu],
.canvas-field-selected:hover[b-qr0ancgumu] {
    border-color: var(--halo-ink-brand);
    box-shadow: var(--halo-focus-ring),
                var(--halo-shadow-2);
    transform: none;
}

.canvas-field-error[b-qr0ancgumu],
.canvas-field-error:hover[b-qr0ancgumu] {
    border-color: var(--halo-ink-critical);
    box-shadow: 0 0 0 4px rgb(var(--halo-tone-critical) / 0.14),
                var(--halo-shadow-1);
}

.canvas-field-error .canvas-field-label[b-qr0ancgumu] {
    color: var(--wfb-error-text, var(--halo-ink-critical));
}

.canvas-field-dragover[b-qr0ancgumu] {
    border-style: dashed;
    border-color: var(--halo-ink-brand);
    background: rgb(var(--halo-tone-brand) / .04);
}

.canvas-field-drag-handle[b-qr0ancgumu] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px 8px 18px 12px;
    cursor: grab;
    opacity: 0.35;
    transition: opacity 140ms ease-out;
    flex-shrink: 0;
}

.canvas-field:hover .canvas-field-drag-handle[b-qr0ancgumu],
.canvas-field-selected .canvas-field-drag-handle[b-qr0ancgumu] {
    opacity: 0.9;
}

.canvas-field-drag-handle:active[b-qr0ancgumu] {
    cursor: grabbing;
}

.canvas-field-drag-handle[b-qr0ancgumu]  .mud-icon-root {
    color: var(--halo-text-tertiary, var(--halo-text-tertiary));
}

.canvas-field-preview[b-qr0ancgumu] {
    flex: 1;
    padding: 16px 10px 16px 0;
    min-width: 0;
}

.canvas-field-label-row[b-qr0ancgumu] {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 8px;
}

.canvas-field-label[b-qr0ancgumu] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--halo-text);
}

.canvas-required-dot[b-qr0ancgumu] {
    color: var(--halo-ink-critical);
    font-weight: 700;
    font-size: 1rem;
    line-height: 1;
}

.canvas-field-actions[b-qr0ancgumu] {
    display: flex;
    align-items: center;
    padding: 12px 10px 12px 0;
    opacity: 0;
    transition: opacity 140ms ease-out;
    flex-shrink: 0;
}

.canvas-field:hover .canvas-field-actions[b-qr0ancgumu],
.canvas-field-selected .canvas-field-actions[b-qr0ancgumu],
.canvas-field-actions:focus-within[b-qr0ancgumu] {
    opacity: 1;
}

.canvas-field-actions[b-qr0ancgumu]  .mud-icon-button {
    color: var(--halo-text-tertiary, var(--halo-text-tertiary));
}

/* Field preview mocks */
.preview-input[b-qr0ancgumu],
.preview-select[b-qr0ancgumu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 38px;
    padding: 0 12px;
    background: var(--halo-surface-sunken);
    border: 1px solid var(--halo-hairline);
    border-radius: var(--halo-radius-sm);
}

.preview-textarea[b-qr0ancgumu] {
    display: flex;
    align-items: flex-start;
    min-height: 60px;
    padding: 10px 12px;
    background: var(--halo-surface-sunken);
    border: 1px solid var(--halo-hairline);
    border-radius: var(--halo-radius-sm);
}

.preview-checkbox[b-qr0ancgumu] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 4px 0;
}

.preview-checkbox-box[b-qr0ancgumu] {
    width: 18px;
    height: 18px;
    border: 2px solid var(--halo-hairline);
    border-radius: 6px;
    background: var(--halo-surface);
    flex-shrink: 0;
}

.preview-placeholder[b-qr0ancgumu] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--halo-text-secondary);
}

.preview-input[b-qr0ancgumu]  .mud-icon-root,
.preview-select[b-qr0ancgumu]  .mud-icon-root {
    color: var(--halo-text-tertiary, var(--halo-text-tertiary));
}

/* ── Right Properties Panel ── */

/* Floating header: space separates, no title-bar border */
.properties-header[b-qr0ancgumu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 18px 0;
    flex-shrink: 0;
}

.properties-header[b-qr0ancgumu]  .mud-icon-button {
    color: var(--halo-text-tertiary, var(--halo-text-tertiary));
}

.properties-body[b-qr0ancgumu] {
    padding: 12px 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* ── Responsive ── */

@media (max-width: 1280px) {
    .builder-root[b-qr0ancgumu] {
        grid-template-columns: 260px minmax(0, 1fr);
    }

    .builder-root:has(.builder-properties)[b-qr0ancgumu] {
        grid-template-columns: 260px minmax(0, 1fr) 272px;
    }
}

@media (max-width: 900px) {
    .builder-root[b-qr0ancgumu],
    .builder-root:has(.builder-properties)[b-qr0ancgumu] {
        display: flex;
        flex-direction: column;
        height: auto;
        min-height: 0;
    }

    .builder-palette[b-qr0ancgumu],
    .builder-properties[b-qr0ancgumu],
    .builder-canvas[b-qr0ancgumu] {
        height: auto;
        max-height: none;
        overflow: visible;
    }

    .palette-fields[b-qr0ancgumu] {
        grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    }

    .canvas-step-tabs[b-qr0ancgumu] {
        padding: 4px 1rem 0;
    }

    .canvas-form-area[b-qr0ancgumu] {
        padding: 14px 1rem 2rem;
    }
}

/* ── Reduced motion ── */

@media (prefers-reduced-motion: reduce) {
    .palette-item[b-qr0ancgumu],
    .palette-item-label[b-qr0ancgumu],
    .color-picker[b-qr0ancgumu],
    .canvas-step-tab[b-qr0ancgumu],
    .canvas-empty[b-qr0ancgumu],
    .canvas-field[b-qr0ancgumu],
    .canvas-field-drag-handle[b-qr0ancgumu],
    .canvas-field-actions[b-qr0ancgumu] {
        transition: none;
    }

    .palette-item:hover[b-qr0ancgumu],
    .palette-item:active[b-qr0ancgumu],
    .canvas-step-tab:hover[b-qr0ancgumu],
    .canvas-field:hover[b-qr0ancgumu] {
        transform: none;
    }
}

.builder-root[hidden][b-qr0ancgumu], .builder-settings[hidden][b-qr0ancgumu] { display: none; }
.builder-settings[b-qr0ancgumu] { padding: var(--halo-5); background: var(--halo-surface); border: 1px solid var(--halo-hairline); border-radius: var(--halo-radius-lg); max-width: 960px; margin: var(--halo-4) auto; }
.builder-settings .palette-settings[b-qr0ancgumu] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--halo-4); }
@media (max-width: 700px) { .builder-settings .palette-settings[b-qr0ancgumu] { grid-template-columns: minmax(0, 1fr); } }
.builder-preview[b-qr0ancgumu] { width: 100%; margin: var(--halo-4) auto; padding: var(--halo-4); border: 1px solid var(--halo-hairline); border-radius: var(--halo-radius-lg); background: var(--halo-surface); }
.builder-preview--mobile[b-qr0ancgumu] { max-width: 375px; }
.builder-preview-field[b-qr0ancgumu] { display: grid; gap: var(--halo-2); margin-bottom: var(--halo-4); }

/* Creation stages stay separate from the pages shown to form respondents. */
.builder-progress[b-qr0ancgumu] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--halo-2); margin-block: var(--halo-4); }
.builder-progress-step[b-qr0ancgumu] { display: flex; align-items: center; gap: var(--halo-3); padding: var(--halo-3); border: 1px solid var(--halo-hairline); border-radius: var(--halo-radius-lg); background: var(--halo-surface); color: var(--halo-text-secondary); font: inherit; cursor: pointer; }
.builder-progress-step.is-active[b-qr0ancgumu] { border-color: var(--halo-ink-brand); color: var(--halo-text); background: var(--halo-surface-sunken); font-weight: 600; }
.builder-progress-step:focus-visible[b-qr0ancgumu], .builder-error-list button:focus-visible[b-qr0ancgumu] { outline: 2px solid var(--halo-ink-brand); outline-offset: 2px; }
.builder-stage-intro h2[b-qr0ancgumu] { margin: 0; font-size: 1.2rem; }
.builder-stage-intro[b-qr0ancgumu] { margin-bottom: var(--halo-4); }
.builder-full-width[b-qr0ancgumu], .builder-settings[b-qr0ancgumu]  .builder-full-width { grid-column: 1 / -1; }
.builder-footer[b-qr0ancgumu] { position: sticky; bottom: 0; z-index: 2; box-shadow: var(--halo-shadow-1); display: flex; align-items: center; justify-content: space-between; gap: var(--halo-3); padding: var(--halo-4); margin-top: var(--halo-4); border: 1px solid var(--halo-hairline); border-radius: var(--halo-radius-lg); background: var(--halo-surface); }
.builder-review-grid[b-qr0ancgumu] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--halo-4); overflow-wrap: anywhere; }
.builder-error-list[b-qr0ancgumu] { margin: var(--halo-2) 0 0; padding-left: var(--halo-4); }
.builder-error-list button[b-qr0ancgumu] { font: inherit; color: inherit; background: none; border: 0; text-decoration: underline; cursor: pointer; text-align: left; }
.builder-advanced summary[b-qr0ancgumu] { cursor: pointer; margin-block: var(--halo-3); font-size: .85rem; }
.builder-preview[b-qr0ancgumu] { padding: 0; border: 0; }
.builder-preview[b-qr0ancgumu]  .public-webform-shell { min-height: 0; padding: var(--halo-3); }
.builder-preview[b-qr0ancgumu]  .public-webform-card { width: 100%; }
.builder-progress-step:disabled[b-qr0ancgumu] { cursor: wait; }
@media (max-width: 700px) {
    .builder-progress[b-qr0ancgumu] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .builder-review-grid[b-qr0ancgumu] { grid-template-columns: minmax(0, 1fr); }
    .builder-footer[b-qr0ancgumu] { flex-wrap: wrap; }
    .builder-footer > span[b-qr0ancgumu] { order: 3; width: 100%; }
}

.builder-start-options[b-qr0ancgumu] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--halo-4); }
.builder-start-option[b-qr0ancgumu] { padding: var(--halo-3); background: var(--halo-surface-sunken); border-radius: var(--halo-radius-lg); }
.builder-start-option p[b-qr0ancgumu] { margin-top: var(--halo-2); }
@media (max-width: 700px) { .builder-start-options[b-qr0ancgumu] { grid-template-columns: minmax(0, 1fr); } }
/* /Components/Pages/CustomerProfile.razor.rz.scp.css */
.customer-profile-halo[b-s7dkwuiisp] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--halo-4);
    color: var(--halo-text);
    font-family: var(--halo-font);
}

.customer-profile-halo[b-s7dkwuiisp]  .halo-page-header {
    margin: 0;
    padding: 0 0 var(--halo-5);
    border-bottom: 0;
}

@keyframes cp-surface-in-b-s7dkwuiisp {
    from { opacity: 0; transform: translateY(8px); }
}

.cp-table-shell[b-s7dkwuiisp] {
    overflow-x: auto;
    margin: 0;
    border: 0;
    border-radius: 0 0 var(--halo-radius-lg) var(--halo-radius-lg);
    box-shadow: none;
}

    .cp-tabs-container[b-s7dkwuiisp] {
        position: sticky;
        top: 0;
        z-index: 10;
        display: flex;
        align-items: center;
        gap: var(--halo-5);
        overflow-x: auto;
        background: color-mix(in srgb, var(--halo-canvas) 86%, transparent);
        -webkit-backdrop-filter: blur(14px) saturate(160%);
        backdrop-filter: blur(14px) saturate(160%);
        margin-bottom: var(--halo-4);
        border-bottom: 1px solid var(--halo-hairline);
        padding: 2px 0 0;
        scrollbar-width: none;
    }

    @supports not (background: color-mix(in srgb, red 10%, blue)) {
        .cp-tabs-container[b-s7dkwuiisp] { background: var(--halo-canvas); }
    }

    .cp-tab-content[b-s7dkwuiisp] {
        display: flex;
        flex-direction: column;
        gap: var(--halo-6);
        animation: cp-surface-in-b-s7dkwuiisp var(--halo-duration-3) var(--halo-ease-out) both;
    }

    /* ═══════════════════════════════════════════════════════════════
       METRICS ROW
       ═══════════════════════════════════════════════════════════════ */
    .cp-metrics-row[b-s7dkwuiisp] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 196px), 1fr));
        gap: var(--halo-3);
    }

    /* ═══════════════════════════════════════════════════════════════
       ACTION CENTER
       ═══════════════════════════════════════════════════════════════ */
    .cp-action-empty[b-s7dkwuiisp] {
        display: flex;
        align-items: center;
        gap: var(--halo-2);
        padding: var(--halo-4) 0;
    }

    .cp-action-list[b-s7dkwuiisp] {
        display: flex;
        flex-direction: column;
        gap: var(--halo-2);
    }

    .cp-action-item[b-s7dkwuiisp] {
        display: grid;
        grid-template-columns: 36px minmax(0, 1fr) auto;
        align-items: center;
        gap: var(--halo-4);
        padding: var(--halo-3);
        border: 0;
        border-radius: var(--halo-radius-xs);
        background: var(--halo-surface);
        transition: transform var(--halo-duration-3) var(--halo-ease-spring), box-shadow var(--halo-duration-2) var(--halo-ease-out);
    }

    .cp-action-item:hover[b-s7dkwuiisp] {
        background: var(--halo-surface-hover);
    }



    .cp-action-icon[b-s7dkwuiisp] {
        width: 36px;
        height: 36px;
        border-radius: 11px;
        display: grid;
        place-items: center;
    }

    .cp-action-icon--danger[b-s7dkwuiisp] {
        background: rgb(var(--halo-tone-critical) / .10);
        color: var(--halo-ink-critical);
    }

    .cp-action-icon--warning[b-s7dkwuiisp] {
        background: rgb(var(--halo-tone-warning) / .10);
        color: var(--halo-ink-warning);
    }

    .cp-action-icon--info[b-s7dkwuiisp] {
        background: rgb(var(--halo-tone-brand) / .10);
        color: var(--halo-ink-brand);
    }

    .cp-action-body[b-s7dkwuiisp] {
        min-width: 0;
    }

    .cp-action-title[b-s7dkwuiisp] {
        font-weight: 600 !important;
        color: var(--halo-text);
    }

    /* ═══════════════════════════════════════════════════════════════
       TIMELINE
       ═══════════════════════════════════════════════════════════════ */
    .cp-journey-tree[b-s7dkwuiisp] {
        display: flex;
        flex-direction: column;
        gap: var(--halo-4);
    }

    .cp-journey-root[b-s7dkwuiisp] {
        display: flex;
        align-items: center;
        gap: var(--halo-2);
        padding: var(--halo-4);
        border: 1px solid var(--halo-hairline);
        border-radius: var(--halo-radius-md);
        color: var(--halo-text);
        background: var(--halo-surface-sunken);
    }

    .cp-journey-root-icon[b-s7dkwuiisp] {
        width: 36px;
        height: 36px;
        display: grid;
        place-items: center;
        border-radius: var(--halo-radius-sm);
        color: var(--halo-ink-brand);
        background: rgb(var(--halo-tone-brand) / .10);
    }

    .cp-journey-root > div:last-child[b-s7dkwuiisp] {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .cp-journey-root span[b-s7dkwuiisp] {
        font-size: var(--halo-text-caption);
        color: var(--halo-text-secondary);
    }

    .cp-journey-branches[b-s7dkwuiisp] {
        position: relative;
        display: grid;
        gap: var(--halo-2);
        padding-left: var(--halo-6);
    }

    .cp-journey-branches[b-s7dkwuiisp]::before {
        content: '';
        position: absolute;
        left: 7px;
        top: 0;
        bottom: var(--halo-4);
        width: 2px;
        background: var(--halo-hairline);
    }

    .cp-journey-branch[b-s7dkwuiisp] {
        position: relative;
        border: 1px solid var(--halo-hairline);
        border-radius: var(--halo-radius-md);
        background: var(--halo-surface);
        overflow: hidden;
        transition: box-shadow var(--halo-duration-2) var(--halo-ease-out);
    }

    .cp-journey-branch:hover[b-s7dkwuiisp] {
        box-shadow: var(--halo-shadow-1);
    }

    .cp-journey-branch[b-s7dkwuiisp]::before {
        content: '';
        position: absolute;
        left: calc(-1 * var(--halo-6) + 7px);
        top: 26px;
        width: calc(var(--halo-6) - 7px);
        height: 2px;
        background: var(--halo-hairline);
    }

    .cp-journey-branch > summary[b-s7dkwuiisp] {
        display: grid;
        grid-template-columns: 12px minmax(0, 1fr) auto;
        align-items: center;
        gap: var(--halo-2);
        padding: var(--halo-2) var(--halo-4);
        cursor: pointer;
        list-style: none;
        background: var(--halo-surface-sunken);
    }

    .cp-journey-branch > summary[b-s7dkwuiisp]::-webkit-details-marker {
        display: none;
    }

    .cp-journey-branch-marker[b-s7dkwuiisp] {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: rgb(var(--halo-tone-brand));
        box-shadow: 0 0 0 4px rgb(var(--halo-tone-brand) / .10);
    }

    .cp-journey-branch-marker--customer[b-s7dkwuiisp] {
        background: rgb(var(--halo-tone-success));
        box-shadow: 0 0 0 4px rgb(var(--halo-tone-success) / .10);
    }

    .cp-journey-branch-heading[b-s7dkwuiisp] {
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 1px;
    }

    .cp-journey-branch-heading small[b-s7dkwuiisp] {
        color: var(--halo-text-secondary);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .cp-journey-branch-count[b-s7dkwuiisp] {
        min-width: 28px;
        padding: 2px 8px;
        border-radius: 999px;
        color: var(--halo-ink-brand);
        background: rgb(var(--halo-tone-brand) / .10);
        font-size: var(--halo-text-caption);
        font-weight: 700;
        text-align: center;
    }

    .cp-timeline--branch[b-s7dkwuiisp] {
        padding: var(--halo-2) var(--halo-4) var(--halo-4);
    }

    .cp-timeline[b-s7dkwuiisp] {
        display: flex;
        flex-direction: column;
        gap: 0;
        padding: var(--halo-2) 0;
    }

    .cp-timeline-item[b-s7dkwuiisp] {
        display: flex;
        gap: var(--halo-4);
        padding: var(--halo-2) 0;
        position: relative;
        animation: cp-surface-in-b-s7dkwuiisp var(--halo-duration-3) var(--halo-ease-out) both;
        animation-delay: calc(var(--halo-row, 0) * 30ms + 40ms);
    }

    .cp-timeline-item:nth-child(1)[b-s7dkwuiisp] { --halo-row: 0; }
    .cp-timeline-item:nth-child(2)[b-s7dkwuiisp] { --halo-row: 1; }
    .cp-timeline-item:nth-child(3)[b-s7dkwuiisp] { --halo-row: 2; }
    .cp-timeline-item:nth-child(4)[b-s7dkwuiisp] { --halo-row: 3; }
    .cp-timeline-item:nth-child(5)[b-s7dkwuiisp] { --halo-row: 4; }
    .cp-timeline-item:nth-child(6)[b-s7dkwuiisp] { --halo-row: 5; }
    .cp-timeline-item:nth-child(n + 7)[b-s7dkwuiisp] { --halo-row: 6; }

    .cp-timeline--full .cp-timeline-item[b-s7dkwuiisp] {
        padding: var(--halo-4) 0;
    }

    .cp-timeline-item:not(:last-child)[b-s7dkwuiisp]::before {
        content: '';
        position: absolute;
        left: 15px;
        top: 40px;
        bottom: -8px;
        width: 2px;
        background: var(--halo-hairline);
    }

    .cp-timeline--full .cp-timeline-item:not(:last-child)[b-s7dkwuiisp]::before {
        top: 48px;
        bottom: -4px;
    }

    .cp-timeline-dot[b-s7dkwuiisp] {
        width: 32px;
        height: 32px;
        min-width: 32px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        z-index: 1;
        color: var(--halo-text-secondary);
        background: var(--halo-surface-sunken);
        box-shadow: 0 0 0 5px var(--halo-surface);
    }

    .cp-timeline-icon[b-s7dkwuiisp] {
        color: currentColor !important;
        font-size: var(--halo-text-body) !important;
    }

    .cp-timeline-dot.cp-event-tone--primary[b-s7dkwuiisp] { color: var(--halo-ink-brand); background: rgb(var(--halo-tone-brand) / .10); }
    .cp-timeline-dot.cp-event-tone--info[b-s7dkwuiisp] { color: var(--halo-ink-info); background: rgb(var(--halo-tone-info) / .10); }
    .cp-timeline-dot.cp-event-tone--success[b-s7dkwuiisp] { color: var(--halo-ink-success); background: rgb(var(--halo-tone-success) / .10); }
    .cp-timeline-dot.cp-event-tone--warning[b-s7dkwuiisp] { color: var(--halo-ink-warning); background: rgb(var(--halo-tone-warning) / .10); }
    .cp-timeline-dot.cp-event-tone--danger[b-s7dkwuiisp] { color: var(--halo-ink-critical); background: rgb(var(--halo-tone-critical) / .10); }
    .cp-timeline-dot.cp-event-tone--neutral[b-s7dkwuiisp] { color: var(--halo-text-secondary); background: var(--halo-surface-sunken); }

    .cp-timeline-type.cp-event-tone--primary[b-s7dkwuiisp] { color: var(--halo-ink-brand); }
    .cp-timeline-type.cp-event-tone--info[b-s7dkwuiisp] { color: var(--halo-ink-info); }
    .cp-timeline-type.cp-event-tone--success[b-s7dkwuiisp] { color: var(--halo-ink-success); }
    .cp-timeline-type.cp-event-tone--warning[b-s7dkwuiisp] { color: var(--halo-ink-warning); }
    .cp-timeline-type.cp-event-tone--danger[b-s7dkwuiisp] { color: var(--halo-ink-critical); }
    .cp-timeline-type.cp-event-tone--neutral[b-s7dkwuiisp] { color: var(--halo-text-secondary); }

    .cp-timeline-body[b-s7dkwuiisp] {
        display: flex;
        flex-direction: column;
        gap: 2px;
        min-width: 0;
        padding-top: 4px;
    }

    .cp-timeline-type-row[b-s7dkwuiisp] {
        display: flex;
        align-items: center;
        gap: var(--halo-2);
    }

    .cp-timeline-type[b-s7dkwuiisp] {
        font-size: var(--halo-text-caption);
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

    .cp-timeline-desc[b-s7dkwuiisp] {
        color: var(--halo-text);
        line-height: 1.4;
    }

    .cp-timeline-meta[b-s7dkwuiisp] {
        display: flex;
        align-items: center;
        gap: var(--halo-2);
        font-size: var(--halo-text-caption);
        color: var(--halo-text-tertiary);
    }

    .cp-timeline-time[b-s7dkwuiisp] {
        color: var(--halo-text-tertiary);
    }

    .cp-timeline-actor[b-s7dkwuiisp] {
        color: var(--halo-text-secondary);
    }

    /* ═══════════════════════════════════════════════════════════════
       TABLE STYLING
       ═══════════════════════════════════════════════════════════════ */
    .cp-table[b-s7dkwuiisp] {
        border: none;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .cp-clickable-row[b-s7dkwuiisp] {
        cursor: pointer;
    }

    .cp-table[b-s7dkwuiisp]  .mud-table-container {
        border-radius: 0;
    }

    .cp-mono[b-s7dkwuiisp] {
        font-family: var(--halo-font-mono);
        font-size: var(--halo-text-sm);
        color: var(--halo-text-secondary);
    }

    .cp-muted[b-s7dkwuiisp] {
        color: var(--halo-text-tertiary);
    }

    .cp-services-actions[b-s7dkwuiisp] {
        display: flex;
        gap: var(--halo-2);
        align-items: center;
    }

    .cp-service-title-cell[b-s7dkwuiisp] {
        display: flex;
        flex-direction: column;
        gap: 2px;
        min-width: 0;
        font-weight: 700;
        color: var(--halo-text);
    }

    .cp-service-subtitle[b-s7dkwuiisp] {
        font-size: var(--halo-text-caption);
        font-weight: 500;
        color: var(--halo-text-secondary);
    }

    .cp-catalog-product-cell[b-s7dkwuiisp] {
        display: flex;
        align-items: center;
        gap: var(--halo-2);
        min-width: 0;
    }

    .cp-catalog-thumb[b-s7dkwuiisp] {
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
        border-radius: var(--halo-radius-sm);
        object-fit: cover;
        border: 1px solid var(--halo-hairline);
        background: var(--halo-surface-sunken);
    }

    .cp-catalog-thumb--empty[b-s7dkwuiisp] {
        display: grid;
        place-items: center;
        color: var(--halo-text-tertiary);
    }

    .cp-catalog-product-copy[b-s7dkwuiisp] {
        min-width: 0;
    }

    .cp-catalog-product-name[b-s7dkwuiisp] {
        font-weight: 700 !important;
        color: var(--halo-text);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 260px;
    }

    .cp-summary-text[b-s7dkwuiisp] {
        max-width: 300px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .cp-submission-modal-meta[b-s7dkwuiisp] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: var(--halo-2) var(--halo-4);
        color: var(--halo-text-secondary);
        font-size: var(--halo-text-caption);
        overflow-wrap: anywhere;
    }

    .cp-submission-modal-summary[b-s7dkwuiisp] {
        color: var(--halo-text);
        margin: var(--halo-4) 0;
    }

    .cp-submission-position[b-s7dkwuiisp] {
        margin-right: auto;
        color: var(--halo-text-secondary);
        font-size: var(--halo-text-caption);
    }

    .cp-submission-audit[b-s7dkwuiisp] {
        display: flex;
        flex-direction: column;
        gap: var(--halo-2);
        padding: var(--halo-2) 0 var(--halo-4);
    }

    .cp-submission-links[b-s7dkwuiisp] {
        display: flex;
        flex-wrap: wrap;
        gap: var(--halo-2);
        color: var(--halo-text-secondary);
        font-size: var(--halo-text-sm);
    }

    .cp-submission-links strong[b-s7dkwuiisp] {
        color: var(--halo-text);
        font-family: var(--halo-font-mono);
        font-weight: 600;
    }

    .cp-submission-fields[b-s7dkwuiisp] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: var(--halo-2);
    }

    .cp-submission-sections[b-s7dkwuiisp] {
        display: grid;
        gap: var(--halo-2);
    }

    .cp-submission-section[b-s7dkwuiisp] {
        border: 1px solid var(--halo-hairline);
        border-radius: var(--halo-radius-sm);
        background: var(--halo-surface);
        overflow: hidden;
    }

    .cp-submission-section > summary[b-s7dkwuiisp] {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: var(--halo-2);
        padding: var(--halo-2) var(--halo-4);
        color: var(--halo-text);
        font-size: var(--halo-text-body);
        font-weight: 700;
    }

    .cp-submission-section[open] > summary[b-s7dkwuiisp] {
        border-bottom: 1px solid var(--halo-hairline);
        background: var(--halo-surface-sunken);
    }

    .cp-submission-section-count[b-s7dkwuiisp] {
        flex: 0 0 auto;
        color: var(--halo-text-secondary);
        font-size: var(--halo-text-caption);
        font-weight: 600;
    }

    .cp-submission-fields--structured[b-s7dkwuiisp] {
        padding: var(--halo-2);
    }

    .cp-submission-fields--source[b-s7dkwuiisp] {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }

    .cp-submission-field[b-s7dkwuiisp] {
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 2px;
        padding: var(--halo-2);
        border: 1px solid var(--halo-hairline);
        border-radius: var(--halo-radius-sm);
        background: var(--halo-surface);
    }

    .cp-submission-field-label[b-s7dkwuiisp] {
        font-size: var(--halo-text-caption);
        font-weight: 600;
        color: var(--halo-text-secondary);
    }

    .cp-submission-field-heading[b-s7dkwuiisp] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: var(--halo-1);
        min-height: 24px;
    }

    .cp-submission-copy[b-s7dkwuiisp] {
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        padding: 0;
        border: 0;
        border-radius: 6px;
        color: var(--halo-text-secondary);
        background: transparent;
        cursor: pointer;
    }

    .cp-submission-copy:hover[b-s7dkwuiisp],
    .cp-submission-copy:focus-visible[b-s7dkwuiisp] {
        color: var(--halo-ink-brand);
        background: var(--halo-surface-sunken);
        outline: none;
    }

    .cp-submission-field-value[b-s7dkwuiisp] {
        color: var(--halo-text);
        font-size: var(--halo-text-body);
        white-space: pre-wrap;
        overflow-wrap: anywhere;
    }

    .cp-submission-source[b-s7dkwuiisp] {
        display: flex;
        flex-direction: column;
        gap: var(--halo-1);
    }

    .cp-submission-source-title[b-s7dkwuiisp] {
        color: var(--halo-text-secondary);
        font-size: var(--halo-text-caption);
        font-weight: 700;
        text-transform: uppercase;
    }

    .cp-submission-payload[b-s7dkwuiisp] {
        border: 1px solid var(--halo-hairline);
        border-radius: var(--halo-radius-sm);
        background: var(--halo-surface);
        overflow: hidden;
    }

    .cp-submission-payload summary[b-s7dkwuiisp] {
        cursor: pointer;
        color: var(--halo-text);
        font-size: var(--halo-text-sm);
        font-weight: 600;
        padding: var(--halo-2);
        list-style-position: inside;
    }

    .cp-submission-payload pre[b-s7dkwuiisp] {
        margin: 0;
        padding: var(--halo-2);
        border-top: 1px solid var(--halo-hairline);
        color: var(--halo-text);
        background: var(--halo-surface-sunken);
        font-family: var(--halo-font-mono);
        font-size: var(--halo-text-caption);
        line-height: 1.45;
        white-space: pre-wrap;
        overflow-wrap: anywhere;
        max-height: 360px;
        overflow-y: auto;
    }

    /* ═══════════════════════════════════════════════════════════════
       EMPTY / NOTES / BACK
       ═══════════════════════════════════════════════════════════════ */
    .cp-section-empty[b-s7dkwuiisp] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: var(--halo-2);
        padding: var(--halo-8) var(--halo-4);
    }

    .cp-empty-icon[b-s7dkwuiisp] {
        color: var(--halo-text-tertiary);
    }

    .cp-notes-body[b-s7dkwuiisp] {
        white-space: pre-wrap;
        word-break: break-word;
        color: var(--halo-text);
        line-height: 1.6;
    }

    .cp-back-link[b-s7dkwuiisp] {
        display: flex;
        justify-content: center;
        margin-top: var(--halo-4);
    }

    /* ═══════════════════════════════════════════════════════════════
       RESPONSIVE
       ═══════════════════════════════════════════════════════════════ */
    @media (max-width: 767px) {


        .cp-hide-mobile[b-s7dkwuiisp] {
            display: none;
        }

        .cp-lead-scope[b-s7dkwuiisp] {
            align-items: stretch;
            flex-direction: column;
        }

        .cp-action-item[b-s7dkwuiisp] {
            grid-template-columns: 36px minmax(0, 1fr);
        }

        .cp-action-item[b-s7dkwuiisp] >  .mud-button-root {
            grid-column: 2;
            justify-self: flex-start;
        }
    }

.customer-profile-halo[b-s7dkwuiisp] { min-width: 0; }
.cp-action-item--danger[b-s7dkwuiisp] { --action-ink: var(--halo-ink-critical); }
.cp-action-item--warning[b-s7dkwuiisp] { --action-ink: var(--halo-ink-warning); }
.cp-action-item--info[b-s7dkwuiisp] { --action-ink: var(--halo-ink-info); }
.customer-profile-halo[b-s7dkwuiisp]  .cp-table td { font-variant-numeric: tabular-nums; }


.customer-profile-halo[b-s7dkwuiisp]  .halo-page-header { padding-bottom: var(--halo-2); }

@media (max-width: 600px) {
    .cp-action-item[b-s7dkwuiisp] { grid-template-columns: 32px minmax(0, 1fr); gap: var(--halo-3); }
    .cp-action-item[b-s7dkwuiisp]  .halo-btn { grid-column: 2; justify-self: start; }
    .cp-lead-scope[b-s7dkwuiisp] { align-items: flex-start; flex-direction: column; }

}

.cp-access-event[b-s7dkwuiisp] { border: 1px solid var(--halo-hairline); border-radius: var(--halo-radius-md); padding: var(--halo-3); background: var(--halo-surface); }
.cp-access-event summary[b-s7dkwuiisp] { cursor: pointer; color: var(--halo-text); font-weight: 600; }
.cp-access-event summary span[b-s7dkwuiisp] { color: var(--halo-ink-brand); font-size: var(--halo-text-sm); margin-inline-start: var(--halo-2); }
.cp-access-event summary:focus-visible[b-s7dkwuiisp] { outline: none; box-shadow: var(--halo-focus-ring); }
.cp-access-event dl[b-s7dkwuiisp] { display: grid; gap: var(--halo-2); margin: var(--halo-3) 0 0; }
.cp-access-event dt[b-s7dkwuiisp] { color: var(--halo-text-secondary); font-size: var(--halo-text-sm); }
.cp-access-event dd[b-s7dkwuiisp] { margin: 0 0 var(--halo-2); overflow-wrap: anywhere; }
.cp-access-reason[b-s7dkwuiisp] { white-space: pre-wrap; }

/* Profile workspace: identity first, labelled contacts, context outside the card. */




.cp-lead-scope[b-s7dkwuiisp] { display:flex; justify-content:space-between; align-items:center; gap:var(--halo-4); padding:var(--halo-3) var(--halo-4); border:1px solid var(--halo-hairline); border-radius:var(--halo-radius-md); background:var(--halo-surface); }
.cp-quote-context[b-s7dkwuiisp] { display:grid; gap:var(--halo-4); color:var(--halo-text); }
.cp-quote-context p[b-s7dkwuiisp] { margin:0; font-size:var(--halo-text-sm); }


.customer-profile-halo[b-s7dkwuiisp]  .halo-page-header__content { flex-wrap:wrap; gap:var(--halo-4); }
.customer-profile-halo[b-s7dkwuiisp]  .halo-page-header__actions { flex-wrap:wrap; }
.cp-tab-content[b-s7dkwuiisp] { min-width:0; }
.cp-activity-filters[b-s7dkwuiisp] { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr)); gap:var(--halo-4); margin-bottom:var(--halo-4); }

.cp-with-communication[b-s7dkwuiisp] { margin-right: min(460px, 40vw); }
.cp-communication-drawer[b-s7dkwuiisp] { position:fixed; right:12px; top:100px; bottom:12px; width:min(440px, 40vw); z-index:20; background:var(--halo-surface-raised); border:1px solid var(--halo-hairline-strong); box-shadow:var(--halo-shadow-3); border-radius:var(--halo-radius-xl); overflow:hidden; animation: cp-drawer-in-b-s7dkwuiisp var(--halo-duration-3) var(--halo-ease-sheet) both; }
@keyframes cp-drawer-in-b-s7dkwuiisp { from { transform: translateX(24px); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .cp-communication-drawer[b-s7dkwuiisp], .cp-tab-content[b-s7dkwuiisp], .cp-timeline-item[b-s7dkwuiisp], .customer-profile-halo[b-s7dkwuiisp]  .cp-header-card { animation: none; } }
@media(max-width:1100px) { .cp-with-communication[b-s7dkwuiisp] { margin-right:0; } .cp-communication-drawer[b-s7dkwuiisp] { width:min(500px, calc(100vw - 24px)); } }

@media (prefers-reduced-transparency: reduce) {
    .cp-tabs-container[b-s7dkwuiisp] {
        background: var(--halo-canvas);
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
}

/* Stable regions let the view switch without recreating forms or conversations. */
.cp-workspace-grid[b-s7dkwuiisp],.cp-main-region[b-s7dkwuiisp],.cp-communication-region[b-s7dkwuiisp] { display:grid; gap:var(--halo-4); min-width:0; align-content:start; }
.customer-profile--panoramic .cp-workspace-grid[b-s7dkwuiisp] { grid-template-columns:minmax(200px,.85fr) minmax(0,1.5fr) minmax(250px,1fr); align-items:start; gap:var(--halo-5); }
.customer-profile--panoramic .cp-context-rail[b-s7dkwuiisp] { grid-column:1; grid-row:1; min-width:0; }
.customer-profile--panoramic .cp-main-region[b-s7dkwuiisp] { grid-column:2; grid-row:1; }
.customer-profile--panoramic .cp-communication-region[b-s7dkwuiisp] { grid-column:3; grid-row:1; }
.customer-profile--panoramic .cp-workspace-grid--wide[b-s7dkwuiisp] { grid-template-columns:minmax(0,1fr) minmax(250px,320px); }
.customer-profile--panoramic .cp-workspace-grid--wide .cp-main-region[b-s7dkwuiisp] { grid-column:1; }
.customer-profile--panoramic .cp-workspace-grid--wide .cp-communication-region[b-s7dkwuiisp] { grid-column:2; }
.customer-profile--panoramic .cp-metrics-row[b-s7dkwuiisp] { grid-template-columns:repeat(2,minmax(0,1fr)); }
.customer-profile--panoramic .cp-metrics-row[b-s7dkwuiisp]  .halo-metric:last-child { grid-column:1 / -1; }
.customer-profile--panoramic .cp-tabs-container[b-s7dkwuiisp] { margin-bottom:0; gap:var(--halo-4); }
.cp-communication-panel[b-s7dkwuiisp] { display:grid; gap:var(--halo-4); }
.cp-communication-heading h2[b-s7dkwuiisp] { margin:0; font:700 var(--halo-text-title)/1.3 var(--halo-font-display); }
.cp-communication-heading p[b-s7dkwuiisp] { margin:var(--halo-1) 0 0; font-size:var(--halo-text-sm); color:var(--halo-text-secondary); }
.cp-work-list[b-s7dkwuiisp] { display:grid; gap:var(--halo-2); }
.cp-work-entry[b-s7dkwuiisp] { display:flex; align-items:center; flex-wrap:wrap; gap:var(--halo-3); width:100%; padding:var(--halo-3); border:1px solid var(--halo-hairline); border-radius:var(--halo-radius-md); color:var(--halo-text); background:var(--halo-surface); text-align:left; cursor:pointer; }
.cp-work-entry:hover[b-s7dkwuiisp] { background:var(--halo-surface-hover); }
.cp-work-entry:disabled[b-s7dkwuiisp] { cursor:default; }
.cp-work-entry:focus-visible[b-s7dkwuiisp] { outline:none; border-radius:var(--halo-radius-sm); box-shadow:var(--halo-focus-ring); }
.cp-work-entry__icon[b-s7dkwuiisp] { display:grid; place-items:center; width:36px; height:36px; border-radius:var(--halo-radius-sm); color:var(--halo-ink-pipeline); background:var(--halo-tint-pipeline); }
.cp-work-entry__copy[b-s7dkwuiisp] { display:grid; flex:1; min-width:130px; gap:var(--halo-1); }
.cp-work-entry__copy strong[b-s7dkwuiisp] { font-size:var(--halo-text-body); overflow-wrap:anywhere; }
.cp-work-entry__copy small[b-s7dkwuiisp] { color:var(--halo-text-secondary); font-size:var(--halo-text-caption); }
.cp-communication-drawer--inline[b-s7dkwuiisp] { position:relative; inset:auto; width:100%; height:620px; max-height:75vh; z-index:auto; box-shadow:none; animation:none; }
@media(max-width:1200px) {
    .customer-profile--panoramic .cp-workspace-grid[b-s7dkwuiisp] { grid-template-columns:minmax(0,1fr) minmax(250px,320px); }
    .customer-profile--panoramic .cp-context-rail[b-s7dkwuiisp] { grid-column:2; grid-row:2; }
    .customer-profile--panoramic .cp-main-region[b-s7dkwuiisp] { grid-column:1; grid-row:1 / span 2; }
    .customer-profile--panoramic .cp-communication-region[b-s7dkwuiisp] { grid-column:2; grid-row:1; }
}
@media(max-width:760px) {
    .customer-profile--panoramic .cp-workspace-grid[b-s7dkwuiisp] { grid-template-columns:minmax(0,1fr); }
    .customer-profile--panoramic .cp-workspace-grid > .cp-main-region[b-s7dkwuiisp],
    .customer-profile--panoramic .cp-workspace-grid > .cp-context-rail[b-s7dkwuiisp],
    .customer-profile--panoramic .cp-workspace-grid > .cp-communication-region[b-s7dkwuiisp] { grid-column:1; grid-row:auto; }
    .customer-profile--panoramic .cp-main-region[b-s7dkwuiisp] { order:0; }
    .customer-profile--panoramic .cp-context-rail[b-s7dkwuiisp] { order:1; }
    .customer-profile--panoramic .cp-communication-region[b-s7dkwuiisp] { order:2; }
}
/* /Components/Pages/CustomerWorkspace/ProfileDetailsCard.razor.rz.scp.css */
.cp-details[b-pz6c5f0r14] { display:grid; align-content:start; gap:var(--halo-4); min-width:0; }
.cp-details-list[b-pz6c5f0r14] { display:grid; margin:0; }
.cp-details-list > div[b-pz6c5f0r14] { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); align-items:baseline; gap:var(--halo-3); padding:var(--halo-3) 0; border-bottom:1px solid var(--halo-hairline); }
.cp-details-list > div:first-child[b-pz6c5f0r14] { padding-top:0; }
.cp-details-list > div:last-child[b-pz6c5f0r14] { border:0; padding-bottom:0; }
.cp-details-list dt[b-pz6c5f0r14] { font-size:var(--halo-text-sm); color:var(--halo-text-secondary); }
.cp-details-list dd[b-pz6c5f0r14] { margin:0; font-size:var(--halo-text-sm); font-weight:600; color:var(--halo-text); overflow-wrap:anywhere; text-align:right; }
.cp-details-notes[b-pz6c5f0r14] { margin:0; color:var(--halo-text-secondary); font-size:var(--halo-text-body); white-space:pre-wrap; overflow-wrap:anywhere; }
/* /Components/Pages/CustomerWorkspace/ProfileIdentity.razor.rz.scp.css */
/* Aurora identity banner. Layout modes share this visual recipe. */
.cp-header-card[b-ep09sdkg0s] {
    position:relative;
    padding:var(--halo-5);
    overflow:hidden;
    background:radial-gradient(600px 160px at 10% -20%,rgb(var(--halo-tone-brand) / .18),transparent 60%),
               radial-gradient(400px 160px at 70% 0%,rgb(var(--halo-tone-info) / .14),transparent 60%),var(--halo-surface);
}
.cp-header[b-ep09sdkg0s] { display:grid; grid-template-columns:minmax(220px,1fr) minmax(0,1.3fr); gap:var(--halo-5); align-items:center; }
.cp-header-identity[b-ep09sdkg0s] { display:flex; gap:var(--halo-4); align-items:center; min-width:0; }
.cp-avatar[b-ep09sdkg0s] { display:grid; place-items:center; flex:0 0 56px; width:56px; height:56px; border-radius:18px; background:linear-gradient(135deg,rgb(var(--halo-tone-brand)),rgb(var(--halo-tone-info))); color:var(--halo-on-action); font:800 1.125rem/1 var(--halo-font-display); }
.cp-profile-summary[b-ep09sdkg0s] { display:grid; gap:var(--halo-1); min-width:0; }
.cp-profile-eyebrow[b-ep09sdkg0s] { color:var(--halo-text-secondary); font-size:var(--halo-text-caption); font-weight:600; letter-spacing:var(--halo-tracking-wide); text-transform:uppercase; }
.cp-profile-name-row[b-ep09sdkg0s] { display:flex; flex-wrap:wrap; gap:var(--halo-2); align-items:center; min-width:0; }
.cp-profile-name[b-ep09sdkg0s] { display:flex; gap:var(--halo-2); align-items:center; padding:0; border:0; background:transparent; color:var(--halo-text); font:800 1.375rem/1.2 var(--halo-font-display); letter-spacing:var(--halo-tracking-tight); text-align:left; overflow-wrap:anywhere; }
.cp-header-meta[b-ep09sdkg0s] { display:flex; flex-wrap:wrap; gap:var(--halo-2); color:var(--halo-text-secondary); font-size:var(--halo-text-sm); }
.cp-meta-sep[b-ep09sdkg0s] { color:var(--halo-text-tertiary); }
.cp-id[b-ep09sdkg0s] { font-family:var(--halo-font-mono); font-size:var(--halo-text-caption); font-variant-numeric:tabular-nums; }
.cp-header-contact[b-ep09sdkg0s] { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr)); gap:var(--halo-3) var(--halo-4); min-width:0; }
.cp-header-contact[b-ep09sdkg0s]  .mud-tooltip-root { display:block; min-width:0; }
.cp-contact-item[b-ep09sdkg0s] { display:flex; align-items:center; gap:var(--halo-2); width:100%; min-width:0; border:0; border-radius:var(--halo-radius-xs); padding:var(--halo-2); background:transparent; color:var(--halo-text); text-align:left; font-family:var(--halo-font); }
.cp-contact-value[b-ep09sdkg0s] { display:grid; gap:var(--halo-1); min-width:0; overflow-wrap:anywhere; }
.cp-contact-value small[b-ep09sdkg0s] { color:var(--halo-text-secondary); font-size:var(--halo-text-caption); }
.cp-contact-value strong[b-ep09sdkg0s] { font-size:var(--halo-text-sm); font-weight:500; }
.cp-copyable[b-ep09sdkg0s] { cursor:pointer; transition:background var(--halo-duration-1) var(--halo-ease-out); }
.cp-copyable:hover[b-ep09sdkg0s] { background:var(--halo-surface-hover); }
.cp-profile-name.cp-copyable:hover[b-ep09sdkg0s] { background:transparent; color:var(--halo-ink-brand); }
.cp-copyable:focus-visible[b-ep09sdkg0s] { outline:none; box-shadow:var(--halo-focus-ring); }
.cp-header[b-ep09sdkg0s]  .cp-copy-icon { flex-shrink:0; color:var(--halo-text-secondary); font-size:var(--halo-text-sm); opacity:0; transition:opacity var(--halo-duration-1) var(--halo-ease-out); }
.cp-copyable:is(:hover,:focus-visible)[b-ep09sdkg0s]  .cp-copy-icon { opacity:1; }
.cp-contact-item[b-ep09sdkg0s]  .cp-copy-icon { margin-left:auto; }
.cp-header[b-ep09sdkg0s]  .cp-contact-icon { flex-shrink:0; color:var(--halo-text-secondary); font-size:var(--halo-text-body); }
@media(hover:none) { .cp-header[b-ep09sdkg0s]  .cp-copy-icon { opacity:1; } }
@media(max-width:900px) { .cp-header[b-ep09sdkg0s] { grid-template-columns:minmax(0,1fr); } }
@media(prefers-reduced-transparency:reduce) { .cp-header-card[b-ep09sdkg0s] { background:var(--halo-surface); } }
/* /Components/Pages/CustomerWorkspace/ProfileOpportunities.razor.rz.scp.css */
.op-workspace[b-wdel002n75] { display:grid; gap:var(--halo-4); min-width:0; }
.op-item[b-wdel002n75] { border:1px solid var(--halo-hairline); border-radius:var(--halo-radius-md); background:var(--halo-surface); overflow:hidden; }
.op-heading[b-wdel002n75] { display:flex; flex-wrap:wrap; align-items:center; gap:var(--halo-4); padding:var(--halo-4); }
.op-identity[b-wdel002n75] { display:flex; gap:var(--halo-3); align-items:center; flex:1; min-width:180px; }
.op-identity>div[b-wdel002n75],.op-submission-copy[b-wdel002n75] { display:grid; gap:var(--halo-1); min-width:0; }
.op-identity span[b-wdel002n75],.op-submission-copy span[b-wdel002n75],.op-submission-copy small[b-wdel002n75],.op-empty[b-wdel002n75] { color:var(--halo-text-secondary); font-size:var(--halo-text-sm); }
.op-icon[b-wdel002n75] { display:grid; place-items:center; width:36px; height:36px; border-radius:var(--halo-radius-sm); background:rgb(var(--halo-tone-pipeline) / .10); color:var(--halo-ink-pipeline)!important; }
.op-actions[b-wdel002n75] { display:flex; flex-wrap:wrap; gap:var(--halo-2); }
.op-intake[b-wdel002n75] { border-top:1px solid var(--halo-hairline); }
.op-intake summary[b-wdel002n75] { padding:var(--halo-3) var(--halo-4); cursor:pointer; color:var(--halo-text-secondary); font-size:var(--halo-text-sm); background:var(--halo-surface-sunken); }
.op-intake summary span+span[b-wdel002n75] { margin-left:var(--halo-4); }
.op-submission[b-wdel002n75] { display:flex; justify-content:space-between; align-items:center; gap:var(--halo-4); padding:var(--halo-4); border-top:1px solid var(--halo-hairline); }
.op-submission-copy[b-wdel002n75] { overflow-wrap:anywhere; }
.op-empty[b-wdel002n75] { margin:var(--halo-3) var(--halo-4); }
.op-intake summary:focus-visible[b-wdel002n75] { outline:none; box-shadow:inset 0 0 0 2px var(--halo-ink-brand); }
@media(max-width:650px) { .op-submission[b-wdel002n75] { align-items:stretch; flex-direction:column; } .op-intake summary span+span[b-wdel002n75] { display:block; margin:var(--halo-2) 0 0; } }

.op-quotes[b-wdel002n75] { display:grid; gap:var(--halo-3); padding:var(--halo-4); border-top:1px solid var(--halo-hairline); background:var(--halo-surface-sunken); }
.op-quote[b-wdel002n75] { display:flex; justify-content:space-between; align-items:center; gap:var(--halo-4); padding:var(--halo-4); background:var(--halo-surface); border:1px solid var(--halo-hairline); border-radius:var(--halo-radius-md); }
.op-quote-copy[b-wdel002n75] { display:grid; gap:var(--halo-1); }
.op-quote-copy span[b-wdel002n75],.op-quote-copy small[b-wdel002n75] { color:var(--halo-text-secondary); font-size:var(--halo-text-sm); }
@media(max-width:650px) { .op-quote[b-wdel002n75] { align-items:stretch; flex-direction:column; } }
/* /Components/Pages/CustomerWorkspace/ProfileQuotes.razor.rz.scp.css */
.pq-content[b-3xwnqdymku] { display:grid; gap:var(--halo-5); min-width:0; }
.pq-group[b-3xwnqdymku] { min-width:0; }
.pq-group>header[b-3xwnqdymku] { display:flex; flex-wrap:wrap; gap:var(--halo-3); padding-bottom:var(--halo-3); align-items:baseline; }
.pq-group>header span[b-3xwnqdymku],.pq-origin small[b-3xwnqdymku] { color:var(--halo-text-secondary); font-size:var(--halo-text-sm); }
.pq-origin[b-3xwnqdymku] { display:grid; gap:var(--halo-1); }
.pq-content .halo-table-shell[b-3xwnqdymku] { overflow-x:auto; max-width:100%; }
.pq-content td[b-3xwnqdymku] { font-variant-numeric:tabular-nums; }
.pq-content th[b-3xwnqdymku],.pq-content td[b-3xwnqdymku] { white-space:nowrap; }
.pq-content .halo-table-shell:focus-visible[b-3xwnqdymku] { outline:none; box-shadow:var(--halo-focus-ring); }
/* /Components/Pages/Dashboard/Dashboard.razor.rz.scp.css */
.ops-dashboard[b-6uf45p4l8v]{display:grid;gap:var(--halo-5);padding-bottom:120px;color:var(--halo-text)}.ops-context[b-6uf45p4l8v]{display:flex;gap:var(--halo-4);align-items:center;justify-content:space-between;flex-wrap:wrap}.ops-filters[b-6uf45p4l8v]{display:flex;align-items:center;gap:var(--halo-3);flex-wrap:wrap}.ops-filters label[b-6uf45p4l8v]{display:flex;align-items:center;gap:var(--halo-2);font-size:var(--halo-text-sm);color:var(--halo-text-secondary)}.ops-filters select[b-6uf45p4l8v],.ops-search input[b-6uf45p4l8v]{border:1px solid var(--halo-hairline);border-radius:var(--halo-radius-md);background:var(--halo-surface);color:var(--halo-text);min-height:38px;padding:var(--halo-2) var(--halo-3);max-width:230px;font:inherit}.ops-profile[b-6uf45p4l8v]{background:rgb(var(--halo-tone-brand)/.1);color:var(--halo-ink-brand);padding:var(--halo-2) var(--halo-3);border-radius:var(--halo-radius-md);font-size:var(--halo-text-sm);font-weight:600}.ops-timestamp[b-6uf45p4l8v]{color:var(--halo-text-secondary);font-size:var(--halo-text-caption)}.ops-metrics[b-6uf45p4l8v]{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:var(--halo-3)}.ops-metrics[b-6uf45p4l8v]  .halo-metric__value{font-size:26px;overflow-wrap:anywhere}.ops-card[b-6uf45p4l8v]{min-width:0;border:1px solid var(--halo-hairline);border-radius:var(--halo-radius-lg);background:var(--halo-surface);overflow:hidden}.ops-head[b-6uf45p4l8v]{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--halo-3);padding:var(--halo-5)}.ops-head h2[b-6uf45p4l8v]{font-size:var(--halo-text-title);font-weight:600;margin:0;color:var(--halo-text)}.ops-head p[b-6uf45p4l8v]{font-size:var(--halo-text-sm);color:var(--halo-text-secondary);margin:var(--halo-1) 0 0}.ops-tag[b-6uf45p4l8v]{font-size:var(--halo-text-caption);padding:4px 8px;border-radius:6px;background:var(--halo-surface-sunken);color:var(--halo-text-secondary);white-space:nowrap}.ops-tag.warning[b-6uf45p4l8v]{background:rgb(var(--halo-tone-warning)/.1);color:var(--halo-ink-warning)}.ops-split[b-6uf45p4l8v]{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:var(--halo-5);align-items:start}.ops-stack[b-6uf45p4l8v]{display:grid;gap:var(--halo-5);min-width:0}.ops-search[b-6uf45p4l8v]{padding:0 var(--halo-5) var(--halo-3)}.ops-search input[b-6uf45p4l8v]{width:100%;max-width:100%}.ops-pending[b-6uf45p4l8v]{padding:0 var(--halo-5)}.ops-task[b-6uf45p4l8v]{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:var(--halo-3);padding:var(--halo-4) 0;border-top:1px solid var(--halo-hairline)}.ops-task-mark[b-6uf45p4l8v]{width:32px;height:32px;display:grid;place-items:center;background:rgb(var(--halo-tone-warning)/.12);color:var(--halo-ink-warning);border-radius:var(--halo-radius-md);font-weight:600}.ops-task-mark.critical[b-6uf45p4l8v]{background:rgb(var(--halo-tone-critical)/.12);color:var(--halo-ink-critical)}.ops-task h3[b-6uf45p4l8v],.ops-appointments h3[b-6uf45p4l8v]{font-size:var(--halo-text-sm);font-weight:600;margin:0}.ops-task p[b-6uf45p4l8v],.ops-appointments p[b-6uf45p4l8v]{font-size:var(--halo-text-sm);color:var(--halo-text-secondary);margin:4px 0}.ops-task small[b-6uf45p4l8v]{font-size:var(--halo-text-caption);color:var(--halo-text-secondary)}.ops-action[b-6uf45p4l8v]{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:var(--halo-2) var(--halo-3);border:1px solid var(--halo-hairline);border-radius:var(--halo-radius-md);background:var(--halo-surface);color:var(--halo-ink-brand);cursor:pointer;font:inherit;font-size:var(--halo-text-sm);white-space:nowrap}.ops-foot[b-6uf45p4l8v]{border-top:1px solid var(--halo-hairline);padding:var(--halo-3) var(--halo-5);display:flex;align-items:center;justify-content:space-between;gap:var(--halo-3);font-size:var(--halo-text-caption);color:var(--halo-text-secondary)}.ops-foot a[b-6uf45p4l8v],.ops-link[b-6uf45p4l8v],.ops-appointments a[b-6uf45p4l8v]{color:var(--halo-ink-brand);font-weight:500;background:none;border:0;font-size:var(--halo-text-sm);cursor:pointer}.ops-foot a[b-6uf45p4l8v]{white-space:nowrap}.ops-pipeline[b-6uf45p4l8v]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--halo-3);padding:0 var(--halo-5) var(--halo-5)}.ops-pipeline>div[b-6uf45p4l8v]{padding:var(--halo-3);border-radius:var(--halo-radius-md);background:var(--halo-surface-sunken);min-width:0}.ops-pipeline span[b-6uf45p4l8v]{font-size:var(--halo-text-caption);color:var(--halo-text-secondary)}.ops-pipeline strong[b-6uf45p4l8v]{display:block;font-size:24px;font-weight:600;margin:var(--halo-2) 0;font-variant-numeric:tabular-nums}.ops-bar[b-6uf45p4l8v]{height:4px;background:var(--halo-hairline);border-radius:6px;overflow:hidden}.ops-bar span[b-6uf45p4l8v]{display:block;height:100%;background:var(--halo-ink-brand)}.ops-live[b-6uf45p4l8v]{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:var(--halo-2);padding:0 var(--halo-5) var(--halo-5)}.ops-live>div[b-6uf45p4l8v]{padding:var(--halo-3);border-radius:var(--halo-radius-md);background:var(--halo-surface-sunken)}.ops-live strong[b-6uf45p4l8v]{font-size:24px;display:block;font-weight:600;font-variant-numeric:tabular-nums}.ops-live span[b-6uf45p4l8v]{font-size:var(--halo-text-caption);color:var(--halo-text-secondary)}.ops-appointments[b-6uf45p4l8v]{padding:0 var(--halo-5) var(--halo-3)}.ops-appointments article[b-6uf45p4l8v]{display:grid;grid-template-columns:65px 1fr auto;gap:var(--halo-3);padding:var(--halo-4) 0;border-top:1px solid var(--halo-hairline);align-items:center}.ops-appointments time[b-6uf45p4l8v]{font-size:var(--halo-text-caption);color:var(--halo-text-secondary)}.ops-about[b-6uf45p4l8v]{padding:0 var(--halo-5) var(--halo-5);color:var(--halo-text-secondary);font-size:var(--halo-text-sm)}.ops-empty[b-6uf45p4l8v]{padding:var(--halo-6);text-align:center;color:var(--halo-text-secondary);font-size:var(--halo-text-sm)}.ops-notice[b-6uf45p4l8v],.ops-error[b-6uf45p4l8v]{padding:var(--halo-3) var(--halo-4);border:1px solid var(--halo-hairline);border-radius:var(--halo-radius-md);background:var(--halo-surface);font-size:var(--halo-text-sm);color:var(--halo-text-secondary)}.ops-error[b-6uf45p4l8v]{background:rgb(var(--halo-tone-critical)/.07);color:var(--halo-ink-critical)}.ops-team-toggle[b-6uf45p4l8v]{border:0;background:transparent;color:var(--halo-text);display:flex;justify-content:space-between;gap:var(--halo-4);padding:var(--halo-5);width:100%;cursor:pointer;text-align:left}.ops-team-toggle strong[b-6uf45p4l8v],.ops-team-toggle small[b-6uf45p4l8v]{display:block}.ops-team-toggle small[b-6uf45p4l8v]{color:var(--halo-text-secondary);margin-top:var(--halo-1)}.ops-team-grid[b-6uf45p4l8v]{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--halo-5);padding:0 var(--halo-5) var(--halo-5)}.ops-team-grid>div[b-6uf45p4l8v]{height:550px;min-width:0;overflow:auto}.ops-dialog-title[b-6uf45p4l8v]{display:flex;align-items:center;justify-content:space-between;gap:var(--halo-4)}.ops-dialog-title h2[b-6uf45p4l8v]{font-size:var(--halo-text-title);margin:0}.ops-metric-detail[b-6uf45p4l8v]{padding:var(--halo-4);display:grid;gap:var(--halo-3);color:var(--halo-text-secondary)}.ops-metric-detail strong[b-6uf45p4l8v]{font-size:32px;color:var(--halo-text)}select:focus-visible[b-6uf45p4l8v],input:focus-visible[b-6uf45p4l8v],a:focus-visible[b-6uf45p4l8v],button:focus-visible[b-6uf45p4l8v]{outline:2px solid var(--halo-focus-color);outline-offset:3px}
@media(max-width:1000px){.ops-split[b-6uf45p4l8v]{grid-template-columns:1fr}.ops-metrics[b-6uf45p4l8v]{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-team-grid[b-6uf45p4l8v]{grid-template-columns:1fr}}
@media(max-width:600px){.ops-filters[b-6uf45p4l8v]{width:100%;align-items:stretch}.ops-filters label[b-6uf45p4l8v]{flex:1;min-width:140px;flex-direction:column;align-items:stretch}.ops-filters select[b-6uf45p4l8v]{max-width:100%}.ops-profile[b-6uf45p4l8v]{width:100%}.ops-head[b-6uf45p4l8v]{padding:var(--halo-4)}.ops-task[b-6uf45p4l8v]{grid-template-columns:1fr auto}.ops-task-mark[b-6uf45p4l8v]{display:none}.ops-pipeline[b-6uf45p4l8v]{gap:var(--halo-2);padding:0 var(--halo-4) var(--halo-4)}.ops-pipeline>div[b-6uf45p4l8v]{padding:var(--halo-2)}.ops-pipeline span[b-6uf45p4l8v]{font-size:10px}.ops-foot[b-6uf45p4l8v]{flex-wrap:wrap}.ops-appointments article[b-6uf45p4l8v]{grid-template-columns:55px 1fr}.ops-appointments a[b-6uf45p4l8v]{grid-column:2}.ops-metrics[b-6uf45p4l8v]  .halo-metric__value{font-size:23px}}
/* /Components/Pages/Dashboard/DashboardPerformanceTable.razor.rz.scp.css */
.ops-table-scroll[b-jju4rclvd3]{overflow:auto;padding:0 var(--halo-5) var(--halo-4)}table[b-jju4rclvd3]{border-collapse:collapse;min-width:650px;width:100%;text-align:left;font-size:var(--halo-text-sm)}th[b-jju4rclvd3]{font-weight:500;background:var(--halo-surface-sunken);color:var(--halo-text-secondary);font-size:var(--halo-text-caption);padding:var(--halo-3);white-space:nowrap}td[b-jju4rclvd3]{padding:var(--halo-4) var(--halo-3);border-bottom:1px solid var(--halo-hairline);font-variant-numeric:tabular-nums}tr:last-child td[b-jju4rclvd3]{border:0}td strong[b-jju4rclvd3],td small[b-jju4rclvd3]{display:block}td strong[b-jju4rclvd3]{font-weight:600}td small[b-jju4rclvd3]{color:var(--halo-text-secondary);margin-top:4px}button[b-jju4rclvd3]{border:0;background:transparent;color:var(--halo-ink-brand);cursor:pointer;font:inherit;white-space:nowrap;padding:var(--halo-2)}button:focus-visible[b-jju4rclvd3]{outline:2px solid var(--halo-focus-color);outline-offset:2px}.ops-overdue[b-jju4rclvd3]{color:var(--halo-ink-critical);font-weight:600}.ops-table-empty[b-jju4rclvd3]{padding:var(--halo-5);color:var(--halo-text-secondary);text-align:center}
/* /Components/Pages/EditCustomerProfileDialog.razor.rz.scp.css */
.ecp-header[b-5f975rzngm] {
    display: flex;
    align-items: center;
    gap: var(--halo-2);
}

.ecp-header[b-5f975rzngm]  .mud-icon-root {
    width: 36px;
    height: 36px;
    padding: 8px;
    border-radius: var(--halo-radius-sm);
    color: var(--halo-ink-brand);
    background: rgb(var(--halo-tone-brand) / .10);
}

.ecp-title[b-5f975rzngm] {
    font-weight: 650 !important;
}

.ecp-body[b-5f975rzngm] {
    display: flex;
    flex-direction: column;
    gap: var(--halo-4);
    min-width: min(420px, calc(100vw - 64px));
    padding: var(--halo-1) 0;
}

.ecp-row[b-5f975rzngm] {
    display: flex;
    gap: var(--halo-4);
}

.ecp-row[b-5f975rzngm]  > * {
    flex: 1;
    min-width: 0;
}

.ecp-field[b-5f975rzngm] {
    width: 100%;
}

.ecp-alert[b-5f975rzngm] {
    border-radius: var(--halo-radius-sm);
}

.ecp-actions[b-5f975rzngm] {
    display: flex;
    justify-content: flex-end;
    gap: var(--halo-2);
    width: 100%;
}

@media (max-width: 600px) {
    .ecp-body[b-5f975rzngm] {
        min-width: 0;
    }

    .ecp-row[b-5f975rzngm] {
        flex-direction: column;
    }
}
/* /Components/Pages/ScheduleCustomerAppointmentDialog.razor.rz.scp.css */
.scd-title[b-3n2zw3w087] {
    display: flex;
    align-items: center;
    gap: var(--halo-2);
}

.scd-title[b-3n2zw3w087] >  .mud-icon-root {
    width: 36px;
    height: 36px;
    padding: 8px;
    border-radius: var(--halo-radius-sm);
    color: var(--halo-ink-brand);
    background: rgb(var(--halo-tone-brand) / .10);
}

.scd-body[b-3n2zw3w087] {
    display: grid;
    gap: var(--halo-4);
    min-width: min(520px, calc(100vw - 64px));
    padding: var(--halo-1) 0;
}

.scd-customer-strip[b-3n2zw3w087] {
    padding: var(--halo-2) var(--halo-4);
    border: 1px solid var(--halo-hairline);
    border-radius: var(--halo-radius-sm);
    background: var(--halo-surface-sunken);
}

.scd-customer-strip strong[b-3n2zw3w087],
.scd-customer-strip span[b-3n2zw3w087] {
    display: block;
}

.scd-customer-strip strong[b-3n2zw3w087] {
    color: var(--halo-text);
}

.scd-customer-strip span[b-3n2zw3w087] {
    color: var(--halo-text-secondary);
    font-size: 0.85rem;
}

.scd-grid[b-3n2zw3w087] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--halo-2);
}

.scd-grid label[b-3n2zw3w087] {
    display: grid;
    gap: var(--halo-1);
}

.scd-grid span[b-3n2zw3w087] {
    color: var(--halo-text-secondary);
    font-size: 0.75rem;
    font-weight: 650;
}

.scd-actions[b-3n2zw3w087] {
    display: flex;
    justify-content: flex-end;
    gap: var(--halo-2);
    width: 100%;
}

@media (max-width: 640px) {
    .scd-body[b-3n2zw3w087] {
        min-width: 0;
    }

    .scd-grid[b-3n2zw3w087] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Settings.razor.rz.scp.css */
.settings-hub[b-trhj0ak9w7] { display:grid; gap:var(--halo-8); padding-bottom:var(--halo-10); color:var(--halo-text); }
.settings-intro[b-trhj0ak9w7] { display:grid; grid-template-columns:1fr minmax(260px,380px); align-items:center; gap:var(--halo-8); padding:var(--halo-6); border:1px solid var(--halo-hairline); border-radius:var(--halo-radius-lg); background:var(--halo-surface); }
.settings-eyebrow[b-trhj0ak9w7] { color:var(--halo-ink-brand); font-size:var(--halo-text-caption); font-weight:650; letter-spacing:.09em; text-transform:uppercase; }
.settings-intro h2[b-trhj0ak9w7] { font-size:1.4rem; font-weight:650; margin:var(--halo-2) 0; letter-spacing:-.025em; }
.settings-intro p[b-trhj0ak9w7] { color:var(--halo-text-secondary); margin:0; font-size:var(--halo-text-body); }
.settings-section-heading[b-trhj0ak9w7] { display:flex; justify-content:space-between; align-items:center; gap:var(--halo-4); margin-bottom:var(--halo-4); }
.settings-section-heading h2[b-trhj0ak9w7] { margin:0; font-size:var(--halo-text-title); font-weight:600; }
.settings-section-heading>span[b-trhj0ak9w7] { color:var(--halo-text-tertiary); font-size:var(--halo-text-sm); }
.settings-grid[b-trhj0ak9w7] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--halo-3); }
.settings-card[b-trhj0ak9w7] { display:flex; align-items:flex-start; gap:var(--halo-4); padding:var(--halo-5); color:var(--halo-text); background:var(--halo-surface); border:1px solid var(--halo-hairline); border-radius:var(--halo-radius-lg); text-decoration:none; transition:background .15s,border-color .15s; }
.settings-card:hover[b-trhj0ak9w7] { background:var(--halo-surface-hover); border-color:rgb(var(--halo-tone-brand)/.35); }
.settings-card:focus-visible[b-trhj0ak9w7] { outline:2px solid var(--halo-ink-brand); outline-offset:3px; }
.settings-card-icon[b-trhj0ak9w7] { width:40px; height:40px; display:grid; place-items:center; flex-shrink:0; background:var(--halo-surface-sunken); border-radius:var(--halo-radius-md); color:var(--halo-ink-brand); }
.settings-card-body[b-trhj0ak9w7] { display:grid; gap:var(--halo-2); min-width:0; flex:1; }
.settings-card-body strong[b-trhj0ak9w7] { font-size:var(--halo-text-body); font-weight:600; }
.settings-card-body>span[b-trhj0ak9w7] { color:var(--halo-text-secondary); font-size:var(--halo-text-sm); line-height:1.55; }
.settings-card-arrow[b-trhj0ak9w7] { color:var(--halo-text-tertiary); }
@media(max-width:1200px) { .settings-grid[b-trhj0ak9w7] { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .settings-grid[b-trhj0ak9w7],.settings-intro[b-trhj0ak9w7] { grid-template-columns:1fr; } .settings-hub[b-trhj0ak9w7] { gap:var(--halo-6); } }
/* /Components/Pages/TransferLeadDialog.razor.rz.scp.css */
.tld-header[b-g63m31vqic] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.tld-header[b-g63m31vqic]  .mud-icon-root {
    width: 42px;
    height: 42px;
    padding: 10px;
    border-radius: var(--halo-radius-md);
    background: rgb(var(--halo-tone-brand) / .10);
    color: var(--halo-ink-brand);
}

.tld-body[b-g63m31vqic] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: min(460px, 82vw);
    padding: 8px 0;
}

.tld-lead[b-g63m31vqic] {
    padding: 12px;
    border-radius: var(--halo-radius-md);
    border: 1px solid var(--halo-hairline);
    background: var(--halo-surface-sunken);
}

.tld-body[b-g63m31vqic]  .tld-field {
    width: 100%;
}

.tld-actions[b-g63m31vqic] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    width: 100%;
}
/* /Components/Pages/Workboard.razor.rz.scp.css */
.workboard-halo[b-ajgx0y6i3r] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--halo-4);
    color: var(--halo-text);
    font-family: var(--halo-font);
}

.workboard-halo[b-ajgx0y6i3r]  .halo-page-header {
    margin: 0;
    padding: 0 0 var(--halo-5);
    border-bottom: 0;
}

.workboard-filter-layout[b-ajgx0y6i3r] {
    display: grid;
    grid-template-columns: minmax(320px, 1fr) minmax(180px, 240px) minmax(180px, 240px) auto;
    align-items: end;
    gap: var(--halo-3);
    width: 100%;
}

.workboard-filter-layout > div[b-ajgx0y6i3r],
.workboard-filter-search[b-ajgx0y6i3r] {
    min-width: 0;
}

.workboard-advanced-filter-grid[b-ajgx0y6i3r] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--halo-4) var(--halo-3);
}

.workboard-advanced-filter-grid > div[b-ajgx0y6i3r] {
    min-width: 0;
}

.workboard-advanced-toggle[b-ajgx0y6i3r] {
    display: flex;
    align-items: center;
    min-height: var(--halo-control-lg);
    padding-top: 22px;
}

/* Navigation appearance comes from the shared Aurora tabs. */
.workboard-mode-toggle[b-ajgx0y6i3r] {
    margin: 0 0 var(--halo-4);
    overflow-x: auto;
}

    .appointment-chip[b-ajgx0y6i3r] {
        border-radius: var(--halo-radius-pill) !important;
        font-weight: 800 !important;
    }

    .appointment-chip.today[b-ajgx0y6i3r] {
        background: rgb(var(--halo-tone-brand) / .10) !important;
        color: var(--halo-ink-brand) !important;
    }

    .appointment-chip.tomorrow[b-ajgx0y6i3r] {
        background: rgb(var(--halo-tone-info) / .10) !important;
        color: var(--halo-ink-info) !important;
    }

    .appointment-chip.future[b-ajgx0y6i3r] {
        background: var(--halo-surface-sunken) !important;
        color: var(--halo-text) !important;
    }

    .appointments-dashboard[b-ajgx0y6i3r] {
        display: grid;
        gap: 16px;
    }

    .appointments-header[b-ajgx0y6i3r],
    .appointments-header-actions[b-ajgx0y6i3r],
    .appointments-card-header[b-ajgx0y6i3r],
    .booking-link-box[b-ajgx0y6i3r],
    .appointments-week-controls[b-ajgx0y6i3r] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
    }

    .appointments-header[b-ajgx0y6i3r] {
        padding: 18px 20px;
        border: 1px solid var(--halo-hairline);
        border-radius: var(--halo-radius-lg);
        background: var(--halo-surface);
        box-shadow: var(--halo-shadow-1);
    }

    .appointments-title-block[b-ajgx0y6i3r] {
        min-width: 0;
    }

    .appointments-title-block h2[b-ajgx0y6i3r] {
        margin: 2px 0 4px;
        color: var(--halo-text);
        font-family: var(--halo-font-display);
        font-size: var(--halo-text-page);
        font-weight: 800;
        letter-spacing: -0.025em;
        line-height: 1.1;
    }

    .appointments-title-block p[b-ajgx0y6i3r] {
        margin: 0;
        color: var(--halo-text-secondary);
        font-size: var(--halo-text-body);
        line-height: 1.45;
    }

    .appointments-eyebrow[b-ajgx0y6i3r] {
        display: inline-flex;
        color: var(--halo-ink-brand);
        font-size: var(--halo-text-caption);
        font-weight: 650;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .appointments-header-actions[b-ajgx0y6i3r] {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .appointments-week-controls[b-ajgx0y6i3r] {
        min-height: 40px;
        padding: 3px 6px;
        border: 1px solid var(--halo-hairline);
        border-radius: var(--halo-radius-pill);
        background: var(--halo-surface-sunken);
        color: var(--halo-text);
        font-weight: 600;
        white-space: nowrap;
    }

    .appointments-stats-row[b-ajgx0y6i3r] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 196px), 1fr));
        gap: 12px;
    }

    .appointments-shell[b-ajgx0y6i3r] {
        display: grid;
        grid-template-columns: minmax(280px, 0.34fr) minmax(0, 1fr);
        gap: 16px;
        align-items: start;
    }

    .appointments-sidebar[b-ajgx0y6i3r] {
        display: grid;
        gap: 12px;
    }

    .appointments-card[b-ajgx0y6i3r] {
        border: 1px solid var(--halo-hairline);
        border-radius: var(--halo-radius-lg);
        background: var(--halo-surface);
        box-shadow: var(--halo-shadow-1);
    }

    .appointments-card-header[b-ajgx0y6i3r] {
        margin-bottom: 12px;
        min-width: 0;
    }

    [b-ajgx0y6i3r] .appointments-card-header .mud-typography {
        line-height: 1.25;
    }

    .appointments-calendar-title > span[b-ajgx0y6i3r] {
        color: var(--halo-text-secondary);
        font-size: var(--halo-text-sm);
        font-weight: 650;
        white-space: nowrap;
    }

    .booking-link-box[b-ajgx0y6i3r] {
        min-height: 46px;
        padding: 7px 8px 7px 12px;
        border: 1px solid rgb(var(--halo-tone-brand) / .22);
        border-radius: var(--halo-radius-sm);
        color: var(--halo-ink-brand);
        background: rgb(var(--halo-tone-brand) / .10);
        font-weight: 600;
        overflow: hidden;
    }

    .booking-link-box span[b-ajgx0y6i3r] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: var(--halo-text-sm);
    }

    .appointments-empty-inline[b-ajgx0y6i3r] {
        min-height: 46px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        border: 1px dashed var(--halo-hairline-strong);
        border-radius: var(--halo-radius-sm);
        color: var(--halo-text-secondary);
        background: var(--halo-surface-sunken);
        font-weight: 700;
    }

    .appointments-next-slots[b-ajgx0y6i3r] {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 12px;
    }

    .appointments-next-slots span[b-ajgx0y6i3r] {
        padding: 6px 10px;
        border: 1px solid rgb(var(--halo-tone-brand) / .18);
        border-radius: var(--halo-radius-pill);
        background: var(--halo-surface-sunken);
        color: var(--halo-ink-brand);
        font-size: var(--halo-text-sm);
        font-weight: 600;
    }

    .availability-pill-list[b-ajgx0y6i3r] {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 14px;
    }

    .availability-pill-list span[b-ajgx0y6i3r] {
        padding: 7px 10px;
        border-radius: var(--halo-radius-pill);
        background: rgb(var(--halo-tone-success) / .10);
        color: var(--halo-ink-success);
        font-size: var(--halo-text-sm);
        font-weight: 600;
    }

    .appointments-upcoming-list[b-ajgx0y6i3r] {
        display: grid;
        gap: 8px;
    }

    .appointment-upcoming-item[b-ajgx0y6i3r] {
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr) auto;
        align-items: center;
        gap: 10px;
        width: 100%;
        min-height: 62px;
        padding: 8px;
        border: 1px solid var(--halo-hairline);
        border-radius: var(--halo-radius-md);
        color: var(--halo-text);
        background: var(--halo-surface);
        text-align: left;
        cursor: pointer;
        transition: border-color var(--halo-duration-1) var(--halo-ease-out), background-color var(--halo-duration-1) var(--halo-ease-out), transform var(--halo-duration-3) var(--halo-ease-spring), box-shadow var(--halo-duration-2) var(--halo-ease-out);
    }

    .appointment-upcoming-item:hover[b-ajgx0y6i3r] {
        border-color: rgb(var(--halo-tone-brand) / .40);
        background: var(--halo-surface);
        box-shadow: var(--halo-shadow-2);
        transform: translateY(-2px);
    }

    .appointment-upcoming-date[b-ajgx0y6i3r] {
        display: grid;
        place-items: center;
        min-height: 46px;
        border-radius: var(--halo-radius-sm);
        background: linear-gradient(135deg, rgb(var(--halo-tone-brand) / .16), rgb(var(--halo-tone-info) / .16));
        color: var(--halo-ink-brand);
    }

    .appointment-upcoming-date strong[b-ajgx0y6i3r],
    .appointment-upcoming-main strong[b-ajgx0y6i3r] {
        font-weight: 650;
        line-height: 1;
    }

    .appointment-upcoming-date small[b-ajgx0y6i3r],
    .appointment-upcoming-main small[b-ajgx0y6i3r] {
        color: var(--halo-text-secondary);
        font-size: var(--halo-text-caption);
        font-weight: 600;
    }

    .appointment-upcoming-main[b-ajgx0y6i3r] {
        display: grid;
        gap: 4px;
        min-width: 0;
    }

    .appointment-upcoming-main strong[b-ajgx0y6i3r],
    .appointment-upcoming-main small[b-ajgx0y6i3r] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .appointment-month-grid[b-ajgx0y6i3r] {
        display: grid;
        grid-template-columns: repeat(7, minmax(118px, 1fr));
        gap: 1px;
        border: 1px solid var(--halo-hairline);
        border-radius: var(--halo-radius-lg);
        overflow: auto;
        background: var(--halo-hairline);
    }

    .appointment-weekday[b-ajgx0y6i3r] {
        min-height: 36px;
        display: grid;
        place-items: center;
        color: var(--halo-text-secondary);
        background: var(--halo-surface-sunken);
        font-size: var(--halo-text-caption);
        font-weight: 650;
        text-transform: uppercase;
    }

    .appointment-day-column[b-ajgx0y6i3r] {
        min-height: 134px;
        padding: 9px;
        background: var(--halo-surface);
    }

    .appointment-day-column.outside-month[b-ajgx0y6i3r] {
        background: var(--halo-surface-sunken);
    }

    .appointment-day-column.today[b-ajgx0y6i3r] {
        background: rgb(var(--halo-tone-brand) / .10);
        box-shadow: inset 0 0 0 2px rgb(var(--halo-tone-brand) / .18);
    }

    .appointment-day-header[b-ajgx0y6i3r] {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        margin-bottom: 8px;
        color: var(--halo-text-secondary);
        font-weight: 600;
    }

    .appointment-day-header strong[b-ajgx0y6i3r] {
        color: var(--halo-text);
        font-size: var(--halo-text-title);
    }

    .appointment-event[b-ajgx0y6i3r] {
        display: grid;
        width: 100%;
        gap: 2px;
        margin-bottom: 6px;
        padding: 8px 9px;
        border: 0;
        border-radius: var(--halo-radius-sm);
        text-align: left;
        background: rgb(var(--halo-tone-brand) / .10);
        color: var(--halo-ink-brand);
        cursor: pointer;
        box-shadow: inset 0 0 0 1px rgb(var(--halo-tone-brand) / .16);
        transition: background var(--halo-duration-1) var(--halo-ease-out), box-shadow var(--halo-duration-1) var(--halo-ease-out), transform var(--halo-duration-2) var(--halo-ease-spring);
    }

    .appointment-event:hover[b-ajgx0y6i3r] {
        background: rgb(var(--halo-tone-brand) / .14);
        box-shadow: inset 0 0 0 1px rgb(var(--halo-tone-brand) / .26);
        transform: translateY(-1px);
    }

    .appointment-event.completed[b-ajgx0y6i3r] {
        background: rgb(var(--halo-tone-success) / .10);
        color: var(--halo-ink-success);
        box-shadow: inset 3px 0 0 rgb(var(--halo-tone-success));
    }

    .appointment-event.cancelled[b-ajgx0y6i3r],
    .appointment-event.no-show[b-ajgx0y6i3r] {
        background: rgb(var(--halo-tone-critical) / .10);
        color: var(--halo-ink-critical);
        box-shadow: inset 3px 0 0 rgb(var(--halo-tone-critical));
    }

    .appointment-event strong[b-ajgx0y6i3r] {
        font-size: var(--halo-text-caption);
        font-weight: 650;
        letter-spacing: 0.01em;
    }

    .appointment-event span[b-ajgx0y6i3r],
    .appointment-event small[b-ajgx0y6i3r] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .appointment-day-empty[b-ajgx0y6i3r] {
        display: grid;
        place-items: center;
        min-height: 54px;
        color: var(--halo-hairline-strong);
        font-size: var(--halo-text-sm);
        font-weight: 600;
    }

    /* Metrics grid — responsive wrapping */
    .workboard-metrics-grid[b-ajgx0y6i3r] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 196px), 1fr));
        gap: var(--halo-3);
    }

    .workboard-quick-views[b-ajgx0y6i3r], .workboard-active-filters[b-ajgx0y6i3r] {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin: 0 0 12px;
    }

    .workboard-active-filters[b-ajgx0y6i3r] {
        background: var(--halo-surface-sunken);
        border: 1px solid var(--halo-hairline);
        border-radius: var(--halo-radius-md);
        padding: 8px 12px;
    }

    .workboard-active-filter-count[b-ajgx0y6i3r] {
        margin-left: auto;
        color: var(--halo-text-secondary);
        font-size: var(--halo-text-caption);
        font-weight: 600;
        white-space: nowrap;
    }

    /* Status dot indicators */
    .status-dot[b-ajgx0y6i3r] {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        display: inline-block;
        flex-shrink: 0;
    }
    .status-dot-new[b-ajgx0y6i3r] { background-color: rgb(var(--halo-tone-brand)); }
    .status-dot-contacted[b-ajgx0y6i3r] { background-color: rgb(var(--halo-tone-info)); }
    .status-dot-quoted[b-ajgx0y6i3r] { background-color: rgb(var(--halo-tone-warning)); }
    .status-dot-negotiation[b-ajgx0y6i3r] { background-color: rgb(var(--halo-tone-pipeline)); }
    .status-dot-won[b-ajgx0y6i3r] { background-color: rgb(var(--halo-tone-success)); }
    .status-dot-lost[b-ajgx0y6i3r] { background-color: rgb(var(--halo-tone-critical)); }
    .status-dot-donotcall[b-ajgx0y6i3r] { background-color: rgb(var(--halo-tone-neutral)); }

    /* Pagination styling */
    .workboard-pager[b-ajgx0y6i3r] {
        padding: 8px 16px;
        border-top: 1px solid var(--halo-hairline);
        background: var(--halo-surface-sunken);
    }

    [b-ajgx0y6i3r] .workboard-pager .mud-table-pagination {
        border: none !important;
        box-shadow: none !important;
    }

    [b-ajgx0y6i3r] .workboard-pager .mud-table-pagination-toolbar {
        min-height: 44px;
        padding: 0 8px;
    }

    [b-ajgx0y6i3r] .workboard-pager .mud-table-pagination-select {
        display: none;
    }

    [b-ajgx0y6i3r] .workboard-pager .mud-table-pagination-actions .mud-icon-button {
        border-radius: var(--halo-radius-pill);
        transition: background-color var(--halo-duration-1) var(--halo-ease-out), transform var(--halo-duration-2) var(--halo-ease-spring);
    }

    [b-ajgx0y6i3r] .workboard-pager .mud-table-pagination-actions .mud-icon-button:active {
        transform: scale(.94);
    }

    [b-ajgx0y6i3r] .workboard-pager .mud-table-pagination-actions .mud-icon-button:hover {
        background: rgb(var(--halo-tone-brand) / .10);
    }

/* Halo Workboard composition */
.workboard-primary-surface[b-ajgx0y6i3r] {
    overflow: hidden;
    border: 1px solid var(--halo-hairline);
    border-radius: var(--halo-radius-lg);
    background: var(--halo-surface);
    box-shadow: var(--halo-shadow-1);
}

.workboard-view-toolbar[b-ajgx0y6i3r] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--halo-hairline);
}

.workboard-quick-views[b-ajgx0y6i3r] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    min-height: 42px;
    margin: 0;
}

.workboard-quick-views-label[b-ajgx0y6i3r] {
    margin-right: 4px;
    color: var(--halo-text-secondary);
    font-size: var(--halo-text-caption);
    font-weight: 600;
}

.workboard-control-surface[b-ajgx0y6i3r],
.workboard-advanced-filters[b-ajgx0y6i3r] {
    padding: 16px;
    border: 0;
    border-radius: 0;
    background: var(--halo-surface);
    box-shadow: none;
}

.workboard-control-surface[b-ajgx0y6i3r] {
    margin: 0;
    border-bottom: 1px solid var(--halo-hairline);
}

.workboard-advanced-filters > header[b-ajgx0y6i3r] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
}

.workboard-advanced-filters > header > div[b-ajgx0y6i3r] {
    display: grid;
    gap: 3px;
}

.workboard-advanced-filters header strong[b-ajgx0y6i3r] {
    color: var(--halo-text);
    font-size: var(--halo-text-body);
    font-weight: 650;
}

.workboard-advanced-filters header span[b-ajgx0y6i3r] {
    color: var(--halo-text-secondary);
    font-size: var(--halo-text-caption);
}

.workboard-saved-view[b-ajgx0y6i3r] {
    display: flex;
    align-items: flex-end;
    gap: 6px;
    min-width: min(100%, 330px);
}

.workboard-saved-view[b-ajgx0y6i3r]  .halo-field {
    flex: 1;
    min-width: 220px;
}

.workboard-saved-view[b-ajgx0y6i3r]  .workboard-view-action {
    width: 42px;
    height: 42px;
    margin-bottom: 1px;
    border: 1px solid var(--halo-hairline);
    border-radius: var(--halo-radius-md);
    color: var(--halo-text-secondary);
    background: var(--halo-surface);
}

.workboard-saved-view[b-ajgx0y6i3r]  .workboard-view-action:hover {
    color: var(--halo-ink-brand);
    background: rgb(var(--halo-tone-brand) / .05);
}

.workboard-saved-view[b-ajgx0y6i3r]  .workboard-view-action--danger:hover {
    color: var(--halo-ink-critical);
    background: rgb(var(--halo-tone-critical) / .10);
}

.workboard-filter-trigger-cell[b-ajgx0y6i3r] {
    align-self: end;
}

[b-ajgx0y6i3r] .workboard-filter-trigger {
    min-height: 44px;
    border-color: var(--halo-hairline);
    border-radius: var(--halo-radius-md);
    color: var(--halo-text);
    text-transform: none;
    font-weight: 600;
}

.workboard-advanced-filters[b-ajgx0y6i3r] {
    margin: 0;
    border-bottom: 1px solid var(--halo-hairline);
    background: var(--halo-surface-sunken);
    box-shadow: none;
}

.workboard-active-filters[b-ajgx0y6i3r] {
    margin: 0;
    padding: 10px 16px;
    border: 0;
    border-bottom: 1px solid var(--halo-hairline);
    border-radius: 0;
    background: var(--halo-surface-sunken);
}

.workboard-primary-surface > .halo-table-shell[b-ajgx0y6i3r] {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

[b-ajgx0y6i3r] .workboard-sort-select .halo-native-select,
[b-ajgx0y6i3r] .workboard-bulk-status .halo-native-select {
    min-width: 132px;
    height: 34px;
    min-height: 34px;
    padding-block: 0;
    background: var(--halo-surface);
    font-size: var(--halo-text-sm);
    font-weight: 650;
}

.workboard-live-state[b-ajgx0y6i3r] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid var(--halo-hairline);
    border-radius: var(--halo-radius-pill);
    color: var(--halo-text-secondary);
    background: var(--halo-surface-sunken);
    font-size: var(--halo-text-caption);
    font-weight: 650;
    white-space: nowrap;
}

.workboard-live-state i[b-ajgx0y6i3r] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgb(var(--halo-tone-warning));
}

.workboard-live-state.is-connected i[b-ajgx0y6i3r] {
    background: rgb(var(--halo-tone-success));
    box-shadow: 0 0 0 3px rgb(var(--halo-tone-success) / .10);
    animation: workboard-live-pulse-b-ajgx0y6i3r 1.8s var(--halo-ease-out) infinite;
}

@keyframes workboard-live-pulse-b-ajgx0y6i3r {
    0% { box-shadow: 0 0 0 0 rgb(var(--halo-tone-success) / .45); }
    70% { box-shadow: 0 0 0 7px rgb(var(--halo-tone-success) / 0); }
    100% { box-shadow: 0 0 0 0 rgb(var(--halo-tone-success) / 0); }
}

@media (prefers-reduced-motion: reduce) {
    .workboard-live-state.is-connected i[b-ajgx0y6i3r] { animation: none; }
}

.wb-next-step[b-ajgx0y6i3r] {
    display: grid;
    gap: 6px;
    min-width: 190px;
}

.wb-next-step .appointment-chip[b-ajgx0y6i3r],
.wb-inline-flag[b-ajgx0y6i3r] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    width: fit-content;
    padding: 3px 7px;
    border-radius: var(--halo-radius-pill);
    color: var(--halo-text-secondary);
    background: var(--halo-surface-sunken);
    font-size: var(--halo-text-caption);
    font-weight: 600;
}

.wb-inline-flag[b-ajgx0y6i3r] {
    color: var(--halo-ink-warning);
    background: rgb(var(--halo-tone-warning) / .10);
}

.workboard-detail-modal-content[b-ajgx0y6i3r] {
    overflow: hidden;
    border: 1px solid var(--halo-hairline);
    border-radius: var(--halo-radius-md);
    background: var(--halo-surface);
}

.workboard-detail-header[b-ajgx0y6i3r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex: 0 0 auto;
    width: 100%;
    padding: 2px 0;
}

.workboard-detail-identity[b-ajgx0y6i3r] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.workboard-detail-avatar[b-ajgx0y6i3r] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    border: 0;
    border-radius: var(--halo-radius-lg);
    color: var(--halo-on-action);
    background: linear-gradient(135deg, rgb(var(--halo-tone-brand)), rgb(var(--halo-tone-campaign)));
    box-shadow: none;
    font-family: var(--halo-font-display);
    font-size: var(--halo-text-body);
    font-weight: 800;
}

.workboard-detail-title[b-ajgx0y6i3r] {
    min-width: 0;
}

.workboard-detail-title[b-ajgx0y6i3r]  .mud-typography-h6 {
    overflow: hidden;
    margin: 2px 0 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--halo-font-display);
    font-size: var(--halo-text-title);
    font-weight: 800;
    letter-spacing: var(--halo-tracking-tight);
}

.workboard-detail-eyebrow[b-ajgx0y6i3r],
.workboard-detail-label[b-ajgx0y6i3r] {
    color: var(--halo-text-secondary);
    font-size: var(--halo-text-caption);
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.workboard-detail-meta[b-ajgx0y6i3r] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--halo-text-secondary);
    font-size: var(--halo-text-sm);
}

.workboard-detail-header-actions[b-ajgx0y6i3r] {
    display: flex;
    align-items: center;
    gap: 2px;
}

.wb-modal-status[b-ajgx0y6i3r] {
    display: inline-flex;
    padding: 4px 9px;
    border-radius: var(--halo-radius-pill);
    color: var(--halo-ink-brand);
    background: rgb(var(--halo-tone-brand) / .10);
    font-weight: 600;
}

.wb-modal-status.halo-status-quoted[b-ajgx0y6i3r] { color: var(--halo-ink-warning); background: rgb(var(--halo-tone-warning) / .10); }
.wb-modal-status.halo-status-won[b-ajgx0y6i3r] { color: var(--halo-ink-success); background: rgb(var(--halo-tone-success) / .10); }
.wb-modal-status.halo-status-lost[b-ajgx0y6i3r],
.wb-modal-status.halo-status-donotcall[b-ajgx0y6i3r] { color: var(--halo-ink-critical); background: rgb(var(--halo-tone-critical) / .10); }

.workboard-detail-hero[b-ajgx0y6i3r] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    padding: 18px 20px;
    border-bottom: 1px solid var(--halo-hairline);
    background: var(--halo-surface);
}

.workboard-detail-next-step[b-ajgx0y6i3r] {
    display: grid;
    gap: 8px;
}

.workboard-detail-next-step > div[b-ajgx0y6i3r] {
    display: grid;
    gap: 2px;
}

.workboard-detail-next-step strong[b-ajgx0y6i3r] {
    color: inherit;
    font-size: var(--halo-text-body);
}

.workboard-detail-next-step small[b-ajgx0y6i3r] {
    color: var(--halo-text-secondary);
}

.workboard-detail-actions[b-ajgx0y6i3r] {
    display: grid;
    grid-template-columns: minmax(120px, 1fr) minmax(120px, 1fr);
    gap: 10px;
}

.workboard-detail-body[b-ajgx0y6i3r] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
    max-height: min(48vh, 480px);
    overflow-y: auto;
    padding: 0 20px;
    background: var(--halo-surface);
}

.workboard-detail-section[b-ajgx0y6i3r] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    min-height: 0;
    padding: 18px 0;
    border: 0;
    border-bottom: 1px solid var(--halo-hairline);
    border-radius: 0;
    background: var(--halo-surface);
    box-shadow: none;
}

.workboard-detail-section-icon[b-ajgx0y6i3r] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 9px;
    color: var(--halo-ink-brand);
    background: rgb(var(--halo-tone-brand) / .12);
}

.workboard-detail-section h4[b-ajgx0y6i3r] {
    margin: 0;
    color: var(--halo-text-secondary);
    font-size: var(--halo-text-caption);
    font-weight: 650;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.workboard-detail-section p[b-ajgx0y6i3r] {
    margin: 0;
    font-size: var(--halo-text-sm);
    overflow-wrap: anywhere;
}

.workboard-detail-section small[b-ajgx0y6i3r] {
    display: block;
    margin-top: 5px;
    color: var(--halo-text-secondary);
    font-size: var(--halo-text-caption);
}

.workboard-detail-footer[b-ajgx0y6i3r] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    width: 100%;
    padding: 0;
    background: var(--halo-surface);
}

.workboard-detail-footer > span[b-ajgx0y6i3r] {
    margin-right: auto;
    color: var(--halo-text-secondary);
    font-size: var(--halo-text-sm);
}

@media (max-width: 1180px) {
    .workboard-filter-layout[b-ajgx0y6i3r] {
        grid-template-columns: minmax(280px, 1fr) minmax(170px, .55fr) minmax(170px, .55fr);
    }

    .workboard-filter-trigger-cell[b-ajgx0y6i3r] {
        grid-column: 1 / -1;
    }

    .workboard-advanced-filter-grid[b-ajgx0y6i3r] {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 196px), 1fr));
    }
}

@media (max-width: 767px) {
    .workboard-filter-layout[b-ajgx0y6i3r] {
        grid-template-columns: 1fr;
    }

    .workboard-filter-trigger-cell[b-ajgx0y6i3r] {
        grid-column: auto;
    }

    .workboard-advanced-filter-grid[b-ajgx0y6i3r] {
        grid-template-columns: 1fr;
    }

    .workboard-advanced-toggle[b-ajgx0y6i3r] {
        padding-top: 0;
    }

    [b-ajgx0y6i3r] .workboard-filter-trigger {
        width: 100%;
    }

    .workboard-detail-header[b-ajgx0y6i3r] {
        padding: 0;
    }

    .workboard-detail-avatar[b-ajgx0y6i3r] {
        width: 44px;
        height: 44px;
        flex-basis: 44px;
        border-radius: 14px;
    }

    .workboard-detail-hero[b-ajgx0y6i3r] {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 16px;
    }

    .workboard-detail-actions[b-ajgx0y6i3r] {
        grid-template-columns: 1fr 1fr;
    }

    .workboard-detail-body[b-ajgx0y6i3r] {
        grid-template-columns: 1fr;
        padding: 0 16px;
    }

    .workboard-detail-section[b-ajgx0y6i3r] {
        min-height: 0;
    }

    .workboard-detail-footer[b-ajgx0y6i3r] {
        flex-wrap: wrap;
        gap: 10px;
    }

    .workboard-detail-footer > span[b-ajgx0y6i3r] {
        width: 100%;
    }

    .workboard-detail-footer[b-ajgx0y6i3r] {
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
        padding: 14px 18px 18px;
    }

    .workboard-detail-footer > span[b-ajgx0y6i3r] {
        margin-right: 0;
    }

    .workboard-view-toolbar[b-ajgx0y6i3r] {
        align-items: stretch;
        flex-direction: column;
    }

    .workboard-saved-view[b-ajgx0y6i3r] {
        width: 100%;
    }

    .workboard-saved-view[b-ajgx0y6i3r]  .halo-field {
        min-width: 0;
    }
}

@media (max-width: 768px) {
        .appointments-header[b-ajgx0y6i3r],
        .appointments-card-header[b-ajgx0y6i3r] {
            align-items: flex-start;
            flex-direction: column;
        }

        .appointments-header-actions[b-ajgx0y6i3r] {
            justify-content: flex-start;
            width: 100%;
        }

        .appointments-stats-row[b-ajgx0y6i3r],
        .appointments-shell[b-ajgx0y6i3r] {
            grid-template-columns: 1fr;
        }

        .appointments-week-controls[b-ajgx0y6i3r] {
            width: 100%;
        }

        .appointment-month-grid[b-ajgx0y6i3r] {
            grid-template-columns: repeat(7, minmax(104px, 1fr));
        }

        .workboard-quick-views[b-ajgx0y6i3r] { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; }
        [b-ajgx0y6i3r] .workboard-quick-views .mud-chip { flex: 0 0 auto; }
}

.workboard-halo[b-ajgx0y6i3r] { min-width: 0; }
.workboard-halo[b-ajgx0y6i3r]  .halo-page-header { padding-bottom: var(--halo-2); }

/* Aurora: the primary surface and the appointments dashboard land with the sheet curve. */
.workboard-primary-surface[b-ajgx0y6i3r],
.appointments-dashboard[b-ajgx0y6i3r] {
    animation: workboard-surface-in-b-ajgx0y6i3r var(--halo-duration-3) var(--halo-ease-out) both;
}

@keyframes workboard-surface-in-b-ajgx0y6i3r {
    from { opacity: 0; transform: translateY(8px); }
}

.workboard-quick-views[b-ajgx0y6i3r]  .halo-chip,
.workboard-quick-views .halo-chip[b-ajgx0y6i3r] {
    animation: workboard-chip-in-b-ajgx0y6i3r var(--halo-duration-3) var(--halo-ease-out) both;
    animation-delay: calc(var(--halo-chip, 0) * 30ms + 40ms);
}

.workboard-quick-views > :nth-child(2)[b-ajgx0y6i3r] { --halo-chip: 0; }
.workboard-quick-views > :nth-child(3)[b-ajgx0y6i3r] { --halo-chip: 1; }
.workboard-quick-views > :nth-child(4)[b-ajgx0y6i3r] { --halo-chip: 2; }
.workboard-quick-views > :nth-child(5)[b-ajgx0y6i3r] { --halo-chip: 3; }
.workboard-quick-views > :nth-child(n + 6)[b-ajgx0y6i3r] { --halo-chip: 4; }

@keyframes workboard-chip-in-b-ajgx0y6i3r {
    from { opacity: 0; transform: translateY(4px); }
}

.workboard-detail-hero[b-ajgx0y6i3r],
.workboard-detail-section[b-ajgx0y6i3r] {
    animation: workboard-surface-in-b-ajgx0y6i3r var(--halo-duration-4) var(--halo-ease-out) both;
    animation-delay: calc(var(--halo-stagger, 0) * 45ms + 80ms);
}

.workboard-detail-body > :nth-child(1)[b-ajgx0y6i3r] { --halo-stagger: 1; }
.workboard-detail-body > :nth-child(2)[b-ajgx0y6i3r] { --halo-stagger: 2; }
.workboard-detail-body > :nth-child(3)[b-ajgx0y6i3r] { --halo-stagger: 3; }
.workboard-detail-body > :nth-child(4)[b-ajgx0y6i3r] { --halo-stagger: 4; }
.workboard-detail-body > :nth-child(n + 5)[b-ajgx0y6i3r] { --halo-stagger: 5; }

.workboard-halo[b-ajgx0y6i3r]  .halo-empty {
    animation: workboard-surface-in-b-ajgx0y6i3r var(--halo-duration-3) var(--halo-ease-out) both;
}

@media (prefers-reduced-motion: reduce) {
    .workboard-primary-surface[b-ajgx0y6i3r],
    .appointments-dashboard[b-ajgx0y6i3r],
    .workboard-quick-views .halo-chip[b-ajgx0y6i3r],
    .workboard-detail-hero[b-ajgx0y6i3r],
    .workboard-detail-section[b-ajgx0y6i3r],
    .workboard-halo[b-ajgx0y6i3r]  .halo-empty { animation: none; }
}

/* 360° View changes composition while preserving the same grid and filters. */
.workboard-workspace[b-ajgx0y6i3r] { min-width:0; }
.workboard--panoramic .workboard-workspace[b-ajgx0y6i3r] { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,320px); gap:var(--halo-5); align-items:start; }
.workboard--panoramic .workboard-primary-surface[b-ajgx0y6i3r] { min-width:0; }
.workboard--panoramic .workboard-filter-layout[b-ajgx0y6i3r] { grid-template-columns:minmax(0,1fr) minmax(130px,.5fr) minmax(130px,.5fr) auto; }
.workboard--panoramic .workboard-view-toolbar[b-ajgx0y6i3r] { flex-wrap:wrap; gap:var(--halo-3); }
@media(max-width:1200px) {
    .workboard--panoramic .workboard-workspace[b-ajgx0y6i3r] { grid-template-columns:minmax(0,1fr); }
    .workboard--panoramic .workboard-filter-layout[b-ajgx0y6i3r] { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
}
@media(max-width:600px) {
    .workboard--panoramic .workboard-filter-layout[b-ajgx0y6i3r] { grid-template-columns:minmax(0,1fr); }
}

/* One query workspace in Lead Focus and 360; scoped Aurora controls. */
.workboard-filter-trigger-cell[b-ajgx0y6i3r] { grid-column: auto; }
.workboard-view-toolbar[b-ajgx0y6i3r] { padding: 10px 16px; align-items: center; gap: 12px; flex-wrap: wrap; }
.workboard-quick-views[b-ajgx0y6i3r] { gap: 4px; min-height: 34px; }
.workboard-quick-views .halo-chip[b-ajgx0y6i3r] { padding: 6px 11px; border-radius: 8px; font-size: 12px; min-height: 32px; }
.workboard-quick-views .halo-chip[aria-pressed=true][b-ajgx0y6i3r] { background: var(--halo-tint-brand); border-color: var(--halo-ink-brand); color: var(--halo-ink-brand); }
.workboard-saved-view[b-ajgx0y6i3r] { min-width: 0; align-items: center; gap: 8px; margin-left: auto; }
.workboard-saved-view[b-ajgx0y6i3r]  .halo-field { min-width: 160px; max-width: 210px; }
.workboard-saved-view[b-ajgx0y6i3r]  .halo-btn { white-space: nowrap; }
.workboard-view-modified[b-ajgx0y6i3r] { color: var(--halo-ink-warning); font-size: 11px; }
.workboard-control-surface[b-ajgx0y6i3r] { padding: 12px 16px; }
.workboard-filter-layout[b-ajgx0y6i3r],.workboard--panoramic .workboard-filter-layout[b-ajgx0y6i3r] { grid-template-columns: minmax(240px,1fr) minmax(150px,210px) minmax(150px,210px) auto; gap: 12px; }
.workboard-control-surface[b-ajgx0y6i3r]  .halo-field__label { font-size: 11px; margin-bottom: 4px; color: var(--halo-text-secondary); }
.workboard-control-surface[b-ajgx0y6i3r]  .halo-input,.workboard-saved-view[b-ajgx0y6i3r]  .halo-input { min-height: 38px; height: 38px; font-size: 13px; }
[b-ajgx0y6i3r] .workboard-filter-trigger { min-height: 38px; font-size: 12px; padding: 8px 12px; }
.workboard-filter-groups[b-ajgx0y6i3r] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.workboard-filter-group[b-ajgx0y6i3r] { min-width: 0; margin: 0; padding: 12px; border: 1px solid var(--halo-hairline); border-radius: 10px; background: var(--halo-surface); }
.workboard-filter-group legend[b-ajgx0y6i3r] { padding: 0 6px; font-size: 12px; font-weight: 600; color: var(--halo-text-secondary); }
.workboard-advanced-filter-grid[b-ajgx0y6i3r] { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.workboard-advanced-toggle[b-ajgx0y6i3r] { padding-top: 0; min-height: 38px; }
.workboard-active-filters[b-ajgx0y6i3r] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; padding: 8px 16px; }
.workboard-filter-summary-label[b-ajgx0y6i3r] { color: var(--halo-text-tertiary); font-size: 11px; margin-right: 4px; }
.workboard-active-filters[b-ajgx0y6i3r]  .halo-token { max-width: 100%; font-size: 11px; }
.workboard-active-filter-count[b-ajgx0y6i3r] { margin-left: auto; font-size: 12px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.workboard-sort-context[b-ajgx0y6i3r] { font-size: 12px; color: var(--halo-text-secondary); }
@media(max-width:1100px) {
 .workboard-filter-layout[b-ajgx0y6i3r],.workboard--panoramic .workboard-filter-layout[b-ajgx0y6i3r] { grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto; }
 .workboard-filter-search[b-ajgx0y6i3r] { grid-column: 1 / -1; }
 .workboard-filter-trigger-cell[b-ajgx0y6i3r] { grid-column: auto; }
}
@media(max-width:680px) {
 .workboard-view-toolbar[b-ajgx0y6i3r] { padding: 10px; }
 .workboard-quick-views[b-ajgx0y6i3r] { width: 100%; overflow-x: auto; flex-wrap: nowrap; }
 .workboard-quick-views .halo-chip[b-ajgx0y6i3r] { flex-shrink: 0; }
 .workboard-saved-view[b-ajgx0y6i3r] { margin-left: 0; width: 100%; flex-wrap: wrap; }
 .workboard-saved-view[b-ajgx0y6i3r]  .halo-field { max-width: none; flex: 1; }
 .workboard-control-surface[b-ajgx0y6i3r] { padding: 10px; }
 .workboard-filter-layout[b-ajgx0y6i3r],.workboard--panoramic .workboard-filter-layout[b-ajgx0y6i3r] { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 8px; }
 .workboard-filter-trigger-cell[b-ajgx0y6i3r] { grid-column: 1 / -1; }
 .workboard-filter-groups[b-ajgx0y6i3r] { grid-template-columns: minmax(0,1fr); }
 .workboard-advanced-filters[b-ajgx0y6i3r] { padding: 10px; }
 .workboard-active-filters[b-ajgx0y6i3r] { padding: 8px 10px; }
}

/* The 360 context rail reduces available width independently of the viewport. */
.workboard-primary-surface[b-ajgx0y6i3r] { container-name: workboard-filters; container-type: inline-size; }
@container workboard-filters (max-width: 780px) {
 .workboard-filter-layout[b-ajgx0y6i3r],.workboard--panoramic .workboard-filter-layout[b-ajgx0y6i3r] { grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto; }
 .workboard-filter-search[b-ajgx0y6i3r] { grid-column: 1 / -1; }
 .workboard-filter-trigger-cell[b-ajgx0y6i3r] { grid-column: auto; }
 .workboard-filter-groups[b-ajgx0y6i3r] { grid-template-columns: minmax(0,1fr); }
}
@container workboard-filters (max-width: 480px) {
 .workboard-filter-layout[b-ajgx0y6i3r],.workboard--panoramic .workboard-filter-layout[b-ajgx0y6i3r] { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
 .workboard-filter-trigger-cell[b-ajgx0y6i3r] { grid-column: 1 / -1; }
 .workboard-advanced-filter-grid[b-ajgx0y6i3r] { grid-template-columns: minmax(0,1fr); }
 .workboard-saved-view[b-ajgx0y6i3r] { margin-left: 0; width: 100%; }
}
/* /Components/Pages/WorkboardAuroraSummary.razor.rz.scp.css */
.wb-insights[b-xutf7i6u6q] { display:grid; align-content:start; gap:var(--halo-4); min-width:0; }
.wb-insights-total[b-xutf7i6u6q] { display:grid; gap:var(--halo-1); margin-bottom:var(--halo-6); }
.wb-insights-total strong[b-xutf7i6u6q] { font:800 2rem/1.1 var(--halo-font-display); letter-spacing:var(--halo-tracking-tight); }
.wb-insights-total span[b-xutf7i6u6q] { font-size:var(--halo-text-sm); color:var(--halo-text-secondary); }
.wb-pipeline[b-xutf7i6u6q] { display:grid; gap:var(--halo-4); }
.wb-pipeline-stage > div[b-xutf7i6u6q] { display:flex; justify-content:space-between; gap:var(--halo-3); font-size:var(--halo-text-sm); margin-bottom:var(--halo-2); }
.wb-pipeline-stage strong[b-xutf7i6u6q] { font-family:var(--halo-font-mono); font-weight:500; }
.wb-pipeline-bar[b-xutf7i6u6q] { display:block; width:100%; height:6px; fill:rgb(var(--halo-tone-brand)); }
.wb-pipeline-bar--info[b-xutf7i6u6q] { fill:rgb(var(--halo-tone-info)); }
.wb-pipeline-bar--pipeline[b-xutf7i6u6q] { fill:rgb(var(--halo-tone-pipeline)); }
.wb-pipeline-bar--warning[b-xutf7i6u6q] { fill:rgb(var(--halo-tone-warning)); }
.wb-pipeline-bar--success[b-xutf7i6u6q] { fill:rgb(var(--halo-tone-success)); }
.wb-pipeline-bar--neutral[b-xutf7i6u6q] { fill:rgb(var(--halo-tone-neutral)); }
.wb-pipeline-track[b-xutf7i6u6q] { fill:var(--halo-surface-sunken); }
.wb-priorities[b-xutf7i6u6q] { display:grid; gap:var(--halo-2); }
.wb-priorities button[b-xutf7i6u6q] { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:var(--halo-3); padding:var(--halo-3) 0; border:0; border-bottom:1px solid var(--halo-hairline); background:transparent; color:var(--halo-text); cursor:pointer; text-align:left; border-radius:var(--halo-radius-xs); }
.wb-priorities button:last-child[b-xutf7i6u6q] { border-bottom:0; }
.wb-priorities button:hover[b-xutf7i6u6q] { background:var(--halo-surface-hover); }
.wb-priorities button:focus-visible[b-xutf7i6u6q] { outline:none; box-shadow:var(--halo-focus-ring); }
.wb-priorities strong[b-xutf7i6u6q],.wb-priorities small[b-xutf7i6u6q] { display:block; }
.wb-priorities strong[b-xutf7i6u6q] { font-size:var(--halo-text-sm); }
.wb-priorities small[b-xutf7i6u6q] { color:var(--halo-text-secondary); font-size:var(--halo-text-caption); line-height:1.5; margin-top:var(--halo-1); }
.wb-priority-count[b-xutf7i6u6q] { display:grid; place-items:center; min-width:48px; min-height:44px; padding:var(--halo-2); border-radius:var(--halo-radius-md); background:var(--halo-tint-neutral); color:var(--halo-ink-neutral); font:700 var(--halo-text-body)/1 var(--halo-font-display); }
.wb-priority-count--critical[b-xutf7i6u6q] { background:var(--halo-tint-critical); color:var(--halo-ink-critical); }
.wb-priority-count--pipeline[b-xutf7i6u6q] { background:var(--halo-tint-pipeline); color:var(--halo-ink-pipeline); }
.wb-priority-count--info[b-xutf7i6u6q] { background:var(--halo-tint-info); color:var(--halo-ink-info); }
/* /Components/WorkspaceLayoutView.razor.rz.scp.css */
.workspace-layout-view[b-o6knef4you] { min-width: 0; }
.workspace-layout-control[b-o6knef4you] { display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:var(--halo-3); margin-bottom:var(--halo-4); }
.workspace-layout-label[b-o6knef4you] { color:var(--halo-text-secondary); font-size:var(--halo-text-caption); }
.workspace-layout-control button:disabled[b-o6knef4you] { opacity:.6; cursor:wait; }
@media(max-width:600px) { .workspace-layout-control[b-o6knef4you] { justify-content:space-between; } }
/* /Components/WorkspaceTabs/WorkspaceTabs.razor.rz.scp.css */
/* Geometry only; shared Aurora navigation owns the appearance. */
.workspace-tabs[b-4ex0a5vsfk] { min-height:40px; margin-bottom:var(--halo-3); }
.workspace-tabs__track[b-4ex0a5vsfk] { display:flex; align-items:center; gap:var(--halo-1); min-width:0; overflow-x:auto; scrollbar-width:thin; }
.workspace-tabs__tab[b-4ex0a5vsfk] { max-width:230px; flex:0 0 auto; }
.workspace-tabs__main[b-4ex0a5vsfk] { display:inline-flex; align-items:center; gap:var(--halo-2); align-self:stretch; min-width:0; padding:var(--halo-2); color:inherit; background:transparent; border:0; cursor:pointer; font:inherit; }
.workspace-tabs__main:focus-visible[b-4ex0a5vsfk] { outline:none; box-shadow:inset 0 0 0 2px var(--halo-focus-color); border-radius:var(--halo-radius-xs); }
.workspace-tabs__icon[b-4ex0a5vsfk] { flex:0 0 auto; }
.workspace-tabs__title[b-4ex0a5vsfk] { min-width:0; overflow:hidden; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.workspace-tabs__expiry[b-4ex0a5vsfk],.workspace-tabs__close[b-4ex0a5vsfk],.workspace-tabs__count[b-4ex0a5vsfk] { flex:0 0 auto; }
@media(max-width:767px) { .workspace-tabs__tab[b-4ex0a5vsfk] { max-width:190px; } }
@media(pointer:coarse) { .workspace-tabs__close[b-4ex0a5vsfk] { width:44px; height:44px; } }
/* /Features/Accounting/Pages/ReceiptTransactionTemplatesPage.razor.rz.scp.css */
.rt-loading[b-mlbmn8qelv] { padding: 2rem; }

.rt-shell[b-mlbmn8qelv] {
    display: grid;
    grid-template-columns: minmax(250px, 310px) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.rt-list-panel[b-mlbmn8qelv],
.rt-editor-panel[b-mlbmn8qelv] {
    border: 1px solid var(--halo-hairline-strong);
    border-radius: 14px;
    background: var(--halo-surface);
    box-shadow: 0 1px 3px rgba(16, 24, 40, .05);
}

.rt-list-panel[b-mlbmn8qelv] { position: sticky; top: 82px; overflow: hidden; }
.rt-list-heading[b-mlbmn8qelv],
.rt-editor-header[b-mlbmn8qelv],
.rt-section-heading[b-mlbmn8qelv],
.rt-danger-zone[b-mlbmn8qelv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.rt-list-heading[b-mlbmn8qelv] { padding: 1rem; border-bottom: 1px solid var(--halo-hairline); }
.rt-list-heading h2[b-mlbmn8qelv],
.rt-editor-header h2[b-mlbmn8qelv],
.rt-section h3[b-mlbmn8qelv] { margin: 0; color: var(--halo-text); }
.rt-list-heading h2[b-mlbmn8qelv] { font-size: .95rem; }
.rt-list-heading span[b-mlbmn8qelv],
.rt-editor-header span[b-mlbmn8qelv],
.rt-section p[b-mlbmn8qelv],
.rt-setting-card > span[b-mlbmn8qelv] { color: var(--halo-text-secondary); font-size: .8rem; }

.rt-icon-button[b-mlbmn8qelv],
.rt-line-order button[b-mlbmn8qelv],
.rt-remove[b-mlbmn8qelv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    color: var(--halo-text-secondary);
    cursor: pointer;
}
.rt-icon-button[b-mlbmn8qelv] { width: 34px; height: 34px; border-radius: 8px; }
.rt-icon-button:hover[b-mlbmn8qelv] { background: var(--halo-surface-sunken); color: var(--halo-text); }

.rt-template-list[b-mlbmn8qelv] { display: flex; flex-direction: column; padding: .5rem; gap: .25rem; }
.rt-template-item[b-mlbmn8qelv] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    width: 100%;
    padding: .75rem;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: var(--halo-text-secondary);
    text-align: left;
    cursor: pointer;
    transition: background-color 140ms ease, border-color 140ms ease;
}
.rt-template-item:hover[b-mlbmn8qelv] { background: var(--halo-surface-sunken); }
.rt-template-item.selected[b-mlbmn8qelv] { border-color: var(--halo-focus-color); background: var(--halo-tint-info); }
.rt-template-code[b-mlbmn8qelv] { color: var(--halo-text-secondary); font-size: .68rem; font-weight: 700; letter-spacing: .06em; }
.rt-template-meta[b-mlbmn8qelv] { display: flex; flex-wrap: wrap; gap: .35rem; }
.rt-state[b-mlbmn8qelv] { padding: .15rem .42rem; border-radius: 999px; background: var(--halo-surface-sunken); font-size: .68rem; font-weight: 650; }
.rt-state.draft[b-mlbmn8qelv] { background: var(--halo-tint-warning); color: var(--halo-ink-warning); }
.rt-state.published[b-mlbmn8qelv] { background: var(--halo-tint-success); color: var(--halo-ink-success); }
.rt-state.archived[b-mlbmn8qelv] { background: var(--halo-tint-critical); color: var(--halo-ink-critical); }
.rt-list-empty[b-mlbmn8qelv] { display: flex; align-items: center; gap: .6rem; padding: 1.2rem; color: var(--halo-text-secondary); font-size: .82rem; }

.rt-editor-panel[b-mlbmn8qelv] { min-height: 520px; overflow: hidden; }
.rt-editor-empty[b-mlbmn8qelv] { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 520px; padding: 2rem; text-align: center; }
.rt-editor-empty h2[b-mlbmn8qelv] { margin: 1rem 0 .35rem; }
.rt-editor-empty p[b-mlbmn8qelv] { max-width: 520px; margin: 0 0 1.2rem; color: var(--halo-text-secondary); }
.rt-empty-icon[b-mlbmn8qelv] { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 16px; background: var(--halo-surface-sunken); color: var(--halo-text-secondary); }
.rt-editor-header[b-mlbmn8qelv] { padding: 1.1rem 1.25rem; border-bottom: 1px solid var(--halo-hairline); background: linear-gradient(180deg, var(--halo-surface), var(--halo-surface-sunken)); }
.rt-editor-header h2[b-mlbmn8qelv] { margin-top: .15rem; font-size: 1.2rem; }
.rt-editor-eyebrow[b-mlbmn8qelv] { color: var(--halo-text-secondary); font-size: .7rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.rt-editor-actions[b-mlbmn8qelv] { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: flex-end; }

.rt-section[b-mlbmn8qelv] { padding: 1.25rem; border-bottom: 1px solid var(--halo-hairline); }
.rt-section:last-child[b-mlbmn8qelv] { border-bottom: 0; }
.rt-section-heading[b-mlbmn8qelv] { align-items: flex-start; margin-bottom: 1rem; }
.rt-section h3[b-mlbmn8qelv] { font-size: .95rem; }
.rt-section p[b-mlbmn8qelv] { margin: .25rem 0 0; }
.rt-basics-grid[b-mlbmn8qelv] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; }
.rt-description[b-mlbmn8qelv] { grid-column: 1 / -1; }
.rt-setting-card[b-mlbmn8qelv] { display: flex; flex-direction: column; justify-content: center; padding: .75rem; border: 1px solid var(--halo-hairline); border-radius: 10px; background: var(--halo-surface-sunken); }

.rt-lines[b-mlbmn8qelv] { display: flex; flex-direction: column; gap: .65rem; }
.rt-lines-empty[b-mlbmn8qelv] { padding: 1.5rem; border: 1px dashed var(--halo-hairline-strong); border-radius: 10px; background: var(--halo-surface-sunken); color: var(--halo-text-secondary); text-align: center; }
.rt-line[b-mlbmn8qelv] { display: grid; grid-template-columns: 38px minmax(0, 1fr) minmax(175px, .35fr) 34px; gap: .7rem; align-items: center; padding: .75rem; border: 1px solid var(--halo-hairline); border-radius: 11px; background: var(--halo-surface); }
.rt-line-order[b-mlbmn8qelv] { display: flex; flex-direction: column; align-items: center; gap: .1rem; color: var(--halo-text-secondary); font-size: .75rem; font-weight: 700; }
.rt-line-order button[b-mlbmn8qelv] { width: 24px; height: 20px; }
.rt-line-order button:disabled[b-mlbmn8qelv] { opacity: .25; cursor: default; }
.rt-line-main[b-mlbmn8qelv] { display: grid; grid-template-columns: minmax(210px, 1fr) minmax(120px, .35fr) minmax(140px, .45fr); gap: .65rem; align-items: start; }
.rt-line-options[b-mlbmn8qelv] { display: flex; flex-direction: column; gap: .1rem; }
.rt-remove[b-mlbmn8qelv] { width: 32px; height: 32px; border-radius: 8px; color: var(--halo-ink-critical); }
.rt-remove:hover[b-mlbmn8qelv] { background: var(--halo-tint-critical); }
.rt-danger-zone[b-mlbmn8qelv] { background: var(--halo-surface-sunken); }

@media (max-width: 1100px) {
    .rt-shell[b-mlbmn8qelv] { grid-template-columns: 1fr; }
    .rt-list-panel[b-mlbmn8qelv] { position: static; }
    .rt-template-list[b-mlbmn8qelv] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .rt-line[b-mlbmn8qelv] { grid-template-columns: 30px minmax(0, 1fr) 34px; }
    .rt-line-options[b-mlbmn8qelv] { grid-column: 2 / 3; flex-direction: row; flex-wrap: wrap; }
}

@media (max-width: 720px) {
    .rt-template-list[b-mlbmn8qelv],
    .rt-basics-grid[b-mlbmn8qelv],
    .rt-line-main[b-mlbmn8qelv] { grid-template-columns: 1fr; }
    .rt-editor-header[b-mlbmn8qelv],
    .rt-section-heading[b-mlbmn8qelv],
    .rt-danger-zone[b-mlbmn8qelv] { align-items: flex-start; flex-direction: column; }
    .rt-editor-actions[b-mlbmn8qelv] { justify-content: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
    .rt-template-item[b-mlbmn8qelv] { transition: none; }
}
/* /Features/Administration/Pages/UserAccessSettingsPage.razor.rz.scp.css */

    .uam-shell[b-rd1s90jtu2] {
        display: grid;
        gap: 16px;
        padding-bottom: 120px;
    }

    .uam-stats[b-rd1s90jtu2] {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 12px;
    }

    .uam-stat[b-rd1s90jtu2],
    .uam-org-panel[b-rd1s90jtu2],
    .uam-directory[b-rd1s90jtu2],
    .uam-users-grid-panel[b-rd1s90jtu2],
    .uam-role-template-page[b-rd1s90jtu2],
    .uam-editor[b-rd1s90jtu2] {
        background: var(--halo-surface);
        border: 1px solid var(--halo-hairline);
        border-radius: var(--halo-radius-md);
        box-shadow: var(--halo-shadow-1);
    }

    .uam-stat[b-rd1s90jtu2] {
        min-height: 74px;
        padding: 14px 16px;
    }

    .uam-stat span[b-rd1s90jtu2],
    .uam-eyebrow[b-rd1s90jtu2],
    .uam-mini-head small[b-rd1s90jtu2],
    .uam-user-main small[b-rd1s90jtu2],
    .uam-extension-grid small[b-rd1s90jtu2],
    .uam-chip-grid small[b-rd1s90jtu2] {
        color: var(--halo-text-secondary);
        font-size: 0.76rem;
        font-weight: 700;
        text-transform: uppercase;
    }

    .uam-stat strong[b-rd1s90jtu2] {
        color: var(--halo-text);
        display: block;
        font-size: 1.85rem;
        line-height: 1;
        margin-top: 8px;
    }

    .uam-message[b-rd1s90jtu2] {
        align-items: center;
        border-radius: var(--halo-radius-md);
        display: flex;
        gap: 10px;
        padding: 12px 14px;
    }

    .uam-message-ok[b-rd1s90jtu2] {
        background: rgb(var(--halo-tone-success) / .10);
        color: var(--halo-ink-success);
    }

    .uam-message-error[b-rd1s90jtu2] {
        background: rgb(var(--halo-tone-critical) / .10);
        color: var(--halo-ink-critical);
    }

    .uam-tabs[b-rd1s90jtu2] {
        align-items: center;
        background: var(--halo-surface-sunken);
        border: 1px solid var(--halo-hairline);
        border-radius: var(--halo-radius-md);
        display: inline-grid;
        gap: 6px;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        padding: 6px;
        width: min(920px, 100%);
    }

    .uam-tab[b-rd1s90jtu2] {
        align-items: center;
        background: transparent;
        border: 0;
        border-radius: var(--halo-radius-sm);
        color: var(--halo-text-secondary);
        cursor: pointer;
        display: inline-flex;
        font-weight: 600;
        gap: 8px;
        justify-content: center;
        min-height: 40px;
        padding: 0 12px;
        transition: background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
    }

    .uam-tab:hover[b-rd1s90jtu2] {
        background: var(--halo-surface);
        color: var(--halo-ink-brand);
    }

    .uam-tab-active[b-rd1s90jtu2] {
        background: var(--halo-surface);
        box-shadow: var(--halo-shadow-1);
        color: var(--halo-ink-brand);
    }

    .uam-layout[b-rd1s90jtu2] {
        align-items: start;
        display: grid;
        gap: 16px;
        grid-template-columns: 1fr;
    }

    .uam-directory[b-rd1s90jtu2],
    .uam-users-grid-panel[b-rd1s90jtu2],
    .uam-editor[b-rd1s90jtu2] {
        padding: 20px;
    }

    .uam-role-template-page[b-rd1s90jtu2] {
        padding: 20px;
    }

    .uam-editor-head-actions[b-rd1s90jtu2] {
        align-items: center;
        display: inline-flex;
        gap: 10px;
    }

    .uam-user-grid-toolbar[b-rd1s90jtu2] {
        align-items: end;
        border-bottom: 1px solid var(--halo-hairline);
        display: grid;
        gap: 12px;
        grid-template-columns: minmax(260px, 1fr) 180px 180px auto;
        margin-bottom: 16px;
        padding-bottom: 14px;
    }

    .uam-panel-head[b-rd1s90jtu2],
    .uam-mini-head[b-rd1s90jtu2],
    .uam-actions[b-rd1s90jtu2] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        gap: 12px;
    }

    .uam-panel-head[b-rd1s90jtu2] {
        margin-bottom: 16px;
    }

    .uam-panel-head h2[b-rd1s90jtu2] {
        color: var(--halo-text);
        font-size: 1.2rem;
        font-weight: 600;
        line-height: 1.2;
        margin: 3px 0 0;
    }

    .uam-editor-head[b-rd1s90jtu2] {
        border-bottom: 1px solid var(--halo-hairline);
        padding-bottom: 14px;
    }

    .uam-icon-btn[b-rd1s90jtu2] {
        align-items: center;
        background: var(--halo-ink-brand);
        border: 0;
        border-radius: var(--halo-radius-md);
        color: var(--halo-surface);
        cursor: pointer;
        display: inline-flex;
        height: 38px;
        justify-content: center;
        transition: transform 0.16s ease, background 0.16s ease;
        width: 38px;
    }

    .uam-icon-btn:hover[b-rd1s90jtu2] {
        background: var(--halo-ink-brand);
        transform: translateY(-1px);
    }

    .uam-soft-icon-btn[b-rd1s90jtu2] {
        align-items: center;
        background: var(--halo-surface);
        border: 1px solid var(--halo-hairline);
        border-radius: var(--halo-radius-md);
        color: var(--halo-text);
        cursor: pointer;
        display: inline-flex;
        height: 38px;
        justify-content: center;
        transition: transform 0.16s ease, border-color 0.16s ease, color 0.16s ease;
        width: 38px;
    }

    .uam-soft-icon-btn:hover[b-rd1s90jtu2] {
        border-color: var(--halo-ink-brand);
        color: var(--halo-ink-brand);
        transform: translateY(-1px);
    }

    .uam-loader[b-rd1s90jtu2] {
        margin-top: 14px;
    }

    .uam-empty[b-rd1s90jtu2] {
        align-items: center;
        border: 1px dashed var(--halo-hairline);
        border-radius: var(--halo-radius-md);
        color: var(--halo-text-secondary);
        display: flex;
        gap: 10px;
        min-height: 96px;
        padding: 16px;
    }

    .uam-user-list[b-rd1s90jtu2] {
        display: grid;
        gap: 10px;
        margin-top: 16px;
        max-height: 680px;
        overflow: auto;
        padding-right: 2px;
    }

    .uam-user-row[b-rd1s90jtu2] {
        align-items: center;
        background: var(--halo-surface-sunken);
        border: 1px solid transparent;
        border-radius: var(--halo-radius-md);
        color: inherit;
        cursor: pointer;
        display: grid;
        gap: 10px;
        grid-template-columns: 42px minmax(0, 1fr) auto;
        min-height: 66px;
        padding: 10px;
        text-align: left;
        transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
        width: 100%;
    }

    .uam-user-row:hover[b-rd1s90jtu2],
    .uam-user-row-selected[b-rd1s90jtu2] {
        background: var(--halo-surface);
        border-color: rgb(var(--halo-tone-brand) / .09);
        box-shadow: var(--halo-shadow-1);
        transform: translateY(-1px);
    }

    .uam-avatar[b-rd1s90jtu2] {
        align-items: center;
        background: rgb(var(--halo-tone-brand) / .09);
        border-radius: var(--halo-radius-md);
        color: var(--halo-ink-brand);
        display: inline-flex;
        font-weight: 600;
        height: 42px;
        justify-content: center;
        width: 42px;
    }

    .uam-users-table-shell[b-rd1s90jtu2] {
        background: var(--halo-surface);
        border: 1px solid var(--halo-hairline);
        border-radius: var(--halo-radius-md);
        overflow: auto;
    }

    .uam-users-table[b-rd1s90jtu2] {
        min-width: 1180px;
    }

    .uam-users-table th:nth-child(1)[b-rd1s90jtu2] {
        width: 260px;
    }

    .uam-users-table th:nth-child(2)[b-rd1s90jtu2] {
        width: 150px;
    }

    .uam-users-table th:nth-child(5)[b-rd1s90jtu2],
    .uam-users-table th:nth-child(7)[b-rd1s90jtu2],
    .uam-users-table th:nth-child(9)[b-rd1s90jtu2] {
        width: 118px;
    }

    .uam-users-table th:nth-child(8)[b-rd1s90jtu2] {
        width: 132px;
    }

    .uam-users-table-row[b-rd1s90jtu2] {
        cursor: pointer;
    }

    .uam-users-table-row-selected td[b-rd1s90jtu2],
    .uam-users-table-row:hover td[b-rd1s90jtu2] {
        background: var(--halo-surface-hover);
    }

    .uam-user-cell[b-rd1s90jtu2] {
        align-items: center;
        display: flex;
        gap: 10px;
        min-width: 0;
    }

    .uam-user-identity[b-rd1s90jtu2],
    .uam-role-stack[b-rd1s90jtu2] {
        display: grid;
        min-width: 0;
    }

    .uam-user-identity strong[b-rd1s90jtu2],
    .uam-user-identity small[b-rd1s90jtu2],
    .uam-role-stack small[b-rd1s90jtu2],
    .uam-table-muted[b-rd1s90jtu2] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .uam-user-identity strong[b-rd1s90jtu2] {
        color: var(--halo-text);
        font-weight: 600;
    }

    .uam-user-identity small[b-rd1s90jtu2],
    .uam-role-stack small[b-rd1s90jtu2] {
        color: var(--halo-text-secondary);
        font-size: 0.74rem;
        font-weight: 700;
    }

    .uam-role-stack[b-rd1s90jtu2] {
        gap: 5px;
        justify-items: start;
    }

    .uam-table-muted[b-rd1s90jtu2] {
        color: var(--halo-text);
        display: block;
        font-weight: 700;
    }

    .uam-extension-badge[b-rd1s90jtu2] {
        background: rgb(var(--halo-tone-brand) / .09);
        border: 1px solid rgb(var(--halo-tone-brand) / .09);
        border-radius: 999px;
        color: var(--halo-ink-brand);
        display: inline-flex;
        font-size: 0.74rem;
        font-weight: 600;
        min-height: 26px;
        padding: 4px 9px;
        white-space: nowrap;
    }

    .uam-extension-badge-empty[b-rd1s90jtu2] {
        background: var(--halo-surface-sunken);
        border-color: var(--halo-hairline);
        color: var(--halo-text-secondary);
    }

    .uam-user-main[b-rd1s90jtu2] {
        display: grid;
        min-width: 0;
    }

    .uam-user-main strong[b-rd1s90jtu2],
    .uam-user-main small[b-rd1s90jtu2] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .uam-pill[b-rd1s90jtu2] {
        border-radius: 999px;
        font-size: 0.7rem;
        font-weight: 600;
        padding: 5px 8px;
        white-space: nowrap;
    }

    .uam-pill-admin[b-rd1s90jtu2] {
        background: rgb(var(--halo-tone-warning) / .12);
        color: var(--halo-ink-warning);
    }

    .uam-pill-supervisor[b-rd1s90jtu2] {
        background: rgb(var(--halo-tone-brand) / .09);
        color: var(--halo-ink-brand);
    }

    .uam-pill-agent[b-rd1s90jtu2] {
        background: rgb(var(--halo-tone-success) / .10);
        color: var(--halo-ink-success);
    }

    .uam-form-grid[b-rd1s90jtu2] {
        display: grid;
        gap: 14px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .uam-editor-body[b-rd1s90jtu2] {
        display: grid;
        gap: 14px;
        padding-bottom: 88px;
    }

    .uam-editor-section[b-rd1s90jtu2] {
        border: 1px solid var(--halo-hairline);
        border-radius: var(--halo-radius-md);
        padding: 14px;
    }

    .uam-access-layout[b-rd1s90jtu2] {
        display: grid;
        gap: 12px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .uam-suggestion-row[b-rd1s90jtu2],
    .uam-chip-grid[b-rd1s90jtu2],
    .uam-extension-grid[b-rd1s90jtu2] {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 14px;
    }

    .uam-soft-chip[b-rd1s90jtu2],
    .uam-location-chip[b-rd1s90jtu2],
    .uam-extension-chip[b-rd1s90jtu2] {
        align-items: center;
        border: 1px solid var(--halo-hairline);
        border-radius: var(--halo-radius-md);
        cursor: pointer;
        display: inline-flex;
        gap: 8px;
        min-height: 38px;
        transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
    }

    .uam-soft-chip[b-rd1s90jtu2] {
        background: var(--halo-surface-sunken);
        color: var(--halo-text);
        padding: 7px 10px;
    }

    .uam-soft-chip:hover[b-rd1s90jtu2],
    .uam-location-chip:hover[b-rd1s90jtu2],
    .uam-extension-chip:hover[b-rd1s90jtu2] {
        border-color: var(--halo-ink-brand);
        box-shadow: var(--halo-shadow-1);
        transform: translateY(-1px);
    }

    .uam-assignment-grid[b-rd1s90jtu2] {
        display: grid;
        gap: 14px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 16px;
    }

    .uam-assignment-panel[b-rd1s90jtu2] {
        background: var(--halo-surface-sunken);
        border: 1px solid var(--halo-hairline);
        border-radius: var(--halo-radius-md);
        padding: 14px;
    }

    .uam-mini-head[b-rd1s90jtu2] {
        margin-bottom: 10px;
    }

    .uam-mini-head span[b-rd1s90jtu2] {
        color: var(--halo-text);
        font-weight: 600;
    }

    .uam-location-chip-on[b-rd1s90jtu2],
    .uam-extension-chip-on[b-rd1s90jtu2] {
        background: var(--halo-tint-brand);
        border-color: var(--halo-ink-brand);
        color: var(--halo-ink-brand);
    }

    .uam-location-chip-on small[b-rd1s90jtu2],
    .uam-extension-chip-on small[b-rd1s90jtu2] {
        color: var(--halo-ink-brand);
    }

    .uam-role-select-panel[b-rd1s90jtu2] {
        align-content: start;
        display: grid;
        gap: 10px;
    }

    .uam-workspace-grid[b-rd1s90jtu2] {
        align-items: start;
        display: grid;
        gap: 14px;
        grid-template-columns: minmax(260px, 0.85fr) minmax(0, 1.15fr);
    }

    .uam-location-grid[b-rd1s90jtu2] {
        max-height: 300px;
        overflow: auto;
        padding-right: 2px;
    }

    .uam-phone-panel[b-rd1s90jtu2] {
        display: grid;
        gap: 12px;
    }

    .uam-phone-panel .uam-extension-grid[b-rd1s90jtu2] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin-top: 0;
        max-height: 188px;
    }

    .uam-phone-panel .uam-extension-chip[b-rd1s90jtu2] {
        justify-content: flex-start;
        min-width: 0;
    }

    .uam-phone-panel .uam-extension-chip span[b-rd1s90jtu2] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .uam-selected-role-summary[b-rd1s90jtu2] {
        align-items: center;
        background: var(--halo-surface);
        border: 1px solid var(--halo-hairline);
        border-radius: var(--halo-radius-md);
        color: var(--halo-text);
        display: flex;
        gap: 10px;
        justify-content: space-between;
        min-height: 58px;
        padding: 10px 12px;
    }

    .uam-selected-role-summary > span:first-of-type[b-rd1s90jtu2] {
        display: grid;
        flex: 1;
        min-width: 0;
    }

    .uam-selected-role-summary strong[b-rd1s90jtu2],
    .uam-selected-role-summary small[b-rd1s90jtu2] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .uam-selected-role-summary strong[b-rd1s90jtu2] {
        font-weight: 600;
    }

    .uam-selected-role-summary small[b-rd1s90jtu2] {
        color: var(--halo-text-secondary);
        font-size: 0.74rem;
        font-weight: 700;
        margin-top: 2px;
    }

    .uam-template-section[b-rd1s90jtu2] {
        border-top: 1px solid var(--halo-hairline);
        margin-top: 18px;
        padding-top: 18px;
    }

    .uam-template-head[b-rd1s90jtu2] {
        align-items: center;
        display: flex;
        justify-content: space-between;
    }

    .uam-template-buttons[b-rd1s90jtu2] {
        display: inline-flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .uam-role-management-toolbar[b-rd1s90jtu2] {
        align-items: center;
        border-bottom: 1px solid var(--halo-hairline);
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 14px;
        padding-bottom: 14px;
    }

    .uam-org-panel[b-rd1s90jtu2] {
        padding: 20px;
    }

    .uam-org-layout[b-rd1s90jtu2],
    .uam-org-directory[b-rd1s90jtu2] {
        display: grid;
        gap: 14px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .uam-org-layout-single[b-rd1s90jtu2] {
        grid-template-columns: 1fr;
    }

    .uam-org-directory[b-rd1s90jtu2] {
        margin-top: 14px;
    }

    .uam-org-card[b-rd1s90jtu2],
    .uam-org-list[b-rd1s90jtu2] {
        background: var(--halo-surface);
        border: 1px solid var(--halo-hairline);
        border-radius: var(--halo-radius-md);
        padding: 14px;
    }

    .uam-org-form[b-rd1s90jtu2] {
        display: grid;
        gap: 12px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .uam-org-form-location[b-rd1s90jtu2] {
        align-items: start;
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .uam-org-form-location > *[b-rd1s90jtu2] {
        grid-column: span 4;
    }

    .uam-location-card[b-rd1s90jtu2] {
        background: var(--halo-surface);
    }

    .uam-ip-editor[b-rd1s90jtu2] {
        display: grid;
        gap: 8px;
        grid-column: span 8;
    }

    .uam-ip-preview[b-rd1s90jtu2],
    .uam-location-ip-list[b-rd1s90jtu2] {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        min-height: 28px;
    }

    .uam-ip-chip[b-rd1s90jtu2] {
        background: rgb(var(--halo-tone-brand) / .09);
        border: 1px solid rgb(var(--halo-tone-brand) / .09);
        border-radius: 999px;
        color: var(--halo-ink-brand);
        display: inline-flex;
        font-size: 0.72rem;
        font-weight: 600;
        line-height: 1;
        padding: 6px 8px;
        white-space: nowrap;
    }

    .uam-ip-chip-muted[b-rd1s90jtu2] {
        background: var(--halo-surface-sunken);
        border-color: var(--halo-hairline);
        color: var(--halo-text-secondary);
    }

    .uam-ip-empty[b-rd1s90jtu2] {
        color: var(--halo-text-tertiary);
        font-size: 0.78rem;
        font-weight: 700;
    }

    .uam-create-location-btn[b-rd1s90jtu2] {
        align-self: end;
        grid-column: span 4;
        min-height: 42px;
    }

    .uam-location-state-toggle[b-rd1s90jtu2] {
        grid-column: span 4;
    }

    .uam-form-actions[b-rd1s90jtu2] {
        align-items: center;
        display: flex;
        gap: 8px;
        justify-content: flex-end;
        min-width: 0;
    }

    .uam-form-actions > *[b-rd1s90jtu2] {
        min-width: 0;
    }

    .uam-org-location-picker[b-rd1s90jtu2] {
        align-content: start;
        background: var(--halo-surface);
        border: 1px dashed var(--halo-hairline);
        border-radius: var(--halo-radius-md);
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        min-height: 72px;
        padding: 10px;
    }

    .uam-org-location-picker > span[b-rd1s90jtu2],
    .uam-org-location-picker > small[b-rd1s90jtu2] {
        flex-basis: 100%;
    }

    .uam-org-location-picker > span[b-rd1s90jtu2] {
        color: var(--halo-text);
        font-size: 0.76rem;
        font-weight: 600;
        text-transform: uppercase;
    }

    .uam-org-count[b-rd1s90jtu2] {
        align-items: center;
        background: var(--halo-surface-sunken);
        border: 1px solid var(--halo-hairline);
        border-radius: 999px;
        color: var(--halo-text);
        display: inline-flex;
        gap: 6px;
        min-height: 32px;
        padding: 0 11px;
        white-space: nowrap;
    }

    .uam-org-count strong[b-rd1s90jtu2] {
        color: var(--halo-ink-brand);
    }

    .uam-location-table-shell[b-rd1s90jtu2] {
        max-height: 320px;
        overflow: auto;
        border: 1px solid var(--halo-hairline);
        border-radius: var(--halo-radius-md);
        background: var(--halo-surface);
    }

    .uam-location-table[b-rd1s90jtu2] {
        width: 100%;
        min-width: 920px;
        border-collapse: separate;
        border-spacing: 0;
        table-layout: fixed;
    }

    .uam-team-table[b-rd1s90jtu2] {
        min-width: 820px;
    }

    .uam-position-table[b-rd1s90jtu2] {
        min-width: 760px;
    }

    .uam-location-table th[b-rd1s90jtu2],
    .uam-location-table td[b-rd1s90jtu2] {
        padding: 11px 12px;
        text-align: left;
        vertical-align: middle;
    }

    .uam-location-table th[b-rd1s90jtu2] {
        position: sticky;
        top: 0;
        z-index: 1;
        background: var(--halo-surface-sunken);
        border-bottom: 1px solid var(--halo-hairline);
        color: var(--halo-text-secondary);
        font-size: 0.72rem;
        font-weight: 600;
        text-transform: uppercase;
    }

    .uam-location-table td[b-rd1s90jtu2] {
        border-bottom: 1px solid var(--halo-surface-sunken);
        color: var(--halo-text);
        font-size: 0.84rem;
    }

    .uam-location-table tbody tr:last-child td[b-rd1s90jtu2] {
        border-bottom: 0;
    }

    .uam-location-table tbody tr:hover td[b-rd1s90jtu2] {
        background: var(--halo-surface-hover);
    }

    .uam-location-table tbody tr.uam-row-inactive td[b-rd1s90jtu2] {
        background: var(--halo-surface);
        color: var(--halo-text-secondary);
    }

    .uam-location-table tbody tr.uam-row-inactive:hover td[b-rd1s90jtu2] {
        background: var(--halo-surface-sunken);
    }

    .uam-location-name[b-rd1s90jtu2],
    .uam-location-meta[b-rd1s90jtu2] {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .uam-location-name[b-rd1s90jtu2] {
        color: var(--halo-text);
        font-weight: 600;
    }

    .uam-location-meta[b-rd1s90jtu2] {
        color: var(--halo-text-secondary);
        font-size: 0.76rem;
        font-weight: 700;
        margin-top: 2px;
    }

    .uam-status-pill[b-rd1s90jtu2] {
        align-items: center;
        border-radius: 999px;
        display: inline-flex;
        font-size: 0.68rem;
        font-weight: 600;
        min-height: 24px;
        padding: 0 9px;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .uam-status-pill-active[b-rd1s90jtu2] {
        background: rgb(var(--halo-tone-success) / .10);
        color: var(--halo-ink-success);
    }

    .uam-status-pill-inactive[b-rd1s90jtu2] {
        background: var(--halo-surface-sunken);
        color: var(--halo-text-secondary);
    }

    .uam-row-actions[b-rd1s90jtu2] {
        align-items: center;
        display: inline-flex;
        gap: 6px;
        justify-content: flex-end;
        min-width: 126px;
    }

    .uam-table-action-btn[b-rd1s90jtu2] {
        align-items: center;
        background: var(--halo-surface);
        border: 1px solid var(--halo-hairline);
        border-radius: var(--halo-radius-md);
        color: var(--halo-text);
        cursor: pointer;
        display: inline-flex;
        height: 32px;
        justify-content: center;
        transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, transform 0.16s ease;
        width: 32px;
    }

    .uam-table-action-btn:hover[b-rd1s90jtu2] {
        background: rgb(var(--halo-tone-brand) / .09);
        border-color: rgb(var(--halo-tone-brand) / .09);
        color: var(--halo-ink-brand);
        transform: translateY(-1px);
    }

    .uam-table-action-danger:hover[b-rd1s90jtu2] {
        background: rgb(var(--halo-tone-critical) / .10);
        border-color: rgb(var(--halo-tone-critical) / .10);
        color: var(--halo-ink-critical);
    }

    .uam-org-row[b-rd1s90jtu2] {
        align-items: center;
        background: var(--halo-surface);
        border: 1px solid var(--halo-hairline);
        border-radius: var(--halo-radius-md);
        display: flex;
        gap: 12px;
        justify-content: space-between;
        margin-top: 8px;
        min-height: 58px;
        padding: 10px 12px;
    }

    .uam-org-row span[b-rd1s90jtu2],
    .uam-org-row strong[b-rd1s90jtu2],
    .uam-org-row small[b-rd1s90jtu2] {
        min-width: 0;
    }

    .uam-org-row strong[b-rd1s90jtu2],
    .uam-org-row small[b-rd1s90jtu2] {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .uam-org-row strong[b-rd1s90jtu2] {
        color: var(--halo-text);
        font-size: 0.9rem;
    }

    .uam-org-row small[b-rd1s90jtu2] {
        color: var(--halo-text-secondary);
        font-size: 0.76rem;
    }

    .uam-org-empty[b-rd1s90jtu2] {
        min-height: 76px;
    }

    .uam-required-note[b-rd1s90jtu2] {
        background: rgb(var(--halo-tone-warning) / .12);
        border: 1px solid rgb(var(--halo-tone-warning) / .12);
        border-radius: var(--halo-radius-md);
        color: var(--halo-ink-warning);
        font-size: 0.82rem;
        font-weight: 700;
        margin-bottom: 10px;
        padding: 9px 10px;
    }

    .uam-template-layout[b-rd1s90jtu2] {
        display: grid;
        gap: 14px;
        grid-template-columns: minmax(230px, 0.34fr) minmax(0, 0.66fr);
    }

    .uam-template-list[b-rd1s90jtu2] {
        display: grid;
        gap: 9px;
        max-height: 620px;
        overflow: auto;
        padding-right: 2px;
    }

    .uam-template-card[b-rd1s90jtu2] {
        align-items: center;
        background: var(--halo-surface);
        border: 1px solid var(--halo-hairline);
        border-radius: var(--halo-radius-md);
        color: var(--halo-text);
        cursor: pointer;
        display: flex;
        gap: 10px;
        justify-content: space-between;
        min-height: 64px;
        padding: 11px;
        text-align: left;
        transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
        width: 100%;
    }

    .uam-template-card:hover[b-rd1s90jtu2],
    .uam-template-card-active[b-rd1s90jtu2] {
        background: rgb(var(--halo-tone-brand) / .09);
        border-color: var(--halo-ink-brand);
        box-shadow: var(--halo-shadow-1);
        transform: translateY(-1px);
    }

    .uam-template-card-draft[b-rd1s90jtu2] {
        border-style: dashed;
    }

    .uam-template-card strong[b-rd1s90jtu2],
    .uam-template-card small[b-rd1s90jtu2] {
        display: block;
    }

    .uam-template-card small[b-rd1s90jtu2] {
        color: var(--halo-text-secondary);
        font-size: 0.74rem;
        margin-top: 3px;
    }

    .uam-template-badges[b-rd1s90jtu2] {
        display: inline-flex;
        flex-wrap: wrap;
        gap: 5px;
        justify-content: flex-end;
    }

    .uam-template-pill[b-rd1s90jtu2] {
        background: rgb(var(--halo-tone-brand) / .09);
        border-radius: 999px;
        color: var(--halo-ink-brand);
        font-size: 0.66rem;
        font-weight: 600;
        padding: 4px 7px;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .uam-template-pill-mfa[b-rd1s90jtu2] {
        background: rgb(var(--halo-tone-warning) / .12);
        color: var(--halo-ink-warning);
    }

    .uam-template-pill-custom[b-rd1s90jtu2] {
        background: rgb(var(--halo-tone-success) / .10);
        color: var(--halo-ink-success);
    }

    .uam-template-pill-draft[b-rd1s90jtu2] {
        background: rgb(var(--halo-tone-info) / .10);
        color: var(--halo-ink-info);
    }

    .uam-template-pill-inactive[b-rd1s90jtu2] {
        background: var(--halo-surface-sunken);
        color: var(--halo-text-secondary);
    }

    .uam-template-pill-action[b-rd1s90jtu2] {
        background: rgb(var(--halo-tone-brand) / .09);
        color: var(--halo-ink-brand);
    }

    .uam-template-detail[b-rd1s90jtu2] {
        min-width: 0;
    }

    .uam-readonly-note[b-rd1s90jtu2],
    .uam-editable-note[b-rd1s90jtu2] {
        align-items: center;
        border-radius: var(--halo-radius-md);
        display: flex;
        gap: 8px;
        margin-bottom: 12px;
        padding: 10px 12px;
    }

    .uam-readonly-note[b-rd1s90jtu2] {
        background: rgb(var(--halo-tone-warning) / .12);
        border: 1px solid rgb(var(--halo-tone-warning) / .12);
        color: var(--halo-ink-warning);
    }

    .uam-editable-note[b-rd1s90jtu2] {
        background: rgb(var(--halo-tone-success) / .10);
        border: 1px solid rgb(var(--halo-tone-success) / .10);
        color: var(--halo-ink-success);
    }

    .uam-toggle-row[b-rd1s90jtu2],
    .uam-permission-toolbar[b-rd1s90jtu2] {
        align-items: center;
        display: flex;
        gap: 12px;
    }

    .uam-permission-toolbar[b-rd1s90jtu2] {
        border-bottom: 1px solid var(--halo-hairline);
        border-top: 1px solid var(--halo-hairline);
        margin-top: 16px;
        padding: 12px 0;
    }

    .uam-select[b-rd1s90jtu2] {
        background: var(--halo-surface);
        border: 1px solid var(--halo-hairline);
        border-radius: var(--halo-radius-md);
        color: var(--halo-text);
        font: inherit;
        min-height: 42px;
        min-width: 0;
        width: 100%;
        padding: 0 12px;
    }

    .uam-permission-count[b-rd1s90jtu2] {
        align-items: center;
        background: var(--halo-surface-sunken);
        border: 1px solid var(--halo-hairline);
        border-radius: var(--halo-radius-md);
        color: var(--halo-text);
        display: inline-flex;
        gap: 7px;
        min-height: 42px;
        padding: 0 12px;
        white-space: nowrap;
    }

    .uam-permission-count strong[b-rd1s90jtu2] {
        color: var(--halo-ink-brand);
    }

    .uam-permission-count span[b-rd1s90jtu2] {
        color: var(--halo-text-secondary);
        font-size: 0.75rem;
        font-weight: 600;
        text-transform: uppercase;
    }

    .uam-permission-groups[b-rd1s90jtu2] {
        display: grid;
        gap: 12px;
        margin-top: 14px;
        max-height: 590px;
        overflow: auto;
        padding-right: 2px;
    }

    .uam-permission-module[b-rd1s90jtu2] {
        background: var(--halo-surface-sunken);
        border: 1px solid var(--halo-hairline);
        border-radius: var(--halo-radius-md);
        padding: 12px;
    }

    .uam-permission-grid[b-rd1s90jtu2] {
        display: grid;
        gap: 8px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .uam-permission-chip[b-rd1s90jtu2] {
        align-items: center;
        background: var(--halo-surface);
        border: 1px solid var(--halo-hairline);
        border-radius: var(--halo-radius-md);
        color: var(--halo-text);
        cursor: pointer;
        display: flex;
        gap: 9px;
        min-height: 56px;
        padding: 9px 10px;
        text-align: left;
        transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
    }

    .uam-permission-chip:hover[b-rd1s90jtu2] {
        border-color: var(--halo-ink-brand);
        box-shadow: var(--halo-shadow-1);
        transform: translateY(-1px);
    }

    .uam-permission-chip:disabled[b-rd1s90jtu2] {
        cursor: default;
        opacity: 0.82;
        transform: none;
    }

    .uam-permission-chip span[b-rd1s90jtu2] {
        display: grid;
        min-width: 0;
    }

    .uam-permission-chip strong[b-rd1s90jtu2],
    .uam-permission-chip small[b-rd1s90jtu2] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .uam-permission-chip strong[b-rd1s90jtu2] {
        font-size: 0.86rem;
    }

    .uam-permission-chip small[b-rd1s90jtu2] {
        color: var(--halo-text-secondary);
        font-size: 0.7rem;
        font-weight: 600;
        text-transform: uppercase;
    }

    .uam-permission-chip-on[b-rd1s90jtu2] {
        background: rgb(var(--halo-tone-brand) / .09);
        border-color: var(--halo-ink-brand);
        color: var(--halo-ink-brand);
    }

    .uam-permission-chip-report[b-rd1s90jtu2] {
        border-left: 4px solid var(--halo-ink-brand);
    }

    .uam-permission-chip-admin[b-rd1s90jtu2] {
        border-left: 4px solid var(--halo-ink-warning);
    }

    .uam-template-actions[b-rd1s90jtu2] {
        margin-top: 14px;
    }

    .uam-location-chip[b-rd1s90jtu2],
    .uam-extension-chip[b-rd1s90jtu2] {
        background: var(--halo-surface);
        color: var(--halo-text);
        padding: 9px 10px;
    }

    .uam-extension-grid[b-rd1s90jtu2] {
        max-height: 210px;
        overflow: auto;
    }

    .uam-extension-settings[b-rd1s90jtu2] {
        display: grid;
        gap: 12px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .uam-phone-panel .uam-extension-toggle[b-rd1s90jtu2] {
        grid-column: 1 / -1;
    }

    .uam-line-status-grid[b-rd1s90jtu2] {
        display: grid;
        gap: 8px;
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .uam-line-status[b-rd1s90jtu2] {
        background: var(--halo-surface-sunken);
        border: 1px solid var(--halo-hairline);
        border-radius: var(--halo-radius-md);
        display: flex;
        flex-direction: column;
        gap: 3px;
        padding: 10px 12px;
    }

    .uam-line-status strong[b-rd1s90jtu2] { color: var(--halo-text); font-size: 0.8rem; }
    .uam-line-status small[b-rd1s90jtu2] { color: var(--halo-text-secondary); font-size: 0.73rem; }
    .uam-line-status-disabled[b-rd1s90jtu2] { opacity: 0.6; }

    .uam-extension-toggle[b-rd1s90jtu2],
    .uam-policy-toggle[b-rd1s90jtu2] {
        align-items: center;
        background: rgb(var(--halo-tone-success) / .10);
        border: 1px solid rgb(var(--halo-tone-success) / .10);
        border-radius: var(--halo-radius-md);
        display: flex;
        justify-content: space-between;
        min-height: 54px;
        padding: 0 12px;
    }

    .uam-policy-toggle[b-rd1s90jtu2] {
        background: rgb(var(--halo-tone-warning) / .12);
        border-color: rgb(var(--halo-tone-warning) / .12);
        min-height: 64px;
    }

    .uam-extension-toggle strong[b-rd1s90jtu2],
    .uam-extension-toggle small[b-rd1s90jtu2],
    .uam-policy-toggle strong[b-rd1s90jtu2],
    .uam-policy-toggle small[b-rd1s90jtu2] {
        display: block;
    }

    .uam-extension-toggle strong[b-rd1s90jtu2],
    .uam-policy-toggle strong[b-rd1s90jtu2] {
        color: var(--halo-text);
        font-size: 0.88rem;
    }

    .uam-extension-toggle small[b-rd1s90jtu2] {
        color: var(--halo-ink-success);
        font-size: 0.74rem;
    }

    .uam-policy-toggle small[b-rd1s90jtu2] {
        color: var(--halo-ink-warning);
        font-size: 0.74rem;
    }

    .uam-actions[b-rd1s90jtu2] {
        background: var(--halo-surface);
        border-top: 1px solid var(--halo-hairline);
        border-radius: 0 0 8px 8px;
        bottom: 0;
        box-shadow: var(--halo-shadow-1);
        justify-content: center;
        margin-top: 18px;
        padding: 16px;
        position: sticky;
        z-index: 5;
    }

    .uam-user-actions[b-rd1s90jtu2] {
        border-radius: 0;
        justify-content: space-between;
        margin: 4px -20px -20px;
        padding: 12px 20px;
    }

    .uam-action-summary[b-rd1s90jtu2] {
        color: var(--halo-text-secondary);
        font-size: 0.78rem;
        font-weight: 600;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .uam-action-buttons[b-rd1s90jtu2] {
        display: inline-flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: flex-end;
    }

    @media (max-width: 1360px) {
        .uam-org-form-location[b-rd1s90jtu2] {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .uam-org-form-location > *[b-rd1s90jtu2],
        .uam-create-location-btn[b-rd1s90jtu2] {
            grid-column: span 1;
        }

        .uam-ip-editor[b-rd1s90jtu2] {
            grid-column: span 2;
        }
    }

    @media (max-width: 1180px) {
        .uam-layout[b-rd1s90jtu2],
        .uam-org-layout[b-rd1s90jtu2],
        .uam-org-directory[b-rd1s90jtu2],
        .uam-org-form-location[b-rd1s90jtu2],
        .uam-user-grid-toolbar[b-rd1s90jtu2],
        .uam-access-layout[b-rd1s90jtu2],
        .uam-template-layout[b-rd1s90jtu2],
        .uam-workspace-grid[b-rd1s90jtu2],
        .uam-extension-settings[b-rd1s90jtu2] {
            grid-template-columns: 1fr;
        }

        .uam-line-status-grid[b-rd1s90jtu2] { grid-template-columns: 1fr; }

        .uam-phone-panel .uam-extension-toggle[b-rd1s90jtu2] {
            grid-column: span 1;
        }
    }

    @media (max-width: 760px) {
        .uam-stats[b-rd1s90jtu2],
        .uam-org-form[b-rd1s90jtu2],
        .uam-form-grid[b-rd1s90jtu2],
        .uam-phone-panel .uam-extension-grid[b-rd1s90jtu2],
        .uam-permission-grid[b-rd1s90jtu2] {
            grid-template-columns: 1fr;
        }

        .uam-tabs[b-rd1s90jtu2] {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }


        .uam-actions[b-rd1s90jtu2],
        .uam-action-buttons[b-rd1s90jtu2],
        .uam-permission-toolbar[b-rd1s90jtu2] {
            align-items: stretch;
            flex-direction: column;
        }

        .uam-action-summary[b-rd1s90jtu2] {
            white-space: normal;
        }

        .uam-select[b-rd1s90jtu2],
        .uam-permission-count[b-rd1s90jtu2] {
            width: 100%;
        }

        .uam-org-form-location > *[b-rd1s90jtu2],
        .uam-ip-editor[b-rd1s90jtu2],
        .uam-create-location-btn[b-rd1s90jtu2] {
            grid-column: span 1;
        }
    }

/* Halo administration workspace */
.uam-breadcrumb[b-rd1s90jtu2] { display:inline-flex; margin-bottom:var(--halo-3); color:var(--halo-text-secondary); text-decoration:none; font-size:var(--halo-text-sm); }
.uam-breadcrumb:hover[b-rd1s90jtu2] { color:var(--halo-ink-brand); }
.uam-shell[b-rd1s90jtu2] { gap:var(--halo-6); padding-bottom:var(--halo-10); color:var(--halo-text); }
.uam-stats[b-rd1s90jtu2] { grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--halo-3); }
.uam-workspace[b-rd1s90jtu2] { display:grid; grid-template-columns:200px minmax(0,1fr); gap:var(--halo-6); align-items:start; }
.uam-content[b-rd1s90jtu2] { min-width:0; }
.uam-tabs[b-rd1s90jtu2] { position:sticky; top:var(--halo-6); display:flex; flex-direction:column; gap:var(--halo-1); padding:0; width:100%; background:transparent; border:0; }
.uam-tab[b-rd1s90jtu2] { width:100%; justify-content:flex-start; text-align:left; gap:var(--halo-3); padding:var(--halo-3); min-height:64px; border:1px solid transparent; border-radius:var(--halo-radius-md); font-weight:600; color:var(--halo-text-secondary); }
.uam-tab span[b-rd1s90jtu2] { display:grid; gap:4px; }
.uam-tab small[b-rd1s90jtu2] { font-size:.7rem; font-weight:400; color:var(--halo-text-tertiary); }
.uam-tab:hover[b-rd1s90jtu2] { background:var(--halo-surface-hover); color:var(--halo-text); }
.uam-tab-active[b-rd1s90jtu2] { background:rgb(var(--halo-tone-brand)/.08); color:var(--halo-ink-brand); border-color:rgb(var(--halo-tone-brand)/.14); box-shadow:none; }
.uam-tab:focus-visible[b-rd1s90jtu2],.uam-create-section summary:focus-visible[b-rd1s90jtu2],.uam-table-action-btn:focus-visible[b-rd1s90jtu2] { outline:2px solid var(--halo-ink-brand); outline-offset:3px; }
.uam-users-grid-panel[b-rd1s90jtu2],.uam-org-panel[b-rd1s90jtu2],.uam-role-template-page[b-rd1s90jtu2] { border-radius:var(--halo-radius-lg); padding:var(--halo-6); box-shadow:none; min-width:0; }
.uam-panel-head[b-rd1s90jtu2] { margin-bottom:var(--halo-5); }
.uam-panel-head h2[b-rd1s90jtu2] { font-size:1.2rem; letter-spacing:-.025em; font-weight:600; margin-top:4px; }
.uam-eyebrow[b-rd1s90jtu2] { font-size:var(--halo-text-caption); letter-spacing:.08em; font-weight:600; color:var(--halo-text-tertiary); }
.uam-user-grid-toolbar[b-rd1s90jtu2] { display:grid; grid-template-columns:minmax(200px,1fr) 150px 130px auto; gap:var(--halo-3); align-items:end; padding:0 0 var(--halo-5); }
.uam-select[b-rd1s90jtu2] { min-height:44px; background:var(--halo-surface); color:var(--halo-text); border:1px solid var(--halo-hairline-strong); border-radius:var(--halo-radius-md); padding:10px 12px; }
.uam-users-table[b-rd1s90jtu2] { min-width:850px; table-layout:auto; }
.uam-users-table th:nth-child(n)[b-rd1s90jtu2] { width:auto; }
.uam-users-table th:first-child:not(.uam-select-column)[b-rd1s90jtu2] { min-width:220px; }
.uam-location-table th[b-rd1s90jtu2] { background:var(--halo-surface-sunken); color:var(--halo-text-secondary); font-size:.7rem; font-weight:600; letter-spacing:.03em; padding:12px 16px; }
.uam-location-table td[b-rd1s90jtu2] { padding:16px; border-bottom:1px solid var(--halo-hairline); vertical-align:middle; font-size:var(--halo-text-sm); }
.uam-users-table-row-selected td[b-rd1s90jtu2],.uam-users-table-row:hover td[b-rd1s90jtu2] { background:var(--halo-surface-hover); }
.uam-directory-stack[b-rd1s90jtu2] { display:grid; gap:6px; justify-items:start; }
.uam-directory-stack small[b-rd1s90jtu2] { color:var(--halo-text-tertiary); font-size:.7rem; }
.uam-user-identity strong[b-rd1s90jtu2] { font-weight:600; color:var(--halo-text); }
.uam-avatar[b-rd1s90jtu2] { width:36px; height:36px; min-width:36px; background:rgb(var(--halo-tone-brand)/.09); color:var(--halo-ink-brand); border-radius:12px; }
.uam-table-action-btn[b-rd1s90jtu2] { border-radius:var(--halo-radius-sm); min-height:36px; min-width:36px; }
.uam-create-section[b-rd1s90jtu2] { border:1px solid var(--halo-hairline); border-radius:var(--halo-radius-md); overflow:hidden; margin-bottom:var(--halo-5); }
.uam-create-section>summary[b-rd1s90jtu2] { display:flex; justify-content:space-between; align-items:center; gap:12px; cursor:pointer; padding:16px 20px; color:var(--halo-ink-brand); font-size:var(--halo-text-body); font-weight:600; list-style:none; }
.uam-create-section>summary[b-rd1s90jtu2]::-webkit-details-marker { display:none; }
.uam-create-section>summary>span[b-rd1s90jtu2] { color:var(--halo-text-tertiary); font-size:var(--halo-text-sm); font-weight:400; }
.uam-create-section[open]>summary[b-rd1s90jtu2] { border-bottom:1px solid var(--halo-hairline); }
.uam-create-section .uam-org-layout[b-rd1s90jtu2] { padding:var(--halo-5); margin:0; }
.uam-create-section .uam-org-card[b-rd1s90jtu2] { border:0; padding:0; box-shadow:none; }
.uam-create-section .uam-mini-head[b-rd1s90jtu2] { display:none; }
.uam-org-form-location[b-rd1s90jtu2] { grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--halo-4); }
.uam-form-section-label[b-rd1s90jtu2] { grid-column:1/-1; font-size:var(--halo-text-sm); font-weight:600; padding:var(--halo-3) 0 0; color:var(--halo-text); }
.uam-ip-editor[b-rd1s90jtu2],.uam-create-location-btn[b-rd1s90jtu2] { grid-column:1/-1; }
.uam-org-directory[b-rd1s90jtu2] { margin-top:0; }
.uam-org-list[b-rd1s90jtu2] { border:0; box-shadow:none; }
.uam-mini-head[b-rd1s90jtu2] { color:var(--halo-text); font-weight:600; }
.uam-mini-head small[b-rd1s90jtu2] { text-transform:none; font-weight:400; }
.uam-editor-head[b-rd1s90jtu2] { position:sticky; top:0; z-index:3; padding:var(--halo-6); margin:0; background:var(--halo-surface); border-bottom:1px solid var(--halo-hairline); }
.uam-editor-body[b-rd1s90jtu2] { padding:var(--halo-6); gap:var(--halo-6); }
.uam-editor-section[b-rd1s90jtu2] { background:var(--halo-surface); border:1px solid var(--halo-hairline); border-radius:var(--halo-radius-lg); padding:var(--halo-5); box-shadow:none; }
.uam-editor-section>.uam-mini-head[b-rd1s90jtu2] { padding:0 0 var(--halo-4); margin-bottom:var(--halo-4); border-bottom:1px solid var(--halo-hairline); background:transparent; }
.uam-user-actions[b-rd1s90jtu2] { position:sticky; bottom:-24px; z-index:2; background:var(--halo-surface); border-top:1px solid var(--halo-hairline); padding:var(--halo-4) 0; margin:0; box-shadow:none; }
.uam-action-summary[b-rd1s90jtu2] { color:var(--halo-text-secondary); font-size:var(--halo-text-sm); }
.uam-location-table-shell[b-rd1s90jtu2],.uam-users-table-shell[b-rd1s90jtu2] { border-radius:var(--halo-radius-md); border:1px solid var(--halo-hairline); overflow:auto; }
.uam-empty[b-rd1s90jtu2] { padding:var(--halo-12) var(--halo-6); color:var(--halo-text-secondary); }
@media(max-width:1100px) {
 .uam-workspace[b-rd1s90jtu2] { grid-template-columns:minmax(0,1fr); }
 .uam-tabs[b-rd1s90jtu2] { position:static; flex-direction:row; overflow-x:auto; }
 .uam-tab[b-rd1s90jtu2] { width:auto; flex:1; min-width:120px; min-height:48px; justify-content:center; }
 .uam-tab small[b-rd1s90jtu2] { display:none; }
}
@media(max-width:700px) {
 .uam-stats[b-rd1s90jtu2] { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .uam-user-grid-toolbar[b-rd1s90jtu2] { grid-template-columns:1fr 1fr; }
 .uam-user-grid-toolbar[b-rd1s90jtu2]  .halo-field { grid-column:1/-1; }
 .uam-users-grid-panel[b-rd1s90jtu2],.uam-org-panel[b-rd1s90jtu2],.uam-role-template-page[b-rd1s90jtu2] { padding:var(--halo-4); }
 .uam-org-form-location[b-rd1s90jtu2],.uam-form-grid[b-rd1s90jtu2],.uam-access-layout[b-rd1s90jtu2] { grid-template-columns:1fr; }
 .uam-create-section>summary>span[b-rd1s90jtu2] { display:none; }
 .uam-editor-head[b-rd1s90jtu2],.uam-editor-body[b-rd1s90jtu2] { padding:var(--halo-4); }
 .uam-user-actions[b-rd1s90jtu2] { bottom:-16px; flex-wrap:wrap; }
}
@media(prefers-reduced-motion:reduce) { .uam-tab[b-rd1s90jtu2],.uam-table-action-btn[b-rd1s90jtu2] { transition:none; } }

.uam-org-form-location > *[b-rd1s90jtu2] { grid-column:auto; }
.uam-org-form-location > .uam-form-section-label[b-rd1s90jtu2],.uam-org-form-location > .uam-ip-editor[b-rd1s90jtu2],.uam-org-form-location > .uam-create-location-btn[b-rd1s90jtu2] { grid-column:1/-1; }
.uam-location-chip-on[b-rd1s90jtu2],.uam-extension-chip-on[b-rd1s90jtu2] { background:rgb(var(--halo-tone-brand)/.1); color:var(--halo-ink-brand); border-color:rgb(var(--halo-tone-brand)/.3); }
.uam-location-chip-on small[b-rd1s90jtu2],.uam-extension-chip-on small[b-rd1s90jtu2] { color:var(--halo-ink-brand); }

/* The provider owns the overlay; only the middle form area scrolls. */
.uam-editor-head[b-rd1s90jtu2] { position:static; padding:0; margin:0; border:0; }
.uam-editor-subtitle[b-rd1s90jtu2] { margin:var(--halo-1) 0 0; color:var(--halo-text-secondary); font-size:var(--halo-text-sm); }
.uam-editor-head h2[b-rd1s90jtu2] { overflow-wrap:anywhere; }
.uam-editor-body[b-rd1s90jtu2] { padding:0; gap:var(--halo-5); }
.uam-editor-footer[b-rd1s90jtu2] { width:100%; min-width:0; display:grid; gap:var(--halo-3); }
.uam-editor-footer .uam-message[b-rd1s90jtu2] { margin:0; max-height:20dvh; overflow:auto; }
.uam-user-actions[b-rd1s90jtu2] { position:static; display:flex; align-items:center; justify-content:space-between; gap:var(--halo-4); padding:0; margin:0; border:0; box-shadow:none; }
@media(max-width:700px) {
 .uam-editor-head[b-rd1s90jtu2] { align-items:flex-start; }
 .uam-editor-head-actions[b-rd1s90jtu2] { flex-shrink:0; }
 .uam-editor-section[b-rd1s90jtu2] { padding:var(--halo-4); }
 .uam-user-actions[b-rd1s90jtu2] { flex-direction:column; align-items:stretch; gap:var(--halo-2); }
 .uam-user-actions .uam-action-buttons[b-rd1s90jtu2] { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; gap:var(--halo-2); }
}

.uam-dashboard-help[b-rd1s90jtu2] { color:var(--halo-text-secondary); font-size:var(--halo-text-sm); margin:var(--halo-3) 0; }
.uam-dashboard-reports[b-rd1s90jtu2] { margin-top:var(--halo-5); }

.uam-signin-toolbar[b-rd1s90jtu2] { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; padding: 13px 15px; border: 1px solid var(--halo-hairline); border-radius: 9px; background: var(--halo-surface-sunken); }
.uam-signin-toolbar > div:first-child[b-rd1s90jtu2] { display: grid; gap: 3px; }
.uam-signin-toolbar strong[b-rd1s90jtu2] { font-size: .8rem; font-weight: 600; }
.uam-signin-toolbar small[b-rd1s90jtu2] { font-size: .74rem; color: var(--halo-text-secondary); }
.uam-signin-actions[b-rd1s90jtu2] { display: flex; align-items: center; gap: 12px; }
.uam-signin-clear[b-rd1s90jtu2] { border: 0; background: transparent; color: var(--halo-text-secondary); cursor: pointer; font: inherit; font-size: .74rem; }
.uam-select-column[b-rd1s90jtu2] { width: 36px; padding-inline: 10px !important; text-align: center; }
.uam-select-column input[b-rd1s90jtu2] { width: 16px; height: 16px; accent-color: var(--halo-action-brand); cursor: pointer; vertical-align: middle; }
.uam-signin-chip[b-rd1s90jtu2] { display: inline-flex; align-items: center; gap: 8px; padding: 5px 9px; border: 1px solid rgb(var(--halo-tone-brand) / .15); border-radius: 7px; background: rgb(var(--halo-tone-brand) / .05); color: var(--halo-ink-brand); cursor: pointer; font: inherit; font-size: .72rem; white-space: nowrap; }
.uam-signin-chip:hover[b-rd1s90jtu2] { background: rgb(var(--halo-tone-brand) / .1); }
.uam-signin-chip:focus-visible[b-rd1s90jtu2], .uam-signin-clear:focus-visible[b-rd1s90jtu2], .uam-select-column input:focus-visible[b-rd1s90jtu2] { outline: 2px solid var(--halo-focus-color); outline-offset: 3px; }
@media (max-width: 700px) { .uam-signin-toolbar[b-rd1s90jtu2] { align-items: start; flex-direction: column; } .uam-signin-actions[b-rd1s90jtu2] { width: 100%; justify-content: flex-end; } }

.uam-users-table th.uam-select-column[b-rd1s90jtu2] { min-width: 36px; width: 36px; }

.uam-users-table th.uam-user-column[b-rd1s90jtu2] { min-width: 220px; }
/* /Features/Administration/Pages/UserSignInDialog.razor.rz.scp.css */
.signin-dialog-title[b-9a59rdr838] { margin: 0; font-size: 1.2rem; font-weight: 600; letter-spacing: -.025em; }
.signin-settings[b-9a59rdr838] { display: grid; gap: 18px; }
.signin-intro[b-9a59rdr838], .signin-effect[b-9a59rdr838] { margin: 0; font-size: .85rem; color: var(--halo-text-secondary); line-height: 1.6; }
.signin-users[b-9a59rdr838] { display: flex; flex-wrap: wrap; gap: 6px; max-height: 115px; overflow: auto; }
.signin-user[b-9a59rdr838] { display: inline-flex; gap: 8px; align-items: center; background: var(--halo-surface-sunken); border: 1px solid var(--halo-hairline); border-radius: 7px; padding: 5px 8px; font-size: .76rem; }
.signin-user small[b-9a59rdr838] { color: var(--halo-text-secondary); font-size: .68rem; }
.signin-modes[b-9a59rdr838] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.signin-mode[b-9a59rdr838] { display: grid; align-content: start; gap: 9px; text-align: left; padding: 15px 12px; border: 1px solid var(--halo-border); border-radius: 10px; background: var(--halo-surface); color: var(--halo-text); cursor: pointer; font: inherit; }
.signin-mode strong[b-9a59rdr838] { font-size: .8rem; font-weight: 600; }
.signin-mode small[b-9a59rdr838] { font-size: .73rem; line-height: 1.5; color: var(--halo-text-secondary); }
.signin-choice[b-9a59rdr838] { color: var(--halo-text-secondary); font-size: 16px; line-height: 1; }
.signin-mode-selected[b-9a59rdr838] { border-color: var(--halo-ink-brand); background: rgb(var(--halo-tone-brand) / .06); }
.signin-mode-selected .signin-choice[b-9a59rdr838] { color: var(--halo-ink-brand); }
.signin-mode:focus-visible[b-9a59rdr838] { outline: 2px solid var(--halo-focus-color); outline-offset: 3px; }
.signin-mode:disabled[b-9a59rdr838] { opacity: .5; cursor: not-allowed; }
.signin-note[b-9a59rdr838] { padding: 12px 14px; border: 1px solid var(--halo-hairline); border-radius: 8px; background: var(--halo-surface-sunken); color: var(--halo-text-secondary); font-size: .78rem; line-height: 1.6; }
.signin-passwords[b-9a59rdr838] { display: grid; gap: 12px; }
.signin-passwords > small[b-9a59rdr838] { font-size: .73rem; color: var(--halo-text-secondary); }
.signin-error[b-9a59rdr838] { padding: 12px; border-radius: 8px; background: rgb(var(--halo-tone-critical) / .09); color: var(--halo-ink-critical); font-size: .8rem; line-height: 1.6; }
.signin-effect[b-9a59rdr838] { font-size: .73rem; }
@media (max-width: 500px) { .signin-modes[b-9a59rdr838] { grid-template-columns: 1fr; } .signin-mode[b-9a59rdr838] { grid-template-columns: 18px 1fr; gap: 6px 10px; } .signin-mode small[b-9a59rdr838] { grid-column: 2; } }
/* /Features/Analytics/Studio/StudioGenerativeWorkspace.razor.rz.scp.css */
.studio-generative[b-7eul12ncxu],.studio-generative *[b-7eul12ncxu]{box-sizing:border-box}
.studio-generative[b-7eul12ncxu]{background:var(--halo-canvas);border:1px solid var(--halo-hairline-strong);border-radius:var(--halo-radius-lg);overflow:clip;color:var(--halo-text)}
.sg-topbar[b-7eul12ncxu]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:var(--halo-surface);border-bottom:1px solid var(--halo-hairline-strong)}
.sg-brand[b-7eul12ncxu],.sg-top-actions[b-7eul12ncxu],.sg-document-actions[b-7eul12ncxu]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sg-brand[b-7eul12ncxu]{font-weight:600}.sg-brand[b-7eul12ncxu]  .mud-icon-root{color:var(--halo-ink-brand);width:20px}.sg-separator[b-7eul12ncxu]{color:var(--halo-text-tertiary);padding:0 8px}.sg-scope[b-7eul12ncxu]{color:var(--halo-text-secondary);font-size:12px}
.sg-workspace[b-7eul12ncxu]{display:grid;grid-template-columns:minmax(260px,300px) minmax(0,1fr)}
.sg-conversation[b-7eul12ncxu]{position:sticky;top:16px;height:calc(100dvh - 100px);min-height:520px;max-height:900px;align-self:start;display:flex;flex-direction:column;gap:24px;padding:28px 24px;background:var(--halo-surface);border-right:1px solid var(--halo-hairline-strong);min-width:0}
.sg-eyebrow[b-7eul12ncxu]{font-size:11px;letter-spacing:.12em;font-weight:600;color:var(--halo-text-tertiary);text-transform:uppercase}
.sg-intro[b-7eul12ncxu]  .mud-icon-root{color:var(--halo-ink-brand);width:28px;height:28px;margin-bottom:14px}.sg-intro h2[b-7eul12ncxu]{font-size:28px;line-height:1.18;letter-spacing:-1px;font-weight:600;margin:0 0 12px}.sg-intro p[b-7eul12ncxu]{margin:0;color:var(--halo-text-secondary);font-size:13px}
.sg-messages[b-7eul12ncxu]{min-height:60px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:20px;flex:1}.sg-message[b-7eul12ncxu]{font-size:13px;line-height:1.7;overflow-wrap:anywhere;animation:sg-arrive-b-7eul12ncxu 550ms cubic-bezier(.16,1,.3,1) both}.sg-message p[b-7eul12ncxu]{white-space:pre-wrap;margin:0}.sg-message--user[b-7eul12ncxu]{margin-left:18px;padding:12px 16px;background:rgb(var(--halo-tone-brand) / .08);border-radius:16px 16px 4px 16px}.sg-message--assistant[b-7eul12ncxu]{color:var(--halo-text-secondary)}.sg-message-author[b-7eul12ncxu]{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;color:var(--halo-text)}.sg-message-author[b-7eul12ncxu]  .mud-icon-root{width:16px;color:var(--halo-ink-brand)}
.sg-compose-area[b-7eul12ncxu]{margin-top:auto;min-width:0;flex-shrink:0}.sg-context[b-7eul12ncxu]{display:flex;gap:8px;align-items:center;color:var(--halo-text-secondary);font-size:12px;margin-bottom:10px}.sg-context select[b-7eul12ncxu]{min-width:0;font-size:12px}.sg-composer[b-7eul12ncxu]{padding:14px;border:1px solid var(--halo-hairline-strong);border-radius:18px;background:var(--halo-surface);box-shadow:var(--halo-shadow-1);transition:border-color 180ms,box-shadow 180ms}.sg-composer:focus-within[b-7eul12ncxu]{border-color:var(--halo-ink-brand);box-shadow:var(--halo-shadow-2)}.sg-input-label[b-7eul12ncxu]{display:block;font-size:12px;color:var(--halo-text-secondary);margin-bottom:6px}.sg-composer textarea[b-7eul12ncxu]{width:100%;min-width:0;min-height:74px;resize:vertical}.sg-composer-actions[b-7eul12ncxu]{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px}.sg-composer-actions>span[b-7eul12ncxu]{min-width:0;font-size:11px;color:var(--halo-text-tertiary)}.sg-caption[b-7eul12ncxu]{font-size:11px;line-height:1.6;color:var(--halo-text-secondary);margin:10px 0 0}
.sg-canvas[b-7eul12ncxu]{min-width:0;padding:32px;display:flex;flex-direction:column;gap:20px}.sg-document-heading[b-7eul12ncxu]{display:flex;align-items:center;justify-content:space-between;gap:16px}.sg-document-heading h1[b-7eul12ncxu]{font-size:28px;line-height:1.25;font-weight:600;letter-spacing:-.8px;margin:7px 0 9px}.sg-save-state[b-7eul12ncxu]{font-size:12px;color:var(--halo-text-secondary);margin:0}.sg-coverage[b-7eul12ncxu]{background:var(--halo-surface);border:1px solid var(--halo-hairline-strong);border-radius:12px;padding:12px 16px}.sg-coverage summary[b-7eul12ncxu]{display:flex;align-items:center;gap:8px;font-size:12px;cursor:pointer}.sg-coverage summary[b-7eul12ncxu]  .mud-icon-root{width:17px;color:var(--halo-ink-brand)}.sg-coverage-tail[b-7eul12ncxu]{margin-left:auto;color:var(--halo-text-tertiary)}.sg-source-list[b-7eul12ncxu]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:18px}.sg-source-list>div[b-7eul12ncxu]{display:flex;flex-direction:column;gap:4px}.sg-source-list strong[b-7eul12ncxu]{font-weight:600;font-size:12px}.sg-source-list span[b-7eul12ncxu]{font-size:12px;color:var(--halo-text-secondary)}
.sg-activity[b-7eul12ncxu]{display:flex;align-items:center;gap:10px;color:var(--halo-ink-brand);font-size:13px;animation:sg-arrive-b-7eul12ncxu 250ms ease both}.sg-thinking[b-7eul12ncxu]{width:9px;height:9px;border-radius:3px;background:var(--halo-ink-brand);animation:sg-thinking-b-7eul12ncxu 1.5s ease-in-out infinite}
.sg-empty[b-7eul12ncxu]{padding:44px 0 20px;max-width:700px;margin:auto;width:100%}.sg-empty-symbol[b-7eul12ncxu]{display:block;color:var(--halo-ink-brand);margin-bottom:16px}.sg-empty-symbol[b-7eul12ncxu]  .mud-icon-root{width:34px;height:34px}.sg-empty h2[b-7eul12ncxu]{font-size:26px;letter-spacing:-.6px;font-weight:600;margin:0 0 10px}.sg-empty>p[b-7eul12ncxu]{color:var(--halo-text-secondary);max-width:450px;line-height:1.7}.sg-starters[b-7eul12ncxu]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:26px 0 18px}.sg-starters .halo-btn[b-7eul12ncxu]{justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:7px;white-space:normal;text-align:left;padding:16px;height:auto}.sg-starters .halo-btn:first-child[b-7eul12ncxu]{grid-column:1/-1;flex-direction:row;align-items:center;flex-wrap:wrap}.sg-starters .halo-btn span[b-7eul12ncxu]{color:var(--halo-text-secondary);font-size:12px;font-weight:400}.sg-starters .halo-btn:first-child span[b-7eul12ncxu]{margin-left:auto}
.sg-blocks[b-7eul12ncxu]{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:stretch}.sg-block[b-7eul12ncxu]{display:flex;flex-direction:column;grid-column:span 12;background:var(--halo-surface);border:1px solid var(--halo-hairline-strong);border-radius:16px;min-width:0;overflow:clip;animation:sg-arrive-b-7eul12ncxu 650ms cubic-bezier(.16,1,.3,1) both}.sg-block--kpi[b-7eul12ncxu]{grid-column:span 4}.sg-block:nth-child(2)[b-7eul12ncxu]{animation-delay:90ms}.sg-block:nth-child(3)[b-7eul12ncxu]{animation-delay:180ms}.sg-block:nth-child(4)[b-7eul12ncxu]{animation-delay:260ms}.sg-block:nth-child(5)[b-7eul12ncxu]{animation-delay:320ms}.sg-block:nth-child(6)[b-7eul12ncxu]{animation-delay:380ms}.sg-block--selected[b-7eul12ncxu]{border-color:var(--halo-ink-brand)}.sg-block--leaving[b-7eul12ncxu]{animation:sg-leave-b-7eul12ncxu 180ms ease both!important}.sg-block-header[b-7eul12ncxu]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 0}.sg-block-header h3[b-7eul12ncxu]{font-size:16px;line-height:1.4;font-weight:600;margin:5px 0 0}.sg-block--kpi .sg-block-header[b-7eul12ncxu]{min-height:74px;align-items:flex-start;flex-wrap:wrap}.sg-block--kpi .sg-block-header .halo-btn[b-7eul12ncxu]{font-size:11px}.sg-block-definition[b-7eul12ncxu]{font-size:12px;color:var(--halo-text-secondary);padding:0 20px;margin:8px 0}.sg-block-result[b-7eul12ncxu]{flex:1;padding:10px 20px 18px;animation:sg-arrive-b-7eul12ncxu 600ms cubic-bezier(.16,1,.3,1) both;overflow-x:auto}.sg-block-controls[b-7eul12ncxu]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid var(--halo-hairline-strong);padding:10px 16px;font-size:11px;color:var(--halo-text-secondary)}.sg-block-controls .halo-btn[aria-pressed=true][b-7eul12ncxu]{background:rgb(var(--halo-tone-brand) / .08);color:var(--halo-ink-brand)}
.sg-comparison[b-7eul12ncxu]{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--halo-text-secondary);margin:0}.sg-comparison[b-7eul12ncxu]  .mud-icon-root{width:17px}.sg-next[b-7eul12ncxu]{padding-top:4px}.sg-next>div[b-7eul12ncxu]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
@keyframes sg-arrive-b-7eul12ncxu{from{opacity:0;transform:translateY(10px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes sg-leave-b-7eul12ncxu{to{opacity:0;transform:translateY(-4px);filter:blur(3px)}}@keyframes sg-thinking-b-7eul12ncxu{0%,100%{opacity:.4;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1) rotate(90deg)}}
@media(max-width:1200px){.sg-block--kpi[b-7eul12ncxu]{grid-column:span 6}.sg-canvas[b-7eul12ncxu]{padding:24px}.sg-document-heading[b-7eul12ncxu]{align-items:flex-start;flex-direction:column}.sg-workspace[b-7eul12ncxu]{grid-template-columns:270px minmax(0,1fr)}}
@media(max-width:800px){.sg-workspace[b-7eul12ncxu]{display:flex;flex-direction:column}.sg-conversation[b-7eul12ncxu]{position:static;height:auto;min-height:0;max-height:none;align-self:stretch;border-right:0;border-bottom:1px solid var(--halo-hairline-strong);padding:20px;gap:16px}.sg-intro[b-7eul12ncxu]{display:none}.sg-canvas[b-7eul12ncxu]{padding:20px}.sg-topbar[b-7eul12ncxu]{padding:14px 18px;flex-wrap:wrap}.sg-starters[b-7eul12ncxu]{grid-template-columns:1fr}.sg-block--kpi[b-7eul12ncxu]{grid-column:span 6}.sg-source-list[b-7eul12ncxu]{grid-template-columns:1fr}.sg-scope[b-7eul12ncxu]{font-size:11px}.sg-composer textarea[b-7eul12ncxu]{font-size:16px}.sg-coverage-tail[b-7eul12ncxu]{display:none}}
@media(max-width:480px){.sg-block--kpi[b-7eul12ncxu]{grid-column:span 12}.sg-canvas[b-7eul12ncxu]{padding:16px}.sg-block-header[b-7eul12ncxu],.sg-block-result[b-7eul12ncxu]{padding-left:16px;padding-right:16px}.sg-document-heading h1[b-7eul12ncxu]{font-size:24px}}
@media(prefers-reduced-motion:reduce){.studio-generative *[b-7eul12ncxu]{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-height:850px) and (min-width:801px){.sg-conversation[b-7eul12ncxu]{gap:16px;padding-top:20px;padding-bottom:20px}.sg-intro h2[b-7eul12ncxu]{font-size:24px}.sg-intro>p[b-7eul12ncxu]{display:none}.sg-intro[b-7eul12ncxu]  .mud-icon-root{margin-bottom:8px}}
@media(max-width:800px){.sg-messages[b-7eul12ncxu]{max-height:260px}.sg-composer-actions>span[b-7eul12ncxu]{font-size:12px}}

.sg-block--kpi .sg-block-header[b-7eul12ncxu]{flex-wrap:nowrap}.sg-block--kpi .sg-block-header>div[b-7eul12ncxu]{min-width:0}.sg-block--kpi .sg-block-definition[b-7eul12ncxu]{min-height:34px}
/* /Features/CallCenter/Pages/CallFlowAnalytics.razor.rz.scp.css */
.cfa-filters[b-0k8c8yvmdy] {
    display: grid;
    grid-template-columns: minmax(160px, 190px) minmax(160px, 190px) minmax(280px, 1fr) auto;
    gap: 12px;
    align-items: center;
    margin-bottom: 18px;
    padding: 14px;
    background: var(--halo-surface);
    border: 1px solid var(--halo-hairline);
    border-radius: 16px;
    box-shadow: var(--halo-shadow-1);
}

.cfa-filter-note[b-0k8c8yvmdy] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--halo-text-secondary);
    font-size: .76rem;
    line-height: 1.35;
}

.cfa-loading[b-0k8c8yvmdy] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cfa-loading__cards[b-0k8c8yvmdy],
.cfa-kpis[b-0k8c8yvmdy] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.cfa-kpis[b-0k8c8yvmdy] {
    margin-bottom: 16px;
}

.cfa-kpi[b-0k8c8yvmdy] {
    display: flex;
    flex-direction: column;
    min-height: 94px;
    padding: 15px 17px;
    background: var(--halo-surface);
    border: 1px solid var(--halo-hairline);
    border-radius: 16px;
    box-shadow: var(--halo-shadow-1);
}

.cfa-kpi--primary[b-0k8c8yvmdy] {
    color: var(--halo-on-action);
    background: linear-gradient(135deg, rgb(var(--halo-tone-brand)), rgb(var(--halo-tone-pipeline)));
    border-color: transparent;
    box-shadow: 0 12px 28px rgb(var(--halo-tone-brand) / .24);
}

.cfa-kpi > span[b-0k8c8yvmdy] {
    font-size: .75rem;
    font-weight: 750;
    color: var(--halo-text-secondary);
}

.cfa-kpi > strong[b-0k8c8yvmdy] {
    margin: 5px 0 3px;
    font-family: var(--halo-font-display);
    font-size: 1.55rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--halo-text);
    font-variant-numeric: tabular-nums;
}

.cfa-kpi strong em[b-0k8c8yvmdy] {
    margin-left: 5px;
    color: var(--halo-ink-success);
    font-size: .78rem;
    font-style: normal;
}

.cfa-kpi small[b-0k8c8yvmdy] {
    margin-top: auto;
    color: var(--halo-text-tertiary);
    font-size: .68rem;
    line-height: 1.25;
}

.cfa-kpi--primary > span[b-0k8c8yvmdy],
.cfa-kpi--primary > strong[b-0k8c8yvmdy],
.cfa-kpi--primary small[b-0k8c8yvmdy] {
    color: var(--halo-on-action);
}

.cfa-panel[b-0k8c8yvmdy] {
    margin-bottom: 16px;
    overflow: hidden;
    background: var(--halo-surface);
    border: 1px solid var(--halo-hairline);
    border-radius: 20px;
    box-shadow: var(--halo-shadow-2);
}

.cfa-panel__header[b-0k8c8yvmdy] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px 12px;
}

.cfa-panel__header h2[b-0k8c8yvmdy] {
    margin: 0;
    color: var(--halo-text);
    font-family: var(--halo-font-display);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.cfa-panel__header p[b-0k8c8yvmdy] {
    margin: 3px 0 0;
    color: var(--halo-text-secondary);
    font-size: .76rem;
}

.cfa-legend[b-0k8c8yvmdy] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px 12px;
    max-width: 54%;
}

.cfa-legend span[b-0k8c8yvmdy] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--halo-text-secondary);
    font-size: .68rem;
    font-weight: 700;
}

.cfa-legend i[b-0k8c8yvmdy] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.cfa-map-scroll[b-0k8c8yvmdy] {
    min-height: 390px;
    max-height: 660px;
    overflow: auto;
    padding: 0 12px 16px;
    background:
        radial-gradient(circle at 15% 10%, rgb(var(--halo-tone-brand) / .07), transparent 24%),
        linear-gradient(180deg, var(--halo-surface-sunken) 0%, var(--halo-surface) 55%);
    border-top: 1px solid var(--halo-hairline);
}

.cfa-map[b-0k8c8yvmdy] {
    display: block;
    min-width: 100%;
    height: auto;
    min-height: 390px;
    font-family: var(--halo-font);
}

.cfa-link-back[b-0k8c8yvmdy],
.cfa-link[b-0k8c8yvmdy] {
    fill: none;
    stroke-linecap: round;
}

.cfa-link-back[b-0k8c8yvmdy] {
    stroke: rgb(var(--halo-tone-brand) / .12);
}

.cfa-link[b-0k8c8yvmdy] {
    opacity: .58;
    transition: opacity var(--halo-duration-1) var(--halo-ease-out);
}

.cfa-link:hover[b-0k8c8yvmdy] {
    opacity: .95;
}

.cfa-link-label rect[b-0k8c8yvmdy] {
    fill: var(--halo-surface);
    fill-opacity: .94;
    stroke: var(--halo-hairline-strong);
}

.cfa-link-label text[b-0k8c8yvmdy] {
    fill: var(--halo-text-secondary);
    font-size: 9px;
    font-weight: 800;
}

.cfa-node rect:first-child[b-0k8c8yvmdy] {
    fill: var(--halo-surface);
    stroke: var(--halo-hairline-strong);
    transition: stroke var(--halo-duration-1) var(--halo-ease-out);
}

.cfa-node--clickable[b-0k8c8yvmdy] {
    cursor: pointer;
}

.cfa-node--clickable:hover rect:first-child[b-0k8c8yvmdy] {
    stroke: rgb(var(--halo-tone-brand) / .55);
}

.cfa-node__type[b-0k8c8yvmdy] {
    fill: var(--halo-text-tertiary);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.cfa-node__label[b-0k8c8yvmdy] {
    fill: var(--halo-text);
    font-size: 10px;
    font-weight: 600;
}

.cfa-node__count[b-0k8c8yvmdy] {
    fill: var(--halo-text);
    font-family: var(--halo-font-display);
    font-size: 14px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.cfa-node__pct[b-0k8c8yvmdy] {
    fill: var(--halo-ink-brand);
    font-size: 8px;
    font-weight: 800;
}

.cfa-transition-grid[b-0k8c8yvmdy] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding: 0 20px 20px;
}

.cfa-transition[b-0k8c8yvmdy] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    padding: 12px;
    background: var(--halo-surface-sunken);
    border: 1px solid var(--halo-hairline);
    border-radius: 12px;
}

.cfa-transition > div[b-0k8c8yvmdy] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.cfa-transition strong[b-0k8c8yvmdy] {
    overflow: hidden;
    color: var(--halo-text);
    font-size: .72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cfa-transition span[b-0k8c8yvmdy] {
    color: var(--halo-text-secondary);
    font-size: .68rem;
}

.cfa-transition > i[b-0k8c8yvmdy] {
    height: 5px;
    overflow: hidden;
    background: rgb(var(--halo-tone-brand) / .16);
    border-radius: 999px;
}

.cfa-transition > i b[b-0k8c8yvmdy] {
    display: block;
    height: 100%;
    background: rgb(var(--halo-series-1));
    border-radius: inherit;
    transition: width var(--halo-duration-4) var(--halo-ease-out);
}

.cfa-calls .cfa-panel__header[b-0k8c8yvmdy] {
    border-bottom: 1px solid var(--halo-hairline);
}

.cfa-table[b-0k8c8yvmdy] {
    box-shadow: none;
}

.cfa-number[b-0k8c8yvmdy],
.cfa-table small[b-0k8c8yvmdy] {
    display: block;
}

.cfa-table small[b-0k8c8yvmdy] {
    color: var(--halo-text-tertiary);
    font-size: .68rem;
}

.cfa-path[b-0k8c8yvmdy] {
    display: block;
    max-width: 430px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cfa-call-type[b-0k8c8yvmdy] {
    display: inline-flex;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: .66rem;
    font-weight: 800;
}

.cfa-call-type--unique[b-0k8c8yvmdy] {
    color: var(--halo-ink-success);
    background: var(--halo-tint-success);
}

.cfa-call-type--forward[b-0k8c8yvmdy] {
    color: var(--halo-ink-brand);
    background: var(--halo-tint-brand);
}

@media (max-width: 1180px) {
    .cfa-filters[b-0k8c8yvmdy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cfa-loading__cards[b-0k8c8yvmdy],
    .cfa-kpis[b-0k8c8yvmdy] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .cfa-transition-grid[b-0k8c8yvmdy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .cfa-filters[b-0k8c8yvmdy],
    .cfa-loading__cards[b-0k8c8yvmdy],
    .cfa-kpis[b-0k8c8yvmdy],
    .cfa-transition-grid[b-0k8c8yvmdy] {
        grid-template-columns: 1fr;
    }

    .cfa-panel__header[b-0k8c8yvmdy] {
        flex-direction: column;
    }

    .cfa-legend[b-0k8c8yvmdy] {
        justify-content: flex-start;
        max-width: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cfa-link[b-0k8c8yvmdy],
    .cfa-node rect:first-child[b-0k8c8yvmdy],
    .cfa-transition > i b[b-0k8c8yvmdy] {
        transition: none;
    }
}
/* /Features/CallCenter/Pages/Components/CallFlowBreakdownTab.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   Call Flow Breakdown — Aurora Violeta
   Sankey-style outcome map with volume-weighted flow beads.
   ═══════════════════════════════════════════════════════════ */

.cfb[b-29ea3lgmo4] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 4px 2px 10px;
}

/* ── Header + filters ── */

.cfb-header[b-29ea3lgmo4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.cfb-title[b-29ea3lgmo4] {
    margin: 0;
    font-family: var(--halo-font-display);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--halo-text);
}

.cfb-subtitle[b-29ea3lgmo4] {
    margin: 2px 0 0;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--halo-text-secondary);
}

.cfb-range[b-29ea3lgmo4] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.cfb-range-picker[b-29ea3lgmo4] {
    min-width: 230px;
}

.cfb-scope[b-29ea3lgmo4] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.cfb-queue-select[b-29ea3lgmo4] {
    min-width: 280px;
    max-width: min(420px, 100%);
}

.cfb-scope-count[b-29ea3lgmo4] {
    padding: 7px 12px;
    border-radius: var(--halo-radius-pill);
    background: color-mix(in srgb, var(--halo-surface) 92%, rgb(var(--halo-tone-brand)));
    color: var(--halo-ink-brand);
    font-size: 0.75rem;
    font-weight: 700;
}

.cfb-pill[b-29ea3lgmo4] {
    padding: 7px 15px;
    background: var(--halo-surface);
    border: 1px solid var(--halo-hairline);
    border-radius: var(--halo-radius-pill);
    box-shadow: var(--halo-shadow-1);
    font-family: inherit;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--halo-text-secondary);
    cursor: pointer;
    transition: color var(--halo-duration-1) var(--halo-ease-out),
                border-color var(--halo-duration-1) var(--halo-ease-out),
                background-color var(--halo-duration-1) var(--halo-ease-out),
                box-shadow var(--halo-duration-1) var(--halo-ease-out),
                transform var(--halo-duration-2) var(--halo-ease-spring);
}

.cfb-pill:hover[b-29ea3lgmo4] {
    color: var(--halo-text);
    border-color: var(--halo-hairline-strong);
    transform: translateY(-1px);
}

.cfb-pill:active[b-29ea3lgmo4] {
    transform: scale(.97);
}

.cfb-pill:focus-visible[b-29ea3lgmo4] {
    outline: none;
    box-shadow: var(--halo-focus-ring);
}

.cfb-pill--active[b-29ea3lgmo4] {
    background: var(--halo-action-brand);
    border-color: var(--halo-action-brand);
    color: var(--halo-on-action);
    box-shadow: 0 6px 16px rgb(var(--halo-tone-brand) / .28), inset 0 1px 0 rgb(255 255 255 / .18);
}

.cfb-pill--active:hover[b-29ea3lgmo4] {
    background: rgb(var(--halo-tone-brand));
    border-color: rgb(var(--halo-tone-brand));
    color: var(--halo-on-action);
}

/* ── KPI strip ── */

.cfb-kpis[b-29ea3lgmo4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 12px;
}

.cfb-kpi[b-29ea3lgmo4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 14px 18px;
    background: var(--halo-surface);
    border: 1px solid var(--halo-hairline);
    border-radius: var(--halo-radius-md);
    box-shadow: var(--halo-shadow-1);
}

.cfb-kpi-value[b-29ea3lgmo4] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--halo-font-display);
    font-size: 1.375rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
    color: var(--halo-text);
}

.cfb-kpi-value em[b-29ea3lgmo4] {
    font-style: normal;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--halo-text-secondary);
}

.cfb-kpi-label[b-29ea3lgmo4] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--halo-text-secondary);
}

.cfb-live-dot[b-29ea3lgmo4] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--halo-ink-info);
    box-shadow: 0 0 0 0 rgb(var(--halo-tone-info) / 0.45);
    animation: cfb-pulse-b-29ea3lgmo4 2.2s ease-out infinite;
}

.cfb-skeletons[b-29ea3lgmo4] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cfb-alert[b-29ea3lgmo4] {
    border-radius: var(--halo-radius-sm);
}

/* ── Flow map ── */

.cfb-map-scroll[b-29ea3lgmo4] {
    background: var(--halo-surface);
    border: 1px solid var(--halo-hairline);
    border-radius: var(--halo-radius-lg);
    box-shadow: var(--halo-shadow-2);
    padding: 10px 12px;
    overflow: hidden;
}

.cfb-map[b-29ea3lgmo4] {
    display: block;
    width: 100%;
    height: clamp(390px, 52vh, 560px);
    font-family: var(--halo-font);
}

/* Ribbons */
.cfb-link-base[b-29ea3lgmo4] {
    fill: none;
    stroke: color-mix(in srgb, var(--halo-surface) 92%, rgb(var(--halo-tone-brand)));
    stroke-linecap: round;
}

.cfb-link-flow[b-29ea3lgmo4] {
    fill: none;
    stroke-linecap: round;
    animation: cfb-flow-b-29ea3lgmo4 var(--cfb-dur, 3s) linear infinite;
}

@keyframes cfb-flow-b-29ea3lgmo4 {
    to { stroke-dashoffset: var(--cfb-shift, -140px); }
}

/* Nodes */
.cfb-node rect[b-29ea3lgmo4] {
    fill: var(--halo-surface);
    stroke: var(--halo-hairline-strong);
    stroke-width: 1;
    filter: drop-shadow(0 2px 6px rgb(var(--halo-tone-brand) / 0.08));
    transition: filter var(--halo-duration-1) var(--halo-ease-out),
                stroke var(--halo-duration-1) var(--halo-ease-out);
}

.cfb-node--clickable[b-29ea3lgmo4] {
    cursor: pointer;
}

.cfb-node:hover rect[b-29ea3lgmo4] {
    stroke: rgb(var(--halo-tone-brand) / 0.45);
    filter: drop-shadow(0 8px 18px rgb(var(--halo-tone-brand) / 0.18));
}

.cfb-node--hero rect[b-29ea3lgmo4] {
    fill: color-mix(in srgb, var(--halo-surface) 88%, rgb(var(--halo-tone-brand)));
    stroke: none;
    filter: drop-shadow(0 10px 22px rgb(var(--halo-tone-brand) / 0.32));
}

.cfb-node--empty rect[b-29ea3lgmo4] {
    filter: none;
}

.cfb-node--empty .cfb-node-count[b-29ea3lgmo4],
.cfb-node--empty .cfb-node-label[b-29ea3lgmo4] {
    fill: var(--halo-text-tertiary);
}

.cfb-node-count[b-29ea3lgmo4] {
    font-family: var(--halo-font-display);
    font-size: 16px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    fill: var(--halo-text);
}

.cfb-node-pct[b-29ea3lgmo4] {
    font-size: 9px;
    font-weight: 700;
    fill: var(--halo-text-secondary);
}

.cfb-node-label[b-29ea3lgmo4] {
    font-size: 10px;
    font-weight: 600;
    fill: var(--halo-text-secondary);
}

.cfb-node--hero .cfb-node-count[b-29ea3lgmo4] {
    font-size: 20px;
    fill: var(--halo-surface);
}

.cfb-node--hero .cfb-node-pct[b-29ea3lgmo4],
.cfb-node--hero .cfb-node-label[b-29ea3lgmo4] {
    fill: var(--halo-surface);
}

/* ── Detail modal ── */

.cfb-detail[b-29ea3lgmo4] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 4px 0;
}

.cfb-detail__header[b-29ea3lgmo4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.cfb-detail__eyebrow[b-29ea3lgmo4] {
    display: inline-flex;
    margin-bottom: 4px;
    font-size: 0.75rem;
    font-weight: 800;
    color: var(--halo-ink-brand);
}

.cfb-detail__header h3[b-29ea3lgmo4] {
    margin: 0;
    font-family: var(--halo-font-display);
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--halo-text);
}

.cfb-detail__close[b-29ea3lgmo4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--halo-hairline);
    border-radius: 50%;
    background: var(--halo-surface);
    color: var(--halo-text-secondary);
    cursor: pointer;
    box-shadow: var(--halo-shadow-1);
    transition: color var(--halo-duration-1) var(--halo-ease-out),
                border-color var(--halo-duration-1) var(--halo-ease-out),
                transform var(--halo-duration-2) var(--halo-ease-spring);
}

.cfb-detail__close:active[b-29ea3lgmo4] {
    transform: scale(.97);
}

.cfb-detail__close:hover[b-29ea3lgmo4] {
    color: var(--halo-ink-brand);
    border-color: rgb(var(--halo-tone-brand) / 0.35);
}

@media (max-width: 900px) {
    .cfb-map[b-29ea3lgmo4] {
        height: clamp(360px, 58vh, 500px);
    }

    .cfb-queue-select[b-29ea3lgmo4] {
        min-width: 100%;
    }
}

.cfb-node-dot--pulse[b-29ea3lgmo4] {
    animation: cfb-dot-pulse-b-29ea3lgmo4 2.2s ease-out infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes cfb-pulse-b-29ea3lgmo4 {
    0% { box-shadow: 0 0 0 0 rgb(var(--halo-tone-info) / 0.45); }
    70% { box-shadow: 0 0 0 9px rgb(var(--halo-tone-info) / 0); }
    100% { box-shadow: 0 0 0 0 rgb(var(--halo-tone-info) / 0); }
}

@keyframes cfb-dot-pulse-b-29ea3lgmo4 {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.55; transform: scale(1.45); }
}

/* ── Reduced motion ── */

@media (prefers-reduced-motion: reduce) {
    .cfb-link-flow[b-29ea3lgmo4] {
        animation: none;
        opacity: 0.22 !important;
    }

    .cfb-live-dot[b-29ea3lgmo4],
    .cfb-node-dot--pulse[b-29ea3lgmo4] {
        animation: none;
    }

    .cfb-pill[b-29ea3lgmo4],
    .cfb-node rect[b-29ea3lgmo4],
    .cfb-detail__close[b-29ea3lgmo4] {
        transition: none;
    }

    .cfb-pill:hover[b-29ea3lgmo4],
    .cfb-pill:active[b-29ea3lgmo4],
    .cfb-detail__close:active[b-29ea3lgmo4] {
        transform: none;
    }
}

.cfb-node--hero .cfb-node-count[b-29ea3lgmo4], .cfb-node--hero .cfb-node-label[b-29ea3lgmo4], .cfb-node--hero .cfb-node-pct[b-29ea3lgmo4] { fill:var(--halo-ink-brand); }
.cfb-node--empty .cfb-node-dot[b-29ea3lgmo4] { fill:var(--halo-ink-neutral) !important; }
.cfb-scope-count[b-29ea3lgmo4] { background:transparent; color:var(--halo-text-secondary); padding:0; }
.cfb-map-scroll[b-29ea3lgmo4] { overflow:auto; }
.cfb-map[b-29ea3lgmo4] { min-width:720px; }
.cfb-range[b-29ea3lgmo4] { align-items:flex-end; }
/* /Features/CallCenter/Pages/Components/CommunicationWorkspace.razor.rz.scp.css */
.cw-shell[b-czaxlfjajm] { min-width:0; width:100%; height:100%; display:flex; flex-direction:column; background:var(--halo-surface); color:var(--halo-text); border:1px solid var(--halo-hairline); border-radius:var(--halo-radius-lg); overflow:hidden; font-family:var(--halo-font); font-size:var(--halo-text-body); }
.cw-header[b-czaxlfjajm] { padding:var(--halo-4) var(--halo-5); display:flex; align-items:center; justify-content:space-between; gap:var(--halo-3); border-bottom:1px solid var(--halo-hairline); }
.cw-header > div[b-czaxlfjajm] { min-width:0; overflow-wrap:anywhere; }
.cw-header small[b-czaxlfjajm] { display:block; color:var(--halo-text-secondary); margin-top:var(--halo-1); font-size:var(--halo-text-sm); }
.cw-layout[b-czaxlfjajm] { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,340px); min-height:0; flex:1; }
.cw-layout--thread[b-czaxlfjajm] { grid-template-columns:minmax(0,1fr); }
.cw-conversation[b-czaxlfjajm] { min-width:0; overflow:auto; background:var(--halo-surface); }
.cw-context[b-czaxlfjajm] { display:flex; flex-direction:column; align-items:stretch; gap:var(--halo-4); min-width:0; overflow:auto; border-left:1px solid var(--halo-hairline); padding:var(--halo-5); overflow-wrap:anywhere; background:var(--halo-surface); }
.cw-context-heading h2[b-czaxlfjajm] { font-size:var(--halo-text-title); margin:var(--halo-2) 0 0; font-weight:600; letter-spacing:var(--halo-tracking-tight); }
.cw-context h3[b-czaxlfjajm] { font-size:var(--halo-text-body); margin:0 0 var(--halo-2); font-weight:600; }
.cw-customer[b-czaxlfjajm] { display:flex; flex-direction:column; gap:var(--halo-1); }
.cw-customer h3[b-czaxlfjajm] { font-size:var(--halo-text-title); }
.cw-customer span[b-czaxlfjajm] { color:var(--halo-text-secondary); }
.cw-context-empty[b-czaxlfjajm] { padding:var(--halo-4); border:1px dashed var(--halo-hairline-strong); border-radius:var(--halo-radius-md); }
.cw-context-empty p[b-czaxlfjajm] { margin:var(--halo-2) 0 0; color:var(--halo-text-secondary); font-size:var(--halo-text-sm); line-height:1.6; }
.cw-lead[b-czaxlfjajm] { display:flex; flex-direction:column; align-items:flex-start; gap:var(--halo-2); padding:var(--halo-3); border:1px solid var(--halo-hairline); border-radius:var(--halo-radius-md); }
.cw-lead-heading[b-czaxlfjajm] { display:flex; flex-wrap:wrap; align-items:center; gap:var(--halo-2); width:100%; justify-content:space-between; }
.cw-lead small[b-czaxlfjajm] { color:var(--halo-text-secondary); }
.cw-link-section[b-czaxlfjajm] { display:flex; flex-direction:column; align-items:stretch; gap:var(--halo-3); border-top:1px solid var(--halo-hairline); padding-top:var(--halo-4); }
.cw-link-section h3[b-czaxlfjajm] { margin:0; }
.cw-context-footer[b-czaxlfjajm] { border-top:1px solid var(--halo-hairline); padding-top:var(--halo-3); }
.cw-actions[b-czaxlfjajm] { display:flex; flex-wrap:wrap; align-items:center; gap:var(--halo-2); }
.cw-followup-actions[b-czaxlfjajm] { padding:var(--halo-4) var(--halo-5) var(--halo-2); }
.cw-hint[b-czaxlfjajm] { margin:0; padding:0 var(--halo-5) var(--halo-4); color:var(--halo-text-secondary); font-size:var(--halo-text-sm); }
.cw-compose[b-czaxlfjajm] { display:flex; flex-direction:column; gap:var(--halo-3); margin:0 var(--halo-5) var(--halo-4); padding:var(--halo-4); border:1px solid var(--halo-hairline); border-radius:var(--halo-radius-md); transition:border-color var(--halo-duration-1) var(--halo-ease-out), box-shadow var(--halo-duration-1) var(--halo-ease-out); }
.cw-compose:focus-within[b-czaxlfjajm] { border-color:rgb(var(--halo-tone-brand) / .70); box-shadow:var(--halo-focus-ring-field); }
.cw-context[b-czaxlfjajm]  .halo-field { min-width:0; width:100%; }
.cw-context[b-czaxlfjajm]  .halo-input { min-width:0; width:100%; }
.cw-context[b-czaxlfjajm]  .cw-history-item, .cw-context[b-czaxlfjajm]  .cw-search-result { justify-content:flex-start; text-align:left; white-space:normal; height:auto; min-height:var(--halo-control-md); }
.cw-conversation[b-czaxlfjajm]  .cdp-card { border-radius:0; box-shadow:none; }
.cw-shell--compact[b-czaxlfjajm] { height:100%; border-radius:0; }
.cw-shell--compact .cw-header[b-czaxlfjajm] { padding:var(--halo-3); }
@media(max-width:1100px) { .cw-layout[b-czaxlfjajm] { grid-template-columns:minmax(0,1fr); overflow:auto; } .cw-conversation[b-czaxlfjajm] { overflow:visible; } .cw-context[b-czaxlfjajm] { overflow:visible; border-left:0; border-top:1px solid var(--halo-hairline); } }
@media(max-width:600px) { .cw-header[b-czaxlfjajm] { align-items:flex-start; flex-direction:column; } .cw-context[b-czaxlfjajm] { padding:var(--halo-4); } }
/* /Features/CallCenter/Pages/Components/CustomerCommunicationWidget.razor.rz.scp.css */
    /* ═══════════════════════════════════════════════════════════════════════
       CARD — Expanded
       ═══════════════════════════════════════════════════════════════════════ */
    .ccw-card[b-tomstv9fkk] {
        background: var(--halo-surface);
        border: 1px solid var(--halo-hairline);
        border-radius: var(--halo-radius-lg);
        box-shadow: var(--halo-shadow-1);
        overflow: hidden;
        transition: border-color var(--halo-duration-1) var(--halo-ease-out), background-color var(--halo-duration-1) var(--halo-ease-out);
    }

    /* ─── Header ─── */
    .ccw-header[b-tomstv9fkk] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 16px 20px 12px;
    }

    .ccw-header__title-area[b-tomstv9fkk] {
        display: flex;
        align-items: center;
        gap: 10px;
        min-width: 0;
    }

    .ccw-header__icon[b-tomstv9fkk] {
        display: grid;
        place-items: center;
        width: 36px;
        height: 36px;
        flex: 0 0 36px;
        border-radius: var(--halo-radius-sm);
        color: var(--halo-ink-brand);
        background: rgb(var(--halo-tone-brand) / .10);
    }

    .ccw-header__copy[b-tomstv9fkk] {
        display: grid;
        min-width: 0;
    }

    .ccw-header__subtitle[b-tomstv9fkk] {
        overflow: hidden;
        color: var(--halo-text-secondary);
        font-size: 0.75rem;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ccw-header__title[b-tomstv9fkk] {
        font-size: 0.875rem;
        font-weight: 700;
        color: var(--halo-text);
        letter-spacing: 0;
    }

    .ccw-collapse-btn[b-tomstv9fkk],
    .ccw-expand-btn[b-tomstv9fkk] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border: none;
        border-radius: 10px;
        background: var(--halo-surface-sunken);
        color: var(--halo-text-secondary);
        cursor: pointer;
        transition: background var(--halo-duration-1) var(--halo-ease-out), color var(--halo-duration-1) var(--halo-ease-out);
    }

    .ccw-collapse-btn:hover[b-tomstv9fkk],
    .ccw-expand-btn:hover[b-tomstv9fkk] {
        background: var(--halo-surface-hover);
        color: var(--halo-text);
    }

    /* ─── Controls (Phone + Call) ─── */
    .ccw-controls[b-tomstv9fkk] {
        padding: 0 20px 16px;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    /* ─── SMS Section ─── */
    .ccw-sms-section[b-tomstv9fkk] {
        border-top: 1px solid var(--halo-hairline);
    }

    .ccw-dialog-body[b-tomstv9fkk] {
        overflow: hidden;
        border: 1px solid var(--halo-hairline);
        border-radius: var(--halo-radius-md);
        background: var(--halo-surface);
    }

    .ccw-dialog-body .ccw-controls[b-tomstv9fkk] {
        padding: var(--halo-4);
    }

    .ccw-dialog-body .ccw-sms-section[b-tomstv9fkk] {
        max-height: min(54vh, 520px);
        overflow-y: auto;
    }

    .ccw-dialog-actions[b-tomstv9fkk] {
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }

    /* ─── Skeleton ─── */
    .ccw-skeleton-body[b-tomstv9fkk] {
        padding: 0 20px 20px;
    }

    .ccw-skeleton-row[b-tomstv9fkk] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    }

    .ccw-skeleton-block[b-tomstv9fkk] {
        border-radius: var(--halo-radius-md);
    }

    /* ═══════════════════════════════════════════════════════════════════════
       COLLAPSED BAR
       ═══════════════════════════════════════════════════════════════════════ */
    .ccw-collapsed[b-tomstv9fkk] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 48px;
        padding: 6px 8px 6px 14px;
        border: 1px solid var(--halo-hairline);
        background: var(--halo-surface);
        border-radius: var(--halo-radius-md);
        box-shadow: none;
        cursor: pointer;
        transition: border-color var(--halo-duration-1) var(--halo-ease-out), background-color var(--halo-duration-1) var(--halo-ease-out), box-shadow var(--halo-duration-1) var(--halo-ease-out), transform var(--halo-duration-3) var(--halo-ease-spring);
    }

    .ccw-collapsed:hover[b-tomstv9fkk] {
        border-color: var(--halo-hairline-strong);
        background: var(--halo-surface-hover);
        transform: translateY(-1px);
        box-shadow: var(--halo-shadow-2);
    }

    .ccw-collapsed__left[b-tomstv9fkk] {
        display: flex;
        align-items: center;
        gap: 10px;
        min-width: 0;
    }

    .ccw-collapsed__icon[b-tomstv9fkk] {
        color: var(--halo-ink-brand);
        font-size: 1rem !important;
        flex-shrink: 0;
    }

    .ccw-collapsed__phone[b-tomstv9fkk] {
        font-size: 0.8125rem;
        font-weight: 600;
        color: var(--halo-text);
        font-family: var(--halo-font-mono);
        font-variant-numeric: tabular-nums;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ccw-collapsed__right[b-tomstv9fkk] {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-shrink: 0;
    }

    .ccw-compact-call-btn[b-tomstv9fkk] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        border: none;
        border-radius: var(--halo-radius-sm);
        background: var(--halo-action-brand);
        color: var(--halo-on-action);
        box-shadow: 0 6px 16px rgb(var(--halo-tone-brand) / .28), inset 0 1px 0 rgb(255 255 255 / .18);
        cursor: pointer;
        transition: background-color var(--halo-duration-1) var(--halo-ease-out), box-shadow var(--halo-duration-1) var(--halo-ease-out), transform var(--halo-duration-2) var(--halo-ease-spring);
    }

    .ccw-compact-call-btn:hover:not(:disabled)[b-tomstv9fkk] {
        background: rgb(var(--halo-tone-brand));
    }

    .ccw-compact-call-btn:active:not(:disabled)[b-tomstv9fkk] {
        transform: scale(.97);
    }

    .ccw-compact-call-btn--disabled[b-tomstv9fkk] {
        background: var(--halo-surface-sunken);
        color: var(--halo-text-tertiary);
        box-shadow: none;
        cursor: not-allowed;
    }

    /* ═══════════════════════════════════════════════════════════════════════
       ERROR STATES
       ═══════════════════════════════════════════════════════════════════════ */
    .ccw-error-state[b-tomstv9fkk] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 12px;
        padding: 32px 24px;
    }

    .ccw-error-state__icon[b-tomstv9fkk] {
        color: var(--halo-text-tertiary);
        font-size: 2rem !important;
    }

    .ccw-error-state__text[b-tomstv9fkk] {
        font-size: 0.8125rem;
        font-weight: 500;
        color: var(--halo-text-secondary);
        text-align: center;
        line-height: 1.5;
    }

    .ccw-inline-error[b-tomstv9fkk] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 24px 20px;
    }

    .ccw-inline-error__icon[b-tomstv9fkk] {
        color: var(--halo-ink-critical);
        font-size: 1rem !important;
        flex-shrink: 0;
    }

    .ccw-inline-error__text[b-tomstv9fkk] {
        font-size: 0.8125rem;
        font-weight: 500;
        color: var(--halo-ink-critical);
    }

    /* ═══════════════════════════════════════════════════════════════════════
       RESPONSIVE
       ═══════════════════════════════════════════════════════════════════════ */
    @media (max-width: 480px) {
        .ccw-card[b-tomstv9fkk] {
            border-radius: var(--halo-radius-md);
        }

        .ccw-collapsed[b-tomstv9fkk] {
            border-radius: var(--halo-radius-md);
        }

        .ccw-header[b-tomstv9fkk] {
            padding: 14px 16px 10px;
        }

        .ccw-controls[b-tomstv9fkk] {
            padding: 0 16px 14px;
        }

        .ccw-dialog-body .ccw-controls[b-tomstv9fkk] {
            padding: var(--halo-2);
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .ccw-collapsed[b-tomstv9fkk],
        .ccw-compact-call-btn[b-tomstv9fkk] { transition: none; }

        .ccw-collapsed:hover[b-tomstv9fkk],
        .ccw-compact-call-btn:active:not(:disabled)[b-tomstv9fkk] { transform: none; }
    }
/* /Features/CallCenter/Pages/Components/CustomerQuickView.razor.rz.scp.css */
.cqv[b-lxqdlxdve5] { display:flex; flex-direction:column; min-width:0; gap:8px; }
.cqv-scope[b-lxqdlxdve5] { margin:0 0 2px; color:var(--halo-text-secondary); font-size:var(--halo-text-sm); }
.cqv-group[b-lxqdlxdve5] { border:1px solid var(--halo-hairline); border-radius:var(--halo-radius-md); overflow:hidden; }
.cqv-group summary[b-lxqdlxdve5] { display:flex; align-items:center; gap:10px; padding:12px; cursor:pointer; list-style:none; font-size:var(--halo-text-body); font-weight:600; transition:background-color var(--halo-duration-1) var(--halo-ease-out); }
.cqv-group summary[b-lxqdlxdve5]::-webkit-details-marker { display:none; }
.cqv-group summary:hover[b-lxqdlxdve5] { background:var(--halo-surface-sunken); }
.cqv-group summary:focus-visible[b-lxqdlxdve5] { outline:2px solid var(--halo-ink-brand); outline-offset:-3px; border-radius:var(--halo-radius-md); }
.cqv-count[b-lxqdlxdve5] { margin-left:auto; min-width:25px; padding:2px 7px; text-align:center; border-radius:6px; background:var(--halo-surface-sunken); color:var(--halo-text); font-family:var(--halo-font-mono); font-size:var(--halo-text-sm); font-variant-numeric:tabular-nums; }
.cqv-chevron[b-lxqdlxdve5] { width:7px; height:7px; border-right:1.5px solid var(--halo-text-secondary); border-bottom:1.5px solid var(--halo-text-secondary); transform:rotate(45deg); margin:0 3px 4px; flex-shrink:0; transition:transform var(--halo-duration-2) var(--halo-ease-spring); }
.cqv-group[open] .cqv-chevron[b-lxqdlxdve5] { transform:rotate(225deg); margin-bottom:0; }
.cqv-items[b-lxqdlxdve5] { border-top:1px solid var(--halo-hairline); max-height:300px; overflow:auto; overscroll-behavior:contain; }
.cqv-item[b-lxqdlxdve5] { display:flex; flex-direction:column; gap:5px; padding:12px; overflow-wrap:anywhere; animation:cqv-item-in-b-lxqdlxdve5 var(--halo-duration-3) var(--halo-ease-out) both; animation-delay: calc(var(--halo-row, 0) * 30ms + 60ms); }
.cqv-item:nth-child(1)[b-lxqdlxdve5] { --halo-row: 0; }
.cqv-item:nth-child(2)[b-lxqdlxdve5] { --halo-row: 1; }
.cqv-item:nth-child(3)[b-lxqdlxdve5] { --halo-row: 2; }
.cqv-item:nth-child(4)[b-lxqdlxdve5] { --halo-row: 3; }
.cqv-item:nth-child(5)[b-lxqdlxdve5] { --halo-row: 4; }
.cqv-item:nth-child(6)[b-lxqdlxdve5] { --halo-row: 5; }
.cqv-item:nth-child(7)[b-lxqdlxdve5] { --halo-row: 6; }
.cqv-item:nth-child(8)[b-lxqdlxdve5] { --halo-row: 7; }
.cqv-item:nth-child(9)[b-lxqdlxdve5] { --halo-row: 8; }
.cqv-item:nth-child(10)[b-lxqdlxdve5] { --halo-row: 9; }
.cqv-item:nth-child(11)[b-lxqdlxdve5] { --halo-row: 10; }
.cqv-item:nth-child(n+12)[b-lxqdlxdve5] { --halo-row: 11; }
.cqv-item + .cqv-item[b-lxqdlxdve5] { border-top:1px solid var(--halo-hairline); }
.cqv-item strong[b-lxqdlxdve5] { font-size:var(--halo-text-sm); font-weight:600; }
.cqv-item small[b-lxqdlxdve5], .cqv-empty[b-lxqdlxdve5], .cqv-unavailable small[b-lxqdlxdve5] { font-size:var(--halo-text-sm); color:var(--halo-text-secondary); }
.cqv-lead-heading[b-lxqdlxdve5] { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.cqv-empty[b-lxqdlxdve5] { margin:0; padding:12px; }
.cqv-unavailable[b-lxqdlxdve5] { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; padding:12px; border:1px solid var(--halo-hairline); border-radius:var(--halo-radius-md); }
@keyframes cqv-item-in-b-lxqdlxdve5 { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:none; } }
@media (prefers-reduced-motion: reduce) { .cqv-item[b-lxqdlxdve5] { animation:none !important; } .cqv-chevron[b-lxqdlxdve5], .cqv-group summary[b-lxqdlxdve5] { transition:none; } }
/* /Features/CallCenter/Pages/Routing/Components/PbxCalendars.razor.rz.scp.css */
.calendar-grid[b-fnp2w5jdsl] { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; }
.calendar-card[b-fnp2w5jdsl] { display: grid; gap: 12px; padding: 20px; }
.calendar-card h2[b-fnp2w5jdsl] { font-size: 1.1rem; margin: 0; }
.calendar-card p[b-fnp2w5jdsl] { margin: 0; color: var(--mud-palette-text-secondary); }
.calendar-editor[b-fnp2w5jdsl] { border: 0; padding: 0; display: grid; gap: 16px; min-width: 0; }
.calendar-editor h3[b-fnp2w5jdsl] { margin: 12px 0 0; font-size: 1rem; }
.calendar-editor p[b-fnp2w5jdsl] { margin: 0; color: var(--mud-palette-text-secondary); }
.calendar-window[b-fnp2w5jdsl] { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--mud-palette-lines-default); }
.calendar-window .halo-field[b-fnp2w5jdsl] { flex: 1; min-width: 110px; }
.calendar-window > label:not(.halo-field)[b-fnp2w5jdsl], .calendar-remove[b-fnp2w5jdsl] { padding-bottom: 10px; }
.calendar-remove[b-fnp2w5jdsl] { background: transparent; border: 0; color: var(--mud-palette-error); cursor: pointer; font: inherit; }
.calendar-exception[b-fnp2w5jdsl] { border: 1px solid var(--mud-palette-lines-default); border-radius: 12px; padding: 16px; display: grid; gap: 12px; }
.calendar-exception-heading[b-fnp2w5jdsl] { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; }
/* /Features/Crm/Catalogs/Pages/CatalogSaleDialog.razor.rz.scp.css */
/* ── Header ───────────────────────────────────────────── */
.cs-head .dialog-title-stack[b-jgtr4nrxnr]  .mud-typography-caption {
    color: var(--halo-text-secondary);
}

/* ── Body ─────────────────────────────────────────────── */
.cs-body[b-jgtr4nrxnr] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-width: min(72vw, 760px);
}

.cs-body[b-jgtr4nrxnr]  .cs-alert {
    margin: 0;
}

/* ── Catalog selector pills ───────────────────────────── */
.cs-catalogs[b-jgtr4nrxnr] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    padding-bottom: 2px;
}

.cs-catalog-pill[b-jgtr4nrxnr] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--halo-hairline);
    background: var(--halo-surface);
    color: var(--halo-text-secondary);
    font-family: inherit;
    font-size: 0.8125rem;
    font-weight: 700;
    padding: 7px 14px;
    border-radius: var(--halo-radius-pill);
    cursor: pointer;
    transition: background var(--halo-duration-1), color var(--halo-duration-1),
                border-color var(--halo-duration-1), box-shadow var(--halo-duration-1),
                transform var(--halo-duration-1);
}

.cs-catalog-pill:hover[b-jgtr4nrxnr] {
    border-color: var(--halo-hairline-strong);
    color: var(--halo-text);
    background: var(--halo-surface-hover);
}

.cs-catalog-pill--active[b-jgtr4nrxnr] {
    background: var(--halo-action-brand);
    border-color: transparent;
    color: var(--halo-on-action);
    box-shadow: var(--halo-shadow-2);
}

.cs-catalog-pill__count[b-jgtr4nrxnr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: var(--halo-radius-pill);
    background: rgb(var(--halo-tone-brand) / .10);
    color: var(--halo-ink-brand);
    font-size: 0.6875rem;
    font-weight: 800;
}

.cs-catalog-pill--active .cs-catalog-pill__count[b-jgtr4nrxnr] {
    background: rgba(255, 255, 255, 0.22);
    color: var(--halo-on-action);
}

/* ── Product gallery ──────────────────────────────────── */
.cs-gallery[b-jgtr4nrxnr] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px;
}

.cs-card[b-jgtr4nrxnr] {
    flex: 1 1 208px;
    max-width: 264px;
    display: flex;
    flex-direction: column;
    background: var(--halo-surface);
    border: none;
    border-radius: var(--halo-radius-lg);
    overflow: hidden;
    box-shadow: var(--halo-shadow-1);
    transition: transform var(--halo-duration-2), box-shadow var(--halo-duration-2);
    animation: cs-card-in-b-jgtr4nrxnr var(--halo-duration-4) var(--halo-ease-sheet) backwards;
    animation-delay: calc(var(--i, 0) * 45ms);
}

.cs-card:hover[b-jgtr4nrxnr] {
    transform: translateY(-4px);
    box-shadow: var(--halo-shadow-2);
}

.cs-card--selected[b-jgtr4nrxnr] {
    box-shadow: var(--halo-shadow-2), inset 0 0 0 2px rgb(var(--halo-tone-brand));
}

.cs-card--soldout[b-jgtr4nrxnr] {
    opacity: 0.62;
}

.cs-card--soldout:hover[b-jgtr4nrxnr] {
    transform: none;
    box-shadow: var(--halo-shadow-1);
}

.cs-card__media[b-jgtr4nrxnr] {
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: var(--halo-surface-sunken);
}

.cs-card__img[b-jgtr4nrxnr] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform var(--halo-duration-4) var(--halo-ease-spring);
}

.cs-card:hover .cs-card__img[b-jgtr4nrxnr] {
    transform: scale(1.06);
}

.cs-card__placeholder[b-jgtr4nrxnr] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(var(--halo-tone-brand) / .10);
}

.cs-card__monogram[b-jgtr4nrxnr] {
    font-size: 2.6rem;
    font-weight: 800;
    color: rgb(var(--halo-tone-brand) / .34);
    letter-spacing: -0.02em;
    user-select: none;
}

.cs-stock[b-jgtr4nrxnr] {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 3px 9px;
    border-radius: var(--halo-radius-pill);
    font-size: 0.6875rem;
    font-weight: 800;
    letter-spacing: 0;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.cs-stock--ok[b-jgtr4nrxnr] {
    background: var(--halo-surface-raised);
    color: var(--halo-text-secondary);
}

.cs-stock--low[b-jgtr4nrxnr] {
    background: rgb(var(--halo-tone-warning) / .12);
    color: var(--halo-ink-warning);
}

.cs-stock--out[b-jgtr4nrxnr] {
    background: rgb(var(--halo-tone-critical) / .12);
    color: var(--halo-ink-critical);
}

.cs-check[b-jgtr4nrxnr] {
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: var(--halo-radius-pill);
    background: var(--halo-action-brand);
    color: var(--halo-on-action);
    box-shadow: var(--halo-shadow-2);
    transform: scale(0);
    opacity: 0;
    transition: transform var(--halo-duration-2), opacity var(--halo-duration-1);
}

.cs-card--selected .cs-check[b-jgtr4nrxnr] {
    transform: scale(1);
    opacity: 1;
    animation: cs-pop-b-jgtr4nrxnr var(--halo-duration-3) var(--halo-ease-spring);
}

.cs-card__body[b-jgtr4nrxnr] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 14px 16px;
    flex: 1;
}

.cs-card__copy[b-jgtr4nrxnr] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.cs-card__name[b-jgtr4nrxnr] {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--halo-text);
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cs-card__sku[b-jgtr4nrxnr] {
    font-family: var(--halo-font-mono);
    font-size: 0.7rem;
    color: var(--halo-text-tertiary);
}

.cs-card__price-row[b-jgtr4nrxnr] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-top: auto;
}

.cs-card__price[b-jgtr4nrxnr] {
    font-size: 1.125rem;
    font-weight: 800;
    color: var(--halo-text);
    font-variant-numeric: tabular-nums;
}

.cs-card__cur[b-jgtr4nrxnr] {
    font-size: 0.6875rem;
    font-weight: 700;
    color: var(--halo-text-tertiary);
    margin-left: 4px;
}

.cs-card__action[b-jgtr4nrxnr] {
    min-height: 40px;
}

/* Add button */
.cs-add[b-jgtr4nrxnr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    height: 40px;
    border: 1px solid var(--halo-hairline);
    background: var(--halo-surface);
    color: var(--halo-ink-brand);
    font-family: inherit;
    font-size: 0.8125rem;
    font-weight: 800;
    border-radius: var(--halo-radius-md);
    cursor: pointer;
    transition: background var(--halo-duration-1), border-color var(--halo-duration-1),
                color var(--halo-duration-1), transform var(--halo-duration-1) var(--halo-ease-spring);
}

.cs-add:hover[b-jgtr4nrxnr] {
    background: rgb(var(--halo-tone-brand) / .10);
    border-color: rgb(var(--halo-tone-brand) / .34);
    color: var(--halo-ink-brand);
}

.cs-add:active[b-jgtr4nrxnr] {
    transform: scale(0.97);
}

/* Quantity stepper */
.cs-stepper[b-jgtr4nrxnr] {
    display: grid;
    grid-template-columns: 40px 1fr 40px;
    align-items: center;
    height: 40px;
    border-radius: var(--halo-radius-md);
    background: rgb(var(--halo-tone-brand) / .10);
    animation: cs-stepper-in-b-jgtr4nrxnr var(--halo-duration-3) var(--halo-ease-sheet);
    overflow: hidden;
}

.cs-stepper__btn[b-jgtr4nrxnr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border: 0;
    background: transparent;
    color: var(--halo-ink-brand);
    cursor: pointer;
    transition: background var(--halo-duration-1), color var(--halo-duration-1);
}

.cs-stepper__btn:hover:not(:disabled)[b-jgtr4nrxnr] {
    background: rgb(var(--halo-tone-brand) / .16);
}

.cs-stepper__btn:active:not(:disabled)[b-jgtr4nrxnr] {
    background: rgb(var(--halo-tone-brand) / .26);
}

.cs-stepper__btn:disabled[b-jgtr4nrxnr] {
    color: var(--halo-surface-sunken);
    cursor: not-allowed;
}

.cs-stepper__value[b-jgtr4nrxnr] {
    width: 100%;
    height: 100%;
    border: 0;
    background: transparent;
    text-align: center;
    font-family: inherit;
    font-size: 0.9375rem;
    font-weight: 800;
    color: var(--halo-ink-brand);
    font-variant-numeric: tabular-nums;
    -moz-appearance: textfield;
}

.cs-stepper__value[b-jgtr4nrxnr]::-webkit-inner-spin-button,
.cs-stepper__value[b-jgtr4nrxnr]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.cs-stepper__value:focus-visible[b-jgtr4nrxnr] {
    outline: 2px solid rgb(var(--halo-tone-brand));
    outline-offset: -2px;
    border-radius: 6px;
}

.cs-soldout-label[b-jgtr4nrxnr] {
    display: inline-flex;
    align-items: center;
    height: 40px;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--halo-text-tertiary);
}

/* ── Payment section ──────────────────────────────────── */
.cs-pay[b-jgtr4nrxnr] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px 18px;
    background: var(--halo-surface-sunken);
    border: 1px solid var(--halo-hairline);
    border-radius: var(--halo-radius-md);
}

.cs-pay[b-jgtr4nrxnr]  .cs-pay__switch {
    margin: 0;
}

.cs-pay__grid[b-jgtr4nrxnr] {
    display: grid;
    grid-template-columns: 1fr 160px;
    gap: 12px;
}

/* ── Footer / order bar ───────────────────────────────── */
.cs-footer[b-jgtr4nrxnr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
}

.cs-summary[b-jgtr4nrxnr] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.cs-summary__meta[b-jgtr4nrxnr] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--halo-text-tertiary);
}

.cs-summary__total[b-jgtr4nrxnr] {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--halo-text-tertiary);
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
    display: inline-block;
}

.cs-summary--active .cs-summary__total[b-jgtr4nrxnr] {
    color: var(--halo-text);
    animation: cs-total-bump-b-jgtr4nrxnr var(--halo-duration-3) var(--halo-ease-spring);
}

.cs-summary__cur[b-jgtr4nrxnr] {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--halo-text-tertiary);
    margin-left: 5px;
}

.cs-footer__actions[b-jgtr4nrxnr] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

/* ── Skeleton loading ─────────────────────────────────── */
.cs-gallery--skeleton[b-jgtr4nrxnr] {
    min-width: min(72vw, 760px);
}

.cs-skel[b-jgtr4nrxnr] {
    flex: 1 1 208px;
    max-width: 264px;
    border: 1px solid var(--halo-hairline);
    border-radius: var(--halo-radius-lg);
    overflow: hidden;
    padding-bottom: 16px;
    background: var(--halo-surface);
}

.cs-skel__media[b-jgtr4nrxnr] {
    aspect-ratio: 4 / 3;
    background: var(--halo-surface-sunken);
}

.cs-skel__line[b-jgtr4nrxnr] {
    height: 12px;
    margin: 12px 14px 0;
    border-radius: 6px;
    background: var(--halo-surface-sunken);
}

.cs-skel__line--lg[b-jgtr4nrxnr] { width: 78%; }
.cs-skel__line--sm[b-jgtr4nrxnr] { width: 42%; }
.cs-skel__line--btn[b-jgtr4nrxnr] { height: 34px; margin-top: 16px; border-radius: var(--halo-radius-md); }

.cs-skel__media[b-jgtr4nrxnr],
.cs-skel__line[b-jgtr4nrxnr] {
    background: var(--halo-surface-sunken);
    background-size: 220% 100%;
    animation: cs-shimmer-b-jgtr4nrxnr 1.3s ease-in-out infinite;
}

/* ── Keyframes ────────────────────────────────────────── */
@keyframes cs-card-in-b-jgtr4nrxnr {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes cs-pop-b-jgtr4nrxnr {
    0%   { transform: scale(0); }
    60%  { transform: scale(1.18); }
    100% { transform: scale(1); }
}

@keyframes cs-stepper-in-b-jgtr4nrxnr {
    from { opacity: 0; transform: scale(0.92); }
    to   { opacity: 1; transform: scale(1); }
}

@keyframes cs-total-bump-b-jgtr4nrxnr {
    0%   { transform: scale(1); }
    35%  { transform: scale(1.1); }
    100% { transform: scale(1); }
}

@keyframes cs-shimmer-b-jgtr4nrxnr {
    from { background-position: 180% 0; }
    to   { background-position: -80% 0; }
}

/* ── Responsive ───────────────────────────────────────── */
@media (max-width: 720px) {
    .cs-body[b-jgtr4nrxnr],
    .cs-gallery--skeleton[b-jgtr4nrxnr] {
        min-width: unset;
    }

    .cs-gallery[b-jgtr4nrxnr] {
        gap: 12px;
    }

    .cs-card[b-jgtr4nrxnr] {
        max-width: none;
        flex-basis: 140px;
    }

    .cs-pay__grid[b-jgtr4nrxnr] {
        grid-template-columns: 1fr;
    }

    .cs-footer[b-jgtr4nrxnr] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .cs-footer__actions[b-jgtr4nrxnr] {
        justify-content: flex-end;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cs-card[b-jgtr4nrxnr],
    .cs-check[b-jgtr4nrxnr],
    .cs-stepper[b-jgtr4nrxnr],
    .cs-summary--active .cs-summary__total[b-jgtr4nrxnr],
    .cs-skel__media[b-jgtr4nrxnr],
    .cs-skel__line[b-jgtr4nrxnr] {
        animation: none !important;
    }

    .cs-card[b-jgtr4nrxnr],
    .cs-card__img[b-jgtr4nrxnr],
    .cs-add[b-jgtr4nrxnr] {
        transition: none !important;
    }

    .cs-card:hover[b-jgtr4nrxnr] {
        transform: none;
    }

    .cs-card:hover .cs-card__img[b-jgtr4nrxnr] {
        transform: none;
    }

    .cs-check[b-jgtr4nrxnr] {
        transform: scale(1);
        opacity: 1;
    }
}

.cs-head .dialog-title-stack[b-jgtr4nrxnr]  .mud-typography-h6 { font-weight: 800; line-height: 1.2; }
.cs-card__price[b-jgtr4nrxnr], .cs-total[b-jgtr4nrxnr] { font-family: var(--halo-font-display); }

.cs-gallery > :nth-child(1)[b-jgtr4nrxnr] { --i: 0; }
.cs-gallery > :nth-child(2)[b-jgtr4nrxnr] { --i: 1; }
.cs-gallery > :nth-child(3)[b-jgtr4nrxnr] { --i: 2; }
.cs-gallery > :nth-child(4)[b-jgtr4nrxnr] { --i: 3; }
.cs-gallery > :nth-child(5)[b-jgtr4nrxnr] { --i: 4; }
.cs-gallery > :nth-child(6)[b-jgtr4nrxnr] { --i: 5; }
.cs-gallery > :nth-child(7)[b-jgtr4nrxnr] { --i: 6; }
.cs-gallery > :nth-child(8)[b-jgtr4nrxnr] { --i: 7; }
.cs-gallery > :nth-child(9)[b-jgtr4nrxnr] { --i: 8; }
.cs-gallery > :nth-child(10)[b-jgtr4nrxnr] { --i: 9; }
.cs-gallery > :nth-child(11)[b-jgtr4nrxnr] { --i: 10; }
.cs-gallery > :nth-child(12)[b-jgtr4nrxnr] { --i: 11; }
.cs-gallery > :nth-child(n + 13)[b-jgtr4nrxnr] { --i: 11; }
/* /Features/Crm/Commercial/TurboRater/TurboRaterQuoteWorkspace.razor.rz.scp.css */
.tr-workspace[b-679q05wdo7]{display:grid;gap:20px;color:var(--halo-text)}
.tr-header[b-679q05wdo7]{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:4px 2px}.tr-header__copy[b-679q05wdo7],.tr-header__actions[b-679q05wdo7]{display:flex;align-items:center;gap:12px}.tr-header__actions[b-679q05wdo7]{justify-content:flex-end;flex-wrap:wrap}.tr-header h2[b-679q05wdo7],.tr-section-heading h3[b-679q05wdo7]{font-family:var(--halo-font-display);margin:2px 0 0;font-size:1.45rem;line-height:1.2}.tr-eyebrow[b-679q05wdo7]{text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:750;color:var(--halo-text-secondary)}.tr-save-state[b-679q05wdo7]{margin-top:5px;color:var(--halo-text-secondary);font-size:.78rem}.tr-back[b-679q05wdo7]{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--halo-hairline);border-radius:12px;background:var(--halo-surface);color:inherit;font-size:1.2rem;cursor:pointer}
.tr-alert[b-679q05wdo7]{padding:13px 16px;border-radius:var(--halo-radius-md);border:1px solid;font-size:.86rem}.tr-alert--error[b-679q05wdo7]{background:rgb(var(--halo-tone-critical) / .08);border-color:rgb(var(--halo-tone-critical) / .22);color: var(--halo-ink-critical)}.tr-alert--warning[b-679q05wdo7]{background:rgb(var(--halo-tone-warning) / .08);border-color:rgb(var(--halo-tone-warning) / .22);color: var(--halo-ink-warning)}
.tr-overview-grid[b-679q05wdo7]{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1.25fr);gap:16px}.tr-metrics[b-679q05wdo7]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tr-metrics div[b-679q05wdo7],.tr-payment-grid div[b-679q05wdo7]{display:grid;gap:3px}.tr-metrics span[b-679q05wdo7],.tr-payment-grid span[b-679q05wdo7]{font-size:.73rem;color:var(--halo-text-secondary)}.tr-metrics strong[b-679q05wdo7]{font-size:1.1rem}
.tr-form-shell[b-679q05wdo7]{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;align-items:start}.tr-step-nav[b-679q05wdo7]{display:grid;gap:7px;position:sticky;top:16px}.tr-step[b-679q05wdo7]{display:grid;grid-template-columns:28px 1fr;column-gap:10px;text-align:left;padding:11px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--halo-text-secondary);cursor:pointer}.tr-step>span[b-679q05wdo7]{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--halo-surface-sunken);font-weight:750}.tr-step strong[b-679q05wdo7]{font-size:.84rem;color:var(--halo-text)}.tr-step small[b-679q05wdo7]{font-size:.68rem}.tr-step--active[b-679q05wdo7]{background:var(--halo-surface);border-color:var(--halo-hairline);box-shadow:var(--halo-shadow-1)}.tr-step--active>span[b-679q05wdo7]{background:var(--halo-action-brand);color:var(--halo-on-action)}
.tr-form-content[b-679q05wdo7]{display:grid;gap:14px;min-width:0}.tr-section-heading[b-679q05wdo7]{display:flex;justify-content:space-between;align-items:flex-end}.tr-form-card[b-679q05wdo7]{scroll-margin-top:16px}.tr-group-title[b-679q05wdo7]{margin:4px 0 12px;font-size:.82rem;color:var(--halo-text-secondary)}.tr-field-grid[b-679q05wdo7]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.tr-field[b-679q05wdo7]{min-width:0}.tr-prefill[b-679q05wdo7]{display:block;margin:4px 2px 0;font-size:.67rem;color: var(--halo-ink-brand)}.tr-form-footer[b-679q05wdo7]{display:flex;justify-content:space-between;gap:12px;padding:4px 0 16px}
.tr-rating-row[b-679q05wdo7],.tr-loading[b-679q05wdo7]{display:flex;align-items:center;gap:13px}.tr-rating-row>div[b-679q05wdo7],.tr-loading>div[b-679q05wdo7]{display:grid;gap:3px;flex:1}.tr-rating-row span[b-679q05wdo7],.tr-loading span[b-679q05wdo7]{font-size:.78rem;color:var(--halo-text-secondary)}.tr-spinner[b-679q05wdo7]{width:19px;height:19px;flex:0 0 19px;border:2px solid var(--halo-hairline-strong);border-top-color:rgb(var(--halo-tone-brand));border-radius:50%;animation:tr-spin-b-679q05wdo7 .8s linear infinite}@keyframes tr-spin-b-679q05wdo7{to{transform:rotate(360deg)}}
.tr-results[b-679q05wdo7]{display:grid;gap:12px}.tr-result-grid[b-679q05wdo7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px}.tr-result[b-679q05wdo7]{display:grid;gap:15px;padding:18px;border:1px solid var(--halo-hairline);border-radius:16px;background:var(--halo-surface);box-shadow:var(--halo-shadow-1)}.tr-result--selected[b-679q05wdo7]{border-color:rgb(var(--halo-tone-brand));box-shadow:0 0 0 2px color-mix(in srgb,rgb(var(--halo-tone-brand)) 12%,transparent)}.tr-result__top[b-679q05wdo7],.tr-result__actions[b-679q05wdo7]{display:flex;align-items:center;justify-content:space-between;gap:10px}.tr-result__top>div[b-679q05wdo7]{display:grid}.tr-result__top span[b-679q05wdo7],.tr-premium span[b-679q05wdo7],.tr-pay-plan[b-679q05wdo7]{font-size:.72rem;color:var(--halo-text-secondary)}.tr-selected[b-679q05wdo7]{padding:3px 8px;border-radius:999px;background:rgb(var(--halo-tone-brand) / .10);color: var(--halo-ink-brand)!important;font-weight:700}.tr-premium[b-679q05wdo7]{font-family:var(--halo-font-display);font-size:1.75rem;font-weight:760}.tr-premium span[b-679q05wdo7]{font-weight:500}.tr-payment-grid[b-679q05wdo7]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tr-pay-plan[b-679q05wdo7]{margin:0}.tr-link[b-679q05wdo7]{font-size:.76rem;font-weight:650;color: var(--halo-ink-brand);text-decoration:none}
.tr-result-message[b-679q05wdo7]{padding:9px 10px;border-radius:9px;background:rgb(var(--halo-tone-warning) / .08);color: var(--halo-ink-warning);font-size:.72rem}
@media(max-width:850px){.tr-header[b-679q05wdo7],.tr-header__actions[b-679q05wdo7]{align-items:stretch}.tr-header[b-679q05wdo7]{flex-direction:column}.tr-overview-grid[b-679q05wdo7],.tr-form-shell[b-679q05wdo7]{grid-template-columns:1fr}.tr-step-nav[b-679q05wdo7]{position:static;display:flex;overflow:auto}.tr-step[b-679q05wdo7]{min-width:170px}.tr-field-grid[b-679q05wdo7]{grid-template-columns:1fr}}@media(max-width:520px){.tr-metrics[b-679q05wdo7]{grid-template-columns:1fr}.tr-header__actions>*[b-679q05wdo7]{flex:1}.tr-result__actions[b-679q05wdo7]{align-items:flex-start;flex-direction:column}}

.tr-workspace[b-679q05wdo7] { font-family:var(--halo-font); min-width:0; }
.tr-context[b-679q05wdo7] { margin-top:var(--halo-2); font-size:var(--halo-text-sm); color:var(--halo-text-secondary); overflow-wrap:anywhere; }
.tr-summary[b-679q05wdo7] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--halo-4); }
.tr-field-error[b-679q05wdo7] { color:var(--halo-ink-critical); }
.tr-section-card[b-679q05wdo7] { border:1px solid var(--halo-hairline); border-radius:var(--halo-radius-lg); background:var(--halo-surface); overflow:hidden; }
.tr-section-card>summary[b-679q05wdo7] { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:var(--halo-2); padding:var(--halo-4); cursor:pointer; list-style:inside; }
.tr-section-card>summary span[b-679q05wdo7] { color:var(--halo-text-secondary); font-size:var(--halo-text-sm); }
.tr-section-card[open]>summary[b-679q05wdo7] { border-bottom:1px solid var(--halo-hairline); }
.tr-section-body[b-679q05wdo7] { padding:var(--halo-4); display:grid; gap:var(--halo-3); }
.tr-choices[b-679q05wdo7] { border:0; margin:0; padding:0; min-width:0; }
.tr-choices legend[b-679q05wdo7] { margin-bottom:var(--halo-2); font-size:var(--halo-text-sm); font-weight:600; }
.tr-choices>div[b-679q05wdo7] { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr)); gap:var(--halo-2); }
.tr-choices small[b-679q05wdo7] { display:block; margin-top:var(--halo-2); font-size:var(--halo-text-sm); }
.tr-choice[b-679q05wdo7] { display:flex; align-items:center; gap:var(--halo-2); min-height:44px; padding:var(--halo-3); border:1px solid var(--halo-hairline-strong); border-radius:var(--halo-radius-md); cursor:pointer; background:var(--halo-surface); font-size:var(--halo-text-body); }
.tr-choice input[b-679q05wdo7] { accent-color:var(--halo-ink-brand); }
.tr-choice.is-selected[b-679q05wdo7] { border-color:var(--halo-ink-brand); box-shadow:inset 0 0 0 1px var(--halo-ink-brand); }
.tr-review[b-679q05wdo7] { display:grid; gap:var(--halo-3); }
.tr-review-row[b-679q05wdo7] { display:grid; grid-template-columns:1fr auto; text-align:left; gap:var(--halo-2); padding:var(--halo-4); border:1px solid var(--halo-hairline); border-radius:var(--halo-radius-md); background:var(--halo-surface); color:var(--halo-text); cursor:pointer; font:inherit; }
.tr-review-row>span[b-679q05wdo7] { color:var(--halo-text-secondary); font-size:var(--halo-text-sm); }
.tr-review-row>span:last-child[b-679q05wdo7] { grid-column:2; grid-row:1/3; align-self:center; color:var(--halo-ink-brand); }
.tr-review-footer[b-679q05wdo7] { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:var(--halo-3); color:var(--halo-text-secondary); font-size:var(--halo-text-sm); }
.tr-step:focus-visible[b-679q05wdo7],.tr-back:focus-visible[b-679q05wdo7],.tr-review-row:focus-visible[b-679q05wdo7],.tr-choice:focus-within[b-679q05wdo7] { outline:none; box-shadow:var(--halo-focus-ring); }
.tr-section-card>summary:focus-visible[b-679q05wdo7] { outline:none; box-shadow:inset 0 0 0 2px var(--halo-ink-brand); }
.tr-result-grid[b-679q05wdo7] { grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr)); }
.tr-premium[b-679q05wdo7],.tr-payment-grid[b-679q05wdo7] { font-variant-numeric:tabular-nums; }
.tr-step-nav[b-679q05wdo7] { align-content:start; }
@media(max-width:850px) { .tr-step-nav[b-679q05wdo7] { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr)); overflow:visible; } .tr-step[b-679q05wdo7] { min-width:0; } }
@media(prefers-reduced-motion:reduce) { .tr-spinner[b-679q05wdo7] { animation:none; } }

.tr-intake-list[b-679q05wdo7] { display: grid; gap: var(--halo-3); }
.tr-intake-row[b-679q05wdo7] { display: grid; grid-template-columns: minmax(8rem, 1fr) minmax(8rem, 1fr) minmax(8rem, 1fr); gap: var(--halo-3); padding-block: var(--halo-2); border-bottom: 1px solid var(--halo-hairline); overflow-wrap: anywhere; }
@media (max-width: 720px) { .tr-intake-row[b-679q05wdo7] { grid-template-columns: 1fr; } }

.tr-edit-surface[b-679q05wdo7] { display:contents; border:0; padding:0; margin:0; min-width:0; }
.tr-history-entry[b-679q05wdo7] { border-top:1px solid var(--halo-hairline); padding:var(--halo-3) 0; }
.tr-history-entry summary[b-679q05wdo7],.tr-reload summary[b-679q05wdo7] { cursor:pointer; font-weight:600; }
.tr-history-row[b-679q05wdo7],.tr-history-rate[b-679q05wdo7] { display:flex; justify-content:space-between; gap:var(--halo-4); padding:var(--halo-3) 0; border-bottom:1px solid var(--halo-hairline); }
.tr-history-row p[b-679q05wdo7] { margin:var(--halo-1) 0 0; }
.tr-history-row time[b-679q05wdo7],.tr-history-entry p[b-679q05wdo7] { color:var(--halo-text-secondary); font-size:var(--halo-text-sm); }
@media(max-width:650px) { .tr-history-row[b-679q05wdo7] { flex-direction:column; gap:var(--halo-1); } }
/* /Features/Crm/CommercialIntake/CommercialCompanySettings.razor.rz.scp.css */
.company-settings[b-70d260w516] { border-top:1px solid var(--halo-hairline-strong); padding:24px 0; margin:16px 0; }
.company-settings h3[b-70d260w516] { font-size:1rem; margin-bottom:8px; }
.company-settings p[b-70d260w516] { color:var(--halo-text-secondary); line-height:1.6; font-size:.85rem; }
.company-fields[b-70d260w516] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:20px 0; }
.company-settings fieldset[b-70d260w516] { border:1px solid var(--halo-hairline-strong); padding:16px; border-radius:12px; }
.company-settings legend[b-70d260w516] { font-size:.85rem; padding:0 8px; }
.company-policy-options[b-70d260w516] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; font-size:.8rem; }
.company-policy-options label[b-70d260w516] { display:flex; align-items:center; gap:8px; }
.company-policy-options input[b-70d260w516] { accent-color:var(--halo-action-brand); }
.company-actions[b-70d260w516] { display:flex; flex-wrap:wrap; gap:12px; justify-content:flex-end; margin-top:20px; }
@media(max-width:700px) { .company-fields[b-70d260w516],.company-policy-options[b-70d260w516] { grid-template-columns:1fr; } }
/* /Features/Crm/CommercialIntake/CommercialIntakeEditor.razor.rz.scp.css */
.intake-workspace[b-mgl69hr2kt] { max-width: 1320px; margin: 0 auto; }
.intake-shell[b-mgl69hr2kt] { display: grid; grid-template-columns: 230px minmax(0,1fr); gap: 36px; margin-top: 24px; }
.intake-progress[b-mgl69hr2kt] { align-self: start; position: sticky; top: 24px; padding-top: 20px; }
.intake-eyebrow[b-mgl69hr2kt] { color: var(--halo-text-secondary); font-size: .68rem; font-weight: 700; letter-spacing: .1em; }
.intake-progress ol[b-mgl69hr2kt] { list-style:none; padding:0; margin:24px 0; }
.intake-step[b-mgl69hr2kt] { display:flex; align-items:center; gap:12px; width:100%; padding:12px; border:0; border-radius:12px; background:transparent; color:var(--halo-text-secondary); text-align:left; cursor:pointer; font:inherit; font-size:.86rem; }
.intake-step span[b-mgl69hr2kt] { display:grid; place-items:center; width:28px; height:28px; border:1px solid var(--halo-hairline-strong); border-radius:50%; font-size:.8rem; }
.intake-step.active[b-mgl69hr2kt] { color:var(--halo-action-brand); background:rgb(var(--halo-violet) / .08); }
.intake-step.active span[b-mgl69hr2kt] { background:var(--halo-action-brand); color:white; border-color:transparent; }
.intake-step:disabled[b-mgl69hr2kt] { opacity:.5; cursor:default; }
.intake-progress-note[b-mgl69hr2kt] { margin:28px 12px; font-size:.82rem; border-top:1px solid var(--halo-hairline-strong); padding-top:20px; }
.intake-progress-note p[b-mgl69hr2kt] { color:var(--halo-text-secondary); line-height:1.6; margin-top:8px; }
.intake-main[b-mgl69hr2kt] { min-width:0; border:1px solid var(--halo-hairline-strong); border-radius:20px; background:var(--halo-surface); overflow:clip; }
.intake-main[b-mgl69hr2kt] >  .halo-alert { margin:24px 32px 0; }
.intake-content[b-mgl69hr2kt] { padding:36px; min-height:480px; }
.intake-content h2[b-mgl69hr2kt] { margin:0 0 8px; font-size:1.5rem; font-weight:650; letter-spacing:-.025em; }
.intake-description[b-mgl69hr2kt] { color:var(--halo-text-secondary); line-height:1.6; margin:0 0 28px; font-size:.92rem; }
.intake-policy-grid[b-mgl69hr2kt] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:24px; }
.intake-policy[b-mgl69hr2kt] { padding:18px 20px; border:1px solid var(--halo-hairline-strong); background:var(--halo-surface); color:var(--halo-text); text-align:left; border-radius:12px; cursor:pointer; font:inherit; min-height:82px; transition:border-color 160ms ease, background 160ms ease; }
.intake-policy strong[b-mgl69hr2kt] { display:block; font-size:.9rem; font-weight:600; }
.intake-policy span[b-mgl69hr2kt] { display:block; color:var(--halo-text-secondary); font-size:.75rem; margin-top:7px; }
.intake-policy.selected[b-mgl69hr2kt] { border-color:var(--halo-action-brand); background:rgb(var(--halo-violet) / .05); }
.intake-policy:hover:not(:disabled)[b-mgl69hr2kt] { border-color:var(--halo-action-brand); }
.intake-policy:disabled[b-mgl69hr2kt] { cursor:default; }
.intake-policy:focus-visible[b-mgl69hr2kt],.intake-step:focus-visible[b-mgl69hr2kt],.intake-repeat summary:focus-visible[b-mgl69hr2kt] { outline:2px solid var(--halo-action-brand); outline-offset:3px; }
.intake-contact-grid[b-mgl69hr2kt] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 24px; margin-bottom:24px; }
.intake-section[b-mgl69hr2kt] { padding:26px 0; border-top:1px solid var(--halo-hairline-strong); }
.intake-section h3[b-mgl69hr2kt] { margin:0 0 22px; font-size:1rem; font-weight:600; }
.intake-section p[b-mgl69hr2kt] { color:var(--halo-text-secondary); line-height:1.6; overflow-wrap:anywhere; }
.intake-section-heading[b-mgl69hr2kt] { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; }
.intake-section-heading h3[b-mgl69hr2kt] { margin:0; }
.intake-section-heading h3 span[b-mgl69hr2kt] { color:var(--halo-text-secondary); font-weight:400; margin-left:8px; }
.intake-repeat[b-mgl69hr2kt] { border-top:1px solid var(--halo-hairline-strong); padding:18px 0; }
.intake-repeat summary[b-mgl69hr2kt] { cursor:pointer; font-size:.9rem; font-weight:600; padding:6px 0; }
.intake-repeat[open] summary[b-mgl69hr2kt] { margin-bottom:20px; }
.intake-repeat[b-mgl69hr2kt]  .halo-button { margin-top:16px; }
.intake-footer[b-mgl69hr2kt] { display:flex; justify-content:space-between; align-items:center; padding:20px 32px; border-top:1px solid var(--halo-hairline-strong); background:var(--halo-surface); position:sticky; bottom:0; gap:16px; z-index:2; }
.intake-footer-actions[b-mgl69hr2kt] { display:flex; gap:12px; flex-wrap:wrap; justify-content:flex-end; }
.intake-company-empty[b-mgl69hr2kt] { margin:30px 0; padding:32px; border:1px dashed var(--halo-hairline-strong); border-radius:16px; }
.intake-company-empty h3[b-mgl69hr2kt] { margin:16px 0 8px; font-size:1.2rem; }
.intake-company-empty p[b-mgl69hr2kt] { color:var(--halo-text-secondary); line-height:1.7; margin:0; }
.intake-error[b-mgl69hr2kt] { color:var(--halo-ink-critical); font-size:.85rem; }
@media(max-width:1000px) { .intake-shell[b-mgl69hr2kt] { grid-template-columns:180px minmax(0,1fr); gap:20px; } .intake-content[b-mgl69hr2kt] { padding:24px; } }
@media(max-width:760px) { .intake-shell[b-mgl69hr2kt] { grid-template-columns:minmax(0,1fr); gap:12px; } .intake-progress[b-mgl69hr2kt] { position:static; padding:0; } .intake-progress ol[b-mgl69hr2kt] { display:flex; overflow:auto; margin:12px 0; } .intake-progress li[b-mgl69hr2kt] { flex:0 0 auto; } .intake-progress-note[b-mgl69hr2kt],.intake-progress>.intake-eyebrow[b-mgl69hr2kt] { display:none; } .intake-step[b-mgl69hr2kt] { gap:8px; padding:10px; font-size:.75rem; } .intake-main[b-mgl69hr2kt] { border-radius:16px; } .intake-content[b-mgl69hr2kt] { padding:24px 20px; min-height:360px; } .intake-content h2[b-mgl69hr2kt] { font-size:1.3rem; } .intake-footer[b-mgl69hr2kt] { padding:16px; } }
@media(max-width:520px) { .intake-policy-grid[b-mgl69hr2kt],.intake-contact-grid[b-mgl69hr2kt] { grid-template-columns:minmax(0,1fr); } .intake-footer[b-mgl69hr2kt] { align-items:flex-end; } .intake-footer-actions[b-mgl69hr2kt] { gap:8px; } }
@media(prefers-reduced-motion:reduce) { .intake-policy[b-mgl69hr2kt] { transition:none; } }

.intake-company-history[b-mgl69hr2kt] { border-top:1px solid var(--halo-hairline-strong); padding-top:24px; margin:28px 0; }
.intake-company-history h3[b-mgl69hr2kt] { font-size:1rem; margin-bottom:8px; }
.intake-company-history ol[b-mgl69hr2kt] { list-style:none; padding:0; display:grid; gap:12px; max-height:400px; overflow:auto; }
.intake-company-history li[b-mgl69hr2kt] { display:grid; gap:6px; border-left:3px solid var(--halo-action-brand); padding:12px 16px; background:var(--halo-surface); border-radius:0 10px 10px 0; }
.intake-company-history small[b-mgl69hr2kt] { color:var(--halo-text-secondary); overflow-wrap:anywhere; }
/* /Features/Crm/CommercialIntake/CommercialIntakeList.razor.rz.scp.css */
.commercial-list[b-r0js38bjyp] { margin: 24px 0; }
.commercial-list-header[b-r0js38bjyp] { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:20px; }
.commercial-list-header h2[b-r0js38bjyp] { font-size:1.15rem; margin:0 0 6px; }
.commercial-list-header p[b-r0js38bjyp] { color:var(--halo-text-secondary); margin:0; font-size:.9rem; }
.commercial-list-rows[b-r0js38bjyp] { border:1px solid var(--halo-hairline-strong); border-radius:16px; overflow:hidden; }
.commercial-list-row[b-r0js38bjyp] { width:100%; display:grid; grid-template-columns: 1fr 1fr auto; gap:20px; text-align:left; background:var(--halo-surface); color:var(--halo-text); border:0; border-bottom:1px solid var(--halo-hairline-strong); padding:20px; cursor:pointer; font:inherit; }
.commercial-list-row:last-child[b-r0js38bjyp] { border-bottom:0; }
.commercial-list-row:hover[b-r0js38bjyp] { background:var(--halo-surface-hover); }
.commercial-list-row:focus-visible[b-r0js38bjyp] { outline:2px solid var(--halo-action-brand); outline-offset:-3px; }
.commercial-list-row strong[b-r0js38bjyp] { display:block; font-size:.9rem; }
.commercial-list-row span span[b-r0js38bjyp] { display:block; color:var(--halo-text-secondary); font-size:.8rem; margin-top:4px; }
.commercial-list-action[b-r0js38bjyp] { align-self:center; color:var(--halo-action-brand); }
@media(max-width:640px) { .commercial-list-header[b-r0js38bjyp] { align-items:flex-start; flex-direction:column; } .commercial-list-row[b-r0js38bjyp] { grid-template-columns:1fr; gap:12px; } }
/* /Features/Crm/CommercialIntake/CompanyContactCards.razor.rz.scp.css */
.carrier-contact[b-7d4kqq5mxj] { margin:28px 0; }
.carrier-heading span[b-7d4kqq5mxj] { font-size:.68rem; color:var(--halo-text-secondary); letter-spacing:.1em; font-weight:700; }
.carrier-heading h3[b-7d4kqq5mxj] { margin:8px 0 20px; font-size:1.1rem; }
.carrier-cards[b-7d4kqq5mxj] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.carrier-card[b-7d4kqq5mxj] { display:flex; flex-direction:column; align-items:flex-start; border:1px solid var(--halo-hairline-strong); border-radius:16px; padding:24px; min-width:0; background:var(--halo-surface); }
.carrier-icon[b-7d4kqq5mxj] { display:grid; place-items:center; height:40px; width:40px; background:rgb(var(--halo-violet) / .09); color:var(--halo-action-brand); border-radius:12px; font-size:1.4rem; }
.carrier-card h4[b-7d4kqq5mxj] { margin:20px 0 8px; font-size:1rem; }
.carrier-card p[b-7d4kqq5mxj] { color:var(--halo-text-secondary); font-size:.9rem; line-height:1.6; margin:0 0 20px; overflow-wrap:anywhere; }
.carrier-card .carrier-detail[b-7d4kqq5mxj] { font-size:.8rem; margin-bottom:16px; }
.carrier-card > div:last-child[b-7d4kqq5mxj],.carrier-card > .carrier-action[b-7d4kqq5mxj] { margin-top:auto; }
.carrier-action[b-7d4kqq5mxj] { display:inline-flex; align-items:center; gap:12px; font:inherit; font-size:.84rem; font-weight:600; padding:11px 16px; border:1px solid var(--halo-hairline-strong); border-radius:10px; color:var(--halo-action-brand); background:var(--halo-surface); cursor:pointer; text-decoration:none; }
.carrier-action:hover:not(:disabled)[b-7d4kqq5mxj] { background:var(--halo-surface-hover); }
.carrier-action:focus-visible[b-7d4kqq5mxj] { outline:2px solid var(--halo-action-brand); outline-offset:3px; }
.carrier-action:disabled[b-7d4kqq5mxj] { color:var(--halo-text-secondary); opacity:.6; cursor:default; }
.sr-only[b-7d4kqq5mxj] { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
@media(max-width:700px) { .carrier-cards[b-7d4kqq5mxj] { grid-template-columns:minmax(0,1fr); } }
/* /Features/Crm/CommercialIntake/IntakeFields.razor.rz.scp.css */
.intake-fields[b-j9i83h5lga] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 24px; }
.intake-field-label[b-j9i83h5lga] { color: var(--halo-text-secondary); font-size: .8rem; }
.intake-field-value[b-j9i83h5lga] { margin: 5px 0 0; overflow-wrap: anywhere; font-size: .95rem; }
@media(max-width:640px) { .intake-fields[b-j9i83h5lga] { grid-template-columns: minmax(0,1fr); gap: 18px; } }
/* /Features/Crm/LeadManager/LeadManagerShell.razor.rz.scp.css */
.lm-shell[b-z3igm8xr8b] { display: grid; gap: 20px; min-width: 0; padding-bottom: 32px; }
.lm-nav[b-z3igm8xr8b] { display: flex; gap: 8px; flex-wrap: wrap; border-bottom: 1px solid var(--halo-hairline-strong); padding-bottom: 12px; }
.lm-nav[b-z3igm8xr8b]  a { padding: 12px 16px; border-radius: 10px; color: var(--halo-text-secondary); text-decoration: none; }
.lm-nav[b-z3igm8xr8b]  a.active { background: var(--halo-tint-brand); color: var(--halo-ink-brand); font-weight: 600; }
.lm-shell[b-z3igm8xr8b]  .lm-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); gap: 16px; }
.lm-shell[b-z3igm8xr8b]  .lm-stack { display: grid; gap: 16px; }
.lm-shell[b-z3igm8xr8b]  .lm-toolbar { display: flex; gap: 12px; align-items: end; flex-wrap: wrap; }
.lm-shell[b-z3igm8xr8b]  .lm-field { display: grid; gap: 6px; min-width: 150px; flex: 1; color: var(--halo-text-secondary); font-size: 14px; }
.lm-shell[b-z3igm8xr8b]  :is(input, select, button, a):focus-visible { outline: 2px solid var(--halo-action-brand); outline-offset: 3px; }
.lm-shell[b-z3igm8xr8b]  .lm-check { display: flex; align-items: center; gap: 10px; min-height: 44px; }
.lm-shell[b-z3igm8xr8b]  .lm-check input { width: 18px; height: 18px; accent-color: var(--halo-ink-brand); }
.lm-shell[b-z3igm8xr8b]  .lm-number { font-size: 30px; font-weight: 650; font-variant-numeric: tabular-nums; }
.lm-shell[b-z3igm8xr8b]  .lm-muted { color: var(--halo-text-secondary); font-size: 14px; }
.lm-shell[b-z3igm8xr8b]  .lm-error { color: var(--halo-ink-critical); padding: 12px; border: 1px solid currentColor; border-radius: 10px; }
.lm-shell[b-z3igm8xr8b]  .lm-table-wrap { overflow: auto; }
.lm-shell[b-z3igm8xr8b]  .lm-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 14px; }
.lm-shell[b-z3igm8xr8b]  .lm-table :is(th,td) { padding: 12px; border-bottom: 1px solid var(--halo-hairline-strong); vertical-align: top; }
.lm-shell[b-z3igm8xr8b]  .lm-table th { color: var(--halo-text-secondary); font-weight: 600; white-space: nowrap; }
.lm-shell[b-z3igm8xr8b]  .lm-table small { display: block; color: var(--halo-text-secondary); }
.lm-shell[b-z3igm8xr8b]  .lm-link { color: var(--halo-ink-brand); text-decoration: none; }
.lm-shell[b-z3igm8xr8b]  .lm-step { min-height: 44px; padding: 10px 14px; border-radius: 10px; border: 1px solid var(--halo-hairline-strong); background: var(--halo-surface); color: var(--halo-text-secondary); cursor: pointer; }
.lm-shell[b-z3igm8xr8b]  .lm-step[aria-current=step] { color: var(--halo-ink-brand); background: var(--halo-tint-brand); }
.lm-shell[b-z3igm8xr8b]  .lm-insight { padding: 20px 0; border-bottom: 1px solid var(--halo-hairline-strong); }
.lm-shell[b-z3igm8xr8b]  summary { cursor: pointer; min-height: 44px; padding: 10px 0; font-weight: 600; }

.lm-shell[b-z3igm8xr8b]  fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }

.lm-shell[b-z3igm8xr8b]  .lm-detail { position: sticky; bottom: 12px; max-height: 65vh; overflow: auto; z-index: 2; box-shadow: var(--halo-shadow-2); }
.lm-shell[b-z3igm8xr8b]  .lm-insight h3 { margin: 0; }
@media (max-width: 720px) { .lm-shell[b-z3igm8xr8b]  .lm-detail { position: static; max-height: none; } }

.lm-shell[b-z3igm8xr8b]  .lm-panel { min-width: 0; }
.lm-shell[b-z3igm8xr8b]  .lm-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--halo-4); }
.lm-shell[b-z3igm8xr8b]  .lm-access-title { font-family: var(--halo-font-display); font-size: var(--halo-text-title); letter-spacing: var(--halo-tracking-tight); }
.lm-shell[b-z3igm8xr8b]  .lm-rule-section { display: grid; gap: var(--halo-4); padding-block: var(--halo-5); border-bottom: 1px solid var(--halo-hairline); }
.lm-shell[b-z3igm8xr8b]  .lm-section-heading { display: flex; gap: var(--halo-3); align-items: flex-start; }
.lm-shell[b-z3igm8xr8b]  .lm-section-number { display: grid; place-items: center; width: 32px; height: 32px; flex: none; border-radius: var(--halo-radius-md); background: var(--halo-tint-brand); color: var(--halo-ink-brand); font-family: var(--halo-font-mono); font-weight: 600; }
.lm-shell[b-z3igm8xr8b]  :is(h2,h3,h4) { font-family: var(--halo-font-display); letter-spacing: var(--halo-tracking-tight); margin: 0; }
.lm-shell[b-z3igm8xr8b]  h2 { font-size: var(--halo-text-title); }
.lm-shell[b-z3igm8xr8b]  h3 { font-size: 17px; }
.lm-shell[b-z3igm8xr8b]  h4 { font-size: var(--halo-text-body); }
.lm-shell[b-z3igm8xr8b]  p { margin: 0; line-height: 1.55; }
.lm-shell[b-z3igm8xr8b]  .lm-resource-picker { padding: var(--halo-4); display: grid; gap: var(--halo-3); background: var(--halo-surface-hover); border: 1px solid var(--halo-hairline); border-radius: var(--halo-radius-lg); }
.lm-shell[b-z3igm8xr8b]  .lm-resource-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); max-height: 240px; overflow: auto; gap: var(--halo-2); }
.lm-shell[b-z3igm8xr8b]  .lm-resource-option { display: flex; gap: var(--halo-3); align-items: center; min-height: 44px; padding: var(--halo-3); background: var(--halo-surface); border-radius: var(--halo-radius-md); border: 1px solid var(--halo-hairline); cursor: pointer; overflow-wrap: anywhere; }
.lm-shell[b-z3igm8xr8b]  .lm-resource-option:has(input:checked) { border-color: rgb(var(--halo-tone-brand) / .5); }
.lm-shell[b-z3igm8xr8b]  .lm-resource-option input { width: 18px; height: 18px; flex: none; accent-color: var(--halo-ink-brand); }
.lm-shell[b-z3igm8xr8b]  .lm-insight { border-radius: var(--halo-radius-md); padding: var(--halo-4); background: var(--halo-surface-hover); border: 1px solid var(--halo-hairline); }
@media (max-width: 700px) { .lm-shell[b-z3igm8xr8b]  .lm-summary { grid-template-columns: 1fr; } .lm-shell[b-z3igm8xr8b]  .lm-grid { grid-template-columns: 1fr; } }
/* /Features/Crm/Pages/TenantLogin.razor.rz.scp.css */
.login-shell[b-9x42vbqdsz] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(480px, 1fr); min-height: 100svh; background: var(--halo-surface, #fff); color: var(--halo-text); }
.login-story[b-9x42vbqdsz] { position: relative; display: flex; flex-direction: column; overflow: hidden; min-height: 100%; padding: 42px clamp(32px, 5vw, 90px) 28px; background: #141329; color: #fff; isolation: isolate; }
.login-story[b-9x42vbqdsz]::before { content: ""; position: absolute; z-index: -1; inset: 15% -55% -30% -40%; background: radial-gradient(ellipse at 55% 65%, #7349c24d, transparent 55%), radial-gradient(ellipse at 15% 50%, #40489a33, transparent 48%); }
.login-brand[b-9x42vbqdsz] { display: inline-flex; align-items: center; align-self: flex-start; gap: 10px; color: #fff; text-decoration: none; font-size: 32px; font-weight: 650; letter-spacing: -1.7px; line-height: 1; }
.login-brand__mark[b-9x42vbqdsz] { width: 35px; height: 35px; color: #c8b5ff; }
.login-brand__dot[b-9x42vbqdsz] { color: #bda3ff; }
.login-story__content[b-9x42vbqdsz] { width: min(100%, 520px); margin: auto 0; padding-top: 65px; }
.login-eyebrow[b-9x42vbqdsz] { display: inline-flex; align-items: center; gap: 9px; font-size: 10px; letter-spacing: 2px; font-weight: 650; color: #c6bede; }
.login-eyebrow > span[b-9x42vbqdsz] { width: 6px; height: 6px; border-radius: 50%; background: #b399f4; box-shadow: 0 0 12px #b399f466; }
.login-story h2[b-9x42vbqdsz] { margin: 24px 0 22px; font-size: clamp(40px, 4.3vw, 66px); line-height: 1.08; letter-spacing: -2.5px; font-weight: 550; }
.login-story h2 > span[b-9x42vbqdsz] { color: #bca4f2; }
.login-story__content > p[b-9x42vbqdsz] { font-size: 16px; line-height: 1.7; color: #aaa6bf; margin: 0; }
.login-story__footer[b-9x42vbqdsz] { margin: 0; font-size: 11px; color: #9690ad; }
.login-orbit[b-9x42vbqdsz] { position: relative; height: 250px; width: min(100%, 425px); margin: 15px auto 12px; }
.login-orbit__ring[b-9x42vbqdsz] { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-22deg); width: 350px; height: 185px; border: 1px solid #c8b5ff24; border-radius: 50%; }
.login-orbit__ring--inner[b-9x42vbqdsz] { width: 250px; height: 135px; transform: translate(-50%, -50%) rotate(30deg); border-color: #c8b5ff1a; }
.login-orbit__core[b-9x42vbqdsz] { position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 72px; height: 72px; transform: translate(-50%, -50%); border-radius: 22px; background: linear-gradient(145deg, #7660ab, #423263); border: 1px solid #bca4f255; box-shadow: 0 8px 35px #a781ff20; }
.login-orbit__core svg[b-9x42vbqdsz] { width: 45px; height: 45px; color: #eee6ff; }
.login-orbit__label[b-9x42vbqdsz] { position: absolute; display: inline-flex; align-items: center; gap: 9px; padding: 11px 15px; border: 1px solid #bbb0d42b; border-radius: 10px; background: #28233d; font-size: 11px; color: #e6def9; box-shadow: 0 8px 24px #06041033; }
.login-orbit__icon[b-9x42vbqdsz] { font-size: 16px; color: #c7b1ff; }
.login-orbit__label--customers[b-9x42vbqdsz] { left: 2%; top: 35px; }
.login-orbit__label--conversations[b-9x42vbqdsz] { right: 0; top: 100px; }
.login-orbit__label--team[b-9x42vbqdsz] { left: 19%; bottom: 17px; }
.login-orbit__point[b-9x42vbqdsz] { position: absolute; right: 21%; top: 33px; width: 6px; height: 6px; background: #a48acb; border-radius: 50%; box-shadow: 0 0 0 5px #a48acb12; }
.login-main[b-9x42vbqdsz] { display: flex; flex-direction: column; align-items: center; padding: 44px clamp(32px, 6vw, 100px) 27px; min-width: 0; }
.login-workspace-label[b-9x42vbqdsz] { align-self: flex-end; color: var(--halo-text-secondary); font-size: 9px; font-weight: 600; letter-spacing: 2px; }
.login-panel[b-9x42vbqdsz] { display: grid; gap: 23px; width: min(100%, 390px); min-width: 0; margin: auto 0; padding: 48px 0; }
.login-panel__header h1[b-9x42vbqdsz] { margin: 20px 0 10px; color: var(--halo-text); font-size: clamp(30px, 2.9vw, 39px); font-weight: 600; line-height: 1.2; letter-spacing: -1.4px; }
.login-panel__header h1:focus[b-9x42vbqdsz] { outline: none; }
.login-panel__header p[b-9x42vbqdsz] { margin: 0; color: var(--halo-text-secondary); font-size: 13px; line-height: 1.6; }
.login-welcome-mark[b-9x42vbqdsz] { display: grid; place-items: center; width: 42px; height: 42px; font-size: 26px; background: rgb(var(--halo-tone-brand) / .08); color: var(--halo-ink-brand); border: 1px solid rgb(var(--halo-tone-brand) / .1); border-radius: 12px; }
.login-microsoft[b-9x42vbqdsz] { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 52px; padding: 12px 18px; background: var(--halo-surface, #fff); border: 1px solid var(--halo-border, #dcdbe2); border-radius: 10px; text-decoration: none; font-size: 13px; font-weight: 600; color: var(--halo-text); box-shadow: 0 2px 3px #14132904; transition: border-color .18s, background .18s, box-shadow .18s; }
.login-microsoft:hover[b-9x42vbqdsz] { border-color: rgb(var(--halo-tone-brand) / .45); background: rgb(var(--halo-tone-brand) / .025); box-shadow: 0 3px 12px #14132908; }
.login-microsoft__arrow[b-9x42vbqdsz] { margin-left: auto; font-size: 18px; color: var(--halo-text-secondary); }
.login-microsoft svg[b-9x42vbqdsz] { margin-right: auto; flex: none; }
.login-divider[b-9x42vbqdsz] { display: flex; align-items: center; gap: 14px; color: var(--halo-text-secondary); font-size: 11px; }
.login-divider[b-9x42vbqdsz]::before, .login-divider[b-9x42vbqdsz]::after { content: ""; flex: 1; height: 1px; background: var(--halo-hairline); }
.login-form[b-9x42vbqdsz] { display: grid; gap: 20px; min-width: 0; }
.login-field[b-9x42vbqdsz] { display: grid; gap: 9px; }
.login-field label[b-9x42vbqdsz] { color: var(--halo-text); font-size: 12px; font-weight: 550; }
.login-input[b-9x42vbqdsz] { width: 100%; height: 50px; padding: 12px 14px; background: var(--halo-surface, #fff); border: 1px solid var(--halo-border, #dcdbe2); border-radius: 9px; color: var(--halo-text); font: inherit; font-size: 16px; transition: border-color .18s; }
.login-input[b-9x42vbqdsz]::placeholder { color: var(--halo-text-secondary); opacity: .7; font-size: 13px; }
.login-input:hover[b-9x42vbqdsz] { border-color: rgb(var(--halo-tone-brand) / .35); }
.login-input:-webkit-autofill[b-9x42vbqdsz] { -webkit-text-fill-color: var(--halo-text); -webkit-background-clip: text; caret-color: var(--halo-text); }
.login-password[b-9x42vbqdsz] { position: relative; }
.login-input--password[b-9x42vbqdsz] { padding-right: 66px; }
.login-password__toggle[b-9x42vbqdsz] { position: absolute; right: 6px; top: 6px; height: 38px; padding: 0 10px; border: 0; background: transparent; color: var(--halo-text-secondary); font: inherit; font-size: 11px; font-weight: 600; cursor: pointer; border-radius: 5px; }
.login-submit[b-9x42vbqdsz] { width: 100%; min-height: 50px; display: flex; align-items: center; justify-content: center; gap: 12px; padding: 12px 18px; background: var(--halo-action-brand); color: #fff; border: 1px solid transparent; border-radius: 9px; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; transition: filter .18s, box-shadow .18s; box-shadow: 0 3px 8px rgb(var(--halo-tone-brand) / .14); }
.login-submit:hover[b-9x42vbqdsz] { filter: brightness(1.1); box-shadow: 0 4px 14px rgb(var(--halo-tone-brand) / .23); }
.login-submit > span[b-9x42vbqdsz] { font-size: 18px; }
.login-panel :is(input, button, a):focus-visible[b-9x42vbqdsz], .login-brand:focus-visible[b-9x42vbqdsz] { outline: 2px solid var(--halo-focus-color, #8b5cf6); outline-offset: 3px; }
.login-panel__footer[b-9x42vbqdsz] { margin-top: 3px; color: var(--halo-text-secondary); font-size: 11px; line-height: 1.8; text-align: center; }
.login-panel__footer > span[b-9x42vbqdsz] { display: block; }
.login-main__footer[b-9x42vbqdsz] { display: flex; align-items: center; gap: 7px; margin: 0; color: var(--halo-text-secondary); font-size: 10px; }
.login-main__footer svg[b-9x42vbqdsz] { width: 13px; height: 13px; }
@media (min-width: 1600px) { .login-story__content[b-9x42vbqdsz] { margin-inline: auto; } }
@media (max-height: 820px) and (min-width: 901px) { .login-story__content[b-9x42vbqdsz] { padding-top: 30px; } .login-story h2[b-9x42vbqdsz] { font-size: 48px; } .login-orbit[b-9x42vbqdsz] { height: 215px; } .login-panel[b-9x42vbqdsz] { padding-block: 30px; gap: 20px; } }
@media (max-width: 900px) { .login-shell[b-9x42vbqdsz] { grid-template-columns: 1fr; } .login-story[b-9x42vbqdsz] { min-height: auto; padding: 24px 28px; } .login-story__content[b-9x42vbqdsz], .login-story__footer[b-9x42vbqdsz] { display: none; } .login-brand[b-9x42vbqdsz] { font-size: 28px; } .login-brand__mark[b-9x42vbqdsz] { width: 29px; height: 29px; } .login-main[b-9x42vbqdsz] { min-height: calc(100svh - 77px); padding: 26px 28px; } .login-workspace-label[b-9x42vbqdsz] { display: none; } .login-panel[b-9x42vbqdsz] { padding: 30px 0 40px; } }
@media (prefers-reduced-motion: reduce) { .login-panel :is(input, button, a)[b-9x42vbqdsz] { transition: none; } }
/* /Features/Crm/WorkboardPolicy/Pages/WorkboardPolicySettingsPage.razor.rz.scp.css */

.manager-access-card[b-snvyok4eyw] { border: 1px solid var(--halo-hairline); border-radius: var(--halo-radius-lg); background: var(--halo-surface); min-width: 0; }
.manager-resources[b-snvyok4eyw] { padding: var(--halo-4); border-top: 1px solid var(--halo-hairline); }
.manager-resources summary[b-snvyok4eyw] { font-family: var(--halo-font-display); font-weight: 650; cursor: pointer; margin-bottom: var(--halo-3); }
.manager-resource-list[b-snvyok4eyw] { max-height: 300px; overflow: auto; margin-top: var(--halo-3); }
.manager-resource-list fieldset[b-snvyok4eyw] { border: 0; margin: 0; padding: 0 0 var(--halo-3); }
.manager-resource-list legend[b-snvyok4eyw] { font-size: var(--halo-text-sm); color: var(--halo-text-secondary); font-weight: 600; }
.manager-resource[b-snvyok4eyw] { display: flex; align-items: center; gap: var(--halo-2); padding: var(--halo-2); overflow-wrap: anywhere; min-height: 40px; }
.manager-resource input[b-snvyok4eyw] { accent-color: var(--halo-action-brand); flex: none; width: 18px; height: 18px; }
/* /Features/Gamification/Components/ColiseumCasinoWheel.razor.rz.scp.css */
/* Halo dialog and controls surround the wheel artwork. Wheel colors are authored content. */
.casino-overlay[b-5ggald1p5g]{position:fixed;inset:0;z-index:3100;display:grid;place-items:center;padding:24px;background:var(--halo-scrim);backdrop-filter:blur(12px);overflow-y:auto;color:var(--halo-text)}
.casino-dialog[b-5ggald1p5g]{width:min(620px,100%);margin:auto;border:1px solid var(--halo-hairline-strong);border-radius:var(--halo-radius-xl);background:var(--halo-surface);box-shadow:var(--halo-shadow-4);padding:28px 32px;position:relative;overflow:hidden}
.casino-heading[b-5ggald1p5g]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.casino-heading h2[b-5ggald1p5g]{margin:8px 0 0;font-size:26px;line-height:1.15;color:var(--halo-text);font-weight:650;letter-spacing:-.7px}.casino-eyebrow[b-5ggald1p5g]{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--halo-text-secondary)}.casino-close[b-5ggald1p5g]{width:36px;height:36px;flex-shrink:0;border:1px solid var(--halo-hairline-strong);border-radius:50%;background:var(--halo-surface-hover);color:var(--halo-text);cursor:pointer}.casino-intro[b-5ggald1p5g]{font-size:13px;line-height:1.6;color:var(--halo-text-secondary);margin:12px 0 16px}
.casino-stage[b-5ggald1p5g]{--wheel-size:min(370px,68vw);width:var(--wheel-size);height:var(--wheel-size);position:relative;margin:28px auto 26px;isolation:isolate;filter:drop-shadow(0 20px 22px #0009)}
.casino-marquee[b-5ggald1p5g]{position:absolute;inset:-15px;border:1px solid #f2d89a;border-radius:50%;background:conic-gradient(#a27536,#ffedb2,#b48137,#f1d184,#6e4926,#e5bf75,#a27536);box-shadow:inset 0 0 0 5px #3c281f,inset 0 0 0 7px #d6ac63,0 0 40px #e3b85126;z-index:-1}
.casino-marquee i[b-5ggald1p5g]{position:absolute;inset:5px;transform:rotate(var(--bulb-angle));pointer-events:none}.casino-marquee i[b-5ggald1p5g]:before{content:"";display:block;margin:auto;width:5px;height:5px;border-radius:50%;background:#fff2b5;box-shadow:0 0 5px #ffe281,0 0 11px #eaa237}.is-spinning .casino-marquee i[b-5ggald1p5g]:before{animation:casino-lights-b-5ggald1p5g .8s linear infinite;animation-delay:calc(var(--bulb-index)*-.055s)}
.casino-wheel[b-5ggald1p5g]{position:absolute;inset:0;border:9px solid #26202a;border-radius:50%;box-shadow:inset 0 0 0 2px #fbe0a8,inset 0 0 38px #0008;overflow:hidden}.casino-wheel[b-5ggald1p5g]:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,transparent 25%,#0002 65%,#0005 100%);box-shadow:inset 0 0 0 8px #fff1;pointer-events:none}
.casino-label[b-5ggald1p5g]{position:absolute;left:calc(50% - 44px);top:calc(50% - 12px);width:88px;height:24px;text-align:center;transform:rotate(var(--angle)) translateY(calc(var(--wheel-size)*-.35)) rotate(90deg);font-size:11px;line-height:24px;font-weight:750;color:var(--halo-on-action);text-shadow:0 1px 3px #000c;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:#111521aa;border-radius:5px;padding:0 5px;z-index:1}
.casino-pointer[b-5ggald1p5g]{position:absolute;z-index:5;left:calc(50% - 19px);top:-26px;width:38px;text-align:center;color:#ffe8a8;font-size:38px;line-height:40px;text-shadow:0 3px 0 #6e4223,0 5px 8px #0009}
.casino-hub[b-5ggald1p5g]{position:absolute;inset:calc(50% - 46px);border-radius:50%;border:5px solid #d5a856;background:radial-gradient(circle at 35% 25%,#55413c,#17131f 75%);box-shadow:0 5px 16px #0008,inset 0 0 0 2px #f8d88755;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.casino-hub span[b-5ggald1p5g]{font-size:32px;line-height:34px;font-family:Georgia,serif;color:#f8d993}.casino-hub small[b-5ggald1p5g]{font-size:7px;letter-spacing:1.7px;color:#e6c785}
.casino-result[b-5ggald1p5g]{min-height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:6px}.casino-result strong[b-5ggald1p5g]{font-size:24px;color:var(--halo-text);font-weight:650;letter-spacing:-.4px}.casino-result p[b-5ggald1p5g]{margin:0;font-size:13px;color:var(--halo-text-secondary)}.casino-result small[b-5ggald1p5g]{font-size:11px;line-height:1.5;color:var(--halo-text-secondary);max-width:360px}.casino-actions[b-5ggald1p5g]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;margin-top:18px}.casino-spin[b-5ggald1p5g]{width:100%;height:50px;border:1px solid transparent;border-radius:12px;background:var(--halo-action-brand);color:var(--halo-on-action);font-size:13px;font-weight:600;letter-spacing:normal;cursor:pointer;box-shadow:var(--halo-shadow-1)}.casino-spin:hover[b-5ggald1p5g]{filter:brightness(1.08)}.casino-spin:disabled[b-5ggald1p5g]{opacity:.65;cursor:default}.casino-later[b-5ggald1p5g]{background:none;border:none;color:var(--halo-ink-brand);font-size:12px;cursor:pointer}.casino-sound[b-5ggald1p5g]{font-size:12px;color:var(--halo-text-secondary);display:flex;align-items:center;gap:7px}.casino-sound input[b-5ggald1p5g]{accent-color:var(--halo-action-brand)}.casino-odds[b-5ggald1p5g]{margin-top:20px;border-top:1px solid var(--halo-hairline);padding-top:14px;color:var(--halo-text-secondary);font-size:12px}.casino-odds summary[b-5ggald1p5g]{cursor:pointer}.casino-odds ul[b-5ggald1p5g]{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.casino-odds li[b-5ggald1p5g]{display:flex;justify-content:space-between;gap:12px}.casino-odds strong[b-5ggald1p5g]{font-variant-numeric:tabular-nums;color:var(--halo-text)}.casino-error[b-5ggald1p5g]{color:var(--halo-ink-critical);font-size:13px}.casino-dialog button:focus-visible[b-5ggald1p5g],.casino-dialog input:focus-visible[b-5ggald1p5g],.casino-odds summary:focus-visible[b-5ggald1p5g]{outline:3px solid var(--halo-focus-color);outline-offset:4px}
@keyframes casino-lights-b-5ggald1p5g{0%,100%{opacity:1}50%{opacity:.25}}
@media(max-width:540px){.casino-overlay[b-5ggald1p5g]{padding:12px}.casino-dialog[b-5ggald1p5g]{padding:20px;border-radius:var(--halo-radius-xl)}.casino-heading h2[b-5ggald1p5g]{font-size:22px}.casino-stage[b-5ggald1p5g]{--wheel-size:min(290px,65vw);margin:26px auto}.casino-label[b-5ggald1p5g]{width:68px;left:calc(50% - 34px);font-size:9px}.casino-hub[b-5ggald1p5g]{inset:calc(50% - 36px)}.casino-result strong[b-5ggald1p5g]{font-size:21px}.casino-odds ul[b-5ggald1p5g]{grid-template-columns:1fr}.casino-eyebrow[b-5ggald1p5g]{letter-spacing:1.2px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.is-spinning .casino-marquee i[b-5ggald1p5g]:before{animation:none}}
@media(prefers-reduced-transparency:reduce){.casino-overlay[b-5ggald1p5g]{background:var(--halo-scrim);backdrop-filter:none}}
/* /Features/Gamification/Pages/ColiseumAdminPage.razor.rz.scp.css */
.coliseum-admin[b-e91a65ezxo]{display:flex;flex-direction:column;gap:var(--halo-5);color:var(--halo-text);padding-bottom:var(--halo-8);min-width:0}.arena-panel[b-e91a65ezxo]{border:1px solid var(--halo-hairline);border-radius:var(--halo-radius-lg);padding:var(--halo-6);background:var(--halo-surface);margin-bottom:var(--halo-5);min-width:0}.arena-panel-header[b-e91a65ezxo]{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--halo-4);margin-bottom:var(--halo-6)}.arena-kicker[b-e91a65ezxo]{font-size:var(--halo-text-caption);letter-spacing:1.8px;font-weight:750;color:var(--halo-ink-brand);text-transform:uppercase}.arena-panel h2[b-e91a65ezxo]{font-size:22px;letter-spacing:-.5px;margin:var(--halo-2) 0}.arena-panel p[b-e91a65ezxo]{font-size:var(--halo-text-sm);color:var(--halo-text-secondary);line-height:1.65;margin:4px 0 0}.panel-symbol[b-e91a65ezxo]{color:var(--halo-ink-brand)}.roulette-studio-grid[b-e91a65ezxo]{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:var(--halo-6);margin-bottom:var(--halo-6)}.roulette-form[b-e91a65ezxo]{display:grid;grid-template-columns:1fr 1fr;gap:var(--halo-4);align-content:start}.roulette-form[b-e91a65ezxo]  .halo-field:first-child{grid-column:1/-1}.roulette-draft-visual[b-e91a65ezxo]{display:flex;flex-direction:column;align-items:center;gap:var(--halo-3);padding:var(--halo-6);border-radius:var(--halo-radius-xl);border:1px solid #d2ac6355;background:radial-gradient(ellipse at top,#46304477,transparent 75%),#14131f;color:#f9e5b7;box-shadow:inset 0 1px #fff1}.roulette-draft-visual>span:last-of-type[b-e91a65ezxo]{color:#bcb3c8;font-size:11px}.roulette-draft-visual>strong[b-e91a65ezxo]{font-size:15px;text-align:center}.studio-overline[b-e91a65ezxo]{font-size:9px;font-weight:750;letter-spacing:2px;color:#dab979}.draft-wheel-wrap[b-e91a65ezxo]{position:relative;margin:12px}.draft-wheel[b-e91a65ezxo]{width:190px;height:190px;display:grid;place-items:center;border:9px solid #cdab66;border-radius:50%;box-shadow:0 12px 20px #0006,inset 0 0 0 4px #29202b,inset 0 0 30px #0005;position:relative}.draft-wheel[b-e91a65ezxo]:after{content:"";position:absolute;inset:-6px;border:3px dotted #ffe4a3;border-radius:50%;pointer-events:none}.draft-wheel>span[b-e91a65ezxo]{width:54px;height:54px;border:3px solid #e0be75;display:grid;place-items:center;border-radius:50%;font:28px Georgia,serif;color:#f4d48f;background:#201b2c;box-shadow:0 4px 12px #0006}.draft-wheel-wrap>i[b-e91a65ezxo]{position:absolute;top:-15px;left:calc(50% - 10px);font-style:normal;font-size:25px;color:#ffe0a0;filter:drop-shadow(0 2px 1px #302314)}.studio-toolbar[b-e91a65ezxo]{display:flex;justify-content:space-between;align-items:center;gap:var(--halo-4);margin-bottom:var(--halo-4)}.studio-toolbar h3[b-e91a65ezxo]{font-size:17px;margin:0}.prize-track[b-e91a65ezxo]{display:flex;flex-direction:column;gap:var(--halo-3);margin-top:var(--halo-5)}.prize-card[b-e91a65ezxo]{display:grid;grid-template-columns:70px 1fr 1.25fr 120px 36px;gap:var(--halo-3);align-items:center;padding:var(--halo-4);border:1px solid var(--halo-hairline);border-left:3px solid var(--prize-color);border-radius:var(--halo-radius-md);background:var(--halo-surface)}.prize-color-control[b-e91a65ezxo]{display:flex;flex-direction:column;align-items:center;gap:var(--halo-2)}.prize-color-control span[b-e91a65ezxo]{font-size:12px;font-weight:700;color:var(--halo-ink-brand);font-variant-numeric:tabular-nums}.prize-color[b-e91a65ezxo]{width:34px;height:34px;border:1px solid var(--halo-hairline-strong);padding:2px;border-radius:10px;cursor:pointer;background:var(--halo-surface)}.builder-actions[b-e91a65ezxo]{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--halo-3);margin-top:var(--halo-5)}.builder-actions.split[b-e91a65ezxo]{justify-content:space-between}.edit-roulette-banner[b-e91a65ezxo]{display:flex;align-items:center;gap:var(--halo-3);padding:var(--halo-3);border:1px solid rgb(var(--halo-tone-info)/.3);background:rgb(var(--halo-tone-info)/.06);border-radius:var(--halo-radius-md);color:var(--halo-ink-info);font-size:13px;margin-bottom:var(--halo-5)}.roulette-library[b-e91a65ezxo]{margin-top:var(--halo-6);border:1px solid var(--halo-hairline);border-radius:var(--halo-radius-md);overflow:hidden}.roulette-library-header[b-e91a65ezxo],.roulette-library-row[b-e91a65ezxo]{display:flex;align-items:center;justify-content:space-between;gap:var(--halo-4);padding:var(--halo-4);border-bottom:1px solid var(--halo-hairline);font-size:13px}.roulette-library-header[b-e91a65ezxo]{background:var(--halo-surface-sunken)}.roulette-library-row:last-child[b-e91a65ezxo]{border:0}.roulette-library-row>div[b-e91a65ezxo]{display:flex;flex-direction:column;gap:6px}.roulette-library-row small[b-e91a65ezxo],.roulette-library-header small[b-e91a65ezxo]{color:var(--halo-text-secondary)}.roulette-library-row.editing[b-e91a65ezxo]{box-shadow:inset 3px 0 rgb(var(--halo-tone-brand));background:rgb(var(--halo-tone-brand)/.04)}.leaderboard-form[b-e91a65ezxo],.goal-tier-form[b-e91a65ezxo],.mascot-goals-form[b-e91a65ezxo]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--halo-4);margin-bottom:var(--halo-5)}.goal-tier-toolbar[b-e91a65ezxo]{display:grid;grid-template-columns:1fr auto;gap:var(--halo-4);align-items:end;margin-bottom:var(--halo-5)}.location-strip[b-e91a65ezxo]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--halo-3);padding:var(--halo-4);background:var(--halo-surface-sunken);border-radius:var(--halo-radius-md);margin-top:var(--halo-4);font-size:13px}.location-chip[b-e91a65ezxo]{display:flex;align-items:center;gap:var(--halo-2);padding:8px 12px;border:1px solid var(--halo-hairline);border-radius:var(--halo-radius-pill);background:var(--halo-surface);cursor:pointer}.location-chip input[b-e91a65ezxo]{accent-color:rgb(var(--halo-tone-brand))}.goal-tier-strip[b-e91a65ezxo],.mascot-goal-strip[b-e91a65ezxo]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--halo-3)}.goal-tier-input[b-e91a65ezxo],.mascot-goal-input[b-e91a65ezxo]{padding:var(--halo-3);border:1px solid var(--halo-hairline);border-radius:var(--halo-radius-md);font-size:11px;color:var(--halo-text-secondary)}.launch-panel .launch-form[b-e91a65ezxo]{display:grid;grid-template-columns:1fr 1fr;gap:var(--halo-4)}.launch-actions[b-e91a65ezxo]{display:flex;flex-wrap:wrap;gap:var(--halo-3);margin-top:var(--halo-5)}.coliseum-admin[b-e91a65ezxo]  .mud-tabs-panels{padding-top:var(--halo-5)}.coliseum-admin[b-e91a65ezxo]  .halo-alert{margin:var(--halo-4) 0}
@media(max-width:1100px){.roulette-studio-grid[b-e91a65ezxo]{grid-template-columns:1fr 270px}.prize-card[b-e91a65ezxo]{grid-template-columns:50px 1fr 1fr 100px 32px}.goal-tier-strip[b-e91a65ezxo],.mascot-goal-strip[b-e91a65ezxo]{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:850px){.roulette-studio-grid[b-e91a65ezxo]{grid-template-columns:1fr}.roulette-draft-visual[b-e91a65ezxo]{max-width:none}.leaderboard-form[b-e91a65ezxo],.goal-tier-form[b-e91a65ezxo],.mascot-goals-form[b-e91a65ezxo]{grid-template-columns:1fr 1fr}.prize-card[b-e91a65ezxo]{grid-template-columns:50px 1fr 36px}.prize-card[b-e91a65ezxo]  .halo-field:nth-child(3),.prize-card[b-e91a65ezxo]  .halo-field:nth-child(4){grid-column:2/-1}}@media(max-width:540px){.arena-panel[b-e91a65ezxo]{padding:var(--halo-4)}.roulette-form[b-e91a65ezxo],.leaderboard-form[b-e91a65ezxo],.goal-tier-form[b-e91a65ezxo],.mascot-goals-form[b-e91a65ezxo],.launch-panel .launch-form[b-e91a65ezxo]{grid-template-columns:1fr}.goal-tier-strip[b-e91a65ezxo],.mascot-goal-strip[b-e91a65ezxo]{grid-template-columns:1fr 1fr}.studio-toolbar[b-e91a65ezxo]{align-items:flex-start;flex-direction:column}.roulette-library-row[b-e91a65ezxo]{align-items:flex-start;flex-direction:column}}
/* /Features/Gamification/Pages/ColiseumPage.razor.rz.scp.css */
.coliseum-workspace[b-3gkxhi4egk]{display:flex;flex-direction:column;gap:var(--halo-5);color:var(--halo-text);padding-bottom:var(--halo-8);min-width:0}.coliseum-hero[b-3gkxhi4egk]{display:flex;align-items:center;justify-content:space-between;gap:var(--halo-8);padding:var(--halo-8);border:1px solid var(--halo-hairline);border-radius:var(--halo-radius-xl);background:var(--halo-surface);overflow:hidden}.coliseum-hero-copy[b-3gkxhi4egk]{max-width:620px}.coliseum-eyebrow[b-3gkxhi4egk]{font-size:var(--halo-text-caption);letter-spacing:2px;color:var(--halo-ink-brand);font-weight:750}.coliseum-hero h2[b-3gkxhi4egk]{font-size:32px;line-height:1.1;letter-spacing:-1px;margin:var(--halo-3) 0}.coliseum-hero p[b-3gkxhi4egk]{color:var(--halo-text-secondary);line-height:1.7;font-size:var(--halo-text-body);margin:0 0 var(--halo-4)}.coliseum-updated[b-3gkxhi4egk]{font-size:var(--halo-text-caption);color:var(--halo-text-tertiary)}.coliseum-hero-emblem[b-3gkxhi4egk]{width:124px;height:124px;flex-shrink:0;border:1px solid rgb(var(--halo-tone-brand)/.3);border-radius:var(--halo-radius-2xl);background:rgb(var(--halo-tone-brand)/.07);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;color:var(--halo-ink-brand);transform:rotate(5deg)}.coliseum-hero-emblem span[b-3gkxhi4egk]{font:52px Georgia,serif}.coliseum-hero-emblem small[b-3gkxhi4egk]{font-size:9px;letter-spacing:2px}.coliseum-hero-emblem i[b-3gkxhi4egk]{position:absolute;right:-10px;top:6px;font-size:32px;color:var(--halo-ink-warning);font-style:normal}
.coliseum-metrics[b-3gkxhi4egk]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--halo-4)}.coliseum-board-filter[b-3gkxhi4egk]{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:var(--halo-6);align-items:end}.coliseum-board-filter>div:last-child[b-3gkxhi4egk]{display:flex;flex-direction:column;gap:var(--halo-2);padding-bottom:6px}.coliseum-board-filter span[b-3gkxhi4egk]{font-size:var(--halo-text-sm);color:var(--halo-text-secondary)}.coliseum-progress-grid[b-3gkxhi4egk]{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--halo-5);margin-bottom:var(--halo-5)}.coliseum-goal[b-3gkxhi4egk]{display:flex;flex-direction:column;gap:var(--halo-3);padding:var(--halo-4) 0;border-bottom:1px solid var(--halo-hairline)}.coliseum-goal:last-child[b-3gkxhi4egk]{border:0}.coliseum-goal-heading[b-3gkxhi4egk]{display:flex;align-items:center;justify-content:space-between;gap:var(--halo-3)}.coliseum-tag[b-3gkxhi4egk]{display:inline-flex;border:1px solid var(--halo-hairline);background:var(--halo-surface-sunken);border-radius:var(--halo-radius-pill);padding:4px 9px;font-size:11px;color:var(--halo-text-secondary);white-space:nowrap}.coliseum-goal-score[b-3gkxhi4egk]{font-size:28px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.6px}.coliseum-goal-score small[b-3gkxhi4egk]{font-size:14px;font-weight:400;color:var(--halo-text-secondary)}.coliseum-workspace p[b-3gkxhi4egk]{font-size:var(--halo-text-sm);color:var(--halo-text-secondary);line-height:1.6}.coliseum-workspace progress[b-3gkxhi4egk]{width:100%;height:8px;appearance:none;border:0;border-radius:8px;background:var(--halo-surface-sunken);overflow:hidden}.coliseum-workspace progress[b-3gkxhi4egk]::-webkit-progress-bar{background:var(--halo-surface-sunken)}.coliseum-workspace progress[b-3gkxhi4egk]::-webkit-progress-value{background:rgb(var(--halo-tone-brand));border-radius:8px}.coliseum-workspace progress[b-3gkxhi4egk]::-moz-progress-bar{background:rgb(var(--halo-tone-brand))}.coliseum-evolution[b-3gkxhi4egk]{display:flex;align-items:center;gap:var(--halo-5);padding:var(--halo-5) 0}.coliseum-level[b-3gkxhi4egk]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:80px;border:1px solid rgb(var(--halo-tone-success)/.3);background:rgb(var(--halo-tone-success)/.07);border-radius:var(--halo-radius-xl);font-size:32px;font-weight:650;color:var(--halo-ink-success)}.coliseum-level small[b-3gkxhi4egk]{font-size:9px;letter-spacing:2px}.coliseum-evolution h3[b-3gkxhi4egk]{font-size:17px;margin:0}.coliseum-unlocks[b-3gkxhi4egk]{display:flex;flex-direction:column;gap:var(--halo-2);font-size:13px;color:var(--halo-text-secondary);margin-top:var(--halo-5)}.coliseum-empty[b-3gkxhi4egk]{padding:var(--halo-8);text-align:center;color:var(--halo-text-secondary);font-size:14px;line-height:1.7}
.coliseum-podium[b-3gkxhi4egk]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--halo-4);padding:var(--halo-4) 0 var(--halo-6)}.coliseum-podium-card[b-3gkxhi4egk]{display:flex;flex-direction:column;align-items:center;gap:var(--halo-3);padding:var(--halo-5);border:1px solid var(--halo-hairline);border-radius:var(--halo-radius-lg);background:var(--halo-surface)}.coliseum-podium-card.rank-1[b-3gkxhi4egk]{border-color:rgb(var(--halo-tone-warning)/.35);background:rgb(var(--halo-tone-warning)/.06)}.coliseum-medal[b-3gkxhi4egk]{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--halo-surface-sunken);color:var(--halo-ink-neutral);font-weight:800}.rank-1 .coliseum-medal[b-3gkxhi4egk]{background:rgb(var(--halo-tone-warning)/.15);color:var(--halo-ink-warning)}.coliseum-podium-card>span:last-child[b-3gkxhi4egk]{font-variant-numeric:tabular-nums;color:var(--halo-ink-brand)}.coliseum-table-wrap[b-3gkxhi4egk]{overflow:auto;margin:var(--halo-4) 0}.coliseum-table[b-3gkxhi4egk]{width:100%;border-collapse:collapse;white-space:nowrap;font-size:13px}.coliseum-table th[b-3gkxhi4egk]{color:var(--halo-text-secondary);font-size:11px;font-weight:650;background:var(--halo-surface-sunken);text-align:left}.coliseum-table th[b-3gkxhi4egk],.coliseum-table td[b-3gkxhi4egk]{padding:14px 16px;border-bottom:1px solid var(--halo-hairline)}.coliseum-table td[b-3gkxhi4egk]{font-variant-numeric:tabular-nums}.coliseum-table tr.is-me td[b-3gkxhi4egk]{background:rgb(var(--halo-tone-brand)/.05)}.coliseum-pager[b-3gkxhi4egk]{display:flex;justify-content:flex-end;align-items:center;gap:var(--halo-3);font-size:12px}.coliseum-reward-grid[b-3gkxhi4egk]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--halo-4);padding:var(--halo-4) 0}.coliseum-reward-card[b-3gkxhi4egk]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--halo-3);padding:var(--halo-5);border:1px solid var(--halo-hairline);border-radius:var(--halo-radius-lg);background:var(--halo-surface)}.coliseum-reward-card h3[b-3gkxhi4egk]{margin:0;font-size:17px}.coliseum-reward-card p[b-3gkxhi4egk]{margin:0}.coliseum-reward-card small[b-3gkxhi4egk]{color:var(--halo-text-secondary);font-size:12px}.coliseum-delivery[b-3gkxhi4egk]{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--halo-4);align-items:center;padding:var(--halo-5) 0;border-bottom:1px solid var(--halo-hairline)}.coliseum-footnote[b-3gkxhi4egk]{margin:var(--halo-4) 0 0}.coliseum-workspace summary[b-3gkxhi4egk]{padding:var(--halo-4) 0;cursor:pointer;font-size:13px}.coliseum-workspace[b-3gkxhi4egk]  .mud-tabs-panels{padding-top:var(--halo-5)}
@media(max-width:1000px){.coliseum-progress-grid[b-3gkxhi4egk]{grid-template-columns:1fr}.coliseum-reward-grid[b-3gkxhi4egk]{grid-template-columns:repeat(2,minmax(0,1fr))}.coliseum-delivery[b-3gkxhi4egk]{grid-template-columns:1fr}}@media(max-width:650px){.coliseum-metrics[b-3gkxhi4egk]{grid-template-columns:repeat(2,minmax(0,1fr))}.coliseum-hero[b-3gkxhi4egk]{padding:var(--halo-5)}.coliseum-hero h2[b-3gkxhi4egk]{font-size:26px}.coliseum-hero-emblem[b-3gkxhi4egk]{display:none}.coliseum-board-filter[b-3gkxhi4egk],.coliseum-podium[b-3gkxhi4egk],.coliseum-reward-grid[b-3gkxhi4egk]{grid-template-columns:1fr}.coliseum-goal-heading[b-3gkxhi4egk]{align-items:flex-start;flex-direction:column}}
/* /Features/MarketingHub/Pages/Components/SendGridDeliveryReports.razor.rz.scp.css */
.sendgrid-dashboard[b-2azmrqiuqa] { display: grid; gap: 20px; min-width: 0; padding: 8px 0 24px; }
.sendgrid-dashboard > *[b-2azmrqiuqa] { min-width: 0; }
.sg-heading[b-2azmrqiuqa] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; }
.sg-eyebrow[b-2azmrqiuqa] { font-size: var(--halo-text-caption); font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--halo-text-secondary); }
.sg-heading h2[b-2azmrqiuqa] { margin: 4px 0; font: 800 var(--halo-text-page)/1.3 var(--halo-font-display); letter-spacing: -.025em; }
.sg-heading p[b-2azmrqiuqa], .sg-note[b-2azmrqiuqa], .sg-footnote[b-2azmrqiuqa] { margin: 0; color: var(--halo-text-secondary); font-size: var(--halo-text-sm); line-height: 1.6; }
.sendgrid-dashboard[b-2azmrqiuqa]  .sg-filterbar { display: grid; grid-template-columns: minmax(190px,1.5fr) repeat(2,minmax(160px,1fr)) auto; align-items: end; gap: 12px; }
.sg-meta[b-2azmrqiuqa] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; color: var(--halo-text-secondary); font-size: var(--halo-text-sm); }
.sg-metrics[b-2azmrqiuqa] { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.sg-overview[b-2azmrqiuqa] { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(300px,1fr); align-items: start; gap: 20px; padding-top: 20px; }
.sg-overview > *[b-2azmrqiuqa] { min-width: 0; }
.sg-summary[b-2azmrqiuqa] { display: flex; flex-wrap: wrap; gap: 24px; padding: 20px 0; }
.sg-summary span[b-2azmrqiuqa] { display: grid; gap: 4px; font-size: var(--halo-text-sm); color: var(--halo-text-secondary); }
.sg-summary strong[b-2azmrqiuqa] { font-family: var(--halo-font-display); font-size: var(--halo-text-title); color: var(--halo-text); font-variant-numeric: tabular-nums; }
.sg-disclosure[b-2azmrqiuqa] { border-top: 1px solid var(--halo-hairline); }
.sg-disclosure summary[b-2azmrqiuqa] { padding: 16px 0; cursor: pointer; font-size: var(--halo-text-sm); font-weight: 600; }
.sg-disclosure summary:focus-visible[b-2azmrqiuqa] { outline: 2px solid var(--halo-ink-brand); outline-offset: 4px; border-radius: var(--halo-radius-xs); }
.sg-breakdown[b-2azmrqiuqa] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin: 0 0 16px; }
.sg-breakdown div[b-2azmrqiuqa] { display: flex; justify-content: space-between; gap: 12px; font-size: var(--halo-text-sm); }
.sg-breakdown dt[b-2azmrqiuqa] { color: var(--halo-text-secondary); }
.sg-breakdown dd[b-2azmrqiuqa] { margin: 0; font-variant-numeric: tabular-nums; }
.sg-score[b-2azmrqiuqa] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.sg-score > div[b-2azmrqiuqa] { display: grid; gap: 8px; }
.sg-score span[b-2azmrqiuqa] { color: var(--halo-text-secondary); font-size: var(--halo-text-sm); }
.sg-score strong[b-2azmrqiuqa] { font: 800 var(--halo-text-display)/1.2 var(--halo-font-display); font-variant-numeric: tabular-nums; }
.sg-health[b-2azmrqiuqa] { display: grid; gap: 16px; padding: 20px 0; }
.sg-health > div[b-2azmrqiuqa], .sg-health-details article > div[b-2azmrqiuqa] { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 8px; font-size: var(--halo-text-sm); }
.sg-health-details article[b-2azmrqiuqa] { padding: 12px 0; }
.sg-health-details p[b-2azmrqiuqa] { margin: 8px 0 0; color: var(--halo-text-secondary); font-size: var(--halo-text-sm); line-height: 1.6; overflow-wrap: anywhere; }
.sg-footnote[b-2azmrqiuqa] { padding-top: 16px; }
.sg-event-toolbar[b-2azmrqiuqa] { display: flex; flex-wrap: wrap; align-items: end; gap: 20px; padding: 16px 0; }
.sg-event-toolbar[b-2azmrqiuqa]  .halo-field { min-width: 200px; }
.sg-table[b-2azmrqiuqa] { max-width: 100%; overflow-x: auto; margin: 12px 0; }
.sg-table table[b-2azmrqiuqa] { width: 100%; }
.sg-table td[b-2azmrqiuqa] { max-width: 420px; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.sg-table td:first-child[b-2azmrqiuqa] { white-space: nowrap; }
.sg-id[b-2azmrqiuqa] { font-family: var(--halo-font-mono); font-size: var(--halo-text-caption); }
.sg-pagination[b-2azmrqiuqa] { display: flex; align-items: center; justify-content: flex-end; gap: 16px; padding-top: 12px; border-top: 1px solid var(--halo-hairline); font-size: var(--halo-text-sm); color: var(--halo-text-secondary); }
.sg-chart[b-2azmrqiuqa] { padding-top: 12px; }
.sg-chart svg[b-2azmrqiuqa] { display: block; width: 100%; height: 160px; overflow: visible; }
.sg-chart-legend[b-2azmrqiuqa], .sg-chart-dates[b-2azmrqiuqa] { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; color: var(--halo-text-secondary); font-size: var(--halo-text-sm); }
.sg-chart-legend[b-2azmrqiuqa] { margin-bottom: 16px; }
.sg-chart-legend span[b-2azmrqiuqa] { display: inline-flex; align-items: center; gap: 8px; }
.sg-chart-legend i[b-2azmrqiuqa] { width: 8px; height: 8px; border-radius: 50%; }
.sg-series-processed[b-2azmrqiuqa] { background: rgb(var(--halo-series-1)); }
.sg-series-delivered[b-2azmrqiuqa] { background: rgb(var(--halo-series-3)); }
.sg-chart-legend small[b-2azmrqiuqa] { margin-left: auto; }
.sg-chart-dates[b-2azmrqiuqa] { justify-content: space-between; }
.sg-chart-grid[b-2azmrqiuqa] { stroke: var(--halo-chart-grid); stroke-width: 1; fill: none; }
.sg-line-processed[b-2azmrqiuqa], .sg-line-delivered[b-2azmrqiuqa] { fill: none; stroke-width: 2; vector-effect: non-scaling-stroke; stroke-linecap: round; stroke-linejoin: round; }
.sg-line-processed[b-2azmrqiuqa] { stroke: rgb(var(--halo-series-1)); }
.sg-line-delivered[b-2azmrqiuqa] { stroke: rgb(var(--halo-series-3)); }
@media (max-width: 1100px) { .sg-overview[b-2azmrqiuqa] { grid-template-columns: 1fr; } }
@media (max-width: 900px) { .sg-metrics[b-2azmrqiuqa] { grid-template-columns: repeat(2,minmax(0,1fr)); } .sendgrid-dashboard[b-2azmrqiuqa]  .sg-filterbar { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 520px) { .sg-metrics[b-2azmrqiuqa], .sg-breakdown[b-2azmrqiuqa] { grid-template-columns: 1fr; } .sendgrid-dashboard[b-2azmrqiuqa]  .sg-filterbar { grid-template-columns: 1fr; } }

.sg-point-processed[b-2azmrqiuqa] { fill: rgb(var(--halo-series-1)); }
.sg-point-delivered[b-2azmrqiuqa] { fill: rgb(var(--halo-series-3)); }
/* /Features/MarketingHub/Pages/MarketingAudiencePreview.razor.rz.scp.css */
.audience-preview[b-ygtvrr3a5b] { margin-block:var(--halo-5,20px); padding:var(--halo-5,20px); border:1px solid var(--halo-border); border-radius:var(--halo-radius-md,12px); background:var(--halo-surface); }
.audience-preview p[b-ygtvrr3a5b] { color:var(--halo-text-secondary); }
.audience-counts[b-ygtvrr3a5b] { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:var(--halo-4,16px); }
.audience-counts dd[b-ygtvrr3a5b] { font-size:1.6rem; font-weight:600; margin:var(--halo-2,8px) 0; }
.audience-counts dt[b-ygtvrr3a5b] { color:var(--halo-text-secondary); }
.audience-table[b-ygtvrr3a5b] { overflow:auto; } table[b-ygtvrr3a5b] { width:100%; border-collapse:collapse; } th[b-ygtvrr3a5b],td[b-ygtvrr3a5b] { text-align:left; padding:var(--halo-3,12px); border-bottom:1px solid var(--halo-border); }
.audience-person[b-ygtvrr3a5b] { padding:var(--halo-3,12px); border-bottom:1px solid var(--halo-border); }
summary[b-ygtvrr3a5b] { cursor:pointer; } summary:focus-visible[b-ygtvrr3a5b] { outline:2px solid var(--halo-ink-brand); outline-offset:3px; }
/* /Features/MarketingHub/Pages/MarketingCommerceEditor.razor.rz.scp.css */
.audience-operations[b-676cvr15l4] { margin-block: var(--halo-5, 20px); }
.audience-heading[b-676cvr15l4] { display: flex; justify-content: space-between; gap: var(--halo-4, 16px); align-items: start; flex-wrap: wrap; }
.audience-heading h3[b-676cvr15l4] { margin: 0; }
.audience-heading p[b-676cvr15l4] { color: var(--halo-text-secondary); max-width: 65ch; }
.audience-operation[b-676cvr15l4] { border: 1px solid var(--halo-border); border-radius: var(--halo-radius-md, 12px); background: var(--halo-surface); padding: var(--halo-4, 16px); margin-block: var(--halo-3, 12px); }
.audience-fields[b-676cvr15l4] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: var(--halo-4, 16px); margin-top: var(--halo-3, 12px); }
/* /Features/MarketingHub/Pages/MarketingDemographicEditor.razor.rz.scp.css */
.audience-demographics[b-yq5u81iegl] { padding-block: var(--halo-4, 16px); }
.demographic-fields[b-yq5u81iegl] { display:grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,220px),1fr)); gap:var(--halo-4,16px); }
p[b-yq5u81iegl] { color:var(--halo-text-secondary); max-width:80ch; margin-block:var(--halo-3,12px); }
/* /Features/Valhalla/Embedded/Pages/EmbeddedValhallaPage.razor.rz.scp.css */
.valhalla-summary[b-wpltf2pqt5] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.valhalla-stat[b-wpltf2pqt5] {
    display: grid;
    gap: 3px;
    padding: 16px 18px;
    border: 1px solid var(--halo-hairline);
    border-radius: var(--halo-radius-lg);
    background: var(--halo-surface);
    box-shadow: var(--halo-shadow-1);
}

.valhalla-stat > span[b-wpltf2pqt5],
.detail-label[b-wpltf2pqt5],
.billing-context span[b-wpltf2pqt5] {
    color: var(--halo-text-secondary);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.valhalla-stat strong[b-wpltf2pqt5] {
    color: var(--halo-text);
    font-size: 1.65rem;
    line-height: 1.15;
}

.valhalla-stat small[b-wpltf2pqt5],
.tenant-row small[b-wpltf2pqt5],
.domain-row small[b-wpltf2pqt5],
.lifecycle-grid small[b-wpltf2pqt5] {
    color: var(--halo-text-secondary);
}

.valhalla-stat.warning[b-wpltf2pqt5] { border-color: rgba(217, 119, 6, .28); }
.valhalla-stat.danger[b-wpltf2pqt5] { border-color: rgba(220, 38, 38, .28); }

.valhalla-tab-content[b-wpltf2pqt5] { padding: 18px 2px 2px; }
.valhalla-tab-content.two-column[b-wpltf2pqt5] {
    display: grid;
    grid-template-columns: minmax(340px, .8fr) minmax(420px, 1.2fr);
    gap: 16px;
}

.tenant-list[b-wpltf2pqt5],
.domain-list[b-wpltf2pqt5] { display: grid; }

.tenant-row[b-wpltf2pqt5],
.domain-row[b-wpltf2pqt5] {
    width: 100%;
    display: grid;
    align-items: center;
    gap: 12px;
    padding: 13px 4px;
    color: var(--halo-text);
    text-align: left;
    border: 0;
    border-bottom: 1px solid var(--halo-hairline);
    background: transparent;
    cursor: pointer;
}

.tenant-row[b-wpltf2pqt5] { grid-template-columns: minmax(210px, 1fr) auto minmax(120px, .35fr) minmax(140px, .45fr) auto; }
.domain-row[b-wpltf2pqt5] { grid-template-columns: 1fr auto; }
.tenant-row:last-child[b-wpltf2pqt5],
.domain-row:last-child[b-wpltf2pqt5] { border-bottom: 0; }
.tenant-row:hover[b-wpltf2pqt5],
.domain-row:hover[b-wpltf2pqt5],
.domain-row.selected[b-wpltf2pqt5] { background: var(--halo-surface-hover); }

.tenant-identity[b-wpltf2pqt5],
.domain-row > span:first-child[b-wpltf2pqt5],
.lifecycle-grid > div:first-child[b-wpltf2pqt5] { display: grid; gap: 2px; }

.tenant-status[b-wpltf2pqt5] {
    padding: 4px 9px;
    border-radius: 999px;
    background: var(--halo-surface-sunken);
    color: var(--halo-text-secondary);
    font-size: .7rem;
    font-weight: 750;
    text-transform: uppercase;
}

.tenant-status.active[b-wpltf2pqt5] { color: var(--halo-ink-success); background: var(--halo-tint-success); }
.tenant-status.pending[b-wpltf2pqt5] { color: var(--halo-ink-brand); background: var(--halo-tint-brand); }
.tenant-status.warning[b-wpltf2pqt5] { color: var(--halo-ink-warning); background: var(--halo-tint-warning); }
.tenant-status.danger[b-wpltf2pqt5] { color: var(--halo-ink-critical); background: var(--halo-tint-critical); }
.tenant-plan[b-wpltf2pqt5],
.tenant-primary-usage[b-wpltf2pqt5] { color: var(--halo-text-secondary); font-size: .8125rem; }

.valhalla-form-grid[b-wpltf2pqt5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.valhalla-actions[b-wpltf2pqt5] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}

.valhalla-actions.compact[b-wpltf2pqt5] { margin-top: 0; align-items: end; }

.lifecycle-grid[b-wpltf2pqt5] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(180px, .65fr) minmax(240px, 1fr) auto;
    gap: 14px;
    align-items: end;
}

.activation-package[b-wpltf2pqt5] { display: grid; gap: 14px; margin-top: 18px; }

.billing-context[b-wpltf2pqt5] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 18px 0;
}

.billing-context > div[b-wpltf2pqt5] {
    display: grid;
    gap: 4px;
    padding: 12px;
    border-radius: var(--halo-radius-md);
    background: var(--halo-surface-sunken);
}

.meter-grid[b-wpltf2pqt5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.meter-card[b-wpltf2pqt5] {
    display: grid;
    gap: 10px;
    padding: 15px;
    border: 1px solid var(--halo-hairline);
    border-radius: var(--halo-radius-md);
}

.meter-card.warning[b-wpltf2pqt5] { border-color: rgba(217, 119, 6, .35); }
.meter-card.danger[b-wpltf2pqt5] { border-color: rgba(220, 38, 38, .35); }
.meter-heading[b-wpltf2pqt5],
.meter-meta[b-wpltf2pqt5],
.meter-editor[b-wpltf2pqt5] { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.meter-heading span[b-wpltf2pqt5] { font-weight: 700; }
.meter-heading strong[b-wpltf2pqt5] { font-size: 1.25rem; }
.meter-meta[b-wpltf2pqt5] { color: var(--halo-text-secondary); font-size: .75rem; }
.meter-track[b-wpltf2pqt5] {
    width: 100%;
    height: 7px;
    overflow: hidden;
    border: 0;
    border-radius: 999px;
    background: var(--halo-hairline-strong);
    appearance: none;
}
.meter-track[b-wpltf2pqt5]::-webkit-progress-bar { background: var(--halo-hairline-strong); border-radius: 999px; }
.meter-track[b-wpltf2pqt5]::-webkit-progress-value { background: var(--halo-action-brand); border-radius: 999px; }
.meter-track[b-wpltf2pqt5]::-moz-progress-bar { background: var(--halo-action-brand); border-radius: 999px; }
.meter-card.warning .meter-track[b-wpltf2pqt5]::-webkit-progress-value,
.meter-card.warning .meter-track[b-wpltf2pqt5]::-moz-progress-bar { background: var(--halo-ink-warning); }
.meter-card.danger .meter-track[b-wpltf2pqt5]::-webkit-progress-value,
.meter-card.danger .meter-track[b-wpltf2pqt5]::-moz-progress-bar { background: var(--halo-ink-critical); }
.meter-editor[b-wpltf2pqt5] { align-items: end; }
.meter-editor > :first-child[b-wpltf2pqt5] { flex: 1; }

@media (max-width: 1100px) {
    .valhalla-summary[b-wpltf2pqt5],
    .billing-context[b-wpltf2pqt5] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .valhalla-tab-content.two-column[b-wpltf2pqt5],
    .lifecycle-grid[b-wpltf2pqt5] { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
    .valhalla-summary[b-wpltf2pqt5],
    .billing-context[b-wpltf2pqt5],
    .meter-grid[b-wpltf2pqt5],
    .valhalla-form-grid[b-wpltf2pqt5] { grid-template-columns: 1fr; }
    .tenant-row[b-wpltf2pqt5] { grid-template-columns: 1fr auto; }
    .tenant-plan[b-wpltf2pqt5],
    .tenant-primary-usage[b-wpltf2pqt5] { grid-column: 1 / -1; }
}
/* /Features/VoiceAgents/Pages/VoiceAgentEditor.razor.rz.scp.css */
.va-workspace[b-sn98zytihu] { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--halo-5); padding-top: var(--halo-5); }
.va-agent-heading[b-sn98zytihu], .va-actions[b-sn98zytihu], .va-section-heading[b-sn98zytihu], .va-catalog-row[b-sn98zytihu] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--halo-3); }
.va-actions[b-sn98zytihu] { justify-content: flex-start; }
.va-agent-heading h2[b-sn98zytihu] { font: 600 var(--halo-text-page)/1.3 var(--halo-font-display); margin: 0 0 var(--halo-1); }
.va-meta[b-sn98zytihu], .va-template p[b-sn98zytihu] { color: var(--halo-text-secondary); margin: var(--halo-2) 0; }
.va-catalog[b-sn98zytihu] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--halo-6); }
.va-creation-provider[b-sn98zytihu] { max-width: 42rem; padding-bottom: var(--halo-5); }
.va-template h3[b-sn98zytihu], .va-section-heading h3[b-sn98zytihu] { font: 600 var(--halo-text-title)/1.4 var(--halo-font-display); margin: 0; }
.va-section-heading[b-sn98zytihu] { padding-top: var(--halo-6); }
.va-catalog-row[b-sn98zytihu] { padding: var(--halo-4) 0; border-bottom: 1px solid var(--halo-hairline); }
.va-question-layout[b-sn98zytihu] { display: grid; grid-template-columns: minmax(230px, .75fr) minmax(0, 1.6fr); align-items: start; gap: var(--halo-5); }
.va-question-list[b-sn98zytihu] { margin: 0; padding: 0; list-style: none; display: grid; gap: var(--halo-1); }
.va-question-item[b-sn98zytihu] { display: grid; gap: var(--halo-1); width: 100%; min-height: 54px; padding: var(--halo-3); border: 0; border-radius: var(--halo-radius-md); text-align: left; background: var(--halo-surface); color: var(--halo-text); font: 500 var(--halo-text-body)/1.4 var(--halo-font); cursor: pointer; transition: background var(--halo-duration-1) var(--halo-ease-out); }
.va-question-item small[b-sn98zytihu] { color: var(--halo-text-secondary); font-size: var(--halo-text-sm); }
.va-question-item:hover[b-sn98zytihu] { background: var(--halo-surface-hover); }
.va-question-item[aria-pressed="true"][b-sn98zytihu] { background: rgb(var(--halo-tone-brand) / .1); box-shadow: inset 3px 0 var(--halo-action-brand); }
.va-question-item:focus-visible[b-sn98zytihu] { outline: 2px solid var(--halo-ink-brand); outline-offset: 2px; }
.va-edit-fields[b-sn98zytihu] { border: 0; padding: 0; margin: 0; min-width: 0; }
.va-knowledge[b-sn98zytihu], .va-permissions[b-sn98zytihu] { display: grid; gap: var(--halo-4); padding-bottom: var(--halo-5); }
.va-knowledge[b-sn98zytihu] { border-top: 1px solid var(--halo-hairline); padding-top: var(--halo-5); }
.va-upload[b-sn98zytihu] { display: grid; gap: var(--halo-3); padding-bottom: var(--halo-5); color: var(--halo-text-secondary); }
.va-session[b-sn98zytihu] { border-bottom: 1px solid var(--halo-hairline); padding: var(--halo-4) 0; }
.va-session summary[b-sn98zytihu] { cursor: pointer; min-height: 32px; }
.va-session dt[b-sn98zytihu] { color: var(--halo-text-secondary); font-family: var(--halo-font-mono); }
.va-session dd[b-sn98zytihu] { margin: var(--halo-1) 0 var(--halo-3); overflow-wrap: anywhere; }
@media (max-width: 1050px) { .va-question-layout[b-sn98zytihu] { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .va-catalog[b-sn98zytihu] { grid-template-columns: 1fr; } .va-agent-heading[b-sn98zytihu] { align-items: start; } }

.va-template[b-sn98zytihu] { display: grid; align-content: start; justify-items: start; gap: var(--halo-3); min-width: 0; padding: var(--halo-5); border: 1px solid var(--halo-hairline); border-radius: var(--halo-radius-lg); background: var(--halo-surface); box-shadow: var(--halo-shadow-1); }
.va-template p[b-sn98zytihu] { margin: 0; min-height: 2.8em; }
.va-workspace[b-sn98zytihu]  .mud-tabs-panels { padding-top: var(--halo-5); }
.va-workspace[b-sn98zytihu]  .mud-tab-panel > .halo-card + .halo-card { margin-top: var(--halo-5); }
.va-knowledge[b-sn98zytihu] { padding: var(--halo-4); margin-top: var(--halo-4); border: 1px solid var(--halo-hairline); border-radius: var(--halo-radius-md); background: var(--halo-surface-sunken); }
.va-upload[b-sn98zytihu] { padding: var(--halo-4); border: 1px dashed var(--halo-hairline-strong); border-radius: var(--halo-radius-md); background: var(--halo-surface-sunken); }
.va-upload[b-sn98zytihu]  input::file-selector-button { font: inherit; color: var(--halo-text); background: var(--halo-surface); border: 1px solid var(--halo-hairline-strong); border-radius: var(--halo-radius-sm); padding: var(--halo-2) var(--halo-3); margin-right: var(--halo-3); cursor: pointer; }
.va-permissions[b-sn98zytihu] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.va-permissions[b-sn98zytihu]  .halo-check { align-items: start; padding: var(--halo-4); border: 1px solid var(--halo-hairline); border-radius: var(--halo-radius-md); background: var(--halo-surface-sunken); }
.va-session[b-sn98zytihu] { padding: var(--halo-4); margin-top: var(--halo-3); border: 1px solid var(--halo-hairline); border-radius: var(--halo-radius-md); }
.va-session[open] summary[b-sn98zytihu] { padding-bottom: var(--halo-4); }
@media (max-width: 900px) { .va-permissions[b-sn98zytihu] { grid-template-columns: 1fr; } }

.va-agent-list[b-sn98zytihu] { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: var(--halo-3); }
.va-agent-card[b-sn98zytihu] { display: grid; align-content: start; justify-content: stretch; justify-items: start; gap: var(--halo-2); text-align: left; padding: var(--halo-4); border: 1px solid var(--halo-hairline); border-radius: var(--halo-radius-lg); background: var(--halo-surface); color: var(--halo-text); font: inherit; cursor: pointer; }
.va-agent-card[aria-pressed="true"][b-sn98zytihu] { border-color: var(--halo-ink-brand); background: rgb(var(--halo-tone-brand) / .06); }
.va-agent-card:focus-visible[b-sn98zytihu] { outline: 2px solid var(--halo-ink-brand); outline-offset: 3px; }
.va-agent-card:disabled[b-sn98zytihu] { cursor: default; opacity: .65; }
.va-agent-card .va-meta[b-sn98zytihu] { margin: 0; font-size: var(--halo-text-sm); }
.va-agent-heading h2[b-sn98zytihu] { margin-top: var(--halo-2); }
/* /Features/VoiceAgents/Pages/VoiceAgentLab.razor.rz.scp.css */
.va-lab-layout[b-qtf7p1b48x] { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(250px, 1fr); align-items: start; gap: var(--halo-5); }
.va-lab[b-qtf7p1b48x] { display: grid; gap: var(--halo-4); }
.va-lab-voice[b-qtf7p1b48x] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--halo-3); padding: var(--halo-4); border: 1px solid var(--halo-hairline); border-radius: var(--halo-radius-md); background: var(--halo-surface-sunken); }
.va-lab-voice > div[b-qtf7p1b48x], .va-lab-result[b-qtf7p1b48x] { display: grid; gap: var(--halo-1); min-width: 0; }
.va-lab-voice span[b-qtf7p1b48x], .va-lab-result span[b-qtf7p1b48x] { color: var(--halo-text-secondary); font-size: var(--halo-text-sm); overflow-wrap: anywhere; }
.va-lab-voice strong[b-qtf7p1b48x] { font: 600 var(--halo-text-title)/1.4 var(--halo-font-display); overflow-wrap: anywhere; }
.va-lab-result[b-qtf7p1b48x] { padding: var(--halo-3); margin-bottom: var(--halo-4); border-radius: var(--halo-radius-md); background: rgb(var(--halo-tone-brand) / .06); }
.va-lab-transcript[b-qtf7p1b48x] { padding-top: var(--halo-4); }
.va-lab-transcript summary[b-qtf7p1b48x] { cursor: pointer; padding: var(--halo-2) 0; }
.va-lab-transcript p[b-qtf7p1b48x] { display: grid; gap: var(--halo-1); padding: var(--halo-3); border: 1px solid var(--halo-hairline); border-radius: var(--halo-radius-md); overflow-wrap: anywhere; }
.va-orb-stage[b-qtf7p1b48x] { display: grid; place-items: center; min-height: 220px; }
.va-orb[b-qtf7p1b48x] { --level: 0; width: 150px; height: 150px; position: relative; border-radius: 50%; overflow: hidden; background: radial-gradient(circle at 30% 20%, rgb(var(--halo-cyan) / .6), rgb(var(--halo-violet) / .6) 70%); box-shadow: inset 0 0 32px var(--halo-glass-highlight), 0 12px 38px rgb(var(--halo-tone-brand) / .16); transform: scale(calc(1 + var(--level) * .13)); transition: transform var(--halo-duration-1) var(--halo-ease-out); }
.va-orb span[b-qtf7p1b48x] { position: absolute; width: 125%; height: 65%; border-radius: 45%; background: rgb(var(--halo-cyan) / .3); left: -20%; top: 16%; transform: rotate(calc(20deg + var(--level) * 70deg)); transition: transform var(--halo-duration-2) var(--halo-ease-out); }
.va-orb span:nth-child(2)[b-qtf7p1b48x] { background: rgb(var(--halo-violet) / .28); top: 45%; transform: rotate(calc(-35deg - var(--level) * 80deg)); }
.va-orb span:nth-child(3)[b-qtf7p1b48x] { background: var(--halo-glass-highlight); width: 65%; height: 40%; filter: blur(20px); top: 3%; left: 0; }
.va-lab[data-state="error"] .va-orb[b-qtf7p1b48x] { background: rgb(var(--halo-tone-critical) / .4); }
.va-lab-status[b-qtf7p1b48x] { display: grid; text-align: center; gap: var(--halo-2); }
.va-lab-status strong[b-qtf7p1b48x] { font: 600 var(--halo-text-title)/1.3 var(--halo-font-display); }
.va-lab-status span[b-qtf7p1b48x], .va-lab-note[b-qtf7p1b48x], .va-preview-question > span[b-qtf7p1b48x] { font-size: var(--halo-text-sm); color: var(--halo-text-secondary); }
.va-lab-actions[b-qtf7p1b48x] { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--halo-2); }
.va-lab-note[b-qtf7p1b48x] { margin: 0; }
.va-preview-question[b-qtf7p1b48x] { border-top: 1px solid var(--halo-hairline); padding-top: var(--halo-4); }
.va-preview-question p[b-qtf7p1b48x] { font-size: var(--halo-text-title); margin: var(--halo-2) 0; }
.va-lab-answers[b-qtf7p1b48x] { margin: 0; }
.va-lab-answers dt[b-qtf7p1b48x] { font-weight: 600; }
.va-lab-answers dd[b-qtf7p1b48x] { margin: var(--halo-1) 0 var(--halo-4); display: grid; gap: var(--halo-1); overflow-wrap: anywhere; }
.va-lab-answers dd span[b-qtf7p1b48x] { font-size: var(--halo-text-sm); color: var(--halo-text-secondary); }
.va-lab-frame[b-qtf7p1b48x]  iframe { border: 0; width: 100%; height: 240px; color-scheme: normal; }
.va-lab-frame[b-qtf7p1b48x]  .va-live-controls { display: flex; flex-wrap: wrap; align-items: center; gap: var(--halo-3); padding: var(--halo-4); border: 1px solid var(--halo-hairline); border-radius: var(--halo-radius-md); background: var(--halo-surface-sunken); }
.va-lab-frame[b-qtf7p1b48x]  .va-live-controls [hidden] { display: none; }
.va-lab-frame[b-qtf7p1b48x]  .va-live-controls audio { width: 100%; }
.va-lab-frame[b-qtf7p1b48x]  .va-live-note { width: 100%; color: var(--halo-text-secondary); font-size: var(--halo-text-sm); }
.va-lab-frame[b-qtf7p1b48x]  .va-live-captions { width: 100%; max-height: 180px; overflow-y: auto; font-size: var(--halo-text-sm); overflow-wrap: anywhere; }
@media (max-width: 600px) { .va-lab-frame[b-qtf7p1b48x]  iframe { height: 320px; } }
@media (max-width: 900px) { .va-lab-layout[b-qtf7p1b48x] { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .va-orb[b-qtf7p1b48x], .va-orb span[b-qtf7p1b48x] { transform: none; transition: none; } }

.va-orb-stage[b-qtf7p1b48x] { border: 1px solid var(--halo-hairline); border-radius: var(--halo-radius-lg); background: radial-gradient(ellipse at center, rgb(var(--halo-tone-brand) / .08), transparent 70%), var(--halo-surface-sunken); }
.va-lab-frame:has(iframe)[b-qtf7p1b48x] { padding: var(--halo-3); border: 1px solid var(--halo-hairline); border-radius: var(--halo-radius-md); background: var(--halo-surface-sunken); }
.va-preview-question[b-qtf7p1b48x] { padding: var(--halo-4); border: 1px solid var(--halo-hairline); border-radius: var(--halo-radius-md); background: var(--halo-surface-sunken); }
.va-lab-empty[b-qtf7p1b48x] { display: grid; justify-items: center; gap: var(--halo-3); padding: var(--halo-6) var(--halo-4); border: 1px dashed var(--halo-hairline-strong); border-radius: var(--halo-radius-md); text-align: center; color: var(--halo-text-secondary); }
.va-lab-empty p[b-qtf7p1b48x] { margin: 0; font-size: var(--halo-text-sm); }
.va-lab-answers dt[b-qtf7p1b48x] { margin-top: var(--halo-3); }
.va-lab-answers dd[b-qtf7p1b48x] { padding-bottom: var(--halo-3); border-bottom: 1px solid var(--halo-hairline); }
.va-lab-answers dd:last-child[b-qtf7p1b48x] { border-bottom: 0; margin-bottom: 0; }
/* /Features/VoiceAgents/Pages/VoiceAgentRealtimeSettings.razor.rz.scp.css */
.va-meta[b-fhtvga5x3s] { color: var(--halo-text-secondary); margin: var(--halo-2) 0; }
/* /Features/VoiceAgents/Pages/VoiceAgentTransferRules.razor.rz.scp.css */
.transfer-rule[b-8t84vdtimh] { border: 1px solid var(--halo-border, #d8dde5); border-radius: 10px; padding: 1rem; margin: 1rem 0; min-width: 0; }
.transfer-rule legend[b-8t84vdtimh] { font-weight: 600; padding: 0 .4rem; }
.transfer-actions[b-8t84vdtimh] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.transfer-default[b-8t84vdtimh] { margin-top: 1.5rem; max-width: 36rem; }
/* /Features/VoiceAgents/Pages/VoiceAgentVoicePicker.razor.rz.scp.css */
.va-voices[b-yd0rmtsq78] { display: grid; gap: var(--halo-4); min-width: 0; }
.va-voice-current[b-yd0rmtsq78] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--halo-3); padding: var(--halo-5); border: 1px solid rgb(var(--halo-tone-brand) / .25); border-radius: var(--halo-radius-lg); background: rgb(var(--halo-tone-brand) / .06); }
.va-voice-eyebrow[b-yd0rmtsq78] { color: var(--halo-text-secondary); font-size: var(--halo-text-sm); }
.va-voice-current h3[b-yd0rmtsq78] { font: 600 var(--halo-text-title)/1.4 var(--halo-font-display); margin: var(--halo-1) 0; }
.va-voice-current p[b-yd0rmtsq78], .va-voice-option p[b-yd0rmtsq78], .va-voice-player p[b-yd0rmtsq78] { color: var(--halo-text-secondary); margin: 0; overflow-wrap: anywhere; }
.va-voice-filters[b-yd0rmtsq78] { display: grid; grid-template-columns: 1fr 1fr 1.3fr; gap: var(--halo-4); align-items: start; }
.va-voice-grid[b-yd0rmtsq78] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--halo-4); }
.va-voice-option[b-yd0rmtsq78] { display: flex; flex-direction: column; gap: var(--halo-2); min-width: 0; padding: var(--halo-4); border: 1px solid var(--halo-hairline); border-radius: var(--halo-radius-lg); background: var(--halo-surface); box-shadow: var(--halo-shadow-1); }
.va-voice-option.is-selected[b-yd0rmtsq78] { border-color: var(--halo-action-brand); background: rgb(var(--halo-tone-brand) / .05); }
.va-voice-option-heading[b-yd0rmtsq78] { display: flex; flex-wrap: wrap; align-items: start; justify-content: space-between; gap: var(--halo-2); }
.va-voice-option h4[b-yd0rmtsq78] { font: 600 var(--halo-text-body)/1.4 var(--halo-font); margin: 0; overflow-wrap: anywhere; }
.va-voice-badge[b-yd0rmtsq78] { border-radius: var(--halo-radius-sm); background: rgb(var(--halo-tone-brand) / .1); color: var(--halo-ink-brand); padding: var(--halo-1) var(--halo-2); font-size: var(--halo-text-xs); }
.va-voice-model[b-yd0rmtsq78] { color: var(--halo-text-secondary); font: 400 var(--halo-text-xs)/1.4 var(--halo-font-mono); overflow-wrap: anywhere; }
.va-voice-actions[b-yd0rmtsq78] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--halo-2); margin-top: auto; padding-top: var(--halo-3); }
.va-voice-count[b-yd0rmtsq78], .va-voice-footnote[b-yd0rmtsq78] { margin: 0; color: var(--halo-text-secondary); font-size: var(--halo-text-sm); }
.va-voice-pagination[b-yd0rmtsq78] { display: flex; justify-content: space-between; gap: var(--halo-3); }
.va-voice-player[b-yd0rmtsq78] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--halo-3); align-items: center; padding: var(--halo-4); border: 1px solid var(--halo-hairline-strong); border-radius: var(--halo-radius-lg); background: var(--halo-surface-sunken); }
.va-voice-player audio[b-yd0rmtsq78] { width: 100%; min-width: 0; grid-column: 1; }
.va-voice-player[b-yd0rmtsq78]  .halo-btn { grid-column: 2; grid-row: 1 / span 2; }
.va-voice-player p[b-yd0rmtsq78] { font-size: var(--halo-text-sm); }
.va-voice-custom[b-yd0rmtsq78] { border-top: 1px solid var(--halo-hairline); padding-top: var(--halo-4); }
.va-voice-custom summary[b-yd0rmtsq78] { cursor: pointer; color: var(--halo-text-secondary); padding: var(--halo-2) 0; }
.va-voice-custom[open] summary[b-yd0rmtsq78] { padding-bottom: var(--halo-4); }
.va-voice-custom summary:focus-visible[b-yd0rmtsq78] { outline: 2px solid var(--halo-ink-brand); outline-offset: 2px; }
.va-voice-footnote a[b-yd0rmtsq78] { color: var(--halo-ink-brand); text-decoration: underline; }
@media (max-width: 1100px) { .va-voice-grid[b-yd0rmtsq78] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .va-voice-grid[b-yd0rmtsq78], .va-voice-filters[b-yd0rmtsq78], .va-voice-player[b-yd0rmtsq78] { grid-template-columns: minmax(0, 1fr); } .va-voice-player[b-yd0rmtsq78]  .halo-btn { grid-column: 1; grid-row: auto; } }
/* /Features/VoiceAgents/Pages/VoiceProviderBadge.razor.rz.scp.css */
.va-provider-badge[b-pjt3x92l9w] { display: inline-flex; align-items: center; gap: .55rem; color: var(--halo-text); font-size: var(--halo-text-sm); font-weight: 600; }
.va-provider-icon[b-pjt3x92l9w] { display: inline-grid; place-items: center; width: 36px; height: 36px; flex: 0 0 36px; background: #fff; border: 1px solid #e5e7eb; border-radius: 9px; }
.va-provider-icon img[b-pjt3x92l9w] { width: 24px; height: 24px; object-fit: contain; }

.va-provider-badge[data-provider="elevenlabs"] img[b-pjt3x92l9w] { width: 36px; height: 36px; }
/* /Features/VoiceAgents/Pages/VoiceQuestionEditor.razor.rz.scp.css */
.va-condition-heading[b-d5jagqnqs1] { display: flex; align-items: center; justify-content: space-between; gap: var(--halo-3); border-top: 1px solid var(--halo-hairline); padding-top: var(--halo-4); }
.va-condition-heading h3[b-d5jagqnqs1] { font: 600 var(--halo-text-body)/1.4 var(--halo-font); margin: 0; }
.va-condition[b-d5jagqnqs1] { display: grid; grid-template-columns: 1fr 1fr 1fr auto; align-items: end; gap: var(--halo-3); }
.va-meta[b-d5jagqnqs1] { color: var(--halo-text-secondary); margin: 0; }
@media (max-width: 1000px) { .va-condition[b-d5jagqnqs1] { grid-template-columns: 1fr; } }

.va-condition[b-d5jagqnqs1] { padding: var(--halo-4); border: 1px solid var(--halo-hairline); border-radius: var(--halo-radius-md); background: var(--halo-surface-sunken); }