@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.olwso25aue.bundle.scp.css';
@import '_content/Blazor.SignaturePad/Blazor.SignaturePad.g22u5lm4z9.bundle.scp.css';
@import '_content/Havit.Blazor.Components.Web.Bootstrap/Havit.Blazor.Components.Web.Bootstrap.0hqt4twfv7.bundle.scp.css';

/* /Components/Layout/LoginLayout.razor.rz.scp.css */
.auth-shell[b-cjhyj7nr6k] {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    background: var(--bg-app);
    overflow: hidden;
}

.auth-bg[b-cjhyj7nr6k] {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 15% 20%, rgba(42, 138, 230, 0.18), transparent 45%),
        radial-gradient(circle at 85% 80%, rgba(22, 86, 181, 0.20), transparent 50%),
        linear-gradient(135deg, #f4f6fa 0%, #e9eef7 100%);
    z-index: 0;
}

.auth-card[b-cjhyj7nr6k] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 440px;
    background: var(--surface);
    border: 1px solid var(--border);
    box-shadow: var(--shadow-lg);
    padding: 2.5rem 2.25rem 2rem;
}

.auth-brand[b-cjhyj7nr6k] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    margin-bottom: 1.75rem;
}

.auth-logo[b-cjhyj7nr6k] {
    width: 48px;
    height: 48px;
    object-fit: contain;
}

.auth-brand-text[b-cjhyj7nr6k] {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.auth-brand-title[b-cjhyj7nr6k] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-primary);
    letter-spacing: -0.01em;
}

.auth-brand-subtitle[b-cjhyj7nr6k] {
    font-size: 0.875rem;
    color: var(--brand-primary);
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.auth-body[b-cjhyj7nr6k]  h1 {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.auth-body[b-cjhyj7nr6k]  .auth-subtitle {
    color: var(--text-secondary);
    font-size: 0.9375rem;
    margin-bottom: 1.5rem;
}

.auth-footer[b-cjhyj7nr6k] {
    margin-top: 2rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--border);
    text-align: center;
    color: var(--text-muted);
    font-size: 0.8125rem;
}

@media (max-width: 480px) {
    .auth-card[b-cjhyj7nr6k] {
        padding: 1.75rem 1.25rem 1.5rem;
    }
}

#blazor-error-ui[b-cjhyj7nr6k] {
    color-scheme: light only;
    background: #fff5cc;
    border-top: 1px solid #f0d97a;
    bottom: 0;
    box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.75rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-cjhyj7nr6k] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.portal[b-pqyp34swkq] {
    display: flex;
    min-height: 100vh;
    background: var(--bg-app);
}

.portal-sidebar[b-pqyp34swkq] {
    width: 260px;
    flex-shrink: 0;
    background: var(--surface);
    border-right: 1px solid var(--border);
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    z-index: 30;
}

.portal-main[b-pqyp34swkq] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.portal-topbar[b-pqyp34swkq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    height: 64px;
    padding: 0 1.5rem;
    background: var(--surface);
    border-bottom: 1px solid var(--border);
    position: sticky;
    top: 0;
    z-index: 20;
}

.topbar-toggle[b-pqyp34swkq] {
    display: none;
    background: transparent;
    border: 1px solid var(--border);
    border-radius: 8px;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}

.topbar-toggle:hover[b-pqyp34swkq] {
    background: var(--surface-alt);
    color: var(--text-primary);
}

.topbar-spacer[b-pqyp34swkq] {
    flex: 1;
}

.topbar-user[b-pqyp34swkq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.user-chip[b-pqyp34swkq] {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.375rem 0.75rem 0.375rem 0.375rem;
    border-radius: 999px;
    text-decoration: none;
    color: var(--text-primary);
    font-size: 0.875rem;
    font-weight: 500;
    transition: background 0.15s;
}

.user-chip:hover[b-pqyp34swkq] {
    background: var(--surface-alt);
}

.user-avatar[b-pqyp34swkq] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--brand-primary), var(--brand-primary-light));
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.user-name[b-pqyp34swkq] {
    color: var(--text-primary);
}

.logout-form[b-pqyp34swkq] {
    margin: 0;
}

.btn-logout[b-pqyp34swkq] {
    background: transparent;
    border: 1px solid var(--border);
    border-radius: 8px;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
    cursor: pointer;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.btn-logout:hover[b-pqyp34swkq] {
    background: var(--surface-alt);
    color: var(--brand-primary);
    border-color: var(--brand-primary-light);
}

.portal-content[b-pqyp34swkq] {
    flex: 1;
    padding: 1rem;
    max-width: 100%;
}

.sidebar-backdrop[b-pqyp34swkq] {
    display: none;
}

@media (max-width: 900px) {
    .portal-sidebar[b-pqyp34swkq] {
        position: fixed;
        top: 0;
        left: 0;
        transform: translateX(-100%);
        transition: transform 0.2s ease;
        box-shadow: var(--shadow-lg);
    }

    .portal.sidebar-open .portal-sidebar[b-pqyp34swkq] {
        transform: translateX(0);
    }

    .topbar-toggle[b-pqyp34swkq] {
        display: inline-flex;
    }

    .sidebar-backdrop[b-pqyp34swkq] {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(20, 30, 55, 0.4);
        z-index: 25;
    }

    .portal.sidebar-open .sidebar-backdrop[b-pqyp34swkq] {
        display: block;
    }

    .portal-content[b-pqyp34swkq] {
        padding: 1.25rem 1rem 2rem;
    }
}

@media (max-width: 640px) {
    .portal-topbar[b-pqyp34swkq] {
        padding: 0 1rem;
        gap: 0.5rem;
    }

    .topbar-user[b-pqyp34swkq] {
        min-width: 0;
    }

    /* Avatar carries the identity on phones; the full email overflows the bar */
    .user-name[b-pqyp34swkq] {
        display: none;
    }

    .user-chip[b-pqyp34swkq] {
        padding: 0.25rem;
    }
}

#blazor-error-ui[b-pqyp34swkq] {
    color-scheme: light only;
    background: #fff5cc;
    border-top: 1px solid #f0d97a;
    bottom: 0;
    box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.75rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-pqyp34swkq] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav-brand[b-dpaxsbx7sx] {
    height: 64px;
    display: flex;
    align-items: center;
    padding: 0 1.25rem;
    border-bottom: 1px solid var(--border);
}

.brand-link[b-dpaxsbx7sx] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    text-decoration: none;
    color: var(--text-primary);
}

.brand-logo[b-dpaxsbx7sx] {
    width: 36px;
    height: 36px;
    object-fit: contain;
}

.brand-text[b-dpaxsbx7sx] {
    display: flex;
    flex-direction: column;
    line-height: 1.05;
}

.brand-title[b-dpaxsbx7sx] {
    font-size: 1.0625rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.brand-subtitle[b-dpaxsbx7sx] {
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--brand-primary);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.nav-sections[b-dpaxsbx7sx] {
    padding: 1rem 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.nav-section[b-dpaxsbx7sx] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.nav-section + .nav-section[b-dpaxsbx7sx] {
    margin-top: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--border);
}

.nav-section-label[b-dpaxsbx7sx] {
    padding: 0.25rem 0.75rem 0.5rem;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--text-muted);
}

[b-dpaxsbx7sx] .nav-link {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
    color: var(--text-secondary);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    transition: background 0.12s, color 0.12s;
    line-height: 1.2;
}

[b-dpaxsbx7sx] .nav-link:hover {
    background: var(--surface-alt);
    color: var(--text-primary);
}

[b-dpaxsbx7sx] .nav-link.active {
    background: rgba(22, 86, 181, 0.08);
    color: var(--brand-primary);
    font-weight: 600;
}

[b-dpaxsbx7sx] .nav-link.active .nav-icon {
    color: var(--brand-primary);
}

[b-dpaxsbx7sx] .nav-link-disabled {
    pointer-events: none;
    opacity: 0.7;
}

[b-dpaxsbx7sx] .nav-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    color: var(--text-muted);
}

[b-dpaxsbx7sx] .nav-link span {
    flex: 1;
}

[b-dpaxsbx7sx] .nav-pill {
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 999px;
    background: var(--surface-alt);
    color: var(--text-muted);
    border: 1px solid var(--border);
    flex: 0 0 auto;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-1yn98jtalr],
.components-reconnect-repeated-attempt-visible[b-1yn98jtalr],
.components-reconnect-failed-visible[b-1yn98jtalr],
.components-pause-visible[b-1yn98jtalr],
.components-resume-failed-visible[b-1yn98jtalr],
.components-rejoining-animation[b-1yn98jtalr] {
    display: none;
}

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


#components-reconnect-modal[b-1yn98jtalr] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-1yn98jtalr 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-1yn98jtalr {
    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/ThemeToggle.razor.rz.scp.css */
.theme-toggle[b-c3twjhjoyg] {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    padding: 0;
    color: var(--text-secondary);
    background: transparent;
    border: 1px solid var(--border);
    border-radius: 8px;
    cursor: pointer;
    transition: color 0.15s, background 0.15s, border-color 0.15s;
}

.theme-toggle:hover[b-c3twjhjoyg] {
    color: var(--brand-primary-light);
    background: var(--surface-alt);
    border-color: var(--brand-primary-light);
}

.theme-toggle svg[b-c3twjhjoyg] {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.theme-icon-sun[b-c3twjhjoyg] {
    display: none;
}
/* /Components/Pages/Agents/AgentSessionMarkdownMessage.razor.rz.scp.css */
.session-markdown[b-wjasvy1voh] { overflow-wrap: anywhere; font-size: .9rem; line-height: 1.6; min-width: 0; }
.session-markdown[b-wjasvy1voh]  p { margin: 0 0 .75rem; }
.session-markdown[b-wjasvy1voh]  > :last-child { margin-bottom: 0; }
.session-markdown[b-wjasvy1voh]  h1, .session-markdown[b-wjasvy1voh]  h2, .session-markdown[b-wjasvy1voh]  h3,
.session-markdown[b-wjasvy1voh]  h4, .session-markdown[b-wjasvy1voh]  h5, .session-markdown[b-wjasvy1voh]  h6 { font-size: 1.05rem; margin: 1rem 0 .5rem; }
.session-markdown[b-wjasvy1voh]  ul, .session-markdown[b-wjasvy1voh]  ol { padding-left: 1.5rem; margin-bottom: .75rem; }
.session-markdown[b-wjasvy1voh]  blockquote { border-left: 3px solid var(--bs-border-color); padding-left: 1rem; color: var(--bs-secondary-color); }
.session-markdown[b-wjasvy1voh]  code { background: var(--bs-tertiary-bg); padding: .1rem .3rem; border-radius: 3px; }
.session-markdown[b-wjasvy1voh]  pre { white-space: pre; overflow: auto; max-height: 450px; padding: .75rem; background: var(--bs-tertiary-bg); border: 1px solid var(--bs-border-color); border-radius: 6px; }
.session-markdown[b-wjasvy1voh]  pre code { padding: 0; color: inherit; }
.session-markdown[b-wjasvy1voh]  table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; margin-bottom: .75rem; }
.session-markdown[b-wjasvy1voh]  th, .session-markdown[b-wjasvy1voh]  td { border: 1px solid var(--bs-border-color); padding: .4rem .65rem; }
.session-markdown[b-wjasvy1voh]  input { margin-right: .4rem; }
/* /Components/Pages/Agents/AgentSessions.razor.rz.scp.css */
/* Host strip: connection status for every host, doubling as a quick host filter. */
.host-strip[b-u58r1j0hrj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.host-strip-label[b-u58r1j0hrj] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-muted);
    margin-right: 0.25rem;
}

.host-strip-empty[b-u58r1j0hrj] {
    font-size: 0.875rem;
    color: var(--text-secondary);
}

.host-chip[b-u58r1j0hrj] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--surface);
    color: var(--text-primary);
    font-size: 0.8125rem;
    line-height: 1.2;
    box-shadow: var(--shadow-sm);
    transition: border-color 0.15s, background-color 0.15s;
}

.host-chip:hover[b-u58r1j0hrj] {
    border-color: var(--brand-primary-light);
}

.host-chip.is-active[b-u58r1j0hrj] {
    border-color: var(--brand-primary);
    background: var(--bs-primary-bg-subtle);
}

.host-chip.is-offline[b-u58r1j0hrj] {
    border-color: var(--bs-warning-border-subtle);
    background: var(--bs-warning-bg-subtle);
}

.host-chip-name[b-u58r1j0hrj] {
    font-weight: 600;
}

.host-chip-company[b-u58r1j0hrj] {
    color: var(--text-muted);
}

.host-chip .bi[b-u58r1j0hrj] {
    color: var(--bs-warning-text-emphasis);
}

.host-issue[b-u58r1j0hrj] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.375rem 0.5rem;
    font-size: 0.8125rem;
    color: var(--bs-warning-text-emphasis);
    background: var(--bs-warning-bg-subtle);
    border: 1px solid var(--bs-warning-border-subtle);
    padding: 0.5rem 0.875rem;
    margin-bottom: 0.5rem;
}

.host-issue a[b-u58r1j0hrj] {
    font-weight: 600;
    color: inherit;
}

.host-issue small[b-u58r1j0hrj] {
    color: var(--text-muted);
}

.host-issue:last-of-type[b-u58r1j0hrj] {
    margin-bottom: 1rem;
}

/* Filters */
.sessions-filter-bar[b-u58r1j0hrj] {
    align-items: flex-end;
}

.sessions-filter-bar .filter-bar-select[b-u58r1j0hrj] {
    min-width: 10rem;
    flex: 0 1 13rem;
}

.sessions-cron-toggle[b-u58r1j0hrj] {
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    font-size: 0.875rem;
}

/* Two-pane viewer */
.sessions-layout[b-u58r1j0hrj] {
    display: grid;
    grid-template-columns: minmax(260px, 30%) minmax(0, 1fr);
    border: 1px solid var(--border);
    box-shadow: var(--shadow-sm);
    background: var(--surface);
    height: calc(100vh - 360px);
    min-height: 500px;
    overflow: hidden;
}

.session-list[b-u58r1j0hrj] {
    overflow: auto;
    border-right: 1px solid var(--border);
}

.list-heading[b-u58r1j0hrj] {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 0.75rem 1rem;
    background: var(--surface-alt);
    border-bottom: 1px solid var(--border);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-secondary);
}

.list-heading small[b-u58r1j0hrj] {
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    color: var(--text-muted);
}

.session-row[b-u58r1j0hrj] {
    display: block;
    width: 100%;
    text-align: left;
    border: 0;
    border-bottom: 1px solid var(--border);
    border-left: 3px solid transparent;
    background: transparent;
    color: inherit;
    padding: 0.75rem 1rem 0.75rem calc(1rem - 3px);
    transition: background-color 0.12s;
}

.session-row:hover[b-u58r1j0hrj] {
    background: var(--surface-alt);
}

.session-row.selected[b-u58r1j0hrj] {
    background: var(--bs-primary-bg-subtle);
    border-left-color: var(--brand-primary);
}

.session-row-top[b-u58r1j0hrj] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
}

.session-row-top strong[b-u58r1j0hrj] {
    font-size: 0.9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.session-age[b-u58r1j0hrj] {
    flex-shrink: 0;
    font-size: 0.75rem;
    color: var(--text-muted);
}

.session-row-sub[b-u58r1j0hrj] {
    display: block;
    font-size: 0.8rem;
    color: var(--text-secondary);
    margin-top: 0.25rem;
}

.session-state[b-u58r1j0hrj] {
    display: inline-flex;
    align-items: center;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-muted);
    margin-top: 0.375rem;
}

.session-state.is-running[b-u58r1j0hrj] {
    color: var(--success);
}

.session-state.is-stale[b-u58r1j0hrj] {
    color: var(--bs-warning-text-emphasis);
}

.status-dot[b-u58r1j0hrj] {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--brand-gray);
    margin-right: 0.375rem;
    flex-shrink: 0;
}

.status-dot.online[b-u58r1j0hrj] {
    background: var(--success);
}

.status-dot.offline[b-u58r1j0hrj] {
    background: #d4891f;
}

.status-dot.pulse[b-u58r1j0hrj] {
    box-shadow: 0 0 0 0 rgba(31, 157, 109, 0.5);
    animation: session-pulse-b-u58r1j0hrj 1.8s ease-out infinite;
}

@keyframes session-pulse-b-u58r1j0hrj {
    0% { box-shadow: 0 0 0 0 rgba(31, 157, 109, 0.5); }
    70% { box-shadow: 0 0 0 6px rgba(31, 157, 109, 0); }
    100% { box-shadow: 0 0 0 0 rgba(31, 157, 109, 0); }
}

@media (prefers-reduced-motion: reduce) {
    .status-dot.pulse[b-u58r1j0hrj], .live-indicator.is-live .live-dot[b-u58r1j0hrj] {
        animation: none;
    }
}

/* Conversation */
.conversation[b-u58r1j0hrj] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
}

.conversation-heading[b-u58r1j0hrj] {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--border);
    background: var(--surface-alt);
}

.conversation-heading h2[b-u58r1j0hrj] {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0 0 0.625rem;
    overflow-wrap: anywhere;
}

.conversation-meta[b-u58r1j0hrj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.conversation-meta .status-pill[b-u58r1j0hrj],
.conversation-meta .meta-pill[b-u58r1j0hrj] {
    font-size: 0.75rem;
    padding: 0.25rem 0.625rem;
}

.conversation-meta .status-pill .status-dot[b-u58r1j0hrj] {
    margin-right: 0;
}

.transcript[b-u58r1j0hrj] {
    padding: 1.25rem 1.5rem;
    overflow: auto;
    flex: 1;
    min-height: 0;
    overscroll-behavior: contain;
}

.message[b-u58r1j0hrj] {
    margin: 0 0 1.25rem;
}

.message header[b-u58r1j0hrj] {
    display: flex;
    align-items: baseline;
    gap: 0.625rem;
    margin-bottom: 0.375rem;
}

.message-role[b-u58r1j0hrj] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-secondary);
}

.agent-message .message-role .bi[b-u58r1j0hrj] {
    color: var(--brand-primary);
}

.message header small[b-u58r1j0hrj] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.user-message[b-u58r1j0hrj] {
    padding: 0.875rem 1rem;
    background: var(--surface-alt);
    border: 1px solid var(--border);
    border-left: 3px solid var(--brand-primary-light);
}

.agent-message[b-u58r1j0hrj] {
    padding: 0 0.125rem;
}

.tool-message[b-u58r1j0hrj] {
    margin: 0 0 0.75rem;
    border: 1px solid var(--border);
    background: var(--surface-alt);
    font-size: 0.8rem;
}

.tool-message summary[b-u58r1j0hrj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    cursor: pointer;
    color: var(--text-secondary);
    list-style: none;
}

.tool-message summary[b-u58r1j0hrj]::-webkit-details-marker {
    display: none;
}

.tool-message summary[b-u58r1j0hrj]::after {
    content: "\25B8";
    margin-left: auto;
    color: var(--text-muted);
    transition: transform 0.15s;
}

.tool-message[open] summary[b-u58r1j0hrj]::after {
    transform: rotate(90deg);
}

.tool-label[b-u58r1j0hrj] {
    font-weight: 600;
    flex-shrink: 0;
}

.tool-preview[b-u58r1j0hrj] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--text-muted);
    background: none;
    font-size: 0.75rem;
}

.tool-message pre[b-u58r1j0hrj] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    max-height: 350px;
    overflow: auto;
    margin: 0;
    padding: 0.75rem;
    border-top: 1px solid var(--border);
    background: var(--surface);
}

.viewer-notice[b-u58r1j0hrj] {
    font-size: 0.8rem;
    padding: 0.625rem 1.5rem;
    color: var(--bs-warning-text-emphasis);
    background: var(--bs-warning-bg-subtle);
    border-bottom: 1px solid var(--bs-warning-border-subtle);
}

.transcript .viewer-notice[b-u58r1j0hrj] {
    margin: 0 0 1rem;
    border: 1px solid var(--bs-warning-border-subtle);
}

.conversation-footer[b-u58r1j0hrj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.625rem 1.5rem;
    border-top: 1px solid var(--border);
    background: var(--surface-alt);
}

.live-indicator[b-u58r1j0hrj] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-secondary);
}

.live-dot[b-u58r1j0hrj] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--brand-gray);
}

.live-indicator.is-live .live-dot[b-u58r1j0hrj] {
    background: var(--success);
    animation: session-pulse-b-u58r1j0hrj 1.8s ease-out infinite;
}

/* Empty states */
.empty-state[b-u58r1j0hrj] {
    padding: 1.5rem;
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.list-empty[b-u58r1j0hrj] {
    text-align: center;
}

.list-empty .bi[b-u58r1j0hrj] {
    font-size: 1.75rem;
    color: var(--text-muted);
}

.list-empty p[b-u58r1j0hrj] {
    margin: 0.5rem 0 0;
}

.viewer-empty[b-u58r1j0hrj] {
    margin: auto;
    text-align: center;
    max-width: 400px;
}

.viewer-empty-icon[b-u58r1j0hrj] {
    display: block;
    font-size: 2.25rem;
    color: var(--brand-gray-light);
    margin-bottom: 0.5rem;
}

.viewer-empty h2[b-u58r1j0hrj] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--text-primary);
}

.back-button[b-u58r1j0hrj] {
    display: none;
}

@media (max-width: 767px) {
    .sessions-layout[b-u58r1j0hrj] {
        display: block;
        height: 70vh;
        min-height: 420px;
    }

    .session-list[b-u58r1j0hrj] {
        height: 100%;
        border-right: 0;
    }

    .conversation[b-u58r1j0hrj] {
        display: none;
        height: 100%;
    }

    .has-selection .session-list[b-u58r1j0hrj] {
        display: none;
    }

    .has-selection .conversation[b-u58r1j0hrj] {
        display: flex;
    }

    .back-button[b-u58r1j0hrj] {
        display: inline-block;
        margin-bottom: 0.75rem;
    }

    .transcript[b-u58r1j0hrj] {
        padding: 1rem;
    }

    .conversation-heading[b-u58r1j0hrj] {
        padding: 0.875rem 1rem;
    }

    .conversation-footer[b-u58r1j0hrj] {
        padding: 0.625rem 1rem;
    }

    .sessions-filter-bar .filter-bar-select[b-u58r1j0hrj] {
        flex: 1 1 45%;
    }
}
/* /Components/Pages/Agents/AgentUsage.razor.rz.scp.css */
.usage-kpis .kpi-of[b-wed9ki0ha4] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-muted);
}

.usage-kpis .kpi-value.is-warning[b-wed9ki0ha4] {
    color: var(--bs-warning-text-emphasis);
}

.refresh-progress[b-wed9ki0ha4] {
    flex: 1 1 12rem;
    max-width: 20rem;
}

.usage-filter-bar[b-wed9ki0ha4] {
    align-items: flex-end;
}

.usage-filter-switches[b-wed9ki0ha4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 1.25rem;
    min-height: 38px;
    margin-left: auto;
    font-size: 0.875rem;
}

.agent-usage-table[b-wed9ki0ha4] {
    --usage-group-border: var(--border-strong);
}

.agent-usage-table thead th[b-wed9ki0ha4] {
    background: var(--surface-alt);
    color: var(--text-muted);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--border);
    white-space: nowrap;
}

.agent-usage-table td[b-wed9ki0ha4] {
    padding: 0.875rem 1rem;
    border-color: var(--border);
}

.agent-usage-table .host-group + .host-group[b-wed9ki0ha4] {
    border-top: 2px solid var(--usage-group-border);
}

.agent-usage-table .host-cell[b-wed9ki0ha4] {
    width: 13.5rem;
    min-width: 12rem;
    vertical-align: top;
    background: var(--surface-alt);
    border-right: 1px solid var(--border);
}

.host-name[b-wed9ki0ha4] {
    font-weight: 700;
    color: var(--text-primary);
    text-decoration: none;
}

.host-name:hover[b-wed9ki0ha4] {
    color: var(--brand-primary);
    text-decoration: underline;
}

.host-company[b-wed9ki0ha4] {
    font-size: 0.8125rem;
    color: var(--text-secondary);
    margin-top: 0.125rem;
}

.host-meta[b-wed9ki0ha4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.375rem;
    margin-top: 0.625rem;
}

.host-settings[b-wed9ki0ha4] {
    margin-top: 0.625rem;
    font-size: 0.75rem;
    color: var(--text-primary);
    overflow-wrap: anywhere;
}

.host-settings > div + div[b-wed9ki0ha4] {
    margin-top: 0.125rem;
}

.host-settings span[b-wed9ki0ha4] {
    color: var(--text-muted);
    margin-right: 0.25rem;
}

.host-meta .status-pill[b-wed9ki0ha4] {
    font-size: 0.6875rem;
    padding: 0.2rem 0.5rem;
}

.host-updated[b-wed9ki0ha4] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.agent-usage-table .subscription-cell[b-wed9ki0ha4] {
    width: 19%;
    min-width: 13rem;
}

.subscription-name[b-wed9ki0ha4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
}

.provider-mark[b-wed9ki0ha4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: var(--radius-sm);
    font-size: 0.75rem;
    font-weight: 700;
    color: #fff;
    background: var(--brand-gray);
}

.provider-mark.provider-openai[b-wed9ki0ha4] {
    background: #10a37f;
}

.provider-mark.provider-anthropic[b-wed9ki0ha4] {
    background: #c96442;
}

.plan-chip[b-wed9ki0ha4] {
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    padding: 0.125rem 0.5rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
    color: var(--text-secondary);
}

.subscription-account[b-wed9ki0ha4] {
    font-size: 0.8125rem;
    color: var(--text-muted);
    margin: 0.25rem 0 0 2rem;
    overflow-wrap: anywhere;
}

.agent-usage-table .windows-cell[b-wed9ki0ha4] {
    min-width: 22rem;
}

.usage-error[b-wed9ki0ha4] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
    font-size: 0.8125rem;
    color: var(--bs-danger-text-emphasis);
    background: var(--danger-bg);
    border: 1px solid var(--bs-danger-border-subtle);
    padding: 0.5rem 0.75rem;
    max-width: 40rem;
    margin-bottom: 0.75rem;
}

.usage-error:last-child[b-wed9ki0ha4] {
    margin-bottom: 0;
}

.host-status-cell[b-wed9ki0ha4] {
    color: var(--text-secondary);
    font-size: 0.875rem;
}

.host-status-cell .status-pill[b-wed9ki0ha4] {
    font-size: 0.6875rem;
    padding: 0.2rem 0.5rem;
    margin-right: 0.5rem;
}

.agent-usage-table .actions-cell[b-wed9ki0ha4] {
    width: 3rem;
    text-align: right;
    vertical-align: top;
}

.agent-usage-table[b-wed9ki0ha4]  .host-refresh {
    color: var(--text-muted);
}

.agent-usage-table[b-wed9ki0ha4]  .host-refresh:hover {
    color: var(--brand-primary);
}

/* Keeps the visually hidden header inside the scroll area so it cannot widen the page. */
.usage-table-scroll[b-wed9ki0ha4] {
    position: relative;
}
/* /Components/Pages/Agents/SubscriptionUsageWindows.razor.rz.scp.css */
.subscription-windows[b-uxhhj244yb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 0.75rem 1.25rem;
}

.subscription-window[b-uxhhj244yb] {
    min-width: 0;
    font-variant-numeric: tabular-nums;
}

.window-reset[b-uxhhj244yb] {
    font-size: 0.75rem;
    color: var(--text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.window-reset .bi[b-uxhhj244yb] {
    margin-right: 0.125rem;
}

.subscription-window[b-uxhhj244yb]  .progress {
    --bs-progress-bg: var(--border);
}
/* /Components/Pages/Billing/BillableEditor.razor.rz.scp.css */
.billable-source-warning[b-fjyewkny20] {
    /* Anchor to the viewport so nested scrolling containers cannot hide it. */
    position: fixed;
    bottom: max(1rem, env(safe-area-inset-bottom));
    left: calc(260px + 1rem);
    right: 1rem;
    max-width: 76rem;
    margin: 0 auto;
    z-index: 10;
    box-shadow: var(--shadow-lg);
}
.billable-workspace:has(.billable-source-warning)[b-fjyewkny20] {
    /* Allow the final controls to scroll completely above the notice. */
    padding-bottom: 9rem;
}
@media (max-width: 900px) {
    .billable-source-warning[b-fjyewkny20] { left: 1rem; }
}
@media print {
    .billable-source-warning[b-fjyewkny20] { position: static; }
    .billable-workspace:has(.billable-source-warning)[b-fjyewkny20] { padding-bottom: 0; }
}
.billable-workspace[b-fjyewkny20] { max-width: 76rem; margin: 0 auto; }
.billable-overview[b-fjyewkny20] { margin-bottom: 1rem; }
.billable-overview-heading[b-fjyewkny20] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.25rem; flex-wrap: wrap; }
.billable-eyebrow[b-fjyewkny20] { color: var(--text-muted); font-size: .75rem; text-transform: uppercase; letter-spacing: .06em; }
.billable-overview h2[b-fjyewkny20] { font-size: 1.3rem; margin: .3rem 0; }
.billable-overview p[b-fjyewkny20] { margin: 0; color: var(--text-muted); font-size: .9rem; }
.billable-facts[b-fjyewkny20] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 1rem 1.25rem; gap: 1rem; background: var(--surface-alt); border-top: 1px solid var(--border); }
.billable-facts dt[b-fjyewkny20] { font-weight: 500; color: var(--text-muted); font-size: .8rem; margin-bottom: .35rem; }
.billable-facts dd[b-fjyewkny20] { margin: 0; font-weight: 600; }
.billable-facts small[b-fjyewkny20] { display: block; font-weight: 400; color: var(--text-muted); }
.billable-status-actions[b-fjyewkny20] { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.5rem; }
.billable-status-actions > span[b-fjyewkny20] { flex: 1 1 18rem; }
.billable-form-fields[b-fjyewkny20] { min-width: 0; }
.billable-schedule-fields[b-fjyewkny20] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 7rem minmax(0, .8fr); gap: 1.25rem; }
.billable-section-heading[b-fjyewkny20] { display: flex; justify-content: space-between; gap: 1rem; align-items: center; margin: 1.5rem 0 1rem; }
.billable-section-heading h2[b-fjyewkny20] { font-size: 1.1rem; margin: 0 0 .3rem; }
.billable-section-heading p[b-fjyewkny20] { font-size: .875rem; color: var(--text-muted); margin: 0; }
.billable-line[b-fjyewkny20] { border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); overflow: hidden; margin-bottom: 1.25rem; }
.billable-line-header[b-fjyewkny20] { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .75rem; background: var(--surface-alt); border-bottom: 1px solid var(--border); padding: .85rem 1.25rem; }
.billable-line-header h3[b-fjyewkny20] { font-size: .95rem; margin: 0; }
.billable-number[b-fjyewkny20] { display: inline-grid; place-items: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; background: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); font-size: .8rem; font-weight: 600; flex-shrink: 0; }
.billable-term[b-fjyewkny20] { font-size: .75rem; color: var(--text-muted); border: 1px solid var(--border); border-radius: 1rem; padding: .15rem .6rem; }
.billable-line-body[b-fjyewkny20] { padding: 1.25rem; }
.billable-line-start[b-fjyewkny20] { max-width: 27rem; }
.billable-terms-summary[b-fjyewkny20] { margin: 1rem 0 0; font-size: .875rem; color: var(--text-muted); line-height: 1.6; }
.billable-pricing[b-fjyewkny20] { background: var(--surface-alt); border-top: 1px solid var(--border); padding: 1rem 1.25rem; }
.billable-pricing-heading[b-fjyewkny20] { display: flex; align-items: baseline; justify-content: space-between; gap: .5rem; flex-wrap: wrap; }
.billable-pricing h4[b-fjyewkny20] { font-size: .9rem; margin: 0; }
.billable-phases:not(:empty)[b-fjyewkny20] { display: grid; gap: .75rem; padding-left: 1rem; margin-top: 1rem; border-left: 2px solid var(--bs-primary-border-subtle); }
.billable-phase[b-fjyewkny20] { display: grid; grid-template-columns: 7rem minmax(0, 1fr) minmax(0, 1fr) auto; gap: 1rem; align-items: end; padding: 1rem; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); }
.billable-phase-position[b-fjyewkny20] { display: flex; align-items: center; gap: .5rem; align-self: center; font-size: .85rem; }
.billable-phase .form-label[b-fjyewkny20] { font-size: .8rem; }
.billable-save-bar[b-fjyewkny20] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin-top: 1.5rem; padding: 1rem 0; border-top: 1px solid var(--border); }
.billable-history[b-fjyewkny20] { list-style: none; margin: 0; padding: 0; }
.billable-history li[b-fjyewkny20] { padding: .6rem 0; border-bottom: 1px solid var(--border); }
.billable-history li:last-child[b-fjyewkny20] { border-bottom: 0; }
.billable-month-control[b-fjyewkny20] { max-width: 22rem; }
.billable-secondary-actions[b-fjyewkny20] { margin-top: 2rem; color: var(--text-muted); font-size: .875rem; }
.billable-secondary-actions summary[b-fjyewkny20] { margin-bottom: .75rem; }
.is-locked .billable-edit-actions[b-fjyewkny20] { display: none !important; }
.billable-workspace[b-fjyewkny20]  .month-year-fields { flex-wrap: nowrap; }
.billable-workspace[b-fjyewkny20]  .month-year-fields select { flex: 1 1 auto; }
.billable-workspace[b-fjyewkny20]  .month-year-fields input { flex: 0 0 6rem; width: 6rem; }
@media (max-width: 1199.98px) {
    .billable-schedule-fields[b-fjyewkny20] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .billable-day[b-fjyewkny20] { max-width: 8rem; }
    .billable-phase[b-fjyewkny20] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; }
    .billable-phase-position[b-fjyewkny20] { grid-column: 1 / -1; }
}
@media (max-width: 575.98px) {
    .billable-facts[b-fjyewkny20] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .billable-schedule-fields[b-fjyewkny20], .billable-phase[b-fjyewkny20] { grid-template-columns: minmax(0, 1fr); }
    .billable-line-header[b-fjyewkny20], .billable-line-body[b-fjyewkny20], .billable-pricing[b-fjyewkny20] { padding: 1rem; }
    .billable-phase[b-fjyewkny20] { padding: .75rem; gap: .75rem; }
    .billable-phase-position[b-fjyewkny20] { grid-column: auto; }
    .billable-overview-heading .badge[b-fjyewkny20] { white-space: normal; }
    .billable-save-bar > div[b-fjyewkny20] { width: 100%; justify-content: flex-end; }
}

.billable-review-months[b-fjyewkny20] { display: flex; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; }
.billable-review-months > div[b-fjyewkny20] { width: 22rem; max-width: 100%; }
.billable-history-review-row[b-fjyewkny20] { display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; padding: .75rem 0; border-top: 1px solid var(--border); }
.billable-history-review-row > a[b-fjyewkny20] { min-width: 8rem; }
.billable-history-review-row[b-fjyewkny20]  .month-year-picker { width: 22rem; max-width: 100%; }
.billable-source-terms[b-fjyewkny20] { font-size: .875rem; }
.billable-source-terms p[b-fjyewkny20] { margin-top: .75rem; color: var(--text-muted); }
/* /Components/Pages/Billing/RecurringExpenses.razor.rz.scp.css */
.recurring-category-card[b-cerp6cnb0c] {
    min-width: 0;
}

.recurring-category-list[b-cerp6cnb0c] {
    display: grid;
    gap: 0.4rem;
    margin-top: 0.7rem;
}

.recurring-category-row[b-cerp6cnb0c] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    color: var(--text-secondary);
    font-size: 0.86rem;
}

.recurring-category-name[b-cerp6cnb0c] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recurring-category-amount[b-cerp6cnb0c] {
    flex: 0 0 auto;
    color: var(--text-primary);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}
/* /Components/Pages/Companies/Companies.razor.rz.scp.css */
.company-cell[b-hdw8r3hurd] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
}

.company-cell-logo[b-hdw8r3hurd] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    object-fit: contain;
    background: var(--surface);
    border: 1px solid var(--border);
    flex-shrink: 0;
}

.company-cell-logo-fallback[b-hdw8r3hurd] {
    background: linear-gradient(135deg, var(--brand-primary), var(--brand-primary-light));
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8125rem;
    font-weight: 700;
    border: none;
}

.company-cell-text[b-hdw8r3hurd] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    min-width: 0;
}

.company-cell-name[b-hdw8r3hurd] {
    font-weight: 600;
    color: var(--text-primary);
}

.company-cell-website[b-hdw8r3hurd] {
    color: var(--text-secondary);
    font-size: 0.8125rem;
}

[b-hdw8r3hurd] .company-row {
    cursor: pointer;
}
/* /Components/Pages/Companies/CompanyAiProfileVisualization.razor.rz.scp.css */
.profile-map-card[b-8dtgn618qs] {
    overflow: hidden;
    border: 1px solid #dce4ef;
    border-radius: 1rem;
    background: linear-gradient(145deg, #fff 0%, #f6f9fd 100%);
    box-shadow: 0 .5rem 1.5rem rgba(15, 35, 65, .06);
}

.profile-map-header[b-8dtgn618qs] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 1.25rem 1.35rem .75rem;
}

.profile-map-eyebrow[b-8dtgn618qs] {
    margin-bottom: .3rem;
    color: #356bb3;
    font-size: .72rem;
    font-weight: 750;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.profile-map-legend[b-8dtgn618qs] {
    display: flex;
    flex-wrap: wrap;
    gap: .85rem;
    color: #5f6f82;
    font-size: .78rem;
}

.profile-map-legend span[b-8dtgn618qs] { display: inline-flex; align-items: center; gap: .35rem; }
.legend-dot[b-8dtgn618qs] { width: .65rem; height: .65rem; border-radius: 50%; }
.legend-dot.workflow[b-8dtgn618qs] { background: #1859a9; }
.legend-dot.source[b-8dtgn618qs] { background: #7a56c2; }
.legend-dot.person[b-8dtgn618qs] { background: #2f9c82; }
.legend-dot.system[b-8dtgn618qs] { background: #e48b3f; }

.profile-map[b-8dtgn618qs] {
    min-height: 390px;
    border-top: 1px solid rgba(195, 208, 225, .65);
}

.profile-map[b-8dtgn618qs]  svg { display: block; width: 100%; min-height: 390px; }
.profile-map[b-8dtgn618qs]  .profile-map-link { stroke: #b6c3d4; stroke-opacity: .65; }
.profile-map[b-8dtgn618qs]  .profile-map-label { fill: #25364d; font: 600 11px Figtree, sans-serif; pointer-events: none; }
.profile-map[b-8dtgn618qs]  .profile-map-node { cursor: grab; filter: drop-shadow(0 3px 4px rgba(25, 45, 75, .15)); }
.profile-map[b-8dtgn618qs]  .profile-map-node:active { cursor: grabbing; }

@media (max-width: 700px) {
    .profile-map-header[b-8dtgn618qs] { flex-direction: column; gap: .75rem; }
    .profile-map[b-8dtgn618qs] { min-height: 330px; }
    .profile-map[b-8dtgn618qs]  svg { min-height: 330px; }
}

@media (prefers-reduced-motion: reduce) {
    .profile-map[b-8dtgn618qs]  .profile-map-node { transition: none; }
}
/* /Components/Pages/Companies/CompanyEditor.razor.rz.scp.css */
.company-detail-logo[b-awty5ig16t] {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    object-fit: contain;
    background: var(--surface);
    border: 1px solid var(--border);
    flex-shrink: 0;
}

.company-detail-logo-fallback[b-awty5ig16t] {
    background: linear-gradient(135deg, var(--brand-primary), var(--brand-primary-light));
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    font-weight: 700;
    border: none;
}

.website-row[b-awty5ig16t] {
    display: flex;
    align-items: stretch;
    gap: 0.5rem;
}

.website-row > :first-child[b-awty5ig16t] {
    flex: 1;
}

.logo-preview[b-awty5ig16t] {
    border: 1px solid var(--border);
    background: var(--surface-alt);
    padding: 0.625rem;
    width: fit-content;
}

.logo-preview img[b-awty5ig16t] {
    max-width: 96px;
    max-height: 96px;
    object-fit: contain;
    display: block;
}

.form-section-title[b-awty5ig16t] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0 0 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--border);
    padding-top: 1rem;
}

.related-contacts[b-awty5ig16t] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.related-contacts li[b-awty5ig16t] {
    padding: 0.625rem 1.25rem;
    border-bottom: 1px solid var(--border);
    font-size: 0.9375rem;
}

.related-contacts li:last-child[b-awty5ig16t] {
    border-bottom: none;
}
/* /Components/Pages/Contacts/ContactEditor.razor.rz.scp.css */
.contact-detail-avatar[b-d8q67apgin] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--brand-primary), var(--brand-primary-light));
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    font-weight: 700;
    flex-shrink: 0;
}
/* /Components/Pages/Contacts/Contacts.razor.rz.scp.css */
.contact-cell[b-7p6v79u94c] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
}

.contact-cell-avatar[b-7p6v79u94c] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--brand-primary), var(--brand-primary-light));
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 700;
    flex-shrink: 0;
}

.contact-cell-text[b-7p6v79u94c] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.contact-cell-name[b-7p6v79u94c] {
    font-weight: 600;
    color: var(--text-primary);
}

.contact-cell-title[b-7p6v79u94c] {
    color: var(--text-secondary);
    font-size: 0.8125rem;
}

[b-7p6v79u94c] .contact-row {
    cursor: pointer;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.dash-section[b-rnsasgldp6] {
    margin-bottom: 1.75rem;
}

.dash-section-title[b-rnsasgldp6] {
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--text-secondary);
    margin: 0 0 0.75rem;
}

/* Needs attention */
.dash-attention-list[b-rnsasgldp6] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    gap: 0.75rem;
}

.dash-attention-item[b-rnsasgldp6] {
    --tone: var(--brand-primary);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    height: 100%;
    padding: 0.75rem 0.875rem;
    background: var(--surface);
    border: 1px solid var(--border);
    border-left: 3px solid var(--tone);
    box-shadow: var(--shadow-sm);
    color: inherit;
    text-decoration: none;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.dash-attention-item:hover[b-rnsasgldp6],
.dash-attention-item:focus-visible[b-rnsasgldp6] {
    border-color: var(--tone);
    box-shadow: var(--shadow-md);
    color: inherit;
}

.dash-attention-item.is-warning[b-rnsasgldp6] { --tone: var(--tone-warning); }
.dash-attention-item.is-danger[b-rnsasgldp6] { --tone: var(--danger); }

.dash-attention-icon[b-rnsasgldp6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: color-mix(in srgb, var(--tone) 12%, transparent);
    color: var(--tone);
}

.dash-attention-count[b-rnsasgldp6] {
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1;
    color: var(--text-primary);
}

.dash-attention-text[b-rnsasgldp6] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1 1 auto;
    font-size: 0.875rem;
    line-height: 1.3;
    color: var(--text-secondary);
}

.dash-attention-amount[b-rnsasgldp6] {
    font-weight: 600;
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
}

.dash-attention-go[b-rnsasgldp6] {
    color: var(--text-muted);
    font-size: 0.75rem;
}

.dash-all-clear[b-rnsasgldp6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    padding: 0.875rem 1rem;
    background: var(--success-bg);
    color: var(--success);
    font-weight: 500;
}

/* Panels */
.page-header .btn[b-rnsasgldp6] {
    flex-shrink: 0;
    white-space: nowrap;
}

.dash-kpi-grid[b-rnsasgldp6] {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

@media (max-width: 575.98px) {
    .dash-kpi-grid[b-rnsasgldp6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
    }

    .dash-kpi-grid > :last-child:nth-child(odd)[b-rnsasgldp6] { grid-column: 1 / -1; }

    .dash-kpi-grid .kpi-card[b-rnsasgldp6] { padding: 0.875rem 1rem; }

    .dash-kpi-grid .kpi-value[b-rnsasgldp6] { font-size: 1.5rem; }

    .dash-attention-item[b-rnsasgldp6] { padding: 0.5rem 0.75rem; }
}

.dash-panel-header[b-rnsasgldp6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.dash-panel-caption[b-rnsasgldp6] {
    margin: 0.25rem 0 0;
    font-size: 0.8125rem;
    color: var(--text-secondary);
}

.dash-panel-link[b-rnsasgldp6] {
    flex-shrink: 0;
    font-size: 0.8125rem;
    text-decoration: none;
    white-space: nowrap;
}

.dash-panel-link:hover[b-rnsasgldp6] { text-decoration: underline; }

.dash-subheading[b-rnsasgldp6] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.25rem 1rem;
    margin: 1.5rem 0 0.75rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--text-primary);
}

.dash-subheading-note[b-rnsasgldp6] {
    font-weight: 400;
    color: var(--text-muted);
}

.dash-text-danger[b-rnsasgldp6] {
    color: var(--danger);
    font-weight: 600;
}

.dash-text-warning[b-rnsasgldp6] {
    color: var(--tone-warning);
}

/* In-page targets (attention cards, pipeline stages) clear the top bar when scrolled to. */
.dash-anchor[b-rnsasgldp6] {
    scroll-margin-top: 5rem;
}

/* Status pills: due status and agent problems. Always icon or text plus color, never color alone. */
.dash-status[b-rnsasgldp6] {
    --tone: var(--text-secondary);
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.15rem 0.55rem;
    border-radius: 1rem;
    background: color-mix(in srgb, var(--tone) 12%, transparent);
    color: var(--tone);
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

.dash-status.is-danger[b-rnsasgldp6] { --tone: var(--danger); }
.dash-status.is-warning[b-rnsasgldp6] { --tone: var(--tone-warning); }

/* Billing pipeline */
.dash-flow[b-rnsasgldp6] {
    list-style: none;
    margin: 0 0 1rem;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.875rem;
}

.dash-flow > li[b-rnsasgldp6] {
    position: relative;
    min-width: 0;
}

.dash-flow > li + li[b-rnsasgldp6]::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -0.6rem;
    width: 0.45rem;
    height: 0.45rem;
    border-top: 2px solid var(--border-strong);
    border-right: 2px solid var(--border-strong);
    transform: translateY(-50%) rotate(45deg);
}

.dash-flow-stage[b-rnsasgldp6] {
    --tone: var(--border-strong);
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    height: 100%;
    padding: 0.875rem 1rem;
    background: var(--surface);
    border: 1px solid var(--border);
    border-top: 3px solid var(--tone);
    box-shadow: var(--shadow-sm);
    color: inherit;
    text-decoration: none;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.dash-flow-stage:hover[b-rnsasgldp6],
.dash-flow-stage:focus-visible[b-rnsasgldp6] {
    border-color: var(--brand-primary-light);
    border-top-color: var(--tone);
    box-shadow: var(--shadow-md);
    color: inherit;
}

.dash-flow-stage.is-overdue[b-rnsasgldp6] { --tone: var(--danger); }
.dash-flow-stage.is-paid[b-rnsasgldp6] { --tone: var(--success); }

.dash-flow-label[b-rnsasgldp6] {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--text-muted);
}

.dash-flow-value[b-rnsasgldp6] {
    font-size: 1.375rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    color: var(--text-primary);
}

.dash-flow-stage.is-overdue .dash-flow-value[b-rnsasgldp6] { color: var(--danger); }

.dash-flow-meta[b-rnsasgldp6] {
    font-size: 0.8125rem;
    color: var(--text-secondary);
}

@media (max-width: 1199.98px) {
    .dash-flow[b-rnsasgldp6] { grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); }
    .dash-flow > li + li[b-rnsasgldp6]::before { display: none; }
}

/* Pending and overdue payments */
.dash-filter[b-rnsasgldp6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

.dash-filter-btn[b-rnsasgldp6] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.3rem 0.75rem;
    border: 1px solid var(--border);
    border-radius: 1rem;
    background: var(--surface);
    color: var(--text-secondary);
    font-size: 0.8125rem;
    font-weight: 500;
}

.dash-filter-btn:hover[b-rnsasgldp6] {
    border-color: var(--brand-primary-light);
    color: var(--text-primary);
}

.dash-filter-btn.is-active[b-rnsasgldp6] {
    background: var(--brand-primary);
    border-color: var(--brand-primary);
    color: var(--surface);
}

.dash-filter-count[b-rnsasgldp6] {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.dash-delivery[b-rnsasgldp6] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8125rem;
    color: var(--text-secondary);
}

.dash-delivery.is-warning[b-rnsasgldp6] {
    color: var(--tone-warning);
    font-weight: 600;
}

.dash-delivery.is-danger[b-rnsasgldp6] {
    color: var(--danger);
    font-weight: 600;
}

.dash-delivery.is-success i[b-rnsasgldp6] { color: var(--success); }

.dash-paylink[b-rnsasgldp6] {
    margin-left: 0.5rem;
    color: var(--text-muted);
}

.dash-pending-table td:last-child[b-rnsasgldp6],
.dash-pending-table tfoot th:last-child[b-rnsasgldp6] {
    font-variant-numeric: tabular-nums;
}

.dash-masked-inline[b-rnsasgldp6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    font-size: 0.875rem;
    color: var(--text-secondary);
}

/* Agents reporting problems */
.dash-agents[b-rnsasgldp6] {
    border-left: 3px solid var(--danger);
}

.dash-agent-list[b-rnsasgldp6] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.dash-agent-row[b-rnsasgldp6] {
    display: grid;
    grid-template-columns: minmax(12rem, auto) minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.5rem 1.25rem;
    padding: 0.875rem 1.25rem;
}

.dash-agent-row + .dash-agent-row[b-rnsasgldp6] {
    border-top: 1px solid var(--border);
}

.dash-agent-row .dash-status[b-rnsasgldp6] { justify-self: start; }

.dash-agent-main[b-rnsasgldp6] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.dash-agent-name[b-rnsasgldp6] {
    font-weight: 600;
    text-decoration: none;
}

.dash-agent-name:hover[b-rnsasgldp6] { text-decoration: underline; }

.dash-agent-company[b-rnsasgldp6] {
    font-size: 0.8125rem;
    color: var(--text-secondary);
}

.dash-agent-reason[b-rnsasgldp6] {
    margin-top: 0.125rem;
    font-size: 0.8125rem;
    color: var(--text-muted);
    overflow-wrap: anywhere;
}

.dash-agent-meta[b-rnsasgldp6] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 0.8125rem;
    text-align: right;
    white-space: nowrap;
}

@media (max-width: 767.98px) {
    .dash-agent-row[b-rnsasgldp6] { grid-template-columns: minmax(0, 1fr); }
    .dash-agent-meta[b-rnsasgldp6] { align-items: flex-start; text-align: left; }
}

/* Collapsed support tickets */
.dash-collapsible > summary[b-rnsasgldp6] {
    list-style: none;
}

.dash-collapsible > summary[b-rnsasgldp6]::-webkit-details-marker {
    display: none;
}

.dash-collapsible-summary[b-rnsasgldp6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 0.75rem;
    padding: 0.75rem 1rem;
    background: var(--surface);
    border: 1px solid var(--border);
    box-shadow: var(--shadow-sm);
    cursor: pointer;
}

.dash-collapsible-summary:hover[b-rnsasgldp6] {
    border-color: var(--border-strong);
}

.dash-collapsible-meta[b-rnsasgldp6] {
    font-size: 0.875rem;
    color: var(--text-muted);
}

.dash-collapsible-chevron[b-rnsasgldp6] {
    margin-left: auto;
    color: var(--text-muted);
    transition: transform 0.15s;
}

.dash-collapsible[open] > .dash-collapsible-summary[b-rnsasgldp6] {
    margin-bottom: 1rem;
}

.dash-collapsible[open] .dash-collapsible-chevron[b-rnsasgldp6] {
    transform: rotate(180deg);
}

/* Hidden-amounts placeholder */
.dash-masked[b-rnsasgldp6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    border-style: dashed;
}

.dash-masked-icon[b-rnsasgldp6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: var(--surface-alt);
    color: var(--text-muted);
    font-size: 1.125rem;
}

.dash-masked-text[b-rnsasgldp6] {
    flex: 1 1 16rem;
}

.dash-masked-title[b-rnsasgldp6] {
    margin: 0;
    font-weight: 600;
    color: var(--text-primary);
}

.dash-masked-sub[b-rnsasgldp6] {
    margin: 0.125rem 0 0;
    font-size: 0.875rem;
    color: var(--text-secondary);
}
/* /Components/Pages/Interviews/AiInterviewChat.razor.rz.scp.css */
.interview-transcript[b-rf45yivj6q] {
    min-height: 360px;
    max-height: 60vh;
    overflow-y: auto;
}

.foundation-agent-thinking[b-rf45yivj6q] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    min-height: 2rem;
    padding: .65rem .85rem;
    border-radius: .75rem;
    background: var(--bs-light);
}

.foundation-agent-thinking > span:not(.visually-hidden)[b-rf45yivj6q] {
    width: .45rem;
    height: .45rem;
    border-radius: 50%;
    background: var(--bs-secondary);
    animation: foundation-agent-bounce-b-rf45yivj6q 1.2s infinite ease-in-out;
}

.foundation-agent-thinking > span:nth-child(2)[b-rf45yivj6q] { animation-delay: .15s; }
.foundation-agent-thinking > span:nth-child(3)[b-rf45yivj6q] { animation-delay: .3s; }

@keyframes foundation-agent-bounce-b-rf45yivj6q {
    0%, 60%, 100% { transform: translateY(0); opacity: .45; }
    30% { transform: translateY(-.3rem); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .foundation-agent-thinking > span:not(.visually-hidden)[b-rf45yivj6q] { animation: none; opacity: .7; }
}
/* /Components/Pages/KnowledgeBase/KnowledgeBase.razor.rz.scp.css */
.kb-layout[b-15n2jh0ro4] { display: grid; grid-template-columns: minmax(240px, 300px) minmax(0, 1fr); gap: 1rem; align-items: start; }
.kb-sidebar[b-15n2jh0ro4] { position: sticky; top: 1rem; overflow: hidden; }
.kb-results[b-15n2jh0ro4] { overflow: hidden; }
.kb-article-row[b-15n2jh0ro4] { padding: 1rem 1.25rem; }
.kb-article-main[b-15n2jh0ro4] { min-width: 0; }
.kb-article-title[b-15n2jh0ro4] { font-weight: 600; color: var(--text-primary); }
.kb-article-summary[b-15n2jh0ro4] { font-size: 0.875rem; color: var(--text-muted); margin-top: 0.125rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.kb-article-meta[b-15n2jh0ro4] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin-top: 0.5rem; font-size: 0.8125rem; color: var(--text-muted); }
.kb-category-badge[b-15n2jh0ro4] { background: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); font-weight: 500; }
.kb-article-row[b-15n2jh0ro4]  .kb-article-chevron { color: var(--text-muted); opacity: 0; transition: opacity 0.15s; flex-shrink: 0; }
.kb-article-row:hover[b-15n2jh0ro4]  .kb-article-chevron { opacity: 1; }
.kb-count[b-15n2jh0ro4] { background: var(--bs-secondary-bg); color: var(--text-muted); font-weight: 600; }
.kb-sidebar .list-group-item.active .kb-count[b-15n2jh0ro4] { background: rgba(255, 255, 255, 0.25); color: #fff; }
.kb-category-row[b-15n2jh0ro4] { display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; cursor: pointer; }
.kb-category-name[b-15n2jh0ro4] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kb-category-tools[b-15n2jh0ro4] { display: inline-flex; align-items: center; gap: 0.25rem; flex-shrink: 0; }
.kb-icon-btn[b-15n2jh0ro4] { border: 0; background: transparent; padding: 0.25rem 0.375rem; line-height: 1; border-radius: 0.375rem; color: var(--text-muted); display: inline-flex; align-items: center; }
.kb-icon-btn:hover[b-15n2jh0ro4] { background: var(--bs-secondary-bg); color: var(--text-primary); }
.kb-icon-btn.kb-icon-danger:hover[b-15n2jh0ro4] { color: var(--bs-danger); }
.kb-sidebar .list-group-item.active .kb-icon-btn[b-15n2jh0ro4] { color: rgba(255, 255, 255, 0.85); }
.kb-sidebar .list-group-item.active .kb-icon-btn:hover[b-15n2jh0ro4] { background: rgba(255, 255, 255, 0.2); color: #fff; }
@media (max-width: 900px) { .kb-layout[b-15n2jh0ro4] { grid-template-columns: 1fr; } .kb-sidebar[b-15n2jh0ro4] { position: static; } }
/* /Components/Pages/KnowledgeBase/KnowledgeBaseArticle.razor.rz.scp.css */
.kb-reader[b-5z8qs8h3zk] { max-width: 1040px; margin: 0 auto; }
.kb-markdown[b-5z8qs8h3zk] { font-size: 1.02rem; line-height: 1.7; overflow-wrap: anywhere; }
.kb-markdown[b-5z8qs8h3zk]  img { max-width: 100%; height: auto; border-radius: .5rem; box-shadow: 0 .25rem 1rem rgba(0,0,0,.12); }
.kb-markdown[b-5z8qs8h3zk]  pre { padding: 1rem; border-radius: .5rem; background: var(--bs-tertiary-bg); overflow: auto; }
.kb-markdown[b-5z8qs8h3zk]  blockquote { margin: 1rem 0; padding: .5rem 1rem; border-left: 4px solid var(--bs-primary-border-subtle); background: var(--bs-primary-bg-subtle); border-radius: 0 .5rem .5rem 0; color: var(--bs-emphasis-color); }
.kb-markdown[b-5z8qs8h3zk]  blockquote > :last-child { margin-bottom: 0; }
.kb-markdown[b-5z8qs8h3zk]  table { width: 100%; margin-bottom: 1rem; border-collapse: collapse; }
.kb-markdown[b-5z8qs8h3zk]  th, .kb-markdown[b-5z8qs8h3zk]  td { padding: .5rem; border: 1px solid var(--bs-border-color); }
.kb-markdown[b-5z8qs8h3zk]  .kb-video { position: relative; width: 100%; padding-bottom: 56.25%; margin: 1.5rem 0; }
.kb-markdown[b-5z8qs8h3zk]  .kb-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; border-radius: .5rem; }
/* /Components/Pages/KnowledgeBase/KnowledgeBaseArticleEdit.razor.rz.scp.css */
.kb-editor-grid[b-mae4fxpver] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1rem; align-items: start; }
.kb-insert-toolbar[b-mae4fxpver] { display: flex; gap: .5rem; align-items: center; margin-bottom: .5rem; }
.kb-youtube-insert[b-mae4fxpver] { flex: 1 1 24rem; }
.kb-markdown-editor[b-mae4fxpver] { min-height: 32rem; font-family: var(--bs-font-monospace); resize: vertical; }
.kb-preview[b-mae4fxpver] { min-height: 32rem; line-height: 1.7; overflow-wrap: anywhere; }
.kb-preview[b-mae4fxpver]  img { max-width: 100%; height: auto; border-radius: .5rem; box-shadow: 0 .25rem 1rem rgba(0,0,0,.12); }
.kb-preview[b-mae4fxpver]  pre { padding: 1rem; border-radius: .5rem; background: var(--bs-tertiary-bg); overflow: auto; }
.kb-preview[b-mae4fxpver]  blockquote { margin: 1rem 0; padding: .5rem 1rem; border-left: 4px solid var(--bs-primary-border-subtle); background: var(--bs-primary-bg-subtle); border-radius: 0 .5rem .5rem 0; color: var(--bs-emphasis-color); }
.kb-preview[b-mae4fxpver]  blockquote > :last-child { margin-bottom: 0; }
.kb-preview[b-mae4fxpver]  table { width: 100%; margin-bottom: 1rem; border-collapse: collapse; }
.kb-preview[b-mae4fxpver]  th, .kb-preview[b-mae4fxpver]  td { padding: .5rem; border: 1px solid var(--bs-border-color); }
.kb-preview[b-mae4fxpver]  .kb-video { position: relative; width: 100%; padding-bottom: 56.25%; margin: 1.5rem 0; }
.kb-preview[b-mae4fxpver]  .kb-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; border-radius: .5rem; }
@media (max-width: 1050px) { .kb-editor-grid[b-mae4fxpver] { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .kb-insert-toolbar[b-mae4fxpver] { align-items: stretch; flex-direction: column; } .kb-youtube-insert[b-mae4fxpver] { flex-basis: auto; } }
/* /Components/Pages/Marketing/Marketing.razor.rz.scp.css */
/* Scoped to Marketing.razor; use ::deep for Havit-generated markup */

.marketing-page[b-7pv5ucptp5] {
    max-width: 72rem;
}

[b-7pv5ucptp5] .campaign-row {
    cursor: pointer;
}

.marketing-filter[b-7pv5ucptp5] {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.marketing-filter[b-7pv5ucptp5]  .hx-input-text,
.marketing-filter[b-7pv5ucptp5]  .form-control {
    max-width: 28rem;
}

.marketing-html-editor[b-7pv5ucptp5]  textarea {
    min-height: 22rem;
    font-family: ui-monospace, "Cascadia Code", Consolas, monospace;
    font-size: 0.8125rem;
    line-height: 1.45;
}

.marketing-recipient-tabs[b-7pv5ucptp5]  .nav {
    margin-bottom: 0;
}

.marketing-recipient-tabs[b-7pv5ucptp5]  .tab-content {
    padding-top: 0.75rem;
}

.marketing-actions[b-7pv5ucptp5] {
    flex-wrap: wrap;
    gap: 0.5rem;
}

.marketing-schedule-field[b-7pv5ucptp5] {
    max-width: 22rem;
}

.marketing-segmented-wrap[b-7pv5ucptp5] {
    margin-bottom: 0.75rem;
}

.marketing-segmented-wrap[b-7pv5ucptp5]  .segmented {
    width: 100%;
}

.marketing-segmented-wrap[b-7pv5ucptp5]  .segmented-option:has(.segmented-input:focus-visible) {
    outline: 2px solid var(--brand-primary-light, #6b9bd6);
    outline-offset: 2px;
}

@media (min-width: 576px) {
    .marketing-segmented-wrap[b-7pv5ucptp5]  .segmented {
        width: auto;
    }
}
/* /Components/Pages/Marketing/MarketingCampaignEdit.razor.rz.scp.css */
/* Scoped to Marketing.razor; use ::deep for Havit-generated markup */

.marketing-page[b-k6ok2155p6] {
    max-width: 72rem;
}

.marketing-filter[b-k6ok2155p6] {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.marketing-filter[b-k6ok2155p6]  .hx-input-text,
.marketing-filter[b-k6ok2155p6]  .form-control {
    max-width: 28rem;
}

.marketing-html-editor[b-k6ok2155p6]  textarea {
    min-height: 22rem;
    font-family: ui-monospace, "Cascadia Code", Consolas, monospace;
    font-size: 0.8125rem;
    line-height: 1.45;
}

.marketing-recipient-tabs[b-k6ok2155p6]  .nav {
    margin-bottom: 0;
}

.marketing-recipient-tabs[b-k6ok2155p6]  .tab-content {
    padding-top: 0.75rem;
}

.marketing-actions[b-k6ok2155p6] {
    flex-wrap: wrap;
    gap: 0.5rem;
}

.marketing-schedule-field[b-k6ok2155p6] {
    max-width: 22rem;
}

/* InputRadioGroup doesn't emit a wrapper element, so .segmented never lands in the DOM —
   apply the grid layout to .marketing-segmented-wrap directly. */
.marketing-segmented-wrap[b-k6ok2155p6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.marketing-segmented-wrap[b-k6ok2155p6]  .segmented-option:has(.segmented-input:focus-visible) {
    outline: 2px solid var(--brand-primary-light, #6b9bd6);
    outline-offset: 2px;
}

@media (max-width: 575px) {
    .marketing-segmented-wrap[b-k6ok2155p6] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Marketing/MarketingHtmlTemplateEdit.razor.rz.scp.css */
/* Scoped to Marketing.razor; use ::deep for Havit-generated markup */

.marketing-page[b-0fmv7owaam] {
    max-width: 72rem;
}

.marketing-filter[b-0fmv7owaam] {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.marketing-filter[b-0fmv7owaam]  .hx-input-text,
.marketing-filter[b-0fmv7owaam]  .form-control {
    max-width: 28rem;
}

.marketing-html-editor[b-0fmv7owaam]  textarea {
    min-height: 22rem;
    font-family: ui-monospace, "Cascadia Code", Consolas, monospace;
    font-size: 0.8125rem;
    line-height: 1.45;
}

.marketing-recipient-tabs[b-0fmv7owaam]  .nav {
    margin-bottom: 0;
}

.marketing-recipient-tabs[b-0fmv7owaam]  .tab-content {
    padding-top: 0.75rem;
}

.marketing-actions[b-0fmv7owaam] {
    flex-wrap: wrap;
    gap: 0.5rem;
}

.marketing-schedule-field[b-0fmv7owaam] {
    max-width: 22rem;
}

/* InputRadioGroup doesn't emit a wrapper element, so .segmented never lands in the DOM —
   apply the grid layout to .marketing-segmented-wrap directly. */
.marketing-segmented-wrap[b-0fmv7owaam] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.marketing-segmented-wrap[b-0fmv7owaam]  .segmented-option:has(.segmented-input:focus-visible) {
    outline: 2px solid var(--brand-primary-light, #6b9bd6);
    outline-offset: 2px;
}

@media (max-width: 575px) {
    .marketing-segmented-wrap[b-0fmv7owaam] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Marketing/MarketingHtmlTemplates.razor.rz.scp.css */
/* Scoped to MarketingHtmlTemplates.razor */
.marketing-page[b-u2540zs34o] {
    max-width: 72rem;
}

[b-u2540zs34o] .template-row {
    cursor: pointer;
}
/* /Components/Pages/Opportunities/Opportunities.razor.rz.scp.css */
[b-h46t11v8o7] .opportunity-row {
    cursor: pointer;
}

.opportunity-cell-name[b-h46t11v8o7] {
    font-weight: 600;
    color: var(--text-primary);
}

.opportunity-cell-description[b-h46t11v8o7] {
    color: var(--text-secondary);
    font-size: 0.8125rem;
    margin-top: 0.125rem;
}

.follow-up-overdue[b-h46t11v8o7] {
    color: var(--bs-danger);
    font-weight: 600;
}

.follow-up-today[b-h46t11v8o7] {
    color: var(--bs-warning);
    font-weight: 600;
}

.opportunity-probability-badge[b-h46t11v8o7] {
    display: inline-block;
    min-width: 3rem;
    padding: 0.125rem 0.5rem;
    border-radius: 999px;
    font-size: 0.8125rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.opportunity-probability-badge.probability-low[b-h46t11v8o7] {
    background: rgba(var(--bs-danger-rgb), 0.12);
    color: var(--bs-danger);
}

.opportunity-probability-badge.probability-medium[b-h46t11v8o7] {
    background: rgba(var(--bs-warning-rgb), 0.16);
    color: var(--bs-warning);
}

.opportunity-probability-badge.probability-high[b-h46t11v8o7] {
    background: rgba(var(--bs-success-rgb), 0.12);
    color: var(--bs-success);
}

.status-pill[b-h46t11v8o7] {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    background: var(--surface);
    border: 1px solid var(--border);
    color: var(--text-secondary);
}

.status-open[b-h46t11v8o7] {
    background: #ecfdf5;
    border-color: #a7f3d0;
    color: #065f46;
}

.status-dormant[b-h46t11v8o7] {
    background: #fef3c7;
    border-color: #fde68a;
    color: #92400e;
}

.status-converted[b-h46t11v8o7] {
    background: #eef2ff;
    border-color: #c7d2fe;
    color: #3730a3;
}
/* /Components/Pages/Opportunities/OpportunityEditor.razor.rz.scp.css */
.opportunity-probability-control[b-rgjg6icoiy] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.opportunity-probability-slider[b-rgjg6icoiy] {
    flex: 1;
    margin: 0;
}

.opportunity-probability-value[b-rgjg6icoiy] {
    min-width: 3rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.opportunity-probability-slider.probability-low[b-rgjg6icoiy] {
    accent-color: var(--bs-danger);
}

.opportunity-probability-slider.probability-medium[b-rgjg6icoiy] {
    accent-color: var(--bs-warning);
}

.opportunity-probability-slider.probability-high[b-rgjg6icoiy] {
    accent-color: var(--bs-success);
}

.opportunity-probability-value.probability-low[b-rgjg6icoiy] {
    color: var(--bs-danger);
}

.opportunity-probability-value.probability-medium[b-rgjg6icoiy] {
    color: var(--bs-warning);
}

.opportunity-probability-value.probability-high[b-rgjg6icoiy] {
    color: var(--bs-success);
}
/* /Components/Pages/Projects/Projects.razor.rz.scp.css */
.project-cell[b-5d7dre49vj] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    min-width: 0;
}

.project-cell-name[b-5d7dre49vj] {
    font-weight: 600;
    color: var(--text-primary);
}

.project-cell-desc[b-5d7dre49vj] {
    color: var(--text-secondary);
    font-size: 0.8125rem;
    margin-top: 2px;
}

.status-pill[b-5d7dre49vj] {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    background: var(--surface);
    border: 1px solid var(--border);
    color: var(--text-secondary);
}

.status-planned[b-5d7dre49vj] {
    background: #eef2ff;
    border-color: #c7d2fe;
    color: #3730a3;
}

.status-inprogress[b-5d7dre49vj] {
    background: #ecfdf5;
    border-color: #a7f3d0;
    color: #065f46;
}

.status-completed[b-5d7dre49vj] {
    background: #f3f4f6;
    border-color: #d1d5db;
    color: #374151;
}

.status-onhold[b-5d7dre49vj] {
    background: #fef3c7;
    border-color: #fde68a;
    color: #92400e;
}

[b-5d7dre49vj] .project-row {
    cursor: pointer;
}
/* /Components/Pages/Proposals/ProposalEditor.razor.rz.scp.css */
.proposal-service-start[b-270eswo0uw] { width: 24rem; max-width: 100%; }
.proposal-lines[b-270eswo0uw] { display: grid; gap: 1.25rem; margin-bottom: 1rem; }
.proposal-line-card[b-270eswo0uw] { min-width: 0; border: 1px solid var(--bs-border-color); border-radius: .65rem; overflow: hidden; background: var(--bs-body-bg); }
.proposal-line-header[b-270eswo0uw] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; flex-wrap: wrap; padding: .85rem 1rem; background: var(--bs-tertiary-bg); border-bottom: 1px solid var(--bs-border-color); }
.proposal-line-heading[b-270eswo0uw] { font-size: .95rem; font-weight: 650; margin: 0; }
.proposal-line-badge[b-270eswo0uw] { font-size: .7rem; padding: .2rem .5rem; border: 1px solid var(--bs-border-color); border-radius: 1rem; color: var(--bs-secondary-color); }
.proposal-line-body[b-270eswo0uw] { padding: 1rem; }
.proposal-line-fields[b-270eswo0uw] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1rem; }
.proposal-line-description[b-270eswo0uw] { grid-column: 1 / -1; }
.proposal-line-start[b-270eswo0uw] { margin-top: 1rem; max-width: 32rem; }
.proposal-line-schedule[b-270eswo0uw] { padding: 1rem; border-top: 1px solid var(--bs-border-color); background: var(--bs-tertiary-bg); }
.proposal-schedule-header[b-270eswo0uw] { display: flex; justify-content: space-between; align-items: baseline; gap: .5rem; flex-wrap: wrap; margin-bottom: 1rem; }
.proposal-schedule-header h5[b-270eswo0uw] { font-size: .9rem; font-weight: 650; margin: 0; }
.proposal-phase-list[b-270eswo0uw] { list-style: none; padding: 0 0 0 .75rem; margin: 0 0 1rem .7rem; border-left: 2px solid var(--bs-primary-border-subtle, var(--bs-border-color)); display: grid; gap: .75rem; }
.proposal-phase[b-270eswo0uw] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; align-items: end; gap: .75rem; padding: .85rem; background: var(--bs-body-bg); border: 1px solid var(--bs-border-color); border-radius: .5rem; }
.proposal-phase-position[b-270eswo0uw] { grid-column: 1 / -1; display: flex; align-items: center; gap: .65rem; font-size: .85rem; }
.proposal-phase-number[b-270eswo0uw] { display: grid; place-items: center; width: 1.6rem; height: 1.6rem; flex: 0 0 1.6rem; border-radius: 50%; color: var(--bs-primary-text-emphasis); background: var(--bs-primary-bg-subtle); font-size: .75rem; font-weight: 700; }
.proposal-phase label[b-270eswo0uw] { font-size: .8rem; min-width: 0; }
.proposal-phase-remove[b-270eswo0uw] { margin-bottom: .2rem; }
.proposal-schedule-outcome[b-270eswo0uw] { font-size: .85rem; font-weight: 600; margin-bottom: .85rem; }
@media (max-width: 575.98px) {
    .proposal-line-fields[b-270eswo0uw] { grid-template-columns: minmax(0, 1fr); }
    .proposal-phase[b-270eswo0uw] { grid-template-columns: minmax(0, 1fr); }
    .proposal-phase-remove[b-270eswo0uw] { justify-self: start; }
    .proposal-line-header[b-270eswo0uw], .proposal-line-body[b-270eswo0uw], .proposal-line-schedule[b-270eswo0uw] { padding: .85rem; }
}
/* /Components/Pages/Storyboard/Storyboard.razor.rz.scp.css */
.storyboard-tabs[b-9wj4yj2fkc] {
    display: flex;
    gap: 0.25rem;
    margin-bottom: 0.75rem;
    border-bottom: 1px solid var(--border);
}

.storyboard-tab[b-9wj4yj2fkc] {
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 0.5rem 1rem;
    color: var(--text-secondary);
    font-weight: 600;
    font-size: 0.875rem;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    margin-bottom: -1px;
    position: relative;
    z-index: 1;
}

.storyboard-tab > *[b-9wj4yj2fkc] {
    pointer-events: none;
}

.storyboard-tab:hover[b-9wj4yj2fkc] {
    color: var(--text-primary);
}

.storyboard-tab.active[b-9wj4yj2fkc] {
    color: var(--brand-primary, #6366f1);
    border-bottom-color: var(--brand-primary, #6366f1);
}

.storyboard-filters[b-9wj4yj2fkc] {
    display: flex;
    align-items: end;
    gap: 1rem;
    flex-wrap: wrap;
}

.priority-pill[b-9wj4yj2fkc] {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.priority-pill.priority-critical[b-9wj4yj2fkc] { background: #fee2e2; color: #991b1b; }
.priority-pill.priority-high[b-9wj4yj2fkc] { background: #fef3c7; color: #92400e; }
.priority-pill.priority-medium[b-9wj4yj2fkc] { background: #eef2ff; color: #3730a3; }
.priority-pill.priority-low[b-9wj4yj2fkc] { background: #f3f4f6; color: #4b5563; }

.story-row-name[b-9wj4yj2fkc] {
    font-weight: 600;
    color: var(--text-primary);
}

[b-9wj4yj2fkc] .story-row {
    cursor: pointer;
}

.filter-field[b-9wj4yj2fkc] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.filter-field label[b-9wj4yj2fkc] {
    font-size: 0.75rem;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 600;
}

.filter-field .form-select[b-9wj4yj2fkc] {
    min-width: 220px;
}

/* Board height: 100dvh minus fixed chrome above the lanes (topbar, main padding, tabs, filters, alerts).
   Stripe TEST banner lives in MainLayout above this page — when it is shown, .with-stripe-banner subtracts
   the same vertical space so the board still fits without page scroll (see .stripe-mode-banner in app.css). */
.kanban-board[b-9wj4yj2fkc] {
    display: flex;
    gap: 1rem;
    overflow-x: auto;
    padding-bottom: 0.5rem;
    height: calc(100dvh - 215px);
    min-height: 300px;
}

.kanban-board.with-stripe-banner[b-9wj4yj2fkc] {
    /* Stripe TEST banner under topbar; tuned to avoid a sliver of vertical page scroll */
    height: calc(100dvh - 215px - 46px);
}

.kanban-column[b-9wj4yj2fkc] {
    background: var(--surface);
    border: 1px solid var(--border);
    width: 320px;
    min-width: 320px;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: background 0.15s, border-color 0.15s;
    border-radius: 6px;
    overflow: hidden;
}

.kanban-column.drag-over[b-9wj4yj2fkc] {
    background: var(--brand-primary-light, #eef2ff);
    border-color: var(--brand-primary, #6366f1);
}

.kanban-column-head[b-9wj4yj2fkc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--border);
    flex-shrink: 0;
}

.kanban-column-title[b-9wj4yj2fkc] {
    font-size: 0.875rem;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-primary);
    flex: 1;
    min-width: 0;
}

.kanban-column-add-icon[b-9wj4yj2fkc] {
    flex-shrink: 0;
}

.kanban-column-body[b-9wj4yj2fkc] {
    padding: 0.75rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1;
    min-height: 0;
}

.kanban-column-footer[b-9wj4yj2fkc] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0.5rem 1rem;
    border-top: 1px solid var(--border);
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--text-secondary);
    background: var(--surface);
}

.kanban-column-footer-count[b-9wj4yj2fkc] {
    white-space: nowrap;
}

.kanban-project-block[b-9wj4yj2fkc] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.kanban-project-block + .kanban-project-block[b-9wj4yj2fkc] {
    margin-top: 0.35rem;
    padding-top: 0.35rem;
    border-top: 1px solid var(--border);
}

.kanban-project-head[b-9wj4yj2fkc] {
    padding: 0.25rem 0 0.35rem;
    flex-shrink: 0;
}

.kanban-project-head-inner[b-9wj4yj2fkc] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.35rem 0.5rem;
    text-align: center;
}

.kanban-project-title[b-9wj4yj2fkc] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--text-secondary);
    line-height: 1.3;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.kanban-project-actions[b-9wj4yj2fkc] {
    display: inline-flex;
    align-items: center;
    gap: 0;
    flex-shrink: 0;
}

.kanban-project-icon[b-9wj4yj2fkc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 2px;
    min-width: 24px;
    min-height: 28px;
    border-radius: 4px;
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
    line-height: 0;
    transition: color 0.15s, background 0.15s;
}

.kanban-project-icon:hover[b-9wj4yj2fkc] {
    color: var(--text-primary);
    background: rgba(15, 23, 42, 0.06);
}

.kanban-project-icon--disabled[b-9wj4yj2fkc] {
    opacity: 0.35;
    cursor: not-allowed;
    pointer-events: none;
}

.kanban-empty[b-9wj4yj2fkc] {
    text-align: center;
    color: var(--text-secondary);
    font-size: 0.8125rem;
    padding: 1rem;
}

.story-card[b-9wj4yj2fkc] {
    background: var(--surface-alt);
    border: 1px solid var(--border);
    border-left: 4px solid #d1d5db;
    border-radius: 8px;
    padding: 0.625rem 0.75rem;
    cursor: grab;
    transition: box-shadow 0.15s, transform 0.15s;
    user-select: none;
}

.story-card:hover[b-9wj4yj2fkc] {
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transform: translateY(-1px);
}

.story-card:active[b-9wj4yj2fkc] {
    cursor: grabbing;
}

.story-card.priority-critical[b-9wj4yj2fkc] { border-left-color: #dc2626; }
.story-card.priority-high[b-9wj4yj2fkc] { border-left-color: #f59e0b; }
.story-card.priority-medium[b-9wj4yj2fkc] { border-left-color: #6366f1; }
.story-card.priority-low[b-9wj4yj2fkc] { border-left-color: #9ca3af; }

.story-card.assigned-me[b-9wj4yj2fkc] {
    border-color: var(--brand-primary, #6366f1);
}

.story-card-head[b-9wj4yj2fkc] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
}

.star-btn[b-9wj4yj2fkc] {
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    color: #9ca3af;
    display: inline-flex;
    align-items: center;
}

.star-btn.starred[b-9wj4yj2fkc] {
    color: #f59e0b;
}

.story-card-number[b-9wj4yj2fkc] {
    font-size: 0.75rem;
    color: var(--text-secondary);
    font-weight: 600;
}

.story-card-priority[b-9wj4yj2fkc] {
    margin-left: auto;
    font-size: 0.7rem;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 600;
}

.story-card-ticket[b-9wj4yj2fkc] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #fff;
    background: #4a90e2;
    padding: 0.05rem 0.4rem;
    border-radius: 999px;
    letter-spacing: 0.02em;
}

.story-card-name[b-9wj4yj2fkc] {
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.3;
    margin-bottom: 4px;
}

.story-card-project[b-9wj4yj2fkc] {
    font-size: 0.75rem;
    color: var(--text-secondary);
    margin-bottom: 8px;
}

.story-card-foot[b-9wj4yj2fkc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}

.story-card-flags[b-9wj4yj2fkc] {
    display: flex;
    gap: 8px;
    color: var(--text-secondary);
}

.flag[b-9wj4yj2fkc] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-size: 0.7rem;
}

.story-card-meta[b-9wj4yj2fkc] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    color: var(--text-secondary);
}

.due[b-9wj4yj2fkc] {
    padding: 1px 6px;
    border-radius: 4px;
    background: var(--surface);
}

.due.soon[b-9wj4yj2fkc] {
    background: #fef3c7;
    color: #92400e;
}

.due.overdue[b-9wj4yj2fkc] {
    background: #fee2e2;
    color: #991b1b;
}

.hours[b-9wj4yj2fkc] {
    font-weight: 600;
}

.assignee[b-9wj4yj2fkc] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--brand-primary, #6366f1), var(--brand-primary-light, #818cf8));
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
/* /Components/Pages/Storyboard/StoryEditOffcanvas.razor.rz.scp.css */
[b-bjsrsjhufb] .story-form-tight .form-floating {
    margin-bottom: 0.5rem;
}

[b-bjsrsjhufb] .story-form-tight .row {
    margin-bottom: 0;
}

[b-bjsrsjhufb] .story-form-tight .form-check {
    margin-top: 0.25rem;
    margin-bottom: 0.5rem;
}

[b-bjsrsjhufb] .story-form-tight .form-floating > textarea.form-control {
    height: auto;
    min-height: 10rem;
}

.story-meta[b-bjsrsjhufb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.story-number[b-bjsrsjhufb] {
    background: var(--surface);
    border: 1px solid var(--border);
    color: var(--text-secondary);
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 0.8125rem;
    font-weight: 600;
}

.todo-list[b-bjsrsjhufb] {
    list-style: none;
    padding: 0;
    margin: 0 0 1rem 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.todo-item[b-bjsrsjhufb] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border-radius: 6px;
    background: var(--surface);
    border: 1px solid var(--border);
}

.todo-item.completed .todo-name[b-bjsrsjhufb] {
    text-decoration: line-through;
    color: var(--text-secondary);
}

.todo-name[b-bjsrsjhufb] {
    flex: 1;
}

.todo-add[b-bjsrsjhufb] {
    display: flex;
    gap: 8px;
    align-items: stretch;
}

.btn-icon[b-bjsrsjhufb] {
    background: transparent;
    border: 1px solid transparent;
    color: var(--text-secondary);
    padding: 4px;
    border-radius: 6px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-icon:hover[b-bjsrsjhufb] {
    background: var(--surface);
    border-color: var(--border);
    color: var(--text-primary);
}

.comment-list[b-bjsrsjhufb] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.comment-item[b-bjsrsjhufb] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 0.75rem;
}

.comment-head[b-bjsrsjhufb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
}

.comment-body[b-bjsrsjhufb] {
    white-space: pre-wrap;
    color: var(--text-primary);
}
/* /Components/Pages/Users/EditUser.razor.rz.scp.css */
.user-detail-avatar[b-gulyi4w00p] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--brand-primary), var(--brand-primary-light));
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    font-weight: 700;
    flex-shrink: 0;
}

.password-row[b-gulyi4w00p] {
    display: flex;
    align-items: stretch;
    gap: 0.5rem;
}

.password-row > :first-child[b-gulyi4w00p] {
    flex: 1;
}
/* /Components/Pages/Users/NewUser.razor.rz.scp.css */
.password-row[b-pyyaifauj3] {
    display: flex;
    align-items: stretch;
    gap: 0.5rem;
}

.password-row > :first-child[b-pyyaifauj3] {
    flex: 1;
}

.cred-box[b-pyyaifauj3] {
    border: 1px solid var(--border);
    background: var(--surface-alt);
    padding: 0.875rem 1rem;
}

.cred-row[b-pyyaifauj3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.375rem 0;
}

.cred-row + .cred-row[b-pyyaifauj3] {
    border-top: 1px dashed var(--border);
}

.cred-label[b-pyyaifauj3] {
    color: var(--text-secondary);
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: 600;
}

.cred-value[b-pyyaifauj3] {
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 0.25rem 0.5rem;
    color: var(--text-primary);
    font-size: 0.875rem;
}
/* /Components/Pages/Users/Users.razor.rz.scp.css */
.user-cell[b-4kwmsdsbuc] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
}

.user-cell-avatar[b-4kwmsdsbuc] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--brand-primary), var(--brand-primary-light));
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 700;
    flex-shrink: 0;
}

.user-cell-text[b-4kwmsdsbuc] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    min-width: 0;
}

.user-cell-name[b-4kwmsdsbuc] {
    font-weight: 600;
    color: var(--text-primary);
}

.user-cell-email[b-4kwmsdsbuc] {
    color: var(--text-secondary);
    font-size: 0.8125rem;
}

[b-4kwmsdsbuc] .user-row {
    cursor: pointer;
}
/* /Components/Shared/Charts/BarList.razor.rz.scp.css */
.bar-list[b-5u9888pi2x] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.bar-list-head[b-5u9888pi2x] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.375rem;
    font-size: 0.875rem;
}

.bar-list-label[b-5u9888pi2x] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--text-primary);
    font-weight: 500;
}

a.bar-list-label[b-5u9888pi2x] { text-decoration: none; }
a.bar-list-label:hover[b-5u9888pi2x] { color: var(--brand-primary); text-decoration: underline; }

.bar-list-value[b-5u9888pi2x] {
    flex-shrink: 0;
    font-weight: 600;
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
}

.bar-list-detail[b-5u9888pi2x] {
    margin-left: 0.375rem;
    font-weight: 400;
    color: var(--text-muted);
}

.bar-list-track[b-5u9888pi2x] { height: 8px; }

.bar-list-fill[b-5u9888pi2x] {
    display: block;
    height: 100%;
    min-width: 2px;
    border-radius: 0 4px 4px 0;
    background: var(--series);
}
/* /Components/Shared/Charts/ColumnChart.razor.rz.scp.css */
.cc[b-asavu1lojn] { margin: 0; min-width: 0; }

.cc.has-marker-label[b-asavu1lojn] { padding-top: 1.25rem; }

.cc-body[b-asavu1lojn] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 0.625rem;
}

.cc-yaxis[b-asavu1lojn] { position: relative; }

.cc-ytick-sizer[b-asavu1lojn] {
    display: block;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    font-size: 0.75rem;
}

.cc-ytick[b-asavu1lojn],
.cc-xlabel[b-asavu1lojn] {
    font-size: 0.75rem;
    color: var(--text-muted);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.cc-ytick[b-asavu1lojn] {
    position: absolute;
    right: 0;
    transform: translateY(50%);
    line-height: 1;
}

.cc-plot[b-asavu1lojn] {
    position: relative;
    min-width: 0;
}

.cc-grid[b-asavu1lojn] {
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: var(--chart-grid);
}

.cc-grid.is-baseline[b-asavu1lojn] { background: var(--chart-axis); }

.cc-layer[b-asavu1lojn] {
    position: absolute;
    inset: 0;
    display: flex;
}

.cc-slot[b-asavu1lojn],
.cc-hit[b-asavu1lojn] {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    height: 100%;
}

.cc-bars[b-asavu1lojn] {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 2px;
    height: 100%;
    padding: 0 14%;
}

.cc-bar[b-asavu1lojn] {
    flex: 0 1 24px;
    max-width: 24px;
    min-height: 2px;
    border-radius: 4px 4px 0 0;
    background: var(--series);
}

.cc-bar.is-projected[b-asavu1lojn] {
    background: color-mix(in srgb, var(--series) var(--chart-projected), transparent);
}

.cc-line[b-asavu1lojn] {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
    pointer-events: none;
}

.cc-line polyline[b-asavu1lojn] {
    fill: none;
    stroke: var(--series);
    stroke-width: 2px;
    stroke-linejoin: round;
    stroke-linecap: round;
}

.cc-dot[b-asavu1lojn] {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--series);
    box-shadow: 0 0 0 2px var(--surface);
    transform: translate(-50%, 50%);
    pointer-events: none;
}

.cc-marker[b-asavu1lojn] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: var(--chart-axis);
    pointer-events: none;
}

.cc-marker-label[b-asavu1lojn] {
    position: absolute;
    top: -1.25rem;
    left: 0.375rem;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--text-muted);
    white-space: nowrap;
}

.cc-empty[b-asavu1lojn] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-muted);
    font-size: 0.875rem;
    pointer-events: none;
}

.cc-hit:hover[b-asavu1lojn] { background: var(--chart-hover); }

.cc-tip[b-asavu1lojn] {
    position: absolute;
    top: 0.25rem;
    z-index: 5;
    min-width: 11rem;
    padding: 0.5rem 0.625rem;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-md);
    font-size: 0.8125rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.12s;
}

.cc-tip.is-center[b-asavu1lojn] { left: 50%; transform: translateX(-50%); }
.cc-tip.is-start[b-asavu1lojn] { left: 0; }
.cc-tip.is-end[b-asavu1lojn] { right: 0; }

.cc-hit:hover .cc-tip[b-asavu1lojn] {
    opacity: 1;
    visibility: visible;
}

.cc-tip-title[b-asavu1lojn] {
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
    white-space: nowrap;
}

.cc-tip-row[b-asavu1lojn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-secondary);
    white-space: nowrap;
}

.cc-tip-name[b-asavu1lojn] { flex: 1 1 auto; }

.cc-tip-value[b-asavu1lojn] {
    color: var(--text-primary);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.cc-xaxis[b-asavu1lojn] {
    grid-column: 2;
    display: flex;
    margin-top: 0.375rem;
}

.cc-xlabel[b-asavu1lojn] {
    flex: 1 1 0;
    min-width: 0;
    text-align: center;
    overflow: hidden;
    text-overflow: clip;
}

.cc-xlabel.is-current[b-asavu1lojn] {
    color: var(--text-primary);
    font-weight: 600;
}

.cc-legend[b-asavu1lojn] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem 1.125rem;
    margin-top: 0.875rem;
    font-size: 0.8125rem;
    color: var(--text-secondary);
}

.cc-legend-item[b-asavu1lojn] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.cc-key[b-asavu1lojn] {
    display: inline-block;
    flex-shrink: 0;
    background: var(--series);
}

.cc-key-bar[b-asavu1lojn] {
    width: 10px;
    height: 10px;
    border-radius: 2px;
}

.cc-key-bar.is-projected[b-asavu1lojn] {
    background: color-mix(in srgb, var(--series) var(--chart-projected), transparent);
}

.cc-key-line[b-asavu1lojn] {
    width: 14px;
    height: 2px;
    border-radius: 1px;
}

@media (max-width: 575.98px) {
    .cc-xaxis.is-dense .cc-xlabel:nth-child(even)[b-asavu1lojn] { visibility: hidden; }
    .cc-bars[b-asavu1lojn] { padding: 0 12%; }
}
/* /Components/Shared/Charts/SegmentedBar.razor.rz.scp.css */
.seg-track[b-5croi2nvkh] {
    display: flex;
    gap: 2px;
    height: 12px;
    border-radius: 4px;
    overflow: hidden;
    background: var(--surface);
}

.seg-track.is-empty[b-5croi2nvkh] { background: var(--chart-grid); }

.seg-part[b-5croi2nvkh] {
    flex-basis: 0;
    min-width: 4px;
    background: var(--series);
}

.seg-legend[b-5croi2nvkh] {
    list-style: none;
    margin: 0.75rem 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr));
    gap: 0.5rem 1rem;
}

.seg-legend-item[b-5croi2nvkh] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 0.45rem;
    align-items: baseline;
    font-size: 0.8125rem;
}

.seg-legend-item.is-zero[b-5croi2nvkh] { opacity: 0.6; }

.seg-key[b-5croi2nvkh] {
    grid-row: span 2;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: var(--series);
    align-self: center;
}

.seg-label[b-5croi2nvkh] { color: var(--text-secondary); }

.seg-value[b-5croi2nvkh] {
    grid-column: 2;
    font-weight: 600;
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
}

.seg-detail[b-5croi2nvkh] {
    grid-column: 2;
    font-size: 0.75rem;
    color: var(--text-muted);
}
/* /Components/Shared/Charts/Sparkline.razor.rz.scp.css */
.spark[b-m166zlr1tr] {
    position: relative;
    width: 100%;
    margin-top: 0.625rem;
}

.spark svg[b-m166zlr1tr] {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.spark-area[b-m166zlr1tr] {
    fill: var(--chart-1);
    fill-opacity: 0.1;
    stroke: none;
}

.spark-line[b-m166zlr1tr] {
    fill: none;
    stroke: var(--chart-muted);
    stroke-width: 2px;
    stroke-linejoin: round;
    stroke-linecap: round;
}

.spark-dot[b-m166zlr1tr] {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--chart-1);
    box-shadow: 0 0 0 2px var(--surface);
    transform: translate(-50%, 50%);
}
/* /Components/Shared/MonthYearPicker.razor.rz.scp.css */
.month-year-picker[b-h5b6omw5q9] { margin: 0; padding: 0; border: 0; min-width: 0; }
.month-year-picker legend[b-h5b6omw5q9] { float: none; width: auto; font-size: .875rem; margin-bottom: .4rem; }
.month-year-fields[b-h5b6omw5q9] { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.month-year-fields select[b-h5b6omw5q9] { flex: 1 1 11rem; min-width: 0; }
.month-year-fields input[b-h5b6omw5q9] { flex: 0 1 6.5rem; width: 6.5rem; }
/* /Components/Shared/RevenueChangesPanel.razor.rz.scp.css */
.revenue-changes-header[b-begrv0cfjh] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .75rem; }
.revenue-changes-caption[b-begrv0cfjh] { color: var(--text-secondary); font-size: .8rem; margin: .35rem 0 0; }
.revenue-changes-all[b-begrv0cfjh] { font-size: .85rem; white-space: nowrap; text-decoration: none; }
.revenue-change-month[b-begrv0cfjh] { display: grid; grid-template-columns: 8rem minmax(0, 1fr); gap: 1.25rem; padding: 1.1rem 1.25rem; }
.revenue-change-month + .revenue-change-month[b-begrv0cfjh] { border-top: 1px solid var(--border); }
.revenue-change-date[b-begrv0cfjh] { display: flex; flex-direction: column; gap: .25rem; font-size: .95rem; font-weight: 650; margin: .25rem 0 0; }
.revenue-change-year[b-begrv0cfjh] { color: var(--text-secondary); font-size: .8rem; font-weight: 400; }
.revenue-change-list[b-begrv0cfjh] { list-style: none; margin: 0; padding: 0 0 0 1.25rem; border-left: 2px solid var(--border); min-width: 0; }
.revenue-change-row[b-begrv0cfjh] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .3rem 0; }
.revenue-change-row + .revenue-change-row[b-begrv0cfjh] { margin-top: .85rem; padding-top: .85rem; border-top: 1px solid var(--border); }
.revenue-change-source[b-begrv0cfjh] { display: flex; flex-direction: column; gap: .2rem; min-width: 0; overflow-wrap: anywhere; }
.revenue-change-company[b-begrv0cfjh] { color: var(--text-secondary); font-size: .75rem; }
.revenue-change-source a[b-begrv0cfjh] { font-size: .95rem; font-weight: 600; text-decoration: none; }
.revenue-change-source a:hover[b-begrv0cfjh] { text-decoration: underline; }
.revenue-change-prices[b-begrv0cfjh] { color: var(--text-secondary); font-size: .8rem; }
.revenue-change-impact[b-begrv0cfjh] { display: flex; flex-direction: column; align-items: flex-end; gap: .3rem; flex-shrink: 0; }
.revenue-change-kind[b-begrv0cfjh] { font-size: .72rem; font-weight: 600; border-radius: 1rem; padding: .15rem .55rem; }
.is-increase[b-begrv0cfjh] { color: var(--bs-success-text-emphasis); }
.is-decrease[b-begrv0cfjh] { color: var(--bs-danger-text-emphasis); }
.is-increase .revenue-change-kind[b-begrv0cfjh] { background: var(--bs-success-bg-subtle); }
.is-decrease .revenue-change-kind[b-begrv0cfjh] { background: var(--bs-danger-bg-subtle); }
.revenue-change-impact strong[b-begrv0cfjh] { font-size: 1.05rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.revenue-change-impact small[b-begrv0cfjh] { font-size: .75rem; font-weight: 400; color: var(--text-secondary); }
@media (max-width: 575.98px) {
    .revenue-change-month[b-begrv0cfjh] { grid-template-columns: minmax(0, 1fr); gap: .75rem; padding: 1rem; }
    .revenue-change-date[b-begrv0cfjh] { flex-direction: row; align-items: baseline; gap: .4rem; }
    .revenue-change-list[b-begrv0cfjh] { padding-left: .8rem; }
    .revenue-change-row[b-begrv0cfjh] { display: grid; grid-template-columns: minmax(0, 1fr); gap: .6rem; }
    .revenue-change-impact[b-begrv0cfjh] { flex-direction: row; align-items: center; justify-content: space-between; }
}