/* _content/Verapath.Components/Components/Accordion/VerapathAccordion.razor.rz.scp.css */
/* ── Accordion container ─────────────────────────────────────────── */
.vp-accordion[b-vir9cvtkuh] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-md, 6px);
    background-color: var(--vp-surface-input, #ffffff);
    overflow: hidden;
    transition: box-shadow 0.15s ease;
}

/* ── Header button ───────────────────────────────────────────────── */
.vp-accordion__header[b-vir9cvtkuh] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 16px 20px;
    border: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
    color: inherit;
    transition: background-color 0.15s ease;
    min-height: 56px;
    box-sizing: border-box;
}

.vp-accordion__header:hover:not(:disabled)[b-vir9cvtkuh] {
    background-color: var(--vp-surface-hover, #e0e3e2);
}

.vp-accordion--disabled > .vp-accordion__header[b-vir9cvtkuh] {
    cursor: not-allowed;
    opacity: 0.5;
}

/* Subtle separator between header and open body */
.vp-accordion--open > .vp-accordion__header[b-vir9cvtkuh] {
    border-bottom: 1px solid var(--vp-border-default, #b9c0be);
}

/* ── Header text block ───────────────────────────────────────────── */
.vp-accordion__header-text[b-vir9cvtkuh] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.vp-accordion__header-custom[b-vir9cvtkuh] {
    flex: 1;
    min-width: 0;
}

.vp-accordion__title[b-vir9cvtkuh] {
    font-size: var(--font-size-body, 16px);
    font-weight: var(--font-weight-bold, 700);
    color: var(--vp-label-color, #223029);
    line-height: 1.3;
}

.vp-accordion__subtitle[b-vir9cvtkuh] {
    font-size: var(--font-size-label, 14px);
    color: var(--vp-placeholder-color, #909893);
    line-height: 1.3;
}

/* ── Chevron ─────────────────────────────────────────────────────── */
.vp-accordion__chevron[b-vir9cvtkuh] {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    color: var(--vp-placeholder-color, #909893);
    transition: transform 0.25s ease;
}

.vp-accordion--open > .vp-accordion__header > .vp-accordion__chevron[b-vir9cvtkuh] {
    transform: rotate(180deg);
}

/* ── Collapsible body — CSS grid trick for smooth animation ──────── */
.vp-accordion__body[b-vir9cvtkuh] {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.25s ease;
}

.vp-accordion--open > .vp-accordion__body[b-vir9cvtkuh] {
    grid-template-rows: 1fr;
}

.vp-accordion__body-inner[b-vir9cvtkuh] {
    overflow: hidden;
}

.vp-accordion__content[b-vir9cvtkuh] {
    padding: 20px;
    color: var(--vp-label-color, #223029);
    font-size: var(--font-size-body, 16px);
    line-height: 1.6;
}

/* ── Grouped mode — borders collapse between adjacent items ──────── */

/* All grouped items: remove outer radius and collapse bottom border */
.vp-accordion--grouped[b-vir9cvtkuh] {
    border-radius: 0;
    margin-top: -1px;
    position: relative; /* keeps margin-top collapse from jumping z-order */
}

/* First item: top corners rounded, no negative margin */
.vp-accordion--grouped:first-child[b-vir9cvtkuh] {
    border-radius: var(--border-radius-md, 6px) var(--border-radius-md, 6px) 0 0;
    margin-top: 0;
}

/* Last item: bottom corners rounded */
.vp-accordion--grouped:last-child[b-vir9cvtkuh] {
    border-radius: 0 0 var(--border-radius-md, 6px) var(--border-radius-md, 6px);
}

/* Only child: full radius */
.vp-accordion--grouped:first-child:last-child[b-vir9cvtkuh] {
    border-radius: var(--border-radius-md, 6px);
    margin-top: 0;
}

/* Open grouped item sits above its neighbours so its border is visible */
.vp-accordion--grouped.vp-accordion--open[b-vir9cvtkuh] {
    z-index: 1;
}
/* _content/Verapath.Components/Components/ActionCenter/VerapathActionCenter.razor.rz.scp.css */
.vp-action-center[b-ijv7hfrgcx] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 16px;
    align-items: stretch;
    padding: 10px 16px;
    background: var(--vp-card-bg, #ffffff);
    border: 1px solid var(--vp-border-soft, #EEEAE0);
    border-radius: 2px;
}

.vp-action-center__label[b-ijv7hfrgcx] {
    display: flex;
    align-items: center;
    padding-right: 12px;
    border-right: 1px solid var(--vp-border-soft, #EEEAE0);
}

.vp-action-center__items[b-ijv7hfrgcx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 0;
}

.vp-action-center__items > :not(:last-child)[b-ijv7hfrgcx] {
    border-right: 1px solid var(--vp-border-soft, #EEEAE0);
}

@media (max-width: 900px) {
    .vp-action-center[b-ijv7hfrgcx] {
        grid-template-columns: 1fr;
        gap: 8px;
    }
    .vp-action-center__label[b-ijv7hfrgcx] {
        border-right: none;
        border-bottom: 1px solid var(--vp-border-soft, #EEEAE0);
        padding: 0 0 6px 0;
    }
    .vp-action-center__items > :not(:last-child)[b-ijv7hfrgcx] {
        border-right: none;
        border-bottom: 1px solid var(--vp-border-soft, #EEEAE0);
    }
}
/* _content/Verapath.Components/Components/ActionCenter/VerapathActionItem.razor.rz.scp.css */
.vp-action-item[b-xe20k8etau] {
    display: grid;
    grid-template-columns: 24px 1fr auto;
    align-items: center;
    gap: 10px;
    padding: 6px 14px;
    text-decoration: none;
    color: inherit;
    font-variant-numeric: tabular-nums;
    transition: background-color 0.12s ease;
    cursor: pointer;
}
.vp-action-item:hover[b-xe20k8etau] {
    background: var(--vp-card-alt, #FAF7EF);
}

.vp-action-item__icon[b-xe20k8etau] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    font-style: italic;
    font-family: var(--font-display-numerals, Georgia, serif);
}

.vp-action-item--warn .vp-action-item__icon[b-xe20k8etau] {
    background: var(--vp-amber-soft, #FBF6DC);
    color: var(--vp-amber-ink, #8A6B0F);
}
.vp-action-item--info .vp-action-item__icon[b-xe20k8etau] {
    background: var(--vp-lavender-soft, #E6DEF2);
    color: var(--vp-lavender-ink, #5B3B8F);
}
.vp-action-item--danger .vp-action-item__icon[b-xe20k8etau] {
    background: color-mix(in srgb, var(--vp-down, #A93A2E) 16%, transparent);
    color: var(--vp-down, #A93A2E);
}

.vp-action-item__body[b-xe20k8etau] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.vp-action-item__title[b-xe20k8etau] {
    font-size: var(--vp-body-compact, 13px);
    font-weight: 600;
    color: var(--vp-content-text, #223029);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vp-action-item__detail[b-xe20k8etau] {
    font-size: var(--vp-meta, 12px);
    color: var(--vp-content-text, #5b6660);
    opacity: 0.7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vp-action-item__action[b-xe20k8etau] {
    font-size: var(--vp-meta, 12px);
    font-weight: 500;
    color: var(--vp-content-text, #223029);
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.vp-action-item__arrow[b-xe20k8etau] {
    opacity: 0.5;
    transition: transform 0.12s ease, opacity 0.12s ease;
}
.vp-action-item:hover .vp-action-item__arrow[b-xe20k8etau] {
    opacity: 1;
    transform: translateX(2px);
}
/* _content/Verapath.Components/Components/Attachments/VerapathAttachmentTray.razor.rz.scp.css */
.vp-attach-tray[b-oklagvo6vp] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 4px 6px;
    font-family: inherit;
}

.vp-attach-tray__card[b-oklagvo6vp] {
    display: flex;
    gap: 10px;
    padding: 8px;
    min-width: 240px;
    max-width: 320px;
    background: var(--color-gray-04, #f7f7f7);
    border: 1px solid var(--color-gray-03, #e0e3e2);
    border-radius: 10px;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.vp-attach-tray__card--error[b-oklagvo6vp] {
    background: rgba(249, 87, 77, 0.08);
    border-color: var(--color-red, #f9574d);
}

.vp-attach-tray__card--complete[b-oklagvo6vp] {
    border-color: var(--color-green, #0ea665);
}

/* ── Preview / thumbnail ─────────────────────────────────── */
.vp-attach-tray__preview[b-oklagvo6vp] {
    position: relative;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    background: var(--color-white, #ffffff);
    border: 1px solid var(--color-gray-03, #e0e3e2);
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vp-attach-tray__thumb[b-oklagvo6vp] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.vp-attach-tray__icon[b-oklagvo6vp] {
    width: 30px;
    height: 30px;
    color: var(--color-gray-01, #909893);
    display: flex;
    align-items: center;
    justify-content: center;
}

.vp-attach-tray__icon svg[b-oklagvo6vp] {
    width: 100%;
    height: 100%;
}

.vp-attach-tray__card--complete .vp-attach-tray__icon[b-oklagvo6vp] {
    color: var(--color-green, #0ea665);
}

.vp-attach-tray__card--error .vp-attach-tray__icon[b-oklagvo6vp] {
    color: var(--color-red, #f9574d);
}

.vp-attach-tray__remove[b-oklagvo6vp] {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 16px;
    height: 16px;
    padding: 0;
    background: rgba(34, 48, 41, 0.75);
    color: var(--color-white, #ffffff);
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.1s ease, background-color 0.1s ease;
}

.vp-attach-tray__card:hover .vp-attach-tray__remove[b-oklagvo6vp],
.vp-attach-tray__card--error .vp-attach-tray__remove[b-oklagvo6vp] {
    opacity: 1;
}

.vp-attach-tray__remove:hover[b-oklagvo6vp] {
    background: var(--color-red, #f9574d);
}

/* ── Meta column ─────────────────────────────────────────── */
.vp-attach-tray__meta[b-oklagvo6vp] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    overflow: hidden;
}

.vp-attach-tray__name[b-oklagvo6vp] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-midnight, #223029);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vp-attach-tray__sub[b-oklagvo6vp] {
    font-size: 11px;
    color: var(--color-gray-01, #909893);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vp-attach-tray__card--error .vp-attach-tray__sub[b-oklagvo6vp],
.vp-attach-tray__card--error .vp-attach-tray__status[b-oklagvo6vp] {
    color: var(--color-red, #f9574d);
}

/* ── Progress bar ────────────────────────────────────────── */
.vp-attach-tray__bar[b-oklagvo6vp] {
    width: 100%;
    height: 3px;
    margin-top: 4px;
    background: var(--color-gray-03, #e0e3e2);
    border-radius: 2px;
    overflow: hidden;
}

.vp-attach-tray__bar-fill[b-oklagvo6vp] {
    height: 100%;
    background: var(--color-bright-green, #a3e96b);
    transition: width 0.2s ease;
}

/* ── Retry button ────────────────────────────────────────── */
.vp-attach-tray__retry[b-oklagvo6vp] {
    margin-top: 4px;
    padding: 3px 8px;
    font-size: 11px;
    font-weight: 600;
    font-family: inherit;
    color: var(--color-white, #ffffff);
    background: var(--color-red, #f9574d);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    align-self: flex-start;
    transition: filter 0.1s ease;
}

.vp-attach-tray__retry:hover[b-oklagvo6vp] {
    filter: brightness(1.05);
}

/* ── Dark-theme tweaks ───────────────────────────────────── */
.vp-attach-tray[data-theme="dark"] .vp-attach-tray__card[b-oklagvo6vp] {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.1);
}

.vp-attach-tray[data-theme="dark"] .vp-attach-tray__preview[b-oklagvo6vp] {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
}

.vp-attach-tray[data-theme="dark"] .vp-attach-tray__name[b-oklagvo6vp] {
    color: rgba(255, 255, 255, 0.92);
}
/* _content/Verapath.Components/Components/Brand/MaxAvatar.razor.rz.scp.css */
/*
  Max voice avatar — scoped styles.
  Background is TRANSPARENT by design: the component paints only the mark.
  The blurred lime glow reads on both light and dark surfaces.

  Brand mark exception (style.md rule 1): the gradient stops are the exact
  Verapath brand greens from the Max design handoff and must not be re-themed.
  Tokens are referenced where a token matches the handoff value; the remaining
  stops have no token equivalents and stay hardcoded intentionally.
*/

.vp-max-avatar[b-9chj595c8p] {
    position: relative;
    display: inline-block;
    line-height: 0;
    /* no background — sits on any surface */
}

/* ---- layers share the box, centered ---- */
.vp-max-avatar__aura[b-9chj595c8p],
.vp-max-avatar__signal[b-9chj595c8p] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    will-change: transform, opacity;
}

.vp-max-avatar__signal[b-9chj595c8p] {
    gap: 6.5%;
    opacity: 0; /* JS fades in while speaking */
}

/* ---- AURA orb ---- */
.vp-max-avatar__glow[b-9chj595c8p] {
    position: absolute;
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background: radial-gradient(circle,
        var(--color-bright-green, #a3e96b) 0%, rgba(14, 166, 101, 0) 68%);
    /* 11% of the rendered size, injected by the component (blur() needs a length) */
    filter: blur(var(--max-avatar-blur, 18px));
    opacity: .6;
    will-change: transform, opacity;
}

.vp-max-avatar__halo[b-9chj595c8p] {
    position: absolute;
    width: 74%;
    height: 74%;
    border-radius: 50%;
    border: 2px solid #8fe07a; /* brand mark green — no token equivalent */
    opacity: .35;
    will-change: transform, opacity;
}
.vp-max-avatar__halo--2[b-9chj595c8p] {
    border-color: #46c98a; /* brand mark green — no token equivalent */
    opacity: .28;
}

.vp-max-avatar__core[b-9chj595c8p] {
    position: relative;
    width: 60%;
    height: 60%;
    border-radius: 50%;
    /* brand mark gradient — exact handoff greens */
    background: radial-gradient(circle at 34% 27%,
        #f1ffd6 0%, #c2f486 16%, #7ede8c 40%, #1aa867 70%, #0a5b3c 100%);
    box-shadow:
        inset -6px -8px 18px rgba(7, 46, 29, .55),
        inset 6px 7px 14px rgba(255, 255, 255, .4),
        0 8px 22px rgba(14, 90, 58, .22);
    will-change: transform;
}

.vp-max-avatar__spec[b-9chj595c8p] {
    position: absolute;
    width: 60%;
    height: 60%;
    border-radius: 50%;
    pointer-events: none;
    background: radial-gradient(circle at 33% 24%,
        rgba(255, 255, 255, .92), rgba(255, 255, 255, 0) 32%);
}

/* ---- SIGNAL bars ---- */
.vp-max-avatar__bar[b-9chj595c8p] {
    width: 7.5%;
    height: 66%;
    border-radius: 99px;
    /* #c2f486 is a brand mark green with no token equivalent */
    background: linear-gradient(180deg, #c2f486, var(--color-green, #0ea665));
    transform-origin: center;
    transform: scaleY(.3);
    will-change: transform;
}
.vp-max-avatar__bar--center[b-9chj595c8p] {
    background: linear-gradient(180deg,
        var(--color-bright-green, #a3e96b), var(--color-green, #0ea665));
}

/* Respect reduced-motion: hold a calm static state (JS also checks this). */
@media (prefers-reduced-motion: reduce) {
    .vp-max-avatar__halo[b-9chj595c8p] { display: none; }
}
/* _content/Verapath.Components/Components/Brand/MaxLauncher.razor.rz.scp.css */
/* Floating Max trigger — labelled pill (from the "AI Agent Max" launcher
   handoff). Bottom-right, above content but below modals — same placement /
   z-index contract as RIA.APP's .ria-ai-fab. The deep-green pill is the surface
   the transparent Max mark sits on (its lime glow is tuned to read on dark).

   Brand mark exception (style.md rule 1): the pill gradient greens are the
   exact handoff values with no token equivalents and stay hardcoded. */
.vp-max-launcher[b-bxwd0lspmo] {
    position: fixed;
    right: var(--space-6, 24px);
    bottom: var(--space-6, 24px);
    z-index: 900;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 20px 11px 12px;
    border: none;
    border-radius: 999px;
    cursor: pointer;
    background: radial-gradient(120% 160% at 12% 10%, #2b3a30, #141b16);
    box-shadow: 0 10px 30px rgba(14, 90, 58, 0.28);
    transition: transform .22s cubic-bezier(.2, .8, .2, 1), box-shadow .22s;
}

.vp-max-launcher:hover:not(:disabled)[b-bxwd0lspmo] {
    transform: translateY(-2px);
    box-shadow: 0 16px 34px rgba(14, 90, 58, 0.30);
}

.vp-max-launcher:focus-visible[b-bxwd0lspmo] {
    outline: 2px solid var(--color-green, #0ea665);
    outline-offset: 2px;
}

.vp-max-launcher:disabled[b-bxwd0lspmo] {
    opacity: 0.55;
    cursor: not-allowed;
}

.vp-max-launcher__text[b-bxwd0lspmo] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.05;
    padding-right: 4px;
}

.vp-max-launcher__title[b-bxwd0lspmo] {
    font-weight: 700;
    font-size: 15px;
    color: #f4f7f1; /* handoff off-white on deep green — no token equivalent */
}

.vp-max-launcher__sub[b-bxwd0lspmo] {
    font-size: 11px;
    font-weight: 500;
    color: var(--color-bright-green, #a3e96b);
}

/* ---- attract pulse ---- */
@keyframes vpMaxLauncherPulse-b-bxwd0lspmo {
    0%   { box-shadow: 0 0 0 0 rgba(163, 233, 107, 0.55), 0 10px 30px rgba(14, 90, 58, 0.28); }
    70%  { box-shadow: 0 0 0 14px rgba(163, 233, 107, 0), 0 10px 30px rgba(14, 90, 58, 0.28); }
    100% { box-shadow: 0 0 0 0 rgba(163, 233, 107, 0), 0 10px 30px rgba(14, 90, 58, 0.28); }
}
.vp-max-launcher--attract[b-bxwd0lspmo] { animation: vpMaxLauncherPulse-b-bxwd0lspmo 2.8s ease-out infinite; }
@media (prefers-reduced-motion: reduce) {
    .vp-max-launcher--attract[b-bxwd0lspmo] { animation: none; }
}
/* _content/Verapath.Components/Components/Brand/VerapathLoader.razor.rz.scp.css */
.vp-loader[b-0778r0rnv3] {
    --vp-loader-icon-size: 72px;
    --vp-loader-color: #223029;
    --vp-loader-accent: #a3e96b;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--vp-loader-color);
}

.vp-loader__stage[b-0778r0rnv3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.vp-loader__anim[b-0778r0rnv3] {
    position: relative;
    width: calc(var(--vp-loader-icon-size) * 1.72);
    height: calc(var(--vp-loader-icon-size) * 1.72);
    flex-shrink: 0;
    overflow: visible;
}

.vp-loader__icon[b-0778r0rnv3] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: var(--vp-loader-icon-size);
    height: var(--vp-loader-icon-size);
    line-height: 0;
}

.vp-loader__icon svg[b-0778r0rnv3] {
    width: 100%;
    height: 100%;
}

.vp-loader__wordmark[b-0778r0rnv3] {
    line-height: 0;
}

.vp-loader__wordmark svg[b-0778r0rnv3] {
    width: calc(var(--vp-loader-icon-size) * 2.8);
    height: auto;
}

.vp-loader--compact-wordmark .vp-loader__stage[b-0778r0rnv3] {
    gap: 12px;
}

.vp-loader--compact-wordmark .vp-loader__anim[b-0778r0rnv3] {
    width: var(--vp-loader-icon-size);
    height: calc(var(--vp-loader-icon-size) * 1.05);
}

.vp-loader--compact-wordmark .vp-loader__icon[b-0778r0rnv3] {
    top: 54%;
}

.vp-loader__message[b-0778r0rnv3] {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: var(--vp-placeholder-color, #909893);
    text-align: center;
    letter-spacing: 0.01em;
}

.vp-loader__spinner[b-0778r0rnv3] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    color: var(--vp-loader-accent, #a3e96b);
}

/* Rotate the arc INSIDE the svg canvas rather than the svg element itself.
   A rotating square element's bounding box oscillates (√2× at 45°), which
   rhythmically grows the page's scrollable overflow — the vertical scrollbar
   blinked in and out twice per spin whenever a loader sat near the fold.
   SVG clips its own content, so an inner rotation never affects layout. */
.vp-loader__spinner-arc[b-0778r0rnv3] {
    transform-box: view-box;
    transform-origin: center;
    animation: vp-loader-spin-b-0778r0rnv3 1.1s linear infinite;
}

@keyframes vp-loader-spin-b-0778r0rnv3 {
    to {
        transform: rotate(360deg);
    }
}

.vp-loader__pulse-ring[b-0778r0rnv3] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2px solid var(--vp-loader-accent, #a3e96b);
    animation: vp-loader-pulse-ring-b-0778r0rnv3 2.2s ease-in-out infinite;
    transform-origin: center;
}

.vp-loader__pulse-ring--outer[b-0778r0rnv3] {
    inset: -10%;
    border-color: var(--vp-loader-accent, #a3e96b);
    opacity: 0.4;
    animation-delay: -1.1s;
}

@keyframes vp-loader-pulse-ring-b-0778r0rnv3 {
    0%, 100% {
        transform: scale(0.9);
        opacity: 0.25;
    }

    50% {
        transform: scale(1.06);
        opacity: 0.65;
    }
}

.vp-loader__icon--pulse[b-0778r0rnv3] {
    animation: vp-loader-pulse-icon-b-0778r0rnv3 2.2s ease-in-out infinite;
}

@keyframes vp-loader-pulse-icon-b-0778r0rnv3 {
    0%, 100% {
        transform: translate(-50%, -50%) scale(1);
    }

    50% {
        transform: translate(-50%, -50%) scale(1.07);
    }
}

.vp-loader__dots[b-0778r0rnv3] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.vp-loader__dot[b-0778r0rnv3] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--vp-loader-accent, #a3e96b);
    animation: vp-loader-bounce-b-0778r0rnv3 0.65s ease-in-out infinite alternate;
    animation-delay: var(--dot-delay, 0s);
}

@keyframes vp-loader-bounce-b-0778r0rnv3 {
    from {
        transform: translateY(0);
        opacity: 0.55;
    }

    to {
        transform: translateY(-11px);
        opacity: 1;
    }
}

.vp-loader__ripple[b-0778r0rnv3] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2px solid var(--vp-loader-accent, #a3e96b);
    animation: vp-loader-ripple-b-0778r0rnv3 2.25s cubic-bezier(0.2, 0.6, 0.4, 1) infinite;
    animation-delay: var(--ripple-delay, 0s);
    opacity: 0;
}

@keyframes vp-loader-ripple-b-0778r0rnv3 {
    0% {
        transform: scale(0.55);
        opacity: 0.9;
    }

    100% {
        transform: scale(2.1);
        opacity: 0;
    }
}

.vp-loader--overlay[b-0778r0rnv3] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.vp-loader--center[b-0778r0rnv3] {
    display: flex;
    width: 100%;
    min-height: 60vh;
    align-items: center;
    justify-content: center;
}

:root[data-theme="dark"] .vp-loader[b-0778r0rnv3],
[data-theme="dark"] .vp-loader[b-0778r0rnv3],
.vp-loader[data-theme="dark"][b-0778r0rnv3] {
    --vp-loader-color: #ffffff;
}

:root[data-theme="dark"] .vp-loader__message[b-0778r0rnv3],
[data-theme="dark"] .vp-loader__message[b-0778r0rnv3],
.vp-loader[data-theme="dark"] .vp-loader__message[b-0778r0rnv3] {
    color: rgba(255, 255, 255, 0.62);
}

:root[data-theme="dark"] .vp-loader--overlay[b-0778r0rnv3],
[data-theme="dark"] .vp-loader--overlay[b-0778r0rnv3] {
    background: rgba(34, 48, 41, 0.88);
}
/* _content/Verapath.Components/Components/Brand/VerapathLogo.razor.rz.scp.css */
/* ── Root ───────────────────────────────────────────────────────── */
.vp-logo[b-vw11r7ij0u] {
    --vp-logo-width: auto;
    --vp-logo-color: #223029;          /* light-mode default */
    --vp-logo-gap: 12px;

    display: inline-flex;
    align-items: center;
    gap: var(--vp-logo-gap);
    color: var(--vp-logo-color);
    line-height: 0;
}

/* ── Icon-only variant ──────────────────────────────────────────── */
.vp-logo--icon .vp-logo__icon[b-vw11r7ij0u] {
    width: var(--vp-logo-width, 48px);
    height: auto;
    aspect-ratio: 1;
}

/* ── Wordmark-only variant ──────────────────────────────────────── */
.vp-logo--wordmark .vp-logo__wordmark[b-vw11r7ij0u] {
    width: var(--vp-logo-width, 160px);
    height: auto;
}

/* ── Lockup variant ─────────────────────────────────────────────── */
.vp-logo--lockup .vp-logo__icon[b-vw11r7ij0u] {
    /* Height-driven: matches the cap-height of the wordmark */
    height: var(--vp-logo-width, 36px);
    width: auto;
    aspect-ratio: 1;
    flex-shrink: 0;
}

.vp-logo--lockup[b-vw11r7ij0u] {
    --vp-logo-gap: 8px;
}

.vp-logo--lockup .vp-logo__wordmark[b-vw11r7ij0u] {
    height: calc(var(--vp-logo-width, 36px) * 0.68);
    width: auto;
}

/* ── SVG base ───────────────────────────────────────────────────── */
.vp-logo__icon[b-vw11r7ij0u],
.vp-logo__wordmark[b-vw11r7ij0u] {
    display: block;
    fill: currentColor;
}

/* ── Dark mode — auto via parent data-theme ─────────────────────── */
:root[data-theme="dark"] .vp-logo[b-vw11r7ij0u],
[data-theme="dark"] .vp-logo[b-vw11r7ij0u] {
    --vp-logo-color: #ffffff;
}

/* ── Dark mode — forced on the component itself ─────────────────── */
.vp-logo[data-theme="dark"][b-vw11r7ij0u] {
    --vp-logo-color: #ffffff;
}

.vp-logo[data-theme="light"][b-vw11r7ij0u] {
    --vp-logo-color: #223029;
}
/* _content/Verapath.Components/Components/Breadcrumbs/VerapathBreadcrumbs.razor.rz.scp.css */
.vp-breadcrumbs[b-1y7cwzq5li] {
    display: inline-flex;
    max-width: 100%;
    padding: 10px 14px;
    border-radius: 18px;
   

}

/* Compact modifier — for dense toolbars / admin headers */
.vp-breadcrumbs--compact[b-1y7cwzq5li] {
    padding: 6px 10px;
    border-radius: 14px;
}

.vp-breadcrumbs--compact .vp-breadcrumbs__segment[b-1y7cwzq5li],
.vp-breadcrumbs--compact .vp-breadcrumbs__segment:visited[b-1y7cwzq5li] {
    padding: 5px 10px;
    font-size: 12px;
}

.vp-breadcrumbs__list[b-1y7cwzq5li] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    list-style: none;
    max-width: 100%;
}

.vp-breadcrumbs__item[b-1y7cwzq5li] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.vp-breadcrumbs__segment[b-1y7cwzq5li],
.vp-breadcrumbs__segment:visited[b-1y7cwzq5li] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    padding: 8px 12px;
    border-radius: 999px;
    text-decoration: none;
    font-family: "Season Sans SemiBold", "SeasonSans-SemiBold", Arial, sans-serif;
    font-size: 13px;
    color: var(--vp-content-text, var(--color-midnight, #223029));
    background: rgba(34, 48, 41, 0.04);
    transition: transform 0.18s ease, background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
    white-space: nowrap;
}

.vp-breadcrumbs__segment[href]:hover[b-1y7cwzq5li] {
    transform: translateY(-1px);
    background: rgba(34, 48, 41, 0.08);
    box-shadow: 0 10px 18px rgba(34, 48, 41, 0.08);
}

.vp-breadcrumbs__segment[href]:focus-visible[b-1y7cwzq5li] {
    outline: 2px solid var(--color-bright-green, #a3e96b);
    outline-offset: 2px;
}

.vp-breadcrumbs__item--current .vp-breadcrumbs__segment[b-1y7cwzq5li] {
    background: var(--color-midnight, #223029);
    color: var(--color-white, #ffffff);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        inset 0 -1px 0 rgba(0, 0, 0, 0.15),
        0 6px 16px rgba(34, 48, 41, 0.22);
    font-weight: 700;
}

.vp-breadcrumbs__segment--disabled[b-1y7cwzq5li] {
    opacity: 0.56;
    cursor: not-allowed;
    pointer-events: none;
}

.vp-breadcrumbs__separator[b-1y7cwzq5li] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--vp-placeholder-color, var(--color-gray-01, #909893));
    flex: 0 0 auto;
}

.vp-breadcrumbs__ellipsis[b-1y7cwzq5li] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    border-radius: 999px;
    background: rgba(34, 48, 41, 0.05);
    color: var(--vp-placeholder-color, var(--color-gray-01, #909893));
    font-family: "Season Sans SemiBold", "SeasonSans-SemiBold", Arial, sans-serif;
    font-size: 15px;
    letter-spacing: 0.08em;
}

.vp-breadcrumbs__ellipsis-button[b-1y7cwzq5li] {
    border: none;
    cursor: pointer;
    transition: transform 0.18s ease, background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.vp-breadcrumbs__ellipsis-button:hover[b-1y7cwzq5li] {
    transform: translateY(-1px);
    background: rgba(34, 48, 41, 0.08);
    box-shadow: 0 10px 18px rgba(34, 48, 41, 0.08);
}

.vp-breadcrumbs__ellipsis-button:focus-visible[b-1y7cwzq5li] {
    outline: 2px solid var(--color-bright-green, #a3e96b);
    outline-offset: 2px;
}

.vp-breadcrumbs__sr-only[b-1y7cwzq5li] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

[data-theme="dark"] .vp-breadcrumbs[b-1y7cwzq5li],
:root[data-theme="dark"] .vp-breadcrumbs[b-1y7cwzq5li] {

}

[data-theme="dark"] .vp-breadcrumbs--compact[b-1y7cwzq5li],
:root[data-theme="dark"] .vp-breadcrumbs--compact[b-1y7cwzq5li] {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 12px 22px rgba(0, 0, 0, 0.28);
}

[data-theme="dark"] .vp-breadcrumbs__item--current .vp-breadcrumbs__segment[b-1y7cwzq5li],
:root[data-theme="dark"] .vp-breadcrumbs__item--current .vp-breadcrumbs__segment[b-1y7cwzq5li] {
    background: var(--color-midnight, #223029);
    color: var(--color-white, #ffffff);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.10),
        0 6px 18px rgba(0, 0, 0, 0.35);
}

[data-theme="dark"] .vp-breadcrumbs__segment[b-1y7cwzq5li],
[data-theme="dark"] .vp-breadcrumbs__segment:visited[b-1y7cwzq5li],
[data-theme="dark"] .vp-breadcrumbs__ellipsis[b-1y7cwzq5li],
:root[data-theme="dark"] .vp-breadcrumbs__segment[b-1y7cwzq5li],
:root[data-theme="dark"] .vp-breadcrumbs__segment:visited[b-1y7cwzq5li],
:root[data-theme="dark"] .vp-breadcrumbs__ellipsis[b-1y7cwzq5li] {
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.88);
}

[data-theme="dark"] .vp-breadcrumbs__segment[href]:hover[b-1y7cwzq5li],
[data-theme="dark"] .vp-breadcrumbs__ellipsis-button:hover[b-1y7cwzq5li],
:root[data-theme="dark"] .vp-breadcrumbs__segment[href]:hover[b-1y7cwzq5li] {
    background: rgba(255, 255, 255, 0.12);
    box-shadow: 0 10px 18px rgba(0, 0, 0, 0.18);
}

:root[data-theme="dark"] .vp-breadcrumbs__ellipsis-button:hover[b-1y7cwzq5li] {
    background: rgba(255, 255, 255, 0.12);
    box-shadow: 0 10px 18px rgba(0, 0, 0, 0.18);
}

[data-theme="dark"] .vp-breadcrumbs__separator[b-1y7cwzq5li],
:root[data-theme="dark"] .vp-breadcrumbs__separator[b-1y7cwzq5li] {
    color: rgba(255, 255, 255, 0.46);
}

@media (max-width: 640px) {
    .vp-breadcrumbs[b-1y7cwzq5li] {
        width: 100%;
    }

    .vp-breadcrumbs__list[b-1y7cwzq5li] {
        gap: 6px;
    }

    .vp-breadcrumbs__item[b-1y7cwzq5li] {
        gap: 6px;
    }

    .vp-breadcrumbs__segment[b-1y7cwzq5li],
    .vp-breadcrumbs__segment:visited[b-1y7cwzq5li] {
        padding: 7px 10px;
        font-size: 12px;
    }
}
/* _content/Verapath.Components/Components/Buttons/VerapathButton.razor.rz.scp.css */
/*
 * VerapathButton scoped styles
 *
 * Colors and base tokens come from verapath-variables.css loaded by the host app.
 * --btn-custom-height can be set inline to override the default height per instance.
 */

.vp-btn[b-ybz0jf8vqs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: var(--btn-custom-height, var(--btn-height, 44px));
    padding: var(--btn-padding, 10px 24px);
    border-radius: var(--btn-border-radius, 999px);
    font-weight: var(--btn-font-weight, 700);
    font-size: var(--font-size-body, 16px);
    font-family: inherit;
    border: none;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 0.15s ease, opacity 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
    user-select: none;
}

/* ── Size modifiers ─────────────────────────────────────────────── */
.vp-btn--sm[b-ybz0jf8vqs] {
    height: var(--btn-custom-height, 32px);
    padding: 0 16px;
    font-size: 13px;
    border-radius: 999px;
    gap: 6px;
}

.vp-btn--lg[b-ybz0jf8vqs] {
    height: var(--btn-custom-height, 48px);
    padding: 0 28px;
    font-size: 15px;
    border-radius: 999px;
    gap: 10px;
}

.vp-btn--sm .vp-btn__icon[b-ybz0jf8vqs] {
    width: 14px;
    height: 14px;
}

.vp-btn--lg .vp-btn__icon[b-ybz0jf8vqs] {
    width: 20px;
    height: 20px;
}

/* ── Focus-visible ring (all variants, both themes) ─────────────── */
.vp-btn:focus-visible[b-ybz0jf8vqs] {
    outline: 2px solid var(--color-bright-green, #a3e96b);
    outline-offset: 2px;
}

/* ── Primary ────────────────────────────────────────────────────── */
.vp-btn--primary[b-ybz0jf8vqs] {
    background-color: var(--btn-primary-bg, #a3e96b);
    color: var(--btn-primary-text, #223029);
}
.vp-btn--primary:hover:not(:disabled)[b-ybz0jf8vqs] {
    background-color: var(--btn-primary-bg-hover, #8fd455);
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(163, 233, 107, 0.28);
}
.vp-btn--primary:active:not(:disabled)[b-ybz0jf8vqs] {
    background-color: var(--btn-primary-bg-active, #7bbf47);
    transform: translateY(0);
    box-shadow: none;
}

/* ── Secondary ──────────────────────────────────────────────────── */
.vp-btn--secondary[b-ybz0jf8vqs] {
    background-color: var(--btn-secondary-bg, #e0e3e2);
    color: var(--btn-secondary-text, #223029);
}
.vp-btn--secondary:hover:not(:disabled)[b-ybz0jf8vqs] {
    background-color: var(--btn-secondary-bg-hover, #b9c0be);
}
.vp-btn--secondary:active:not(:disabled)[b-ybz0jf8vqs] {
    background-color: var(--btn-secondary-bg-active, #a8b0ae);
}

/* ── Tertiary ───────────────────────────────────────────────────── */
.vp-btn--tertiary[b-ybz0jf8vqs] {
    background-color: var(--btn-tertiary-bg, #f9574d);
    color: var(--btn-tertiary-text, #ffffff);
}
.vp-btn--tertiary:hover:not(:disabled)[b-ybz0jf8vqs] {
    background-color: var(--btn-tertiary-bg-hover, #e03e34);
}
.vp-btn--tertiary:active:not(:disabled)[b-ybz0jf8vqs] {
    background-color: var(--btn-tertiary-bg-active, #c73530);
}

/* Ghost */
.vp-btn--ghost[b-ybz0jf8vqs] {
    background-color: transparent;
    color: var(--btn-ghost-text, #223029);
    border: 1px solid var(--btn-ghost-border, #b9c0be);
}
.vp-btn--ghost:hover:not(:disabled)[b-ybz0jf8vqs] {
    background-color: var(--btn-ghost-bg-hover, #f3f5f4);
}
.vp-btn--ghost:active:not(:disabled)[b-ybz0jf8vqs] {
    background-color: var(--btn-ghost-bg-active, #e0e3e2);
}

/* Destructive */
.vp-btn--destructive[b-ybz0jf8vqs] {
    background-color: var(--btn-destructive-bg, #f9574d);
    color: var(--btn-destructive-text, #ffffff);
}
.vp-btn--destructive:hover:not(:disabled)[b-ybz0jf8vqs] {
    background-color: var(--btn-destructive-bg-hover, #e03e34);
}
.vp-btn--destructive:active:not(:disabled)[b-ybz0jf8vqs] {
    background-color: var(--btn-destructive-bg-active, #c73530);
}

/* ── Disabled (all variants) ────────────────────────────────────── */
.vp-btn:disabled[b-ybz0jf8vqs] {
    background-color: var(--btn-primary-bg-disabled, #e0e3e2);
    color: var(--btn-primary-text-disabled, #909893);
    cursor: not-allowed;
    opacity: 0.7;
}

/* ── Dark-mode refinements ──────────────────────────────────────── */
[data-theme="dark"] .vp-btn--ghost[b-ybz0jf8vqs],
:root[data-theme="dark"] .vp-btn--ghost[b-ybz0jf8vqs] {
    color: rgba(255, 255, 255, 0.82);
    border-color: rgba(255, 255, 255, 0.18);
}

[data-theme="dark"] .vp-btn--ghost:hover:not(:disabled)[b-ybz0jf8vqs],
:root[data-theme="dark"] .vp-btn--ghost:hover:not(:disabled)[b-ybz0jf8vqs] {
    background-color: rgba(255, 255, 255, 0.06);
}

/* ── Icon slots ─────────────────────────────────────────────────── */
.vp-btn__icon[b-ybz0jf8vqs] {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
}

.vp-btn__icon--left[b-ybz0jf8vqs]  { order: -1; }
.vp-btn__icon--right[b-ybz0jf8vqs] { order:  1; }

.vp-btn__label[b-ybz0jf8vqs] {
    order: 0;
}
/* _content/Verapath.Components/Components/Calendar/VerapathCalendar.razor.rz.scp.css */
/* ── Root container ──────────────────────────────────────────────────── */
.vp-calendar[b-3wq8lx9r3a] {
    --vp-cal-hour-height: 60px;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    color: var(--color-midnight, #223029);
    font-family: inherit;
    background: var(--vp-surface-input, #ffffff);
}

/* ── Toolbar ─────────────────────────────────────────────────────────── */
.vp-calendar__toolbar[b-3wq8lx9r3a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    flex-shrink: 0;
    gap: 12px;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--vp-border-default, #b9c0be);
    background: var(--vp-content-bg, #f7f7f7);
}

.vp-calendar__nav[b-3wq8lx9r3a] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.vp-calendar__nav-btn[b-3wq8lx9r3a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--vp-border-default, #b9c0be);
    background: var(--vp-surface-input, #ffffff);
    border-radius: 6px;
    padding: 5px 8px;
    cursor: pointer;
    color: var(--color-midnight, #223029);
    font-size: 13px;
    font-weight: 600;
    font-family: inherit;
    line-height: 1;
    transition: background 0.12s, border-color 0.12s;
    min-height: 32px;
    min-width: 32px;
}

.vp-calendar__nav-btn:hover[b-3wq8lx9r3a] {
    background: var(--vp-surface-hover, #e0e3e2);
    border-color: var(--vp-border-hover, #8a9590);
}

.vp-calendar__nav-btn--today[b-3wq8lx9r3a] {
    padding: 5px 12px;
}

.vp-calendar__period-label[b-3wq8lx9r3a] {
    font-weight: 700;
    font-size: 15px;
    color: var(--color-midnight, #223029);
    margin-left: 10px;
    white-space: nowrap;
}

/* ── View tabs ───────────────────────────────────────────────────────── */
.vp-calendar__view-tabs[b-3wq8lx9r3a] {
    display: flex;
    gap: 2px;
    background: var(--color-gray-04, #f0f2f1);
    border-radius: 8px;
    padding: 3px;
    border: 1px solid var(--vp-border-default, #b9c0be);
}

.vp-calendar__view-tab[b-3wq8lx9r3a] {
    border: none;
    background: none;
    border-radius: 6px;
    padding: 5px 12px;
    font-size: 13px;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    color: var(--color-gray-01, #909893);
    transition: background 0.12s, color 0.12s;
    line-height: 1;
    white-space: nowrap;
}

.vp-calendar__view-tab--active[b-3wq8lx9r3a] {
    background: var(--vp-surface-input, #ffffff);
    color: var(--color-midnight, #223029);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10);
}

/* ── Body area (wraps month/time grid + loading overlay) ─────────────── */
.vp-calendar__body-area[b-3wq8lx9r3a] {
    position: relative;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

/* ── Loading overlay ─────────────────────────────────────────────────── */
.vp-calendar__loading-overlay[b-3wq8lx9r3a] {
    position: absolute;
    inset: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(1px);
    pointer-events: all;
}

[data-theme="dark"] .vp-calendar__loading-overlay[b-3wq8lx9r3a] {
    background: rgba(26, 46, 34, 0.65);
}

.vp-calendar__loading-spinner[b-3wq8lx9r3a] {
    width: 40px;
    height: 40px;
    border: 4px solid var(--color-gray-02, #b9c0be);
    border-top-color: var(--color-bright-green, #a3e96b);
    border-radius: 50%;
    animation: vp-calendar-spin-b-3wq8lx9r3a 0.75s linear infinite;
}

@keyframes vp-calendar-spin-b-3wq8lx9r3a {
    to { transform: rotate(360deg); }
}

/* ── Month grid ──────────────────────────────────────────────────────── */
.vp-calendar__month-grid[b-3wq8lx9r3a] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    flex: 1;
    overflow-y: auto;
    border-left: 1px solid var(--vp-border-default, #b9c0be);
}

.vp-calendar__month-weekday-header[b-3wq8lx9r3a] {
    padding: 8px 6px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-gray-01, #909893);
    border-right: 1px solid var(--vp-border-default, #b9c0be);
    border-bottom: 2px solid var(--vp-border-default, #b9c0be);
    background: var(--vp-content-bg, #f7f7f7);
}

.vp-calendar__month-cell[b-3wq8lx9r3a] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 4px 4px 6px;
    border-right: 1px solid var(--vp-border-default, #b9c0be);
    border-bottom: 1px solid var(--vp-border-default, #b9c0be);
    min-height: 100px;
    overflow: hidden;
    background: var(--vp-surface-input, #ffffff);
}

.vp-calendar__month-cell--other-month[b-3wq8lx9r3a] {
    background: var(--vp-content-bg, #f7f7f7);
    opacity: 0.6;
}

.vp-calendar__month-cell--today > .vp-calendar__month-cell-date[b-3wq8lx9r3a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--color-bright-green, #a3e96b);
    color: var(--color-midnight, #223029);
    font-weight: 700;
}

.vp-calendar__month-cell-date[b-3wq8lx9r3a] {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-midnight, #223029);
    margin-bottom: 2px;
    line-height: 1;
    padding: 2px 0;
}

.vp-calendar__event-overflow[b-3wq8lx9r3a] {
    font-size: 11px;
    color: var(--color-gray-01, #909893);
    font-weight: 600;
    padding: 1px 4px;
    cursor: default;
}

/* ── Time grid shell ─────────────────────────────────────────────────── */
.vp-calendar__time-grid[b-3wq8lx9r3a] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* ── All-day row ─────────────────────────────────────────────────────── */
.vp-calendar__all-day-row[b-3wq8lx9r3a] {
    display: flex;
    flex-shrink: 0;
    border-bottom: 2px solid var(--vp-border-default, #b9c0be);
    min-height: 32px;
    background: var(--vp-content-bg, #f7f7f7);
}

.vp-calendar__time-axis-gutter[b-3wq8lx9r3a] {
    width: 56px;
    min-width: 56px;
    flex-shrink: 0;
    border-right: 1px solid var(--vp-border-default, #b9c0be);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 4px;
}

.vp-calendar__all-day-label[b-3wq8lx9r3a] {
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-gray-01, #909893);
}

.vp-calendar__all-day-cell[b-3wq8lx9r3a] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 3px;
    border-right: 1px solid var(--vp-border-default, #b9c0be);
}

/* ── Day-header row ──────────────────────────────────────────────────── */
.vp-calendar__day-header-row[b-3wq8lx9r3a] {
    display: flex;
    flex-shrink: 0;
    border-bottom: 1px solid var(--vp-border-default, #b9c0be);
    background: var(--vp-content-bg, #f7f7f7);
}

.vp-calendar__day-header[b-3wq8lx9r3a] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 6px 4px;
    gap: 2px;
    border-right: 1px solid var(--vp-border-default, #b9c0be);
}

.vp-calendar__day-header-weekday[b-3wq8lx9r3a] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-gray-01, #909893);
}

.vp-calendar__day-header-date[b-3wq8lx9r3a] {
    font-size: 18px;
    font-weight: 700;
    color: var(--color-midnight, #223029);
    line-height: 1;
}

.vp-calendar__day-header--today .vp-calendar__day-header-date[b-3wq8lx9r3a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--color-bright-green, #a3e96b);
    color: var(--color-midnight, #223029);
}

/* ── Scrollable time body ────────────────────────────────────────────── */
.vp-calendar__time-body[b-3wq8lx9r3a] {
    display: flex;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}

/* ── Time axis ───────────────────────────────────────────────────────── */
.vp-calendar__time-axis[b-3wq8lx9r3a] {
    width: 56px;
    min-width: 56px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--vp-border-default, #b9c0be);
}

.vp-calendar__time-label[b-3wq8lx9r3a] {
    height: var(--vp-cal-hour-height, 60px);
    flex-shrink: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 4px 8px 0 0;
    font-size: 10px;
    font-weight: 600;
    color: var(--color-gray-01, #909893);
    letter-spacing: 0.02em;
}

/* ── Day columns ─────────────────────────────────────────────────────── */
.vp-calendar__day-column[b-3wq8lx9r3a] {
    flex: 1;
    position: relative;
    border-right: 1px solid var(--vp-border-default, #b9c0be);
}

.vp-calendar__day-column--today[b-3wq8lx9r3a] {
    background: rgba(163, 233, 107, 0.04);
}

/* ── Hour / half-hour lines ──────────────────────────────────────────── */
.vp-calendar__hour-line[b-3wq8lx9r3a] {
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: var(--vp-border-default, #b9c0be);
    pointer-events: none;
}

.vp-calendar__hour-line--half[b-3wq8lx9r3a] {
    background: var(--vp-divider, #e0e3e2);
}

/* ── Event block (time views) ────────────────────────────────────────── */
.vp-calendar__event[b-3wq8lx9r3a] {
    position: absolute;
    overflow: hidden;
    border-radius: 4px;
    background: var(--color-bright-green, #a3e96b);
    color: var(--color-midnight, #223029);
    font-size: 11px;
    font-weight: 600;
    font-family: inherit;
    padding: 2px 5px;
    cursor: pointer;
    border: none;
    text-align: left;
    display: flex;
    align-items: flex-start;
    gap: 4px;
    line-height: 1.3;
    min-height: 18px;
    box-sizing: border-box;
    transition: filter 0.1s;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

.vp-calendar__event:hover[b-3wq8lx9r3a] {
    filter: brightness(0.93);
}

.vp-calendar__event:focus-visible[b-3wq8lx9r3a] {
    outline: 2px solid var(--color-midnight, #223029);
    outline-offset: 1px;
}

.vp-calendar__event-subject[b-3wq8lx9r3a] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.vp-calendar__event-dot[b-3wq8lx9r3a] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--color-midnight, #223029);
    flex-shrink: 0;
    margin-top: 3px;
    box-shadow: 0 0 0 1.5px rgba(255, 255, 255, 0.55);
}

/* ── All-day event style (resets absolute positioning) ───────────────── */
.vp-calendar__event--all-day[b-3wq8lx9r3a] {
    position: relative;
    top: unset;
    left: unset;
    width: 100%;
    height: auto;
    min-height: unset;
    font-size: 11px;
}

/* ── Month event style ────────────────────────────────────────────────── */
.vp-calendar__event--month[b-3wq8lx9r3a] {
    position: relative;
    top: unset;
    left: unset;
    width: 100%;
    height: auto;
    min-height: unset;
    border-radius: 3px;
    font-size: 11px;
    padding: 1px 4px;
}

/* ── Current time indicator ──────────────────────────────────────────── */
.vp-calendar__time-now[b-3wq8lx9r3a] {
    position: absolute;
    left: -1px;
    right: 0;
    height: 2px;
    background: var(--color-midnight, #223029);
    z-index: 10;
    pointer-events: none;
}

.vp-calendar__time-now[b-3wq8lx9r3a]::before {
    content: '';
    position: absolute;
    left: -4px;
    top: -4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--color-midnight, #223029);
}

/* ── Dark mode ───────────────────────────────────────────────────────── */
[data-theme="dark"] .vp-calendar[b-3wq8lx9r3a] {
    background: var(--color-midnight, #1a2e22);
    color: var(--color-white, #ffffff);
}

[data-theme="dark"] .vp-calendar__toolbar[b-3wq8lx9r3a] {
    background: rgba(255, 255, 255, 0.04);
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .vp-calendar__nav-btn[b-3wq8lx9r3a] {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
    color: var(--color-white, #ffffff);
}

[data-theme="dark"] .vp-calendar__nav-btn:hover[b-3wq8lx9r3a] {
    background: rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] .vp-calendar__period-label[b-3wq8lx9r3a] {
    color: var(--color-white, #ffffff);
}

[data-theme="dark"] .vp-calendar__view-tabs[b-3wq8lx9r3a] {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .vp-calendar__view-tab[b-3wq8lx9r3a] {
    color: rgba(255, 255, 255, 0.5);
}

[data-theme="dark"] .vp-calendar__view-tab--active[b-3wq8lx9r3a] {
    background: rgba(255, 255, 255, 0.1);
    color: var(--color-white, #ffffff);
    box-shadow: none;
}

[data-theme="dark"] .vp-calendar__month-weekday-header[b-3wq8lx9r3a] {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.45);
}

[data-theme="dark"] .vp-calendar__month-cell[b-3wq8lx9r3a] {
    background: var(--color-midnight, #1a2e22);
    border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-calendar__month-cell--other-month[b-3wq8lx9r3a] {
    background: rgba(0, 0, 0, 0.15);
}

[data-theme="dark"] .vp-calendar__month-cell-date[b-3wq8lx9r3a] {
    color: var(--color-white, #ffffff);
}

[data-theme="dark"] .vp-calendar__month-cell--today > .vp-calendar__month-cell-date[b-3wq8lx9r3a] {
    background: var(--color-bright-green, #a3e96b);
    color: var(--color-midnight, #223029);
}

[data-theme="dark"] .vp-calendar__day-header-row[b-3wq8lx9r3a],
[data-theme="dark"] .vp-calendar__all-day-row[b-3wq8lx9r3a] {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-calendar__day-header[b-3wq8lx9r3a] {
    border-right-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-calendar__day-header-weekday[b-3wq8lx9r3a] {
    color: rgba(255, 255, 255, 0.45);
}

[data-theme="dark"] .vp-calendar__day-header-date[b-3wq8lx9r3a] {
    color: var(--color-white, #ffffff);
}

[data-theme="dark"] .vp-calendar__day-header--today .vp-calendar__day-header-date[b-3wq8lx9r3a] {
    background: var(--color-bright-green, #a3e96b);
    color: var(--color-midnight, #223029);
}

[data-theme="dark"] .vp-calendar__time-axis[b-3wq8lx9r3a] {
    border-right-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-calendar__time-label[b-3wq8lx9r3a] {
    color: rgba(255, 255, 255, 0.35);
}

[data-theme="dark"] .vp-calendar__time-axis-gutter[b-3wq8lx9r3a] {
    border-right-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-calendar__day-column[b-3wq8lx9r3a] {
    border-right-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-calendar__day-column--today[b-3wq8lx9r3a] {
    background: rgba(163, 233, 107, 0.06);
}

[data-theme="dark"] .vp-calendar__hour-line[b-3wq8lx9r3a] {
    background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-calendar__hour-line--half[b-3wq8lx9r3a] {
    background: rgba(255, 255, 255, 0.04);
}

[data-theme="dark"] .vp-calendar__time-now[b-3wq8lx9r3a],
[data-theme="dark"] .vp-calendar__time-now[b-3wq8lx9r3a]::before {
    background: var(--color-white, #ffffff);
}

[data-theme="dark"] .vp-calendar__event[b-3wq8lx9r3a] {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .vp-calendar__all-day-cell[b-3wq8lx9r3a] {
    border-right-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-calendar__month-grid[b-3wq8lx9r3a] {
    border-left-color: rgba(255, 255, 255, 0.08);
}
/* _content/Verapath.Components/Components/Calendar/VerapathCalendarDetail.razor.rz.scp.css */
/* ── Layout ───────────────────────────────────────────────────────────── */
.vp-calendar-detail__layout[b-boyjbop1h7] {
    display: flex;
    gap: 20px;
    min-height: 340px;
    height: 100%;
    overflow: hidden;
}

/* ── Main content ─────────────────────────────────────────────────────── */
.vp-calendar-detail__main[b-boyjbop1h7] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow-y: auto;
}

/* ── Meta rows ────────────────────────────────────────────────────────── */
.vp-calendar-detail__row[b-boyjbop1h7] {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
}

.vp-calendar-detail__row--top-align[b-boyjbop1h7] {
    align-items: start;
}

.vp-calendar-detail__label[b-boyjbop1h7] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-gray-01, #909893);
    flex-shrink: 0;
}

.vp-calendar-detail__value[b-boyjbop1h7] {
    font-size: 14px;
    font-weight: 500;
    color: var(--vp-input-color, #223029);
    word-break: break-word;
    line-height: 1.4;
}

.vp-calendar-detail__link[b-boyjbop1h7] {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-green, #0ea665);
    text-decoration: none;
    word-break: break-all;
    line-height: 1.4;
}

.vp-calendar-detail__link:hover[b-boyjbop1h7] {
    text-decoration: underline;
}

/* ── Attendees list ───────────────────────────────────────────────────── */
.vp-calendar-detail__attendees[b-boyjbop1h7] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 3px;
    font-size: 13px;
    color: var(--vp-input-color, #223029);
    line-height: 1.4;
}

/* ── Description ──────────────────────────────────────────────────────── */
.vp-calendar-detail__description[b-boyjbop1h7] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    border-top: 1px solid var(--vp-divider, #e0e3e2);
    padding-top: 14px;
    margin-top: 2px;
    font-size: 14px;
    line-height: 1.65;
    color: var(--vp-input-color, #223029);
}

.vp-calendar-detail__description p[b-boyjbop1h7] {
    margin: 0 0 10px;
}

.vp-calendar-detail__description p:last-child[b-boyjbop1h7] {
    margin-bottom: 0;
}

.vp-calendar-detail__empty[b-boyjbop1h7] {
    margin: 0;
    color: var(--color-gray-01, #909893);
    font-style: italic;
}

/* ── Side panel ───────────────────────────────────────────────────────── */
.vp-calendar-detail__side[b-boyjbop1h7] {
    width: 240px;
    min-width: 240px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-left: 1px solid var(--vp-divider, #e0e3e2);
    padding-left: 20px;
    align-self: stretch;
}

/* ── Dark mode ────────────────────────────────────────────────────────── */
[data-theme="dark"] .vp-calendar-detail__value[b-boyjbop1h7],
[data-theme="dark"] .vp-calendar-detail__description[b-boyjbop1h7],
[data-theme="dark"] .vp-calendar-detail__attendees[b-boyjbop1h7] {
    color: var(--color-white, #ffffff);
}

[data-theme="dark"] .vp-calendar-detail__description[b-boyjbop1h7] {
    border-top-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .vp-calendar-detail__side[b-boyjbop1h7] {
    border-left-color: rgba(255, 255, 255, 0.1);
}

/* ── Responsive ───────────────────────────────────────────────────────── */
@media (max-width: 680px) {
    .vp-calendar-detail__layout[b-boyjbop1h7] {
        flex-direction: column;
        overflow-y: auto;
    }

    .vp-calendar-detail__side[b-boyjbop1h7] {
        width: 100%;
        min-width: 100%;
        border-left: none;
        border-top: 1px solid var(--vp-divider, #e0e3e2);
        padding-left: 0;
        padding-top: 16px;
    }

    .vp-calendar-detail__row[b-boyjbop1h7] {
        grid-template-columns: 80px minmax(0, 1fr);
    }
}
/* _content/Verapath.Components/Components/Cards/Kanban/VerapathKanbanBoard.razor.rz.scp.css */
.vp-kanban[b-4anb7rfjim] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(220px, 1fr);
    gap: 10px;
    overflow-x: auto;
    padding: 4px 0;
    align-items: start;
}

.vp-kanban__column[b-4anb7rfjim] {
    display: flex;
    flex-direction: column;
    background: var(--vp-card-alt, #FAF7EF);
    border: 1px solid var(--vp-border-soft, #EEEAE0);
    border-radius: 6px;
    min-height: 200px;
    transition: background 120ms ease;
}

.vp-kanban__column.is-dropping[b-4anb7rfjim] {
    background: color-mix(in srgb, var(--vp-up, #1F4A2D) 6%, transparent);
    border-color: color-mix(in srgb, var(--vp-up, #1F4A2D) 30%, transparent);
}

.vp-kanban__column--won[b-4anb7rfjim] {
    background: color-mix(in srgb, var(--vp-up, #1F4A2D) 4%, var(--vp-card-alt, #FAF7EF) 96%);
}

.vp-kanban__column--lost[b-4anb7rfjim] {
    background: color-mix(in srgb, var(--vp-down, #A93A2E) 4%, var(--vp-card-alt, #FAF7EF) 96%);
}

.vp-kanban__column-head[b-4anb7rfjim] {
    padding: 10px 12px 6px;
    border-bottom: 1px solid var(--vp-border-soft, #EEEAE0);
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.vp-kanban__column-title-row[b-4anb7rfjim] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
}

.vp-kanban__column-title[b-4anb7rfjim] {
    font-family: var(--font-serif, Georgia, "Times New Roman", serif);
    font-size: var(--vp-h2-compact, 14px);
    font-weight: 500;
    color: var(--vp-content-text, #223029);
}

.vp-kanban__column-count[b-4anb7rfjim] {
    font-size: var(--vp-kicker, 10px);
    font-weight: 600;
    padding: 1px 6px;
    border-radius: 999px;
    background: var(--vp-border-soft, #EEEAE0);
    color: color-mix(in srgb, var(--vp-content-text, #223029) 70%, transparent);
    font-variant-numeric: tabular-nums;
}

.vp-kanban__column-sub[b-4anb7rfjim] {
    font-size: var(--vp-meta, 11px);
    color: color-mix(in srgb, var(--vp-content-text, #223029) 60%, transparent);
    font-variant-numeric: tabular-nums;
}

.vp-kanban__column-body[b-4anb7rfjim] {
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1 1 auto;
    min-height: 60px;
}

.vp-kanban__card[b-4anb7rfjim] {
    background: var(--vp-card-bg, #ffffff);
    border: 1px solid var(--vp-border-soft, #EEEAE0);
    border-radius: 5px;
    padding: 8px 10px;
    cursor: default;
    position: relative;
    font-size: var(--vp-body-compact, 13px);
    color: var(--vp-content-text, #223029);
    transition: box-shadow 120ms ease, border-color 120ms ease, transform 120ms ease;
}

.vp-kanban__card:hover[b-4anb7rfjim] {
    border-color: color-mix(in srgb, var(--vp-content-text, #223029) 20%, transparent);
}

.vp-kanban__card:active[b-4anb7rfjim] {
    cursor: grabbing;
    transform: scale(0.99);
}

/* Draggable cards get the grab cursor + a grip glyph so it's obvious they move
   (read-only cards keep the default cursor and no grip). */
.vp-kanban__card[draggable="true"][b-4anb7rfjim] {
    cursor: grab;
}
.vp-kanban__card[draggable="true"]:active[b-4anb7rfjim] {
    cursor: grabbing;
}
.vp-kanban__card[draggable="true"][b-4anb7rfjim]::after {
    content: "\283F";
    position: absolute;
    top: 6px;
    right: 9px;
    font-size: 13px;
    line-height: 1;
    color: var(--vp-content-text, #223029);
    opacity: .4;
    pointer-events: none;
}

/* Columns a picked-up card can legally move into — highlighted while dragging. */
.vp-kanban__column.is-droptarget[b-4anb7rfjim] {
    outline: 2px dashed var(--color-bright-green, #2f7d5b);
    outline-offset: -4px;
    background: color-mix(in srgb, var(--color-bright-green, #2f7d5b) 7%, transparent);
}

.vp-kanban__card--stalled[b-4anb7rfjim] {
    background: var(--vp-amber-soft, #FBF6DC);
    border-color: color-mix(in srgb, var(--vp-amber-ink, #8A6B0F) 22%, transparent);
}

.vp-kanban__card--selected[b-4anb7rfjim] {
    border-color: var(--vp-up, #1F4A2D);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--vp-up, #1F4A2D) 18%, transparent);
}

.vp-kanban__column-empty[b-4anb7rfjim] {
    font-size: var(--vp-meta, 11px);
    color: color-mix(in srgb, var(--vp-content-text, #223029) 45%, transparent);
    text-align: center;
    padding: 12px 0;
}

[data-theme="dark"] .vp-kanban__column[b-4anb7rfjim],
:root[data-theme="dark"] .vp-kanban__column[b-4anb7rfjim] {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-kanban__card[b-4anb7rfjim],
:root[data-theme="dark"] .vp-kanban__card[b-4anb7rfjim] {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.10);
}
/* _content/Verapath.Components/Components/Cards/NewsCard.razor.rz.scp.css */
/* ─── NewsCard ─────────────────────────────────────────────────────────────── */

.vp-news-card[b-qo1uf629bn] {
    display: flex;
    flex-direction: column;
    background: var(--color-white, #ffffff);
    border-radius: 14px;
    overflow: hidden;
    /* Sits on --color-gray-04 background; a very soft shadow is enough */
    box-shadow: var(--vp-elevation-1, 0 1px 4px rgba(34, 48, 41, 0.06), 0 4px 16px rgba(34, 48, 41, 0.07));
    transition: box-shadow 0.22s ease;
    height: 100%;
}

.vp-news-card:hover[b-qo1uf629bn] {
    box-shadow: var(--vp-elevation-2, 0 2px 8px rgba(34, 48, 41, 0.08), 0 10px 36px rgba(34, 48, 41, 0.11));
}

/* ─── Image wrap ─────────────────────────────────────────────────────────── */

.vp-news-card__image-wrap[b-qo1uf629bn] {
    position: relative;
    aspect-ratio: 16 / 9;
    /* Warm neutral placeholder that doesn't clash with the card body */
    background: var(--color-gray-03, #e0e3e2);
    flex-shrink: 0;
    overflow: hidden;
}

.vp-news-card__image[b-qo1uf629bn] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.38s ease;
}

.vp-news-card:hover .vp-news-card__image[b-qo1uf629bn] {
    transform: scale(1.04);
}

/* ─── Badge — floats over the bottom-left of the image ───────────────────── */
/*
   The badge sits ON the photo so we use a frosted-glass style rather than
   a solid white pill — this matches the screenshot exactly.
*/

.vp-news-card__badge[b-qo1uf629bn] {
    position: absolute;
    bottom: 12px;
    left: 12px;
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 11px;
    border-radius: 999px;
    /* Frosted glass: semi-transparent white + blur */
    background: rgba(255, 255, 255, 0.82);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.6);
    /* Subtle shadow so it lifts off the photo */
    box-shadow: 0 1px 4px rgba(34, 48, 41, 0.18);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.01em;
    color: var(--color-midnight, #223029);
    white-space: nowrap;
}

/* ─── Category accents ─────────────────────────────────────────────────────
   Subtle per-type tint so the three news types are scannable at a glance.
   Text stays midnight for AA contrast on every tint; the category hue lives
   in the fill + a small leading dot. Dark mode keeps the dark frosted pill
   and carries the category only through the dot.
*/
.vp-news-card__badge[b-qo1uf629bn]::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 7px;
    flex-shrink: 0;
    background: var(--vp-sug-mint-color, #0ea665);
}

.vp-news-card--article .vp-news-card__badge[b-qo1uf629bn],
.vp-news-card--press-release .vp-news-card__badge[b-qo1uf629bn],
.vp-news-card--whitepaper .vp-news-card__badge[b-qo1uf629bn] {
    border-color: rgba(34, 48, 41, 0.08);
}

.vp-news-card--article .vp-news-card__badge[b-qo1uf629bn] {
    background: var(--color-mint-50, #edfaee);
}
.vp-news-card--article .vp-news-card__badge[b-qo1uf629bn]::before {
    background: var(--vp-sug-mint-color, #0ea665);
}

.vp-news-card--press-release .vp-news-card__badge[b-qo1uf629bn] {
    background: var(--color-light-purple-50, #f1edfa);
}
.vp-news-card--press-release .vp-news-card__badge[b-qo1uf629bn]::before {
    background: var(--vp-sug-lilac-color, #7c5dc7);
}

.vp-news-card--whitepaper .vp-news-card__badge[b-qo1uf629bn] {
    background: var(--color-beige-50, #f8f4f0);
}
.vp-news-card--whitepaper .vp-news-card__badge[b-qo1uf629bn]::before {
    background: var(--vp-sug-beige-color, #8b6a3f);
}

/* ─── Body ───────────────────────────────────────────────────────────────── */

.vp-news-card__body[b-qo1uf629bn] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 20px 22px 22px;
}

.vp-news-card__title[b-qo1uf629bn] {
    margin: 0 0 10px;
    font-family: "Serrif Medium", "Serrif Regular", Georgia, serif;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -0.015em;
    color: var(--color-midnight, #223029);
}

.vp-news-card__summary[b-qo1uf629bn] {
    margin: 0 0 18px;
    flex: 1;
    font-family: var(--font-body, "Season Sans Regular", system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif);
    font-size: 15px;
    line-height: 1.65;
    /* Secondary body text — --vp-text-secondary (#6b736f) is AA-compliant;
       the older --color-gray-01 (#909893) is only 2.58:1 on white. */
    color: var(--vp-text-secondary, #6b736f);
}

/* ─── Read link ──────────────────────────────────────────────────────────── */

.vp-news-card__link[b-qo1uf629bn] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-midnight, #223029);
    text-decoration: none;
    letter-spacing: -0.01em;
    transition: opacity 0.18s ease, gap 0.18s ease;
}

.vp-news-card__link:hover[b-qo1uf629bn] {
    opacity: 0.65;
    gap: 8px;
}

.vp-news-card__arrow[b-qo1uf629bn] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    transition: transform 0.18s ease;
}

.vp-news-card__link:hover .vp-news-card__arrow[b-qo1uf629bn] {
    transform: translate(2px, -2px);
}

/* ─── Dark mode ──────────────────────────────────────────────────────────── */

[data-theme="dark"] .vp-news-card[b-qo1uf629bn] {
    background: rgba(255, 255, 255, 0.05);
    /* Shadow flips automatically via --vp-elevation-* dark tokens. */
}

[data-theme="dark"] .vp-news-card__image-wrap[b-qo1uf629bn] {
    background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-news-card__badge[b-qo1uf629bn] {
    background: rgba(34, 48, 41, 0.7);
    border-color: rgba(255, 255, 255, 0.18);
    color: var(--color-white, #ffffff);
}

[data-theme="dark"] .vp-news-card__title[b-qo1uf629bn] {
    color: var(--color-white, #ffffff);
}

[data-theme="dark"] .vp-news-card__summary[b-qo1uf629bn] {
    color: rgba(255, 255, 255, 0.55);
}

[data-theme="dark"] .vp-news-card__link[b-qo1uf629bn] {
    color: var(--color-white, #ffffff);
}

/* Category accents — dark mode keeps the dark frosted pill, recolors the dot. */
[data-theme="dark"] .vp-news-card--article .vp-news-card__badge[b-qo1uf629bn],
[data-theme="dark"] .vp-news-card--press-release .vp-news-card__badge[b-qo1uf629bn],
[data-theme="dark"] .vp-news-card--whitepaper .vp-news-card__badge[b-qo1uf629bn] {
    background: rgba(34, 48, 41, 0.7);
    border-color: rgba(255, 255, 255, 0.18);
}
[data-theme="dark"] .vp-news-card--article .vp-news-card__badge[b-qo1uf629bn]::before {
    background: var(--color-bright-green, #a3e96b);
}
[data-theme="dark"] .vp-news-card--press-release .vp-news-card__badge[b-qo1uf629bn]::before {
    background: var(--vp-sug-lilac-color, #c9b6f4);
}
[data-theme="dark"] .vp-news-card--whitepaper .vp-news-card__badge[b-qo1uf629bn]::before {
    background: var(--vp-sug-beige-color, #d4b08a);
}
/* _content/Verapath.Components/Components/Cards/VerapathApiCard.razor.rz.scp.css */
.vp-api-card[b-ztxbrj8hvl] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-height: 100%;
    height: 100%;
    width: 100%;
    max-width: 380px;
    padding: 24px;
    border: 1px solid color-mix(in srgb, var(--color-gray-03, #e0e3e2) 86%, var(--color-white, #ffffff) 14%);
    border-radius: var(--radius-lg, 22px);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 247, 247, 0.98));
    color: var(--color-midnight, #223029);
    box-shadow: 0 10px 24px rgba(34, 48, 41, 0.08);
}

.vp-api-card__header[b-ztxbrj8hvl] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.vp-api-card__header-copy[b-ztxbrj8hvl] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
    flex: 1 1 auto;
}

.vp-api-card__eyebrow[b-ztxbrj8hvl] {
    font-family: "Season Sans SemiBold", "SeasonSans-SemiBold", Arial, sans-serif;
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-gray-01, #909893);
}

.vp-api-card__title[b-ztxbrj8hvl] {
    font-family: "Season Sans SemiBold", "SeasonSans-SemiBold", Arial, sans-serif;
    font-size: 18px;
    line-height: 1.2;
    color: var(--color-midnight, #223029);
    word-break: break-word;
    overflow-wrap: anywhere;
    margin: 0;
}

.vp-api-card__summary[b-ztxbrj8hvl] {
    font-family: "SeasonSans-Regular", "Season Sans Regular", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: var(--color-gray-01, #909893);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.vp-api-card__media[b-ztxbrj8hvl] {
    flex: 0 0 auto;
    width: 80px;
    height: 80px;
    border-radius: 16px;
    background: var(--color-white, #ffffff);
    border: 1px solid color-mix(in srgb, var(--color-gray-03, #e0e3e2) 86%, transparent);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 8px;
    box-sizing: border-box;
}

.vp-api-card__image[b-ztxbrj8hvl] {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.vp-api-card__placeholder[b-ztxbrj8hvl] {
    width: 40px;
    height: 40px;
    color: var(--color-gray-01, #909893);
    opacity: 0.6;
}

.vp-api-card__fields[b-ztxbrj8hvl] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: auto;
    border-top: 1px solid color-mix(in srgb, var(--color-gray-03, #e0e3e2) 84%, transparent);
    padding-top: 4px;
}

.vp-api-card__field[b-ztxbrj8hvl] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px 0;
}

.vp-api-card__field-label[b-ztxbrj8hvl] {
    font-family: "Season Sans SemiBold", "SeasonSans-SemiBold", Arial, sans-serif;
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-gray-01, #909893);
}

.vp-api-card__field-value[b-ztxbrj8hvl] {
    font-family: var(--font-sans, Inter), sans-serif;
    font-size: 26px;
    line-height: 1.15;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    color: var(--color-midnight, #223029);
}

.vp-api-card__field-supporting[b-ztxbrj8hvl] {
    font-family: "SeasonSans-Regular", "Season Sans Regular", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.4;
    color: var(--color-gray-01, #909893);
}

.vp-api-card__footer[b-ztxbrj8hvl] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    padding-top: 16px;
    border-top: 1px solid color-mix(in srgb, var(--color-gray-03, #e0e3e2) 84%, transparent);
}

[data-theme="dark"].vp-api-card[b-ztxbrj8hvl],
:root[data-theme="dark"] .vp-api-card[b-ztxbrj8hvl] {
    border-color: rgba(255, 255, 255, 0.08);
    background: linear-gradient(180deg, rgba(36, 59, 47, 0.98), rgba(26, 41, 34, 0.98));
    color: var(--color-white, #ffffff);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
}

[data-theme="dark"].vp-api-card .vp-api-card__title[b-ztxbrj8hvl],
[data-theme="dark"].vp-api-card .vp-api-card__field-value[b-ztxbrj8hvl],
:root[data-theme="dark"] .vp-api-card .vp-api-card__title[b-ztxbrj8hvl],
:root[data-theme="dark"] .vp-api-card .vp-api-card__field-value[b-ztxbrj8hvl] {
    color: var(--color-white, #ffffff);
}

[data-theme="dark"].vp-api-card .vp-api-card__eyebrow[b-ztxbrj8hvl],
[data-theme="dark"].vp-api-card .vp-api-card__summary[b-ztxbrj8hvl],
[data-theme="dark"].vp-api-card .vp-api-card__field-label[b-ztxbrj8hvl],
[data-theme="dark"].vp-api-card .vp-api-card__field-supporting[b-ztxbrj8hvl],
:root[data-theme="dark"] .vp-api-card .vp-api-card__eyebrow[b-ztxbrj8hvl],
:root[data-theme="dark"] .vp-api-card .vp-api-card__summary[b-ztxbrj8hvl],
:root[data-theme="dark"] .vp-api-card .vp-api-card__field-label[b-ztxbrj8hvl],
:root[data-theme="dark"] .vp-api-card .vp-api-card__field-supporting[b-ztxbrj8hvl] {
    color: rgba(255, 255, 255, 0.62);
}

[data-theme="dark"].vp-api-card .vp-api-card__fields[b-ztxbrj8hvl],
:root[data-theme="dark"] .vp-api-card .vp-api-card__fields[b-ztxbrj8hvl] {
    border-top-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"].vp-api-card .vp-api-card__media[b-ztxbrj8hvl],
:root[data-theme="dark"] .vp-api-card .vp-api-card__media[b-ztxbrj8hvl] {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"].vp-api-card .vp-api-card__footer[b-ztxbrj8hvl],
:root[data-theme="dark"] .vp-api-card .vp-api-card__footer[b-ztxbrj8hvl] {
    border-top-color: rgba(255, 255, 255, 0.08);
}

@media (max-width: 640px) {
    .vp-api-card[b-ztxbrj8hvl] {
        padding: 20px;
    }

    .vp-api-card__header[b-ztxbrj8hvl] {
        gap: 14px;
    }

    .vp-api-card__media[b-ztxbrj8hvl] {
        width: 64px;
        height: 64px;
        border-radius: 14px;
    }

    .vp-api-card__fields[b-ztxbrj8hvl] {
        grid-template-columns: 1fr;
    }
}
/* _content/Verapath.Components/Components/Cards/VerapathCard.razor.rz.scp.css */
.vp-card[b-a8m8639bi8] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-height: 100%;
    padding: 24px;
    border: 1px solid color-mix(in srgb, var(--color-gray-03, #e0e3e2) 86%, var(--color-white, #ffffff) 14%);
    border-radius: var(--radius-lg, 22px);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 247, 247, 0.98));
    color: var(--color-midnight, #223029);
    box-shadow: 0 10px 24px rgba(34, 48, 41, 0.08);
}

.vp-card--large[b-a8m8639bi8] {
    padding: 28px;
    gap: 24px;
}

.vp-card__header[b-a8m8639bi8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.vp-card__header-copy[b-a8m8639bi8] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

.vp-card__eyebrow[b-a8m8639bi8] {
    font-family: "Season Sans SemiBold", "SeasonSans-SemiBold", Arial, sans-serif;
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-gray-01, #909893);
}

.vp-card__title-row[b-a8m8639bi8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.vp-card__title-block[b-a8m8639bi8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.vp-card__title[b-a8m8639bi8] {
    font-family: "Season Sans SemiBold", "SeasonSans-SemiBold", Arial, sans-serif;
    font-size: 18px;
    line-height: 1.1;
    color: var(--color-midnight, #223029);
}

.vp-card__summary[b-a8m8639bi8] {
    font-family: "SeasonSans-Regular", "Season Sans Regular", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: var(--color-gray-01, #909893);
}

.vp-card__badge[b-a8m8639bi8] {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 6px 10px;
    border-radius: 999px;
    background: var(--color-light-purple-50, #f1edfa);
    color: var(--color-midnight, #223029);
    font-family: "Season Sans SemiBold", "SeasonSans-SemiBold", Arial, sans-serif;
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}

.vp-card__icon[b-a8m8639bi8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: none;
    color: var(--color-midnight, #223029);
    flex: 0 0 32px;
}

.vp-card__fields[b-a8m8639bi8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    border-top: 1px solid color-mix(in srgb, var(--color-gray-03, #e0e3e2) 84%, transparent);
    padding-top: 4px;
}

.vp-card--large .vp-card__fields[b-a8m8639bi8] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.vp-card__field[b-a8m8639bi8] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px 0;
}

.vp-card__field-label[b-a8m8639bi8] {
    font-family: "Season Sans SemiBold", "SeasonSans-SemiBold", Arial, sans-serif;
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-gray-01, #909893);
}

.vp-card__field-value[b-a8m8639bi8] {
    font-family: var(--font-sans, Inter), sans-serif;
    font-size: 26px;
    line-height: 1.15;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    color: var(--color-midnight, #223029);
}

.vp-card__field-supporting[b-a8m8639bi8] {
    font-family: "SeasonSans-Regular", "Season Sans Regular", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.4;
    color: var(--color-gray-01, #909893);
}

.vp-card__footer[b-a8m8639bi8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 16px;
    border-top: 1px solid color-mix(in srgb, var(--color-gray-03, #e0e3e2) 84%, transparent);
}

.vp-card__footer-text[b-a8m8639bi8] {
    font-family: "SeasonSans-Regular", "Season Sans Regular", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.4;
    color: var(--color-gray-01, #909893);
}

.vp-card__footer-content[b-a8m8639bi8] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

[data-theme="dark"].vp-card[b-a8m8639bi8],
:root[data-theme="dark"] .vp-card[b-a8m8639bi8] {
    border-color: rgba(255, 255, 255, 0.08);
    background: linear-gradient(180deg, rgba(36, 59, 47, 0.98), rgba(26, 41, 34, 0.98));
    color: var(--color-white, #ffffff);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
}

[data-theme="dark"].vp-card .vp-card__title[b-a8m8639bi8],
[data-theme="dark"].vp-card .vp-card__field-value[b-a8m8639bi8],
:root[data-theme="dark"] .vp-card .vp-card__title[b-a8m8639bi8],
:root[data-theme="dark"] .vp-card .vp-card__field-value[b-a8m8639bi8] {
    color: var(--color-white, #ffffff);
}

[data-theme="dark"].vp-card .vp-card__summary[b-a8m8639bi8],
[data-theme="dark"].vp-card .vp-card__eyebrow[b-a8m8639bi8],
[data-theme="dark"].vp-card .vp-card__field-label[b-a8m8639bi8],
[data-theme="dark"].vp-card .vp-card__field-supporting[b-a8m8639bi8],
[data-theme="dark"].vp-card .vp-card__footer-text[b-a8m8639bi8],
:root[data-theme="dark"] .vp-card .vp-card__summary[b-a8m8639bi8],
:root[data-theme="dark"] .vp-card .vp-card__eyebrow[b-a8m8639bi8],
:root[data-theme="dark"] .vp-card .vp-card__field-label[b-a8m8639bi8],
:root[data-theme="dark"] .vp-card .vp-card__field-supporting[b-a8m8639bi8],
:root[data-theme="dark"] .vp-card .vp-card__footer-text[b-a8m8639bi8] {
    color: rgba(255, 255, 255, 0.62);
}

[data-theme="dark"].vp-card .vp-card__badge[b-a8m8639bi8],
:root[data-theme="dark"] .vp-card .vp-card__badge[b-a8m8639bi8] {
    background: rgba(188, 169, 241, 0.16);
    color: rgba(255, 255, 255, 0.9);
}

[data-theme="dark"].vp-card .vp-card__fields[b-a8m8639bi8],
:root[data-theme="dark"] .vp-card .vp-card__fields[b-a8m8639bi8] {
    border-top-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"].vp-card .vp-card__icon[b-a8m8639bi8],
:root[data-theme="dark"] .vp-card .vp-card__icon[b-a8m8639bi8] {
    color: var(--color-white, #ffffff);
}

[data-theme="dark"].vp-card .vp-card__footer[b-a8m8639bi8],
:root[data-theme="dark"] .vp-card .vp-card__footer[b-a8m8639bi8] {
    border-top-color: rgba(255, 255, 255, 0.08);
}

@media (max-width: 640px) {
    .vp-card[b-a8m8639bi8],
    .vp-card--large[b-a8m8639bi8] {
        padding: 20px;
    }

    .vp-card__header[b-a8m8639bi8] {
        flex-direction: column;
    }

    .vp-card__fields[b-a8m8639bi8],
    .vp-card--large .vp-card__fields[b-a8m8639bi8] {
        grid-template-columns: 1fr;
    }

    .vp-card__footer[b-a8m8639bi8] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/Verapath.Components/Components/Cards/VerapathCardGroup.razor.rz.scp.css */
.vp-card-group[b-b7sl2srww1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--vp-card-group-min, 280px)), 1fr));
    gap: var(--vp-card-group-gap, 20px);
    align-items: stretch;
}
/* _content/Verapath.Components/Components/Cards/VerapathRetentionPlay.razor.rz.scp.css */
.vp-retention-play[b-o048uo46wa] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    padding: 10px;
    background: var(--vp-card-bg, #ffffff);
    border: 1px solid var(--vp-border-soft, #EEEAE0);
    border-radius: 6px;
}

.vp-retention-play__badge[b-o048uo46wa] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--vp-up, #1F4A2D);
    color: #ffffff;
    font-size: var(--vp-meta, 11px);
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-variant-numeric: tabular-nums;
}

.vp-retention-play--low .vp-retention-play__badge[b-o048uo46wa] {
    background: var(--vp-amber-ink, #8A6B0F);
}

.vp-retention-play__body[b-o048uo46wa] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.vp-retention-play__head[b-o048uo46wa] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
}

.vp-retention-play__title[b-o048uo46wa] {
    margin: 0;
    font-family: var(--font-serif, Georgia, "Times New Roman", serif);
    font-size: var(--vp-h2-compact, 14px);
    font-weight: 500;
    color: var(--vp-content-text, #223029);
}

.vp-retention-play__detail[b-o048uo46wa] {
    margin: 0;
    font-size: var(--vp-body-compact, 13px);
    color: color-mix(in srgb, var(--vp-content-text, #223029) 80%, transparent);
    line-height: 1.45;
}

.vp-retention-play__meta[b-o048uo46wa] {
    margin: 4px 0 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    font-size: var(--vp-meta, 11px);
    color: color-mix(in srgb, var(--vp-content-text, #223029) 60%, transparent);
    font-variant-numeric: tabular-nums;
}

.vp-retention-play__meta-row[b-o048uo46wa] {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
}

.vp-retention-play__meta dt[b-o048uo46wa] {
    margin: 0;
    color: color-mix(in srgb, var(--vp-content-text, #223029) 50%, transparent);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: var(--vp-kicker, 10px);
}

.vp-retention-play__meta dd[b-o048uo46wa] {
    margin: 0;
    color: var(--vp-content-text, #223029);
    font-weight: 600;
}

.vp-retention-play__action[b-o048uo46wa] {
    appearance: none;
    background: transparent;
    border: none;
    text-align: left;
    color: var(--vp-up, #1F4A2D);
    font: inherit;
    font-size: var(--vp-meta, 11px);
    font-weight: 600;
    padding: 4px 0 0 0;
    cursor: pointer;
}

.vp-retention-play__action:hover[b-o048uo46wa] {
    text-decoration: underline;
}
/* _content/Verapath.Components/Components/CellRenderers/VerapathNumericBarCell.razor.rz.scp.css */
.vp-numbar[b-7jejm71khd] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 96px;
    height: 16px;
    font-variant-numeric: tabular-nums;
}

.vp-numbar__fill[b-7jejm71khd] {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 8px;
    border-radius: 1px;
    max-width: 80%;
    min-width: 2px;
}

.vp-numbar__value[b-7jejm71khd] {
    margin-left: auto;
    font-size: var(--vp-meta, 12px);
    font-weight: 500;
    color: var(--vp-content-text, #223029);
    position: relative;
    z-index: 1;
}

.vp-numbar--up .vp-numbar__fill[b-7jejm71khd] {
    background: color-mix(in srgb, var(--vp-up, #1F4A2D) 65%, transparent);
}
.vp-numbar--down .vp-numbar__fill[b-7jejm71khd] {
    background: color-mix(in srgb, var(--vp-down, #A93A2E) 65%, transparent);
}
.vp-numbar--warn .vp-numbar__fill[b-7jejm71khd] {
    background: color-mix(in srgb, var(--vp-amber-ink, #8A6B0F) 55%, transparent);
}
.vp-numbar--neutral .vp-numbar__fill[b-7jejm71khd] {
    background: color-mix(in srgb, var(--vp-content-text, #5b6660) 40%, transparent);
}

.vp-numbar--down .vp-numbar__value[b-7jejm71khd] {
    color: var(--vp-down, #A93A2E);
}
.vp-numbar--warn .vp-numbar__value[b-7jejm71khd] {
    color: var(--vp-amber-ink, #8A6B0F);
}
/* _content/Verapath.Components/Components/CellRenderers/VerapathSparklineCell.razor.rz.scp.css */
.vp-spark-cell[b-zezlwz3r26] {
    display: inline-flex;
    align-items: center;
    line-height: 0;
    color: var(--vp-up, #1F4A2D);
}
/* _content/Verapath.Components/Components/Charts/VerapathBarChart.razor.rz.scp.css */
.vp-chart-shell[b-v452ydjwvz] {
    width: 100%;
    display: block;
    padding: 16px;
    border: 1px solid var(--vp-divider);
    border-radius: var(--border-radius-lg);
    background: var(--vp-surface-input);
    /* Containing block for the absolute-positioned tooltip card. */
    position: relative;
}

.vp-bar-chart__svg[b-v452ydjwvz] {
    display: block;
    overflow: visible;
    flex: 1 1 0;
    min-height: 0;
    width: 100%;
}

.vp-chart__title[b-v452ydjwvz] {
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    fill: var(--vp-content-text);
    font-family: inherit;
}

.vp-chart__axis-label[b-v452ydjwvz] {
    font-size: 11px;
    fill: var(--vp-placeholder-color);
    font-family: inherit;
}

.vp-chart__value-label[b-v452ydjwvz] {
    font-size: 11px;
    font-weight: var(--font-weight-medium);
    fill: var(--vp-content-text);
    font-family: inherit;
}

.vp-chart__empty[b-v452ydjwvz] {
    font-size: 14px;
    fill: var(--vp-placeholder-color);
    font-family: inherit;
}

.vp-chart__axis-line[b-v452ydjwvz] {
    stroke: var(--vp-border-default);
    stroke-width: 1;
}

.vp-chart__grid-line[b-v452ydjwvz] {
    stroke: var(--vp-divider);
    stroke-width: 1;
    stroke-dasharray: 4 4;
}

.vp-bar-chart__bar[b-v452ydjwvz] {
    transition: opacity 0.2s ease, filter 0.15s ease;
    cursor: pointer;
}

.vp-bar-chart__bar:hover[b-v452ydjwvz],
.vp-bar-chart__bar--hover[b-v452ydjwvz] {
    /* Slight saturation bump on hover so the bar pops without
       changing color outright — combined with the tooltip card,
       this gives clear "this is the bar I'm reading" feedback. */
    opacity: 1;
    filter: brightness(1.08) saturate(1.06);
}

.vp-bar-chart__hit[b-v452ydjwvz] {
    fill: transparent;
    cursor: pointer;
    pointer-events: all;
}

/* ── Hover tooltip card ───────────────────────────────────────────
   Same visual language as VerapathLineChart's tooltip — dark card,
   bright text, subtle drop shadow. Single bar = single row, since
   bar charts are single-series. */
.vp-bar-chart__tooltip[b-v452ydjwvz] {
    position: absolute;
    z-index: 10;
    pointer-events: none;
    /* Position is driven by --vp-tt-cursor-x / --vp-tt-cursor-y
       written by verapath-chart-tooltip.js on mousemove. Eliminates
       the SignalR round-trip lag the old server-side handler caused. */
    left: calc(var(--vp-tt-cursor-x, 50%) + 14px);
    top: calc(var(--vp-tt-cursor-y, 50%) - 12px);
    min-width: 120px;
    max-width: 240px;
    padding: 9px 12px 10px;
    border-radius: 10px;
    background: var(--color-midnight, #223029);
    color: rgba(255, 255, 255, 0.96);
    font-family: var(--font-body, system-ui);
    font-size: 12px;
    line-height: 1.35;
    box-shadow:
        0 1px 2px rgba(0, 0, 0, 0.18),
        0 8px 24px rgba(0, 0, 0, 0.22);
    animation: vp-bar-chart-tooltip-fade-b-v452ydjwvz 120ms ease-out;
}

@keyframes vp-bar-chart-tooltip-fade-b-v452ydjwvz {
    from {
        opacity: 0;
        transform: translateY(-2px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.vp-bar-chart__tooltip-label[b-v452ydjwvz] {
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.78);
    margin-bottom: 5px;
}

.vp-bar-chart__tooltip-row[b-v452ydjwvz] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
}

.vp-bar-chart__tooltip-swatch[b-v452ydjwvz] {
    width: 10px;
    height: 10px;
    border-radius: 3px;
    flex: 0 0 10px;
    box-shadow: 0 0 0 1.5px rgba(255, 255, 255, 0.10);
}

.vp-bar-chart__tooltip-value[b-v452ydjwvz] {
    font-variant-numeric: tabular-nums;
    color: rgba(255, 255, 255, 0.98);
}

/* Flip-to-left when the JS detects the cursor is past ~55% of the
   chart shell. Uses `right` instead of `transform: translateX(-100%)`
   so the existing fade-in keyframe (which animates transform) keeps
   working without override conflicts. */
.vp-bar-chart[data-tooltip-flip="left"] .vp-bar-chart__tooltip[b-v452ydjwvz] {
    left: auto;
    right: calc(100% - var(--vp-tt-cursor-x, 50%) + 14px);
}

@keyframes vp-bar-chart-grow-b-v452ydjwvz {
    from {
        transform: scaleY(0);
    }

    to {
        transform: scaleY(1);
    }
}

.vp-bar-chart__svg--animated .vp-bar-chart__bar[b-v452ydjwvz] {
    transform-box: fill-box;
    transform-origin: center bottom;
    animation: vp-bar-chart-grow-b-v452ydjwvz 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: var(--vp-chart-delay, 0s);
}

[data-theme="dark"] .vp-chart-shell[b-v452ydjwvz],
:root[data-theme="dark"] .vp-chart-shell[b-v452ydjwvz] {
    background: rgba(36, 59, 47, 0.98);
    border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-chart__title[b-v452ydjwvz],
[data-theme="dark"] .vp-chart__value-label[b-v452ydjwvz],
:root[data-theme="dark"] .vp-chart__title[b-v452ydjwvz],
:root[data-theme="dark"] .vp-chart__value-label[b-v452ydjwvz] {
    fill: rgba(255, 255, 255, 0.92);
}

[data-theme="dark"] .vp-chart__axis-label[b-v452ydjwvz],
[data-theme="dark"] .vp-chart__empty[b-v452ydjwvz],
:root[data-theme="dark"] .vp-chart__axis-label[b-v452ydjwvz],
:root[data-theme="dark"] .vp-chart__empty[b-v452ydjwvz] {
    fill: rgba(255, 255, 255, 0.62);
}

[data-theme="dark"] .vp-chart__axis-line[b-v452ydjwvz],
[data-theme="dark"] .vp-chart__grid-line[b-v452ydjwvz],
:root[data-theme="dark"] .vp-chart__axis-line[b-v452ydjwvz],
:root[data-theme="dark"] .vp-chart__grid-line[b-v452ydjwvz] {
    stroke: rgba(255, 255, 255, 0.14);
}
/* _content/Verapath.Components/Components/Charts/VerapathForecastCard.razor.rz.scp.css */
.vp-forecast-card[b-xg0vufzo2j] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    font-variant-numeric: tabular-nums;
    color: var(--vp-content-text, #223029);
}

.vp-forecast-card__head[b-xg0vufzo2j] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
}

.vp-forecast-card__pct[b-xg0vufzo2j] {
    display: inline-flex;
    align-items: baseline;
    line-height: 1;
    font-family: var(--font-display-numerals, "Serrif Medium", Georgia, serif);
    font-weight: 500;
    color: var(--vp-content-text, #223029);
    letter-spacing: -0.02em;
}

.vp-forecast-card__pct-value[b-xg0vufzo2j] {
    font-size: 44px;
}

.vp-forecast-card__pct-unit[b-xg0vufzo2j] {
    font-size: 18px;
    margin-left: 2px;
    opacity: 0.7;
}

.vp-forecast-card__head-meta[b-xg0vufzo2j] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-bottom: 4px;
    flex: 1 1 auto;
    min-width: 0;
}

.vp-forecast-card__pct-label[b-xg0vufzo2j] {
    font-size: var(--vp-body-compact, 13px);
    color: color-mix(in srgb, var(--vp-content-text, #223029) 78%, transparent);
}

.vp-forecast-card__days-left[b-xg0vufzo2j] {
    font-size: var(--vp-meta, 11px);
    color: color-mix(in srgb, var(--vp-content-text, #223029) 60%, transparent);
}

.vp-forecast-card__legend[b-xg0vufzo2j] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    font-size: var(--vp-meta, 11px);
    color: color-mix(in srgb, var(--vp-content-text, #223029) 80%, transparent);
}

.vp-forecast-card__legend-item[b-xg0vufzo2j] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.vp-forecast-card__legend-swatch[b-xg0vufzo2j] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 2px;
}

.vp-forecast-card__legend-swatch--booked[b-xg0vufzo2j] {
    background: var(--vp-up, #1F4A2D);
}

.vp-forecast-card__legend-swatch--best[b-xg0vufzo2j] {
    background: repeating-linear-gradient(
        135deg,
        color-mix(in srgb, var(--vp-up, #1F4A2D) 35%, #ffffff 65%) 0px,
        color-mix(in srgb, var(--vp-up, #1F4A2D) 35%, #ffffff 65%) 3px,
        color-mix(in srgb, var(--vp-up, #1F4A2D) 18%, #ffffff 82%) 3px,
        color-mix(in srgb, var(--vp-up, #1F4A2D) 18%, #ffffff 82%) 6px
    );
}

.vp-forecast-card__months[b-xg0vufzo2j] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    min-height: 100px;
}

.vp-forecast-card__month[b-xg0vufzo2j] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.vp-forecast-card__month-bar[b-xg0vufzo2j] {
    position: relative;
    height: 64px;
    background: var(--vp-border-soft, #EEEAE0);
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
}

.vp-forecast-card__month-fill[b-xg0vufzo2j] {
    width: 100%;
    background: var(--vp-up, #1F4A2D);
    border-radius: inherit;
    transition: height 200ms ease-out;
}

.vp-forecast-card__month-fill--projected[b-xg0vufzo2j] {
    background: repeating-linear-gradient(
        135deg,
        color-mix(in srgb, var(--vp-up, #1F4A2D) 40%, #ffffff 60%) 0px,
        color-mix(in srgb, var(--vp-up, #1F4A2D) 40%, #ffffff 60%) 4px,
        color-mix(in srgb, var(--vp-up, #1F4A2D) 18%, #ffffff 82%) 4px,
        color-mix(in srgb, var(--vp-up, #1F4A2D) 18%, #ffffff 82%) 8px
    );
}

.vp-forecast-card__month-label[b-xg0vufzo2j] {
    font-size: var(--vp-meta, 11px);
    color: color-mix(in srgb, var(--vp-content-text, #223029) 70%, transparent);
}

.vp-forecast-card__month-val[b-xg0vufzo2j] {
    font-size: var(--vp-body-compact, 13px);
    font-weight: 600;
    color: var(--vp-content-text, #223029);
}

.vp-forecast-card__table[b-xg0vufzo2j] {
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--vp-border-soft, #EEEAE0);
}

.vp-forecast-card__row[b-xg0vufzo2j] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px solid var(--vp-border-soft, #EEEAE0);
    font-size: var(--vp-body-compact, 13px);
}

.vp-forecast-card__row:last-child[b-xg0vufzo2j] {
    border-bottom: none;
}

.vp-forecast-card__row dt[b-xg0vufzo2j] {
    color: color-mix(in srgb, var(--vp-content-text, #223029) 78%, transparent);
}

.vp-forecast-card__row dd[b-xg0vufzo2j] {
    margin: 0;
    font-weight: 600;
    color: var(--vp-content-text, #223029);
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.vp-forecast-card__coverage[b-xg0vufzo2j] {
    font-variant-numeric: tabular-nums;
}

.vp-forecast-card--empty[b-xg0vufzo2j] {
    padding: 24px;
    text-align: center;
}

.vp-forecast-card__empty-text[b-xg0vufzo2j] {
    font-size: var(--vp-body-compact, 13px);
    color: color-mix(in srgb, var(--vp-content-text, #223029) 60%, transparent);
}

[data-theme="dark"] .vp-forecast-card__month-bar[b-xg0vufzo2j],
:root[data-theme="dark"] .vp-forecast-card__month-bar[b-xg0vufzo2j] {
    background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-forecast-card__row[b-xg0vufzo2j],
:root[data-theme="dark"] .vp-forecast-card__row[b-xg0vufzo2j],
[data-theme="dark"] .vp-forecast-card__table[b-xg0vufzo2j],
:root[data-theme="dark"] .vp-forecast-card__table[b-xg0vufzo2j] {
    border-color: rgba(255, 255, 255, 0.08);
}
/* _content/Verapath.Components/Components/Charts/VerapathHeatmap.razor.rz.scp.css */
/* Heatmap shell. Lives inside .vp-chart-shell so the dashboard's
   fullscreen and card layout rules pick it up automatically.
   The grid is a CSS grid with one leading column for row labels and
   N cells per row — sizing is driven by the inline style on the
   layout div which sets grid-template-columns dynamically. */

.vp-heatmap[b-uuz477fzwl] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.vp-heatmap__header[b-uuz477fzwl] {
    flex: 0 0 auto;
    padding: 0 4px;
}

.vp-heatmap__layout[b-uuz477fzwl] {
    display: grid;
    /* grid-template-columns is set inline based on cell count. */
    grid-auto-rows: minmax(34px, 1fr);
    column-gap: 2px;
    row-gap: 2px;
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    align-content: start;
    /* Allow long column-label rows to scroll horizontally inside the
       card rather than pushing the rest of the dashboard off-screen.
       Vertical overflow stays hidden so the heatmap reads as a fixed
       block. */
    overflow-x: auto;
    overflow-y: hidden;
}

.vp-heatmap__corner[b-uuz477fzwl] {
    /* Top-left intersection between row and column labels. Empty by
       design but reserves grid space so the column labels align with
       their cells. */
    min-height: 28px;
}

.vp-heatmap__col-label[b-uuz477fzwl],
.vp-heatmap__row-label[b-uuz477fzwl] {
    font-family: var(--font-body, sans-serif);
    font-size: 11px;
    font-weight: 600;
    color: var(--color-gray-01, #909893);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
}

.vp-heatmap__col-label[b-uuz477fzwl] {
    justify-content: center;
    padding: 4px 2px;
    min-width: 0;
}

.vp-heatmap__row-label[b-uuz477fzwl] {
    justify-content: flex-end;
    padding: 0 10px 0 4px;
    min-width: 0;
}

.vp-heatmap__cell[b-uuz477fzwl] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-body, sans-serif);
    font-size: 12px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    border-radius: 4px;
    transition: transform 0.12s ease, box-shadow 0.12s ease;
    cursor: default;
    min-width: 0;
    /* The inline background is set per cell; the rest of the cell
       chrome stays constant. */
}

.vp-heatmap__cell:hover[b-uuz477fzwl] {
    transform: scale(1.04);
    box-shadow: 0 2px 8px rgba(34, 48, 41, 0.18);
    z-index: 1;
    /* Pull the hovered cell above its neighbors so the scale doesn't
       get clipped by adjacent cells' edges. */
    position: relative;
}

.vp-heatmap__cell--empty[b-uuz477fzwl] {
    background: var(--vp-divider, #e0e3e2);
    opacity: 0.35;
}

[data-theme="dark"] .vp-heatmap__cell--empty[b-uuz477fzwl],
:root[data-theme="dark"] .vp-heatmap__cell--empty[b-uuz477fzwl] {
    background: rgba(255, 255, 255, 0.06);
}

.vp-heatmap__empty[b-uuz477fzwl] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-gray-01, #909893);
    font-family: var(--font-body, sans-serif);
    font-size: 13px;
}

/* Legend bar at the bottom: gradient strip with the min/max numbers
   bookending it so the reader can map intensity to value at a glance. */
.vp-heatmap__legend[b-uuz477fzwl] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    align-items: center;
    gap: 10px;
    padding: 0 4px;
    font-family: var(--font-body, sans-serif);
    font-size: 11px;
    color: var(--color-gray-01, #909893);
    font-variant-numeric: tabular-nums;
}

.vp-heatmap__legend-gradient[b-uuz477fzwl] {
    display: block;
    height: 8px;
    border-radius: 4px;
}

[data-theme="dark"] .vp-heatmap__col-label[b-uuz477fzwl],
[data-theme="dark"] .vp-heatmap__row-label[b-uuz477fzwl],
:root[data-theme="dark"] .vp-heatmap__col-label[b-uuz477fzwl],
:root[data-theme="dark"] .vp-heatmap__row-label[b-uuz477fzwl] {
    color: rgba(255, 255, 255, 0.55);
}

[data-theme="dark"] .vp-heatmap__legend[b-uuz477fzwl],
:root[data-theme="dark"] .vp-heatmap__legend[b-uuz477fzwl] {
    color: rgba(255, 255, 255, 0.55);
}
/* _content/Verapath.Components/Components/Charts/VerapathHorizontalBarChart.razor.rz.scp.css */
.vp-h-bar-chart[b-gudz8ss8q7] {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}

.vp-h-bar-chart__svg[b-gudz8ss8q7] {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

/* "Showing top N of M" footer — surfaces when MaxRows truncated
   the input. Positioned below the chart so it doesn't compete with
   the axis label for the same row. */
.vp-h-bar-chart__truncated[b-gudz8ss8q7] {
    margin-top: 4px;
    font-family: var(--font-body, sans-serif);
    font-size: 11px;
    font-weight: 500;
    color: var(--color-gray-01, #909893);
    text-align: right;
    padding: 0 8px;
}

/* Axis title styling — applies to both the X-axis title underneath
   the value ticks and the rotated Y-axis title on the left rail.
   The tighter font weight and reduced opacity separate it from the
   bigger chart title at the top so the reader doesn't mistake it
   for the headline. */
[b-gudz8ss8q7] .vp-chart__axis-title {
    font-family: var(--font-body, sans-serif);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    opacity: 0.78;
}

.vp-h-bar-chart__bar[b-gudz8ss8q7] {
    transition: filter 0.15s ease, transform 0.15s ease;
    cursor: pointer;
}

.vp-h-bar-chart__bar:hover[b-gudz8ss8q7],
.vp-h-bar-chart__bar--hover[b-gudz8ss8q7] {
    filter: brightness(1.08) saturate(1.05);
}

.vp-h-bar-chart__svg--animated .vp-h-bar-chart__bar[b-gudz8ss8q7] {
    /* Slide in from the left axis with a quick stagger so the
       leaderboard reads as "filling up" rather than appearing. */
    animation: vp-h-bar-chart-grow-b-gudz8ss8q7 0.4s ease both;
    animation-delay: var(--vp-chart-delay, 0s);
    transform-origin: left center;
}

@keyframes vp-h-bar-chart-grow-b-gudz8ss8q7 {
    from { transform: scaleX(0); opacity: 0; }
    to   { transform: scaleX(1); opacity: 1; }
}

/* Tooltip — matches the vertical bar chart's styling so the two
   read consistently when both appear on the same dashboard. */
.vp-h-bar-chart__tooltip[b-gudz8ss8q7] {
    position: absolute;
    z-index: 10;
    pointer-events: none;
    /* Position is driven by --vp-tt-cursor-x / --vp-tt-cursor-y
       written by verapath-chart-tooltip.js on mousemove. The 50%
       fallback keeps the tooltip near the chart center before the
       first JS frame fires; the calc() adds the 14px / -12px nudge
       that used to live in the C# handler. */
    left: calc(var(--vp-tt-cursor-x, 50%) + 14px);
    top: calc(var(--vp-tt-cursor-y, 50%) - 12px);
    min-width: 140px;
    background: var(--vp-card-bg, #ffffff);
    color: var(--vp-content-text, #223029);
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--radius-sm, 8px);
    box-shadow: 0 6px 20px rgba(34, 48, 41, 0.10);
    padding: 8px 10px;
    font-family: var(--font-body, sans-serif);
    font-size: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.vp-h-bar-chart__tooltip-label[b-gudz8ss8q7] {
    font-weight: 600;
    color: var(--vp-content-text, #223029);
}

.vp-h-bar-chart__tooltip-row[b-gudz8ss8q7] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.vp-h-bar-chart__tooltip-swatch[b-gudz8ss8q7] {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    flex: 0 0 10px;
}

.vp-h-bar-chart__tooltip-value[b-gudz8ss8q7] {
    font-variant-numeric: tabular-nums;
    color: var(--vp-content-text, #223029);
}

/* When the cursor sits past ~55% of the chart shell, JS flips the
   tooltip's anchor so its RIGHT edge tracks the cursor instead of
   its left. This prevents the body from clipping past the chart's
   right edge (the user-reported "tooltip disappears" symptom).
   Using `right` instead of `transform: translateX(-100%)` avoids
   conflicting with any keyframe animations that operate on the
   tooltip's transform property. */
.vp-h-bar-chart[data-tooltip-flip="left"] .vp-h-bar-chart__tooltip[b-gudz8ss8q7] {
    left: auto;
    right: calc(100% - var(--vp-tt-cursor-x, 50%) + 14px);
}

[data-theme="dark"] .vp-h-bar-chart__tooltip[b-gudz8ss8q7],
:root[data-theme="dark"] .vp-h-bar-chart__tooltip[b-gudz8ss8q7] {
    background: #2C2C2C;
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.92);
}

[data-theme="dark"] .vp-h-bar-chart__tooltip-label[b-gudz8ss8q7],
[data-theme="dark"] .vp-h-bar-chart__tooltip-value[b-gudz8ss8q7],
:root[data-theme="dark"] .vp-h-bar-chart__tooltip-label[b-gudz8ss8q7],
:root[data-theme="dark"] .vp-h-bar-chart__tooltip-value[b-gudz8ss8q7] {
    color: rgba(255, 255, 255, 0.92);
}
/* _content/Verapath.Components/Components/Charts/VerapathLineChart.razor.rz.scp.css */
.vp-chart-shell[b-pmx0keap93] {
    width: 100%;
    display: block;
    padding: 16px;
    border: 1px solid var(--vp-divider);
    border-radius: var(--border-radius-lg);
    background: var(--vp-surface-input);
    /* `position: relative` so the absolute-positioned tooltip card
       below uses the chart shell as its containing block instead of
       escaping to the page root. */
    position: relative;
}

.vp-line-chart__svg[b-pmx0keap93] {
    display: block;
    overflow: visible;
    flex: 1 1 0;
    min-height: 0;
    width: 100%;
}

.vp-line-chart__legend[b-pmx0keap93] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 22px;
    align-items: center;
    margin-top: 14px;
}

.vp-line-chart__legend-item[b-pmx0keap93] {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    min-width: 0;
}

/* Mini horizontal bar — echoes the actual line stroke in the chart
   above, not a generic round dot. Short + stout so it reads at
   caption size without blending into the label text beside it. */
.vp-line-chart__legend-swatch[b-pmx0keap93] {
    width: 18px;
    height: 3px;
    border-radius: 2px;
    flex: 0 0 auto;
}

.vp-line-chart__legend-label[b-pmx0keap93] {
    color: var(--vp-content-text);
    font-family: var(--font-body);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}

.vp-chart__title[b-pmx0keap93] {
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    fill: var(--vp-content-text);
    font-family: inherit;
}

.vp-chart__axis-label[b-pmx0keap93] {
    font-size: 11px;
    fill: var(--vp-placeholder-color);
    font-family: inherit;
}

.vp-chart__value-label[b-pmx0keap93] {
    font-size: 11px;
    font-weight: var(--font-weight-medium);
    fill: var(--vp-content-text);
    font-family: inherit;
}

.vp-chart__empty[b-pmx0keap93] {
    font-size: 14px;
    fill: var(--vp-placeholder-color);
    font-family: inherit;
}

.vp-chart__axis-line[b-pmx0keap93] {
    stroke: var(--vp-border-default);
    stroke-width: 1;
}

.vp-chart__grid-line[b-pmx0keap93] {
    stroke: var(--vp-divider);
    stroke-width: 1;
    stroke-dasharray: 4 4;
}

.vp-line-chart__area[b-pmx0keap93] {
    opacity: 0.14;
}

.vp-line-chart__stroke[b-pmx0keap93] {
    vector-effect: non-scaling-stroke;
}

.vp-line-chart__point[b-pmx0keap93] {
    stroke: var(--vp-surface-input);
    stroke-width: 3;
    transform-origin: center;
}

/* Anomaly overlay ring — drawn on top of the data point (and on top
   of the line stroke) for any point whose label appears in
   HighlightedLabels. Hollow stroke so the underlying point + line
   color stay readable. Matches the .cc-trend "down" red used
   elsewhere for risk/danger so the visual language is consistent.
   Sized intentionally larger than the point radius so it forms a
   ring, not just a thicker dot. */
.vp-line-chart__anomaly-ring[b-pmx0keap93] {
    transform-origin: center;
    /* Soft pulse to draw the eye without animating distractingly —
       once on appearance, then static. */
    animation: vp-line-chart-anomaly-pop-b-pmx0keap93 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes vp-line-chart-anomaly-pop-b-pmx0keap93 {
    from {
        opacity: 0;
        transform: scale(0.6);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes vp-line-chart-draw-b-pmx0keap93 {
    from {
        stroke-dashoffset: 100;
    }

    to {
        stroke-dashoffset: 0;
    }
}

@keyframes vp-line-chart-pop-b-pmx0keap93 {
    from {
        opacity: 0;
        transform: scale(0.4);
    }

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

.vp-line-chart__svg--animated .vp-line-chart__stroke[b-pmx0keap93] {
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    animation: vp-line-chart-draw-b-pmx0keap93 0.9s ease-out forwards;
}

.vp-line-chart__svg--animated .vp-line-chart__point[b-pmx0keap93] {
    opacity: 0;
    animation: vp-line-chart-pop-b-pmx0keap93 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    animation-delay: var(--vp-chart-delay, 0s);
}

[data-theme="dark"] .vp-chart-shell[b-pmx0keap93],
:root[data-theme="dark"] .vp-chart-shell[b-pmx0keap93] {
    background: rgba(36, 59, 47, 0.98);
    border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-chart__title[b-pmx0keap93],
[data-theme="dark"] .vp-chart__value-label[b-pmx0keap93],
:root[data-theme="dark"] .vp-chart__title[b-pmx0keap93],
:root[data-theme="dark"] .vp-chart__value-label[b-pmx0keap93] {
    fill: rgba(255, 255, 255, 0.92);
}

[data-theme="dark"] .vp-chart__axis-label[b-pmx0keap93],
[data-theme="dark"] .vp-chart__empty[b-pmx0keap93],
:root[data-theme="dark"] .vp-chart__axis-label[b-pmx0keap93],
:root[data-theme="dark"] .vp-chart__empty[b-pmx0keap93] {
    fill: rgba(255, 255, 255, 0.62);
}

[data-theme="dark"] .vp-chart__axis-line[b-pmx0keap93],
[data-theme="dark"] .vp-chart__grid-line[b-pmx0keap93],
:root[data-theme="dark"] .vp-chart__axis-line[b-pmx0keap93],
:root[data-theme="dark"] .vp-chart__grid-line[b-pmx0keap93] {
    stroke: rgba(255, 255, 255, 0.14);
}

[data-theme="dark"] .vp-line-chart__point[b-pmx0keap93],
:root[data-theme="dark"] .vp-line-chart__point[b-pmx0keap93] {
    stroke: rgba(36, 59, 47, 0.98);
}

[data-theme="dark"] .vp-line-chart__legend-label[b-pmx0keap93],
:root[data-theme="dark"] .vp-line-chart__legend-label[b-pmx0keap93] {
    color: rgba(255, 255, 255, 0.92);
}

/* ── Hover tooltip system ─────────────────────────────────────────
   Pure-Blazor hover indicator built from three layers:
     1. Vertical "ruler" line at the hovered X (faint dashed)
     2. Highlighted dot at each series' value at that X
     3. HTML tooltip card with label + per-series rows
   The hit-columns are invisible <rect>s in viewBox space — one per
   data point — so @onmouseenter fires once per column-crossing
   instead of every pixel of mousemove. The tooltip card uses
   pointer-events: none so it never steals hover from the columns. */

.vp-line-chart__ruler[b-pmx0keap93] {
    stroke: var(--color-gray-02, #b9c0be);
    stroke-width: 1;
    stroke-dasharray: 3 4;
    opacity: 0.55;
    pointer-events: none;
}

[data-theme="dark"] .vp-line-chart__ruler[b-pmx0keap93],
:root[data-theme="dark"] .vp-line-chart__ruler[b-pmx0keap93] {
    stroke: rgba(255, 255, 255, 0.32);
}

.vp-line-chart__hover-dot[b-pmx0keap93] {
    stroke: var(--vp-surface-input, #ffffff);
    stroke-width: 3;
    pointer-events: none;
    /* Subtle "press into focus" pulse from the tweening browsers do
       between renders. The `r="6"` on the markup is the static
       radius; this transition smooths the change when hover jumps
       between columns. */
    transition: cx 0.12s ease, cy 0.12s ease;
}

.vp-line-chart__hit[b-pmx0keap93] {
    fill: transparent;
    cursor: crosshair;
    /* `pointer-events: all` ensures the transparent rect captures
       the cursor even though it has no fill — without this the
       events fall through to the chart paths underneath. */
    pointer-events: all;
}

.vp-line-chart__tooltip[b-pmx0keap93] {
    position: absolute;
    z-index: 10;
    pointer-events: none;
    /* Position is driven by --vp-tt-cursor-x / --vp-tt-cursor-y
       written by verapath-chart-tooltip.js on mousemove. Replaces
       the prior `@onmousemove` Blazor handler whose every-pixel
       SignalR round-trip drove the user-reported tooltip lag. */
    left: calc(var(--vp-tt-cursor-x, 50%) + 14px);
    top: calc(var(--vp-tt-cursor-y, 50%) - 12px);
    min-width: 140px;
    max-width: 280px;
    padding: 10px 12px 11px;
    border-radius: 10px;
    background: var(--color-midnight, #223029);
    color: rgba(255, 255, 255, 0.96);
    font-family: var(--font-body, system-ui);
    font-size: 12px;
    line-height: 1.35;
    box-shadow:
        0 1px 2px rgba(0, 0, 0, 0.18),
        0 8px 24px rgba(0, 0, 0, 0.22);
    /* Slight enter animation — without it the tooltip pops in
       abruptly when crossing into a new hit column. */
    animation: vp-line-chart-tooltip-fade-b-pmx0keap93 120ms ease-out;
}

@keyframes vp-line-chart-tooltip-fade-b-pmx0keap93 {
    from {
        opacity: 0;
        transform: translateY(-2px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.vp-line-chart__tooltip-label[b-pmx0keap93] {
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.04em;
    margin-bottom: 6px;
    color: rgba(255, 255, 255, 0.78);
    text-transform: uppercase;
}

.vp-line-chart__tooltip-row[b-pmx0keap93] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 2px 0;
    font-size: 12px;
}

.vp-line-chart__tooltip-row:not(:last-child)[b-pmx0keap93] {
    margin-bottom: 1px;
}

.vp-line-chart__tooltip-swatch[b-pmx0keap93] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex: 0 0 10px;
    box-shadow: 0 0 0 1.5px rgba(255, 255, 255, 0.10);
}

.vp-line-chart__tooltip-series[b-pmx0keap93] {
    flex: 1 1 auto;
    color: rgba(255, 255, 255, 0.84);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vp-line-chart__tooltip-value[b-pmx0keap93] {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: rgba(255, 255, 255, 0.98);
    margin-left: 12px;
}

/* Light-mode tooltip override — keep the dark "card" look so the
   tooltip reads as a deliberate hover surface against either
   background. The shadow does most of the lifting. */
[data-theme="light"] .vp-line-chart__tooltip[b-pmx0keap93] {
    background: var(--color-midnight, #223029);
    color: rgba(255, 255, 255, 0.96);
}

/* Flip-to-left when the JS marks the shell. Uses `right` to avoid
   competing with the fade-in keyframe's transform animation. */
.vp-line-chart[data-tooltip-flip="left"] .vp-line-chart__tooltip[b-pmx0keap93] {
    left: auto;
    right: calc(100% - var(--vp-tt-cursor-x, 50%) + 14px);
}
/* _content/Verapath.Components/Components/Charts/VerapathPieChart.razor.rz.scp.css */
.vp-chart-shell[b-4wsu10106t] {
    width: 100%;
    display: block;
    padding: 16px;
    border: 1px solid var(--vp-divider);
    border-radius: var(--border-radius-lg);
    background: var(--vp-surface-input);
    /* Containing block for the absolute-positioned tooltip card. */
    position: relative;
}

.vp-pie-chart__header[b-4wsu10106t] {
    margin-bottom: 12px;
}

.vp-chart__html-title[b-4wsu10106t] {
    display: inline-block;
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    color: var(--vp-content-text);
}

.vp-chart__empty[b-4wsu10106t] {
    font-size: 14px;
    fill: var(--vp-placeholder-color);
    font-family: inherit;
}

.vp-pie-chart__layout[b-4wsu10106t] {
    /* Side-by-side layout: donut on the left, legend on the right.
       justify-content: center pulls the (donut + legend) pair toward
       the center of the card so the legend doesn't hug the right
       edge with whitespace between it and the donut. */
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    height: 100%;
    min-height: 0;
    min-width: 0;
}

.vp-pie-chart__svg[b-4wsu10106t] {
    display: block;
    /* flex: 0 1 auto so the SVG doesn't grow to claim every available
       pixel — that's what caused the legend to be pushed to the far
       right with empty space in between. Letting the SVG take only
       what it needs (capped by max-width) keeps the pair tight. */
    flex: 0 1 auto;
    min-width: 0;
    min-height: 0;
    width: auto;
    height: 100%;
    /* Reserve ~180px for the legend column + 12px gap. The donut
       letterboxes inside whatever remains. */
    max-width: calc(100% - 192px);
    max-height: 100%;
}

/* Legend column. Width chosen so the labels read comfortably without
   wrapping every line. We deliberately do NOT pin `max-height: 100%`
   here — that combo with `overflow-y: auto` produced phantom
   vertical scrollbars on small legends (4-6 items in Language
   Breakdown / Token Ratio) because the donut row was shorter than
   the legend column, so the legend clipped its own natural height.
   Letting the legend grow to fit its rows means scrolling only kicks
   in when the legend genuinely outgrows the parent card. */
.vp-pie-chart__legend[b-4wsu10106t] {
    flex: 0 0 180px;
    min-width: 0;
}

/* On very narrow cards (mobile / single-column grid) fall back to
   the stacked layout — a 180px legend column eats too much room
   when the whole card is < 400px wide. Threshold at 360px so
   tablet portrait still gets the side-by-side reading. */
@media (max-width: 360px) {
    .vp-pie-chart__layout[b-4wsu10106t] {
        flex-direction: column;
    }
    .vp-pie-chart__legend[b-4wsu10106t] {
        flex: 0 0 auto;
        max-height: 40%;
    }
}

.vp-pie-chart__segment[b-4wsu10106t] {
    transform-origin: center;
    transition: filter 0.18s ease, transform 0.18s cubic-bezier(0.22, 1, 0.36, 1);
    cursor: pointer;
}

/* Hover lift — the active slice brightens slightly and nudges
   outward via transform to feel "selected" without a stroke that
   would clash with the chart palette. */
.vp-pie-chart__segment:hover[b-4wsu10106t],
.vp-pie-chart__segment--hover[b-4wsu10106t] {
    filter: brightness(1.08) saturate(1.05);
}

/* Dim non-hovered slices when one is hovered, so the active slice
   reads as the focus of attention. The :has() selector means the
   layout itself decides — no .NET state required for the dimming. */
.vp-pie-chart__layout:has(.vp-pie-chart__segment--hover) .vp-pie-chart__segment:not(.vp-pie-chart__segment--hover)[b-4wsu10106t] {
    filter: saturate(0.7);
    opacity: 0.6;
}

.vp-pie-chart__legend-item[b-4wsu10106t] {
    cursor: pointer;
    transition: background-color 0.15s ease;
    padding: 4px 6px;
    border-radius: 6px;
    margin: -4px -6px;
}

.vp-pie-chart__legend-item:hover[b-4wsu10106t],
.vp-pie-chart__legend-item--hover[b-4wsu10106t] {
    background: rgba(34, 48, 41, 0.06);
}

[data-theme="dark"] .vp-pie-chart__legend-item:hover[b-4wsu10106t],
[data-theme="dark"] .vp-pie-chart__legend-item--hover[b-4wsu10106t],
:root[data-theme="dark"] .vp-pie-chart__legend-item:hover[b-4wsu10106t],
:root[data-theme="dark"] .vp-pie-chart__legend-item--hover[b-4wsu10106t] {
    background: rgba(255, 255, 255, 0.06);
}

/* ── Hover tooltip card ─────────────────────────────────────────── */
.vp-pie-chart__tooltip[b-4wsu10106t] {
    position: absolute;
    z-index: 10;
    pointer-events: none;
    /* Position is driven by --vp-tt-cursor-x / --vp-tt-cursor-y
       written by verapath-chart-tooltip.js on mousemove. */
    left: calc(var(--vp-tt-cursor-x, 50%) + 14px);
    top: calc(var(--vp-tt-cursor-y, 50%) - 12px);
    min-width: 140px;
    max-width: 260px;
    padding: 9px 12px 10px;
    border-radius: 10px;
    background: var(--color-midnight, #223029);
    color: rgba(255, 255, 255, 0.96);
    font-family: var(--font-body, system-ui);
    font-size: 12px;
    line-height: 1.35;
    box-shadow:
        0 1px 2px rgba(0, 0, 0, 0.18),
        0 8px 24px rgba(0, 0, 0, 0.22);
    animation: vp-pie-chart-tooltip-fade-b-4wsu10106t 120ms ease-out;
}

@keyframes vp-pie-chart-tooltip-fade-b-4wsu10106t {
    from {
        opacity: 0;
        transform: translateY(-2px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.vp-pie-chart__tooltip-label[b-4wsu10106t] {
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.78);
    margin-bottom: 5px;
}

.vp-pie-chart__tooltip-row[b-4wsu10106t] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
}

.vp-pie-chart__tooltip-swatch[b-4wsu10106t] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex: 0 0 10px;
    align-self: center;
    box-shadow: 0 0 0 1.5px rgba(255, 255, 255, 0.10);
}

.vp-pie-chart__tooltip-value[b-4wsu10106t] {
    font-variant-numeric: tabular-nums;
    color: rgba(255, 255, 255, 0.98);
}

.vp-pie-chart__tooltip-pct[b-4wsu10106t] {
    font-size: 11px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.62);
    margin-left: auto;
    font-variant-numeric: tabular-nums;
}

/* Flip-to-left when the JS detects the cursor in the right half. */
.vp-pie-chart[data-tooltip-flip="left"] .vp-pie-chart__tooltip[b-4wsu10106t] {
    left: auto;
    right: calc(100% - var(--vp-tt-cursor-x, 50%) + 14px);
}

.vp-pie-chart__slice-label[b-4wsu10106t] {
    /* Bump font size + weight so the percent reads cleanly inside the
       slice. Earlier 12/bold left the numbers feeling washed out at
       the typical card size. */
    font-size: 13px;
    font-weight: 800;
    font-family: inherit;
    /* paint-order: stroke fill draws the colored outline UNDER the
       text fill, instead of the SVG default where stroke is painted
       on top and eats half its width into the letter shapes. Combined
       with stroke-linejoin: round, this gives a clean halo behind
       the text that reads as anti-aliased rather than blurry.
       Letter-spacing tightens to compensate for the bolder weight. */
    paint-order: stroke fill;
    stroke-linejoin: round;
    letter-spacing: 0.01em;
    /* Subtle text-shadow adds depth without softening the edges —
       different layer from the stroke halo so the two reinforce
       rather than compete. Tuned low enough that it disappears on
       light slices but lifts dark text slightly on saturated fills. */
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.18);
}

.vp-pie-chart__inner[b-4wsu10106t] {
    fill: var(--vp-surface-input);
}

/* External slice callouts. Drawn for slices below the
   CalloutSweepThresholdDegrees parameter so small slices still get
   a readable percentage. The leader line inherits the slice's color
   (set via the `stroke` attribute on the polyline element) so the
   callout is unambiguously attributed to its wedge. */
.vp-pie-chart__callout-line[b-4wsu10106t] {
    stroke-width: 1.4;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0.85;
    pointer-events: none;
}

.vp-pie-chart__callout-label[b-4wsu10106t] {
    font-size: 11px;
    font-weight: 600;
    font-family: inherit;
    fill: var(--vp-content-text, #223029);
    pointer-events: none;
}

[data-theme="dark"] .vp-pie-chart__callout-label[b-4wsu10106t],
:root[data-theme="dark"] .vp-pie-chart__callout-label[b-4wsu10106t] {
    fill: rgba(255, 255, 255, 0.92);
}

.vp-pie-chart__center-label[b-4wsu10106t] {
    font-size: 11px;
    fill: var(--vp-placeholder-color);
    font-family: inherit;
}

.vp-pie-chart__center-value[b-4wsu10106t] {
    font-size: 18px;
    font-weight: var(--font-weight-bold);
    fill: var(--vp-content-text);
    font-family: inherit;
}

.vp-pie-chart__legend[b-4wsu10106t] {
    list-style: none;
    display: grid;
    gap: 12px;
    padding: 0;
    margin: 0;
}

.vp-pie-chart__legend-item[b-4wsu10106t] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.vp-pie-chart__legend-swatch[b-4wsu10106t] {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    flex: 0 0 12px;
}

.vp-pie-chart__legend-copy[b-4wsu10106t] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.vp-pie-chart__legend-label[b-4wsu10106t] {
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    color: var(--vp-content-text);
}

.vp-pie-chart__legend-value[b-4wsu10106t] {
    font-size: 12px;
    color: var(--vp-placeholder-color);
}

@keyframes vp-pie-chart-reveal-b-4wsu10106t {
    from {
        opacity: 0;
        transform: scale(0.84);
    }

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

.vp-pie-chart__svg--animated .vp-pie-chart__segment[b-4wsu10106t] {
    opacity: 0;
    animation: vp-pie-chart-reveal-b-4wsu10106t 0.45s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    animation-delay: var(--vp-chart-delay, 0s);
}

@media (min-width: 768px) {
    .vp-pie-chart__layout[b-4wsu10106t] {
        grid-template-columns: minmax(0, 1fr) minmax(180px, 220px);
    }
}

[data-theme="dark"] .vp-chart-shell[b-4wsu10106t],
:root[data-theme="dark"] .vp-chart-shell[b-4wsu10106t] {
    background: rgba(36, 59, 47, 0.98);
    border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-chart__html-title[b-4wsu10106t],
[data-theme="dark"] .vp-pie-chart__center-value[b-4wsu10106t],
[data-theme="dark"] .vp-pie-chart__legend-label[b-4wsu10106t],
:root[data-theme="dark"] .vp-chart__html-title[b-4wsu10106t],
:root[data-theme="dark"] .vp-pie-chart__center-value[b-4wsu10106t],
:root[data-theme="dark"] .vp-pie-chart__legend-label[b-4wsu10106t] {
    color: rgba(255, 255, 255, 0.92);
    fill: rgba(255, 255, 255, 0.92);
}

[data-theme="dark"] .vp-chart__empty[b-4wsu10106t],
[data-theme="dark"] .vp-pie-chart__center-label[b-4wsu10106t],
[data-theme="dark"] .vp-pie-chart__legend-value[b-4wsu10106t],
:root[data-theme="dark"] .vp-chart__empty[b-4wsu10106t],
:root[data-theme="dark"] .vp-pie-chart__center-label[b-4wsu10106t],
:root[data-theme="dark"] .vp-pie-chart__legend-value[b-4wsu10106t] {
    color: rgba(255, 255, 255, 0.62);
    fill: rgba(255, 255, 255, 0.62);
}

[data-theme="dark"] .vp-pie-chart__inner[b-4wsu10106t],
:root[data-theme="dark"] .vp-pie-chart__inner[b-4wsu10106t] {
    fill: rgba(36, 59, 47, 0.98);
}
/* _content/Verapath.Components/Components/Charts/VerapathQuotaBar.razor.rz.scp.css */
.vp-quota-bar[b-ybja0clc2p] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.vp-quota-bar__track[b-ybja0clc2p] {
    position: relative;
    display: block;
    width: 100%;
    background: var(--vp-border-soft, #EEEAE0);
    border-radius: 3px;
    overflow: visible;
}

.vp-quota-bar--compact .vp-quota-bar__track[b-ybja0clc2p] {
    height: 6px;
}

.vp-quota-bar--tall .vp-quota-bar__track[b-ybja0clc2p] {
    height: 10px;
    border-radius: 4px;
}

.vp-quota-bar__fill[b-ybja0clc2p] {
    position: absolute;
    inset: 0 auto 0 0;
    height: 100%;
    border-radius: inherit;
    background-image: linear-gradient(90deg,
        var(--vp-up, #1F4A2D) 0%,
        color-mix(in srgb, var(--vp-up, #1F4A2D) 65%, #ffffff 35%) 100%);
}

/* 2px ink marker overhanging the track top/bottom for a clear "tick". */
.vp-quota-bar__pace[b-ybja0clc2p] {
    position: absolute;
    top: -3px;
    bottom: -3px;
    width: 2px;
    margin-left: -1px;
    background: var(--vp-topstrip-ink, #15201A);
    border-radius: 1px;
    pointer-events: none;
}

.vp-quota-bar__label[b-ybja0clc2p] {
    font-size: var(--vp-meta, 11px);
    color: color-mix(in srgb, var(--vp-content-text, #223029) 70%, transparent);
    font-variant-numeric: tabular-nums;
}

[data-theme="dark"] .vp-quota-bar__track[b-ybja0clc2p],
:root[data-theme="dark"] .vp-quota-bar__track[b-ybja0clc2p] {
    background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-quota-bar__pace[b-ybja0clc2p],
:root[data-theme="dark"] .vp-quota-bar__pace[b-ybja0clc2p] {
    background: rgba(255, 255, 255, 0.85);
}
/* _content/Verapath.Components/Components/Charts/VerapathStackedBarChart.razor.rz.scp.css */
.vp-stacked-bar-chart[b-7ger0l6wci] {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}

.vp-stacked-bar-chart__svg[b-7ger0l6wci] {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.vp-stacked-bar-chart__truncated[b-7ger0l6wci] {
    margin-top: 4px;
    font-family: var(--font-body, sans-serif);
    font-size: 11px;
    font-weight: 500;
    color: var(--color-gray-01, #909893);
    text-align: right;
    padding: 0 8px;
}

[b-7ger0l6wci] .vp-chart__axis-title {
    font-family: var(--font-body, sans-serif);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    opacity: 0.78;
}

.vp-stacked-bar-chart__segment[b-7ger0l6wci] {
    transition: filter 0.15s ease, transform 0.15s ease;
    cursor: pointer;
}

.vp-stacked-bar-chart__segment:hover[b-7ger0l6wci],
.vp-stacked-bar-chart__segment--hover[b-7ger0l6wci] {
    filter: brightness(1.10) saturate(1.06);
}

.vp-stacked-bar-chart__tooltip[b-7ger0l6wci] {
    position: absolute;
    z-index: 10;
    pointer-events: none;
    /* Position is driven by --vp-tt-cursor-x / --vp-tt-cursor-y
       written by verapath-chart-tooltip.js on mousemove. */
    left: calc(var(--vp-tt-cursor-x, 50%) + 14px);
    top: calc(var(--vp-tt-cursor-y, 50%) - 12px);
    min-width: 160px;
    background: var(--vp-card-bg, #ffffff);
    color: var(--vp-content-text, #223029);
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--radius-sm, 8px);
    box-shadow: 0 6px 20px rgba(34, 48, 41, 0.10);
    padding: 8px 10px;
    font-family: var(--font-body, sans-serif);
    font-size: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.vp-stacked-bar-chart__tooltip-label[b-7ger0l6wci] {
    font-weight: 600;
}

.vp-stacked-bar-chart__tooltip-row[b-7ger0l6wci] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.vp-stacked-bar-chart__tooltip-swatch[b-7ger0l6wci] {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    flex: 0 0 10px;
}

.vp-stacked-bar-chart__tooltip-name[b-7ger0l6wci] {
    flex: 1 1 auto;
    color: var(--color-gray-01, #909893);
}

.vp-stacked-bar-chart__tooltip-value[b-7ger0l6wci] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

.vp-stacked-bar-chart__tooltip-total[b-7ger0l6wci] {
    font-size: 11px;
    color: var(--color-gray-01, #909893);
    border-top: 1px solid var(--vp-divider, #e0e3e2);
    padding-top: 4px;
    margin-top: 2px;
}

[data-theme="dark"] .vp-stacked-bar-chart__tooltip[b-7ger0l6wci],
:root[data-theme="dark"] .vp-stacked-bar-chart__tooltip[b-7ger0l6wci] {
    background: #2C2C2C;
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.92);
}

[data-theme="dark"] .vp-stacked-bar-chart__tooltip-name[b-7ger0l6wci],
[data-theme="dark"] .vp-stacked-bar-chart__tooltip-total[b-7ger0l6wci],
:root[data-theme="dark"] .vp-stacked-bar-chart__tooltip-name[b-7ger0l6wci],
:root[data-theme="dark"] .vp-stacked-bar-chart__tooltip-total[b-7ger0l6wci] {
    color: rgba(255, 255, 255, 0.62);
}

/* Flip-to-left when the JS detects the cursor in the right half. */
.vp-stacked-bar-chart[data-tooltip-flip="left"] .vp-stacked-bar-chart__tooltip[b-7ger0l6wci] {
    left: auto;
    right: calc(100% - var(--vp-tt-cursor-x, 50%) + 14px);
}
/* _content/Verapath.Components/Components/Charts/VerapathStagePipeline.razor.rz.scp.css */
.vp-stage-pipeline[b-fywv1gj7sc] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-variant-numeric: tabular-nums;
}

.vp-stage-pipeline__row[b-fywv1gj7sc] {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr) auto 56px;
    align-items: center;
    gap: 12px;
    min-height: 26px;
}

.vp-stage-pipeline__label[b-fywv1gj7sc] {
    font-size: var(--vp-body-compact, 13px);
    color: var(--vp-content-text, #223029);
}

.vp-stage-pipeline__bar[b-fywv1gj7sc] {
    position: relative;
    display: block;
    height: 22px;
    background: var(--vp-border-soft, #EEEAE0);
    border-radius: 4px;
    overflow: hidden;
}

.vp-stage-pipeline__fill[b-fywv1gj7sc] {
    position: absolute;
    inset: 0 auto 0 0;
    height: 100%;
    border-radius: inherit;
    transition: width 200ms ease-out;
}

.vp-stage-pipeline__fill--default[b-fywv1gj7sc] {
    background: var(--vp-up, #1F4A2D);
    opacity: 0.92;
}

.vp-stage-pipeline__fill--won[b-fywv1gj7sc] {
    background: var(--vp-up, #1F4A2D);
}

.vp-stage-pipeline__fill--lost[b-fywv1gj7sc] {
    background: color-mix(in srgb, var(--vp-down, #A93A2E) 70%, #ffffff 30%);
}

.vp-stage-pipeline__count[b-fywv1gj7sc] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: var(--vp-meta, 11px);
    font-weight: 600;
    color: var(--vp-content-text, #223029);
    pointer-events: none;
}

.vp-stage-pipeline__values[b-fywv1gj7sc] {
    display: inline-flex;
    align-items: baseline;
    gap: 10px;
    font-size: var(--vp-meta, 11px);
    color: var(--vp-content-text, #223029);
    white-space: nowrap;
}

.vp-stage-pipeline__dollars[b-fywv1gj7sc] {
    font-weight: 600;
}

.vp-stage-pipeline__weighted[b-fywv1gj7sc] {
    color: color-mix(in srgb, var(--vp-content-text, #223029) 60%, transparent);
}

.vp-stage-pipeline__conv[b-fywv1gj7sc] {
    display: inline-flex;
    justify-content: flex-end;
}

.vp-stage-pipeline__pill[b-fywv1gj7sc] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: var(--vp-kicker, 10px);
    font-weight: 700;
    letter-spacing: 0.04em;
}

.vp-stage-pipeline__pill--conv[b-fywv1gj7sc] {
    color: color-mix(in srgb, var(--vp-content-text, #223029) 75%, transparent);
    background: var(--vp-card-alt, #FAF7EF);
}

.vp-stage-pipeline__pill--won[b-fywv1gj7sc] {
    color: var(--vp-up, #1F4A2D);
    background: color-mix(in srgb, var(--vp-up, #1F4A2D) 12%, transparent);
}

.vp-stage-pipeline__pill--lost[b-fywv1gj7sc] {
    color: var(--vp-down, #A93A2E);
    background: color-mix(in srgb, var(--vp-down, #A93A2E) 12%, transparent);
}

.vp-stage-pipeline__pill-arrow[b-fywv1gj7sc] {
    opacity: 0.6;
}

[data-theme="dark"] .vp-stage-pipeline__bar[b-fywv1gj7sc],
:root[data-theme="dark"] .vp-stage-pipeline__bar[b-fywv1gj7sc] {
    background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-stage-pipeline__pill--conv[b-fywv1gj7sc],
:root[data-theme="dark"] .vp-stage-pipeline__pill--conv[b-fywv1gj7sc] {
    background: rgba(255, 255, 255, 0.06);
}
/* _content/Verapath.Components/Components/Charts/VerapathTreemap.razor.rz.scp.css */
.vp-treemap[b-zfy0e3541b] {
    width: 100%;
    height: 100%;
    display: block;
}

.vp-treemap__svg[b-zfy0e3541b] {
    display: block;
    width: 100%;
    height: 100%;
}

.vp-treemap__node[b-zfy0e3541b] {
    transition: filter 0.15s ease;
    cursor: pointer;
}

.vp-treemap__node:hover[b-zfy0e3541b] {
    filter: brightness(1.08) saturate(1.06);
}

.vp-treemap__label[b-zfy0e3541b] {
    font-family: var(--font-body, sans-serif);
    font-size: 12px;
    font-weight: 600;
    pointer-events: none;
}

.vp-treemap__value[b-zfy0e3541b] {
    font-family: var(--font-body, sans-serif);
    font-size: 11px;
    font-weight: 500;
    pointer-events: none;
    opacity: 0.85;
}
/* _content/Verapath.Components/Components/ChatHistory/VerapathChatHistory.razor.rz.scp.css */
.vp-chat-history[b-crvlu0silh] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 8px 6px;
    color: var(--vp-sidebar-fg, rgba(255, 255, 255, 0.86));
    font-family: inherit;
}

/* ── Search ──────────────────────────────────────────────── */
.vp-chat-history__search[b-crvlu0silh] {
    position: relative;
    display: flex;
    align-items: center;
}

.vp-chat-history__search-icon[b-crvlu0silh] {
    position: absolute;
    left: 9px;
    color: var(--vp-sidebar-fg-muted, rgba(255, 255, 255, 0.55));
    pointer-events: none;
}

.vp-chat-history__search-input[b-crvlu0silh] {
    width: 100%;
    box-sizing: border-box;
    padding: 6px 10px 6px 28px;
    font-size: 12px;
    font-family: inherit;
    color: inherit;
    background: var(--vp-sidebar-surface, rgba(255, 255, 255, 0.07));
    border: 1px solid var(--vp-sidebar-border, rgba(255, 255, 255, 0.12));
    border-radius: 8px;
    outline: none;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.vp-chat-history__search-input[b-crvlu0silh]::placeholder {
    color: var(--vp-sidebar-fg-muted, rgba(255, 255, 255, 0.55));
}

.vp-chat-history__search-input:focus[b-crvlu0silh] {
    border-color: var(--color-bright-green, #a3e96b);
    background: var(--vp-sidebar-surface-strong, rgba(255, 255, 255, 0.1));
}

/* ── Buckets ─────────────────────────────────────────────── */
.vp-chat-history__bucket[b-crvlu0silh] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.vp-chat-history__bucket-label[b-crvlu0silh] {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 6px 8px 2px;
    color: var(--vp-sidebar-fg-muted, rgba(255, 255, 255, 0.55));
}

/* ── Row ─────────────────────────────────────────────────── */
.vp-chat-history__row[b-crvlu0silh] {
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 7px;
    transition: background-color 0.1s ease;
}

.vp-chat-history__row:hover[b-crvlu0silh],
.vp-chat-history__row--menu-open[b-crvlu0silh] {
    background: var(--vp-sidebar-surface, rgba(255, 255, 255, 0.07));
}

.vp-chat-history__row--active[b-crvlu0silh] {
    background: var(--vp-sidebar-surface-strong, rgba(255, 255, 255, 0.12));
}

.vp-chat-history__row-body[b-crvlu0silh] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 8px;
    background: transparent;
    border: none;
    color: inherit;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
}

.vp-chat-history__title[b-crvlu0silh] {
    flex: 1;
    min-width: 0;
    font-size: 13px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: inherit;
}

.vp-chat-history__saved-badge[b-crvlu0silh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    color: var(--color-bright-green, #a3e96b);
    flex-shrink: 0;
}

.vp-chat-history__pinned-badge[b-crvlu0silh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    color: var(--color-purple, #bca9f1);
    flex-shrink: 0;
}

.vp-chat-history__status-dot[b-crvlu0silh] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-left: 6px;
    background: var(--color-bright-green, #a3e96b);
}

.vp-chat-history__status-dot--running[b-crvlu0silh] {
    animation: vp-chat-history-pulse-b-crvlu0silh 1.4s ease-in-out infinite;
}

@keyframes vp-chat-history-pulse-b-crvlu0silh {
    0%, 100% { opacity: 0.35; transform: scale(0.85); }
    50%      { opacity: 1;    transform: scale(1.1); }
}

/* ── Actions ─────────────────────────────────────────────── */
.vp-chat-history__actions[b-crvlu0silh] {
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 4px;
    opacity: 0;
    transition: opacity 0.1s ease;
}

.vp-chat-history__row:hover .vp-chat-history__actions[b-crvlu0silh],
.vp-chat-history__row--menu-open .vp-chat-history__actions[b-crvlu0silh],
.vp-chat-history__row--active .vp-chat-history__actions[b-crvlu0silh] {
    opacity: 1;
}

.vp-chat-history__menu-btn[b-crvlu0silh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    background: transparent;
    border: none;
    border-radius: 5px;
    color: var(--vp-sidebar-fg-muted, rgba(255, 255, 255, 0.65));
    cursor: pointer;
    transition: background-color 0.1s ease, color 0.1s ease;
}

.vp-chat-history__menu-btn:hover[b-crvlu0silh] {
    background: var(--vp-sidebar-surface-strong, rgba(255, 255, 255, 0.14));
    color: var(--vp-sidebar-fg, rgba(255, 255, 255, 0.9));
}

.vp-chat-history__menu[b-crvlu0silh] {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    min-width: 180px;
    background: var(--color-midnight, #223029);
    border: 1px solid var(--vp-sidebar-border, rgba(255, 255, 255, 0.14));
    border-radius: 8px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);
    padding: 4px;
    z-index: 40;
    display: flex;
    flex-direction: column;
    gap: 1px;
    animation: vp-chat-history-menu-in-b-crvlu0silh 0.1s ease;
}

@keyframes vp-chat-history-menu-in-b-crvlu0silh {
    from { opacity: 0; transform: translateY(-2px); }
    to   { opacity: 1; transform: translateY(0); }
}

.vp-chat-history__menu-item[b-crvlu0silh] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 7px 10px;
    font-size: 12px;
    font-family: inherit;
    background: transparent;
    border: none;
    border-radius: 6px;
    color: var(--vp-sidebar-fg, rgba(255, 255, 255, 0.9));
    cursor: pointer;
    text-align: left;
    transition: background-color 0.1s ease, color 0.1s ease;
}

.vp-chat-history__menu-item:hover[b-crvlu0silh] {
    background: var(--vp-sidebar-surface-strong, rgba(255, 255, 255, 0.1));
}

.vp-chat-history__menu-item--destructive[b-crvlu0silh] {
    color: var(--color-red, #f9574d);
}

.vp-chat-history__menu-item--destructive:hover[b-crvlu0silh] {
    background: rgba(249, 87, 77, 0.15);
}

/* ── Inline rename ───────────────────────────────────────── */
.vp-chat-history__rename[b-crvlu0silh] {
    flex: 1;
    padding: 6px 8px;
    margin: 1px 4px;
    font-size: 13px;
    font-family: inherit;
    color: inherit;
    background: var(--vp-sidebar-surface-strong, rgba(255, 255, 255, 0.12));
    border: 1px solid var(--color-bright-green, #a3e96b);
    border-radius: 6px;
    outline: none;
}

/* ── Load more ───────────────────────────────────────────── */
.vp-chat-history__load-more[b-crvlu0silh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 8px 4px 0;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 500;
    font-family: inherit;
    background: var(--vp-sidebar-surface, rgba(255, 255, 255, 0.07));
    color: var(--vp-sidebar-fg, rgba(255, 255, 255, 0.9));
    border: 1px solid var(--vp-sidebar-border, rgba(255, 255, 255, 0.12));
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.1s ease, border-color 0.1s ease;
}

.vp-chat-history__load-more:hover:not(:disabled)[b-crvlu0silh] {
    background: var(--vp-sidebar-surface-strong, rgba(255, 255, 255, 0.12));
    border-color: var(--color-bright-green, #a3e96b);
}

.vp-chat-history__load-more:disabled[b-crvlu0silh] {
    opacity: 0.6;
    cursor: wait;
}

/* ── Empty / skeleton ────────────────────────────────────── */
.vp-chat-history__empty[b-crvlu0silh] {
    padding: 18px 8px;
    font-size: 12px;
    text-align: center;
    color: var(--vp-sidebar-fg-muted, rgba(255, 255, 255, 0.55));
}

.vp-chat-history__skeleton[b-crvlu0silh] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 4px;
}

.vp-chat-history__skeleton-row[b-crvlu0silh] {
    height: 26px;
    border-radius: 6px;
    background: linear-gradient(90deg,
        rgba(255, 255, 255, 0.04) 0%,
        rgba(255, 255, 255, 0.09) 50%,
        rgba(255, 255, 255, 0.04) 100%);
    background-size: 200% 100%;
    animation: vp-chat-history-shimmer-b-crvlu0silh 1.4s ease-in-out infinite;
}

@keyframes vp-chat-history-shimmer-b-crvlu0silh {
    from { background-position: 200% 0; }
    to   { background-position: -200% 0; }
}

/* ── Light theme adjustments ─────────────────────────────── */
.vp-chat-history[data-theme="light"][b-crvlu0silh] {
    --vp-sidebar-fg: var(--color-midnight, #223029);
    --vp-sidebar-fg-muted: var(--color-gray-01, #909893);
    --vp-sidebar-surface: var(--color-gray-04, #f7f7f7);
    --vp-sidebar-surface-strong: var(--color-gray-03, #e0e3e2);
    --vp-sidebar-border: var(--color-gray-03, #e0e3e2);
}

.vp-chat-history[data-theme="light"] .vp-chat-history__menu[b-crvlu0silh] {
    background: var(--color-white, #ffffff);
    color: var(--color-midnight, #223029);
    box-shadow: 0 8px 30px rgba(34, 48, 41, 0.12);
}
/* _content/Verapath.Components/Components/Dashboard/VerapathDashboardCanvas.razor.rz.scp.css */
/* VerapathDashboardCanvas — modular dashboard (Plane 3).
   Scoped; references host design tokens via var(--token, fallback) so it still
   renders if the host hasn't loaded verapath-variables.css. */

.vp-dash-canvas[b-8l7ovd2tyj] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* ── Toolbar ─────────────────────────────────────────────────────────── */
.vp-dash-canvas__toolbar[b-8l7ovd2tyj] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 0 16px;
    min-height: 32px;
}

.vp-dash-canvas__edit-toggle[b-8l7ovd2tyj] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 32px;
    padding: 0 14px;
    font: inherit;
    font-size: var(--font-size-label, 14px);
    font-weight: var(--font-weight-medium, 600);
    color: var(--color-text, #223029);
    background: var(--color-gray-03, #e0e3e2);
    border: 1px solid transparent;
    border-radius: 6px;
    cursor: pointer;
    transition: background 120ms ease, color 120ms ease, border-color 120ms ease;
}

.vp-dash-canvas__edit-toggle:hover[b-8l7ovd2tyj] {
    background: var(--color-gray-02, #b9c0be);
}

.vp-dash-canvas__edit-toggle.is-active[b-8l7ovd2tyj] {
    color: var(--vp-accent-ink, #223029);
    background: var(--vp-accent, #a3e96b);
    border-color: var(--vp-accent, #a3e96b);
}

.vp-dash-canvas__edit-icon[b-8l7ovd2tyj] {
    font-size: 13px;
    line-height: 1;
}

.vp-dash-canvas__reset[b-8l7ovd2tyj] {
    height: 32px;
    padding: 0 10px;
    font: inherit;
    font-size: var(--font-size-label, 14px);
    color: var(--color-text-muted, #5b6b63);
    background: transparent;
    border: 1px solid var(--vp-border-default, var(--color-gray-02, #b9c0be));
    border-radius: 6px;
    cursor: pointer;
}

.vp-dash-canvas__reset:hover[b-8l7ovd2tyj] {
    color: var(--color-text, #223029);
    border-color: var(--color-gray-01, #909893);
}

.vp-dash-canvas__hint[b-8l7ovd2tyj] {
    font-size: var(--font-size-caption, 12px);
    color: var(--color-text-muted, #909893);
}

/* ── Grid ────────────────────────────────────────────────────────────── */
.vp-dash-canvas__grid[b-8l7ovd2tyj] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 8px;
    padding: 0 16px 8px;
    /* Stretch (not start) so cells fill their grid-row height — cards that sit
       side-by-side in the same row equalize to the tallest one (aligned bottoms),
       which reads as intentional. Rows are independent, so a short KPI rail never
       gets forced to a tall table's height. */
    align-items: stretch;
}

.vp-dash-canvas__cell[b-8l7ovd2tyj] {
    grid-column: span var(--vp-dash-span, 12);
    min-width: 0;
    position: relative;
    border-radius: 8px;
    /* Column flex so the body fills the cell beneath the (optional) edit bar. */
    display: flex;
    flex-direction: column;
}

.vp-dash-canvas__body[b-8l7ovd2tyj] {
    min-width: 0;
    /* Fill the row-stretched cell and pass that height to the single card child,
       so the card's own background/border matches its row-neighbors. */
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.vp-dash-canvas__body > *[b-8l7ovd2tyj] {
    flex: 1 1 auto;
    min-height: 0;
}

/* ── Edit-mode chrome ────────────────────────────────────────────────── */
.vp-dash-canvas--editing .vp-dash-canvas__cell[b-8l7ovd2tyj] {
    outline: 1px dashed var(--vp-border-default, var(--color-gray-02, #b9c0be));
    outline-offset: 3px;
    cursor: grab;
}

.vp-dash-canvas--editing .vp-dash-canvas__cell:active[b-8l7ovd2tyj] {
    cursor: grabbing;
}

.vp-dash-canvas__cell.is-dragging[b-8l7ovd2tyj] {
    opacity: 0.4;
}

.vp-dash-canvas__cell.is-dragover[b-8l7ovd2tyj] {
    outline: 2px solid var(--vp-accent, #a3e96b);
    outline-offset: 3px;
}

.vp-dash-canvas__bar[b-8l7ovd2tyj] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 8px;
    margin-bottom: 4px;
    background: var(--vp-accent-soft, var(--color-mint-50, #edfaee));
    border: 1px solid var(--vp-accent-line, var(--color-mint, #daf4dd));
    border-radius: 6px;
    user-select: none;
}

.vp-dash-canvas__grip[b-8l7ovd2tyj] {
    /* a real <button> so it's keyboard-reachable for accessible reordering */
    display: inline-flex;
    align-items: center;
    padding: 0 2px;
    border: none;
    background: transparent;
    color: var(--color-text-muted, #909893);
    font: inherit;
    font-size: 14px;
    line-height: 1;
    cursor: grab;
}

.vp-dash-canvas__grip:focus-visible[b-8l7ovd2tyj] {
    outline: 2px solid var(--vp-accent, #a3e96b);
    outline-offset: 2px;
    border-radius: 4px;
}

/* Cell being moved via the keyboard (mirrors the pointer-drag highlight). */
.vp-dash-canvas__cell.is-kbdragging[b-8l7ovd2tyj] {
    outline: 2px solid var(--color-green, #0ea665);
    outline-offset: 3px;
}

/* Visually-hidden live region for screen-reader reorder announcements. */
.vp-dash-canvas__sr-only[b-8l7ovd2tyj] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.vp-dash-canvas__bar-title[b-8l7ovd2tyj] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--font-size-label, 14px);
    font-weight: var(--font-weight-medium, 600);
    color: var(--color-text, #223029);
}

.vp-dash-canvas__bar-actions[b-8l7ovd2tyj] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 0 0 auto;
}

.vp-dash-canvas__icon-btn[b-8l7ovd2tyj] {
    height: 24px;
    min-width: 30px;
    padding: 0 6px;
    font: inherit;
    font-size: var(--font-size-caption, 12px);
    font-weight: var(--font-weight-medium, 600);
    color: var(--color-text, #223029);
    background: var(--color-white, #ffffff);
    border: 1px solid var(--vp-border-default, var(--color-gray-02, #b9c0be));
    border-radius: 5px;
    cursor: pointer;
}

.vp-dash-canvas__icon-btn:hover[b-8l7ovd2tyj] {
    border-color: var(--color-gray-01, #909893);
}

.vp-dash-canvas__icon-btn--hide:hover[b-8l7ovd2tyj] {
    color: var(--color-red, #f9574d);
    border-color: var(--color-red, #f9574d);
}

/* ── Add-widget (P2.2) — the trigger is a button in the floating edit bar; this
   just tints its leading "+". The gallery cards below live in the drawer. ──────── */
.vp-dash-canvas__add-icon[b-8l7ovd2tyj] {
    font-size: 16px;
    line-height: 1;
    color: var(--color-green, #0ea665);
}

/* Gallery cards inside the "Add a widget" drawer. */
.vp-dash-canvas__gallery-grid[b-8l7ovd2tyj] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.vp-dash-canvas__gallery-card[b-8l7ovd2tyj] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    background: var(--color-white, #ffffff);
    border: 1px solid var(--vp-border-default, var(--color-gray-02, #b9c0be));
    border-radius: 10px;
}

.vp-dash-canvas__gallery-icon[b-8l7ovd2tyj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: var(--vp-accent-soft, var(--color-mint-50, #edfaee));
    color: var(--color-green, #0ea665);
    font-size: 18px;
    line-height: 1;
}

.vp-dash-canvas__gallery-text[b-8l7ovd2tyj] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1 1 auto;
    min-width: 0;
}

.vp-dash-canvas__gallery-title[b-8l7ovd2tyj] {
    font-size: var(--font-size-label, 14px);
    font-weight: var(--font-weight-medium, 600);
    color: var(--color-text, #223029);
}

.vp-dash-canvas__gallery-desc[b-8l7ovd2tyj] {
    font-size: var(--font-size-caption, 12px);
    color: var(--color-text-muted, #909893);
}

.vp-dash-canvas__gallery-add[b-8l7ovd2tyj] {
    flex: 0 0 auto;
    height: 30px;
    padding: 0 14px;
    font: inherit;
    font-size: var(--font-size-label, 14px);
    font-weight: var(--font-weight-medium, 600);
    color: var(--vp-accent-ink, #173b22);
    background: var(--vp-accent, #a3e96b);
    border: 1px solid var(--color-green, #0ea665);
    border-radius: 999px;
    cursor: pointer;
}

.vp-dash-canvas__gallery-add:hover[b-8l7ovd2tyj] {
    color: #ffffff;
    background: var(--color-green, #0ea665);
}

/* ── Buffered Save / Discard bar (AutoSave=false) ──────────────────────
   Fixed to the viewport bottom (not sticky to the canvas) so it stays in view
   while editing a tall, scrolling dashboard — mirrors the main app's dashboards. */
.vp-dash-canvas__savebar[b-8l7ovd2tyj] {
    position: fixed;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    z-index: 1000;
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: calc(100vw - 32px);
    padding: 8px 8px 8px 16px;
    background: var(--color-white, #ffffff);
    border: 1px solid var(--vp-accent, #a3e96b);
    border-radius: 999px;
    box-shadow: 0 12px 32px rgba(34, 48, 41, 0.24);
    animation: vp-dash-savebar-rise-b-8l7ovd2tyj 0.16s ease-out;
}

@keyframes vp-dash-savebar-rise-b-8l7ovd2tyj {
    from { opacity: 0; transform: translate(-50%, 12px); }
    to   { opacity: 1; transform: translate(-50%, 0); }
}

@media (prefers-reduced-motion: reduce) {
    .vp-dash-canvas__savebar[b-8l7ovd2tyj] { animation: none; }
}

.vp-dash-canvas__savebar-dot[b-8l7ovd2tyj] {
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--color-lemon, #d8a200);
    box-shadow: 0 0 0 3px rgba(216, 162, 0, 0.22);
}

.vp-dash-canvas__savebar-text[b-8l7ovd2tyj] {
    flex: 1 1 auto;
    font-size: var(--font-size-label, 14px);
    font-weight: var(--font-weight-medium, 600);
    color: var(--color-text, #223029);
}

.vp-dash-canvas__savebar-actions[b-8l7ovd2tyj] {
    display: flex;
    gap: 6px;
    flex: 0 0 auto;
}

.vp-dash-canvas__savebar-btn[b-8l7ovd2tyj] {
    height: 30px;
    padding: 0 14px;
    font: inherit;
    font-size: var(--font-size-label, 14px);
    font-weight: var(--font-weight-medium, 600);
    color: var(--color-text, #223029);
    background: transparent;
    border: 1px solid var(--vp-border-default, var(--color-gray-02, #b9c0be));
    border-radius: 999px;
    cursor: pointer;
    transition: background 120ms ease, border-color 120ms ease, color 120ms ease;
}

.vp-dash-canvas__savebar-btn:hover[b-8l7ovd2tyj] {
    background: var(--color-gray-04, #f7f7f7);
    border-color: var(--color-gray-01, #909893);
}

.vp-dash-canvas__savebar-btn--primary[b-8l7ovd2tyj] {
    color: var(--vp-accent-ink, #173b22);
    background: var(--vp-accent, #a3e96b);
    border-color: var(--color-green, #0ea665);
}

.vp-dash-canvas__savebar-btn--primary:hover[b-8l7ovd2tyj] {
    color: #ffffff;
    background: var(--color-green, #0ea665);
    border-color: var(--color-green, #0ea665);
}

.vp-dash-canvas__drawer-done[b-8l7ovd2tyj] {
    height: 34px;
    padding: 0 16px;
    font: inherit;
    font-size: var(--font-size-label, 14px);
    font-weight: var(--font-weight-medium, 600);
    color: var(--vp-accent-ink, #173b22);
    background: var(--vp-accent, #a3e96b);
    border: 1px solid var(--color-green, #0ea665);
    border-radius: 6px;
    cursor: pointer;
}

.vp-dash-canvas__drawer-done:hover[b-8l7ovd2tyj] {
    color: #ffffff;
    background: var(--color-green, #0ea665);
}

/* ── View-mode hover affordances (M1): refresh / fullscreen, revealed on cell
   hover or keyboard focus so they never compete with the widget's own header. ── */
.vp-dash-canvas__hoverbar[b-8l7ovd2tyj] {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 5;
    display: inline-flex;
    gap: 4px;
    opacity: 0;
    transition: opacity 120ms ease;
    pointer-events: none;
}

.vp-dash-canvas__cell:hover .vp-dash-canvas__hoverbar[b-8l7ovd2tyj],
.vp-dash-canvas__cell:focus-within .vp-dash-canvas__hoverbar[b-8l7ovd2tyj] {
    opacity: 1;
    pointer-events: auto;
}

.vp-dash-canvas__hover-btn[b-8l7ovd2tyj] {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border: 1px solid var(--vp-border-soft, #EEEAE0);
    border-radius: var(--border-radius-md, 6px);
    background: var(--vp-card-bg, #ffffff);
    color: color-mix(in srgb, var(--vp-content-text, #223029) 65%, transparent);
    font-size: 13px;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(34, 48, 41, 0.10);
}

.vp-dash-canvas__hover-btn:hover[b-8l7ovd2tyj] {
    color: var(--vp-content-text, #223029);
    border-color: var(--vp-border-default, #b9c0be);
}

/* Placeholder shown in the grid while the widget's live instance is fullscreen. */
.vp-dash-canvas__fullscreen-placeholder[b-8l7ovd2tyj] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    height: 100%;
    border: 1px dashed var(--vp-border-soft, #EEEAE0);
    border-radius: var(--border-radius-md, 6px);
    color: color-mix(in srgb, var(--vp-content-text, #223029) 45%, transparent);
    font-size: var(--vp-body-compact, 12px);
    background: color-mix(in srgb, var(--vp-card-alt, #FAF7EF) 60%, transparent);
}

/* Fullscreen modal body: give the fragment room and its own scroll. */
.vp-dash-canvas__fullscreen-body[b-8l7ovd2tyj] {
    min-height: 50vh;
    max-height: 72vh;
    overflow: auto;
}

/* ── Responsive: stack to full width on narrow viewports (matches the
   firm-overview bento breakpoint). Overrides the per-cell span var. ──── */
@media (max-width: 1100px) {
    .vp-dash-canvas__cell[b-8l7ovd2tyj] {
        grid-column: span 12;
    }
}
/* _content/Verapath.Components/Components/Dashboard/VerapathDashboardSwitcher.razor.rz.scp.css */
/* Named-dashboard switcher (Plane 3, P2.1). Tokens fall back so it renders even
   without verapath-variables.css. Mirrors the saved-view chip rail's look.
   Two rows: the user's own dashboards, then (when wired) the firm-templates band. */
.vp-dash-switcher[b-qy80qgvjcc] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 0 16px;
}

.vp-dash-switcher__row[b-qy80qgvjcc] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

/* Firm-templates band (P3.2) — a soft tinted strip so the SHARED section reads
   distinctly from the personal chips above it. */
.vp-dash-switcher__row--templates[b-qy80qgvjcc] {
    padding: 6px 10px;
    border: 1px dashed var(--vp-accent-line, var(--color-mint, #daf4dd));
    border-radius: 10px;
    background: color-mix(in srgb, var(--vp-accent-soft, #edfaee) 55%, transparent);
}

.vp-dash-switcher__templates-empty[b-qy80qgvjcc] {
    font-size: var(--font-size-caption, 12px);
    color: var(--color-text-muted, #909893);
    font-style: italic;
}

/* "Use" affordance on a template chip — tells the user clicking adopts a copy. */
.vp-dash-switcher__template-use[b-qy80qgvjcc] {
    font-size: 11px;
    font-weight: var(--font-weight-medium, 600);
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--color-green, #0ea665);
    border: 1px solid var(--vp-accent-line, var(--color-mint, #daf4dd));
    border-radius: 999px;
    padding: 1px 7px;
    background: var(--color-white, #ffffff);
}

.vp-dash-switcher__chip--template:hover .vp-dash-switcher__template-use[b-qy80qgvjcc] {
    color: #ffffff;
    background: var(--color-green, #0ea665);
    border-color: var(--color-green, #0ea665);
}

.vp-dash-switcher__chip-wrap[b-qy80qgvjcc] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.vp-dash-switcher__chip[b-qy80qgvjcc] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 5px 13px;
    font: inherit;
    font-size: var(--font-size-label, 14px);
    color: var(--color-text, #223029);
    background: var(--color-white, #ffffff);
    border: 1px solid var(--vp-border-default, var(--color-gray-02, #b9c0be));
    border-radius: 999px;
    cursor: pointer;
    transition: border-color 120ms ease, background 120ms ease;
}

.vp-dash-switcher__chip:hover[b-qy80qgvjcc] {
    border-color: var(--vp-accent, #a3e96b);
}

.vp-dash-switcher__chip.is-active[b-qy80qgvjcc] {
    font-weight: var(--font-weight-medium, 600);
    border-color: var(--vp-accent, #a3e96b);
    background: var(--vp-accent-soft, var(--color-mint-50, #edfaee));
}

.vp-dash-switcher__star[b-qy80qgvjcc] {
    color: var(--color-green, #0ea665);
    font-size: 11px;
}

.vp-dash-switcher__chip--new[b-qy80qgvjcc] {
    border-style: dashed;
    color: var(--color-text-muted, #5b6b63);
}

.vp-dash-switcher__chip--new:hover[b-qy80qgvjcc] {
    color: var(--color-text, #223029);
    background: var(--vp-accent-soft, var(--color-mint-50, #edfaee));
}

.vp-dash-switcher__plus[b-qy80qgvjcc] {
    font-size: 15px;
    line-height: 1;
    color: var(--color-green, #0ea665);
}

/* ⋯ manage button + menu */
.vp-dash-switcher__more[b-qy80qgvjcc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 6px;
    margin-left: 2px;
    border: none;
    background: transparent;
    color: var(--color-text-muted, #909893);
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
}

.vp-dash-switcher__more:hover[b-qy80qgvjcc] {
    color: var(--color-text, #223029);
}

.vp-dash-switcher__menu[b-qy80qgvjcc] {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    z-index: 30;
    display: flex;
    flex-direction: column;
    min-width: 140px;
    padding: 6px;
    background: var(--color-white, #ffffff);
    border: 1px solid var(--vp-border-default, var(--color-gray-02, #b9c0be));
    border-radius: 10px;
    box-shadow: 0 12px 28px rgba(34, 48, 41, 0.18);
}

.vp-dash-switcher__menu-item[b-qy80qgvjcc] {
    display: flex;
    width: 100%;
    padding: 8px 10px;
    border: none;
    border-radius: 7px;
    background: transparent;
    font: inherit;
    font-size: var(--font-size-label, 14px);
    color: var(--color-text, #223029);
    text-align: left;
    cursor: pointer;
}

.vp-dash-switcher__menu-item:hover[b-qy80qgvjcc] {
    background: var(--vp-accent-soft, var(--color-mint-50, #edfaee));
}

.vp-dash-switcher__menu-item--danger[b-qy80qgvjcc] {
    color: var(--color-red, #c0392b);
}

.vp-dash-switcher__menu-item--danger:hover[b-qy80qgvjcc] {
    background: rgba(192, 57, 43, 0.08);
}

/* Inline create / rename field */
.vp-dash-switcher__chip--editing[b-qy80qgvjcc] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 32px;
    padding: 3px 4px 3px 8px;
    border: 1px solid var(--vp-accent, #a3e96b);
    border-radius: 999px;
    background: var(--color-white, #ffffff);
}

.vp-dash-switcher__edit-input[b-qy80qgvjcc] {
    min-width: 0;
    width: 150px;
    height: 26px;
    padding: 0 6px;
    border: none;
    outline: none;
    font: inherit;
    font-size: var(--font-size-label, 14px);
    color: var(--color-text, #223029);
    background: transparent;
}

.vp-dash-switcher__edit-ok[b-qy80qgvjcc],
.vp-dash-switcher__edit-cancel[b-qy80qgvjcc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 50%;
    background: transparent;
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
}

.vp-dash-switcher__edit-ok[b-qy80qgvjcc] {
    color: var(--color-green, #0ea665);
}

.vp-dash-switcher__edit-ok:hover[b-qy80qgvjcc] {
    background: var(--vp-accent-soft, var(--color-mint-50, #edfaee));
}

.vp-dash-switcher__edit-cancel[b-qy80qgvjcc] {
    color: var(--color-text-muted, #909893);
}

.vp-dash-switcher__edit-cancel:hover[b-qy80qgvjcc] {
    background: var(--color-gray-04, #f7f7f7);
}

[data-theme="dark"] .vp-dash-switcher .vp-dash-switcher__chip[b-qy80qgvjcc],
:root[data-theme="dark"] .vp-dash-switcher .vp-dash-switcher__chip[b-qy80qgvjcc] {
    background: rgba(34, 48, 41, 0.88);
    border-color: rgba(255, 255, 255, 0.1);
    color: var(--vp-content-text, #ffffff);
}

[data-theme="dark"] .vp-dash-switcher .vp-dash-switcher__menu[b-qy80qgvjcc],
:root[data-theme="dark"] .vp-dash-switcher .vp-dash-switcher__menu[b-qy80qgvjcc] {
    background: rgba(28, 40, 34, 0.99);
    border-color: rgba(255, 255, 255, 0.1);
}

/* ── Firm-wide shared templates (P3.2) ─────────────────────────────────── */
.vp-dash-switcher__templates-label[b-qy80qgvjcc] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: var(--font-size-caption, 12px);
    font-weight: var(--font-weight-medium, 600);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    /* Ink on the soft-tinted band: --vp-accent-soft-ink flips light in dark
       mode. Falls back to --vp-accent-ink (then a literal) where the soft-ink
       token isn't defined, so hosts without it render exactly as before. */
    color: var(--vp-accent-soft-ink, var(--vp-accent-ink, #173b22));
    align-self: center;
}

/* Template chips read as "adoptable": solid white against the band's mint tint,
   with a green "Use" pill that fills on hover. */
.vp-dash-switcher__chip--template[b-qy80qgvjcc] {
    border-color: var(--vp-accent-line, var(--color-mint, #daf4dd));
    background: var(--color-white, #ffffff);
    color: var(--color-text, #223029);
}

.vp-dash-switcher__chip--template:hover[b-qy80qgvjcc] {
    border-color: var(--color-green, #0ea665);
}

.vp-dash-switcher__template-glyph[b-qy80qgvjcc] {
    font-size: 13px;
    line-height: 1;
    color: var(--color-green, #0ea665);
}

.vp-dash-switcher__template-del[b-qy80qgvjcc] {
    font-size: 11px;
}

.vp-dash-switcher__template-del:hover[b-qy80qgvjcc] {
    color: var(--color-red, #c0392b);
}

.vp-dash-switcher__chip--publish[b-qy80qgvjcc] {
    border-style: dashed;
    color: var(--color-green, #0ea665);
    font-weight: var(--font-weight-medium, 600);
}

.vp-dash-switcher__chip--publish:hover[b-qy80qgvjcc] {
    background: var(--vp-accent-soft, var(--color-mint-50, #edfaee));
    border-style: solid;
    border-color: var(--color-green, #0ea665);
}
/* _content/Verapath.Components/Components/Dashboard/VerapathLazyMount.razor.rz.scp.css */
/* Lazy-mount slot (Plane 3, P3.3). The slot is a column flexbox that fills its
   (row-stretched) canvas cell and passes that height to the mounted child, so a
   lazily-mounted card equalizes with its row-neighbors exactly like an eager one. */
.vp-lazy-slot[b-izhhh9xnkj] {
    display: flex;
    flex-direction: column;
    min-height: 140px; /* gives the placeholder a real, observable size before mount */
}

.vp-lazy-slot > *[b-izhhh9xnkj] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
}

/* ── Skeleton shown until the widget scrolls into view ─────────────────── */
.vp-lazy-slot__skeleton[b-izhhh9xnkj] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    padding: 18px;
    background: var(--vp-card-bg, #ffffff);
    border: 1px solid var(--vp-border-soft, #e0e3e2);
    border-radius: 12px;
}

.vp-lazy-slot__bar[b-izhhh9xnkj] {
    height: 12px;
    border-radius: 6px;
    background: linear-gradient(
        90deg,
        var(--color-gray-04, #f0f2f1) 25%,
        var(--color-gray-03, #e4e8e6) 37%,
        var(--color-gray-04, #f0f2f1) 63%);
    background-size: 400% 100%;
    animation: vp-lazy-shimmer-b-izhhh9xnkj 1.4s ease infinite;
}

.vp-lazy-slot__bar:nth-child(1)[b-izhhh9xnkj] { width: 55%; }
.vp-lazy-slot__bar:nth-child(2)[b-izhhh9xnkj] { width: 85%; }
.vp-lazy-slot__bar:nth-child(3)[b-izhhh9xnkj] { width: 70%; }

@keyframes vp-lazy-shimmer-b-izhhh9xnkj {
    0%   { background-position: 100% 50%; }
    100% { background-position: 0 50%; }
}

@media (prefers-reduced-motion: reduce) {
    .vp-lazy-slot__bar[b-izhhh9xnkj] { animation: none; }
}
/* _content/Verapath.Components/Components/Dashboard/VerapathWidgetTitleField.razor.rz.scp.css */
/* Rename-card field for the widget settings drawer. Tokens fall back so it
   renders even without verapath-variables.css. */
.vp-widget-setting[b-2fuk8dj5o3] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.vp-widget-setting__label[b-2fuk8dj5o3] {
    font-size: var(--font-size-caption, 12px);
    font-weight: var(--font-weight-medium, 600);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-text-muted, #5b6b63);
}

.vp-widget-setting__input[b-2fuk8dj5o3] {
    height: 38px;
    padding: 0 12px;
    font: inherit;
    font-size: var(--font-size-label, 14px);
    color: var(--color-text, #223029);
    background: var(--color-white, #ffffff);
    border: 1px solid var(--vp-border-default, var(--color-gray-02, #b9c0be));
    border-radius: 8px;
}

.vp-widget-setting__input:focus[b-2fuk8dj5o3] {
    outline: none;
    border-color: var(--vp-accent, #a3e96b);
    box-shadow: 0 0 0 3px rgba(163, 233, 107, 0.32);
}

.vp-widget-setting__hint[b-2fuk8dj5o3] {
    font-size: var(--font-size-caption, 12px);
    color: var(--color-text-muted, #909893);
}
/* _content/Verapath.Components/Components/DataTable/VerapathDataTable.razor.rz.scp.css */
.vp-data-table[b-jcjvftypto] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 24px;
    border: 1px solid rgba(34, 48, 41, 0.08);
    border-radius: 28px;
    background:
        radial-gradient(circle at top right, rgba(163, 233, 107, 0.14), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 247, 247, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        0 20px 36px rgba(34, 48, 41, 0.08);
}

.vp-data-table__header[b-jcjvftypto],
.vp-data-table__toolbar[b-jcjvftypto],
.vp-data-table__footer[b-jcjvftypto] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.vp-data-table__header-copy[b-jcjvftypto],
.vp-data-table__titles[b-jcjvftypto] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Overline treatment per the design system (12/650/.13em section label) —
   the old lavender pill + 28px bold-sans title made every DataTable header
   read as a different product next to the serif card titles. */
.vp-data-table__eyebrow[b-jcjvftypto] {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    color: var(--vp-placeholder-color, #909893);
    font-family: var(--vp-font-heading, "SeasonSans-SemiBold", sans-serif);
    font-size: 11px;
    font-weight: 650;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.vp-data-table__title[b-jcjvftypto] {
    margin: 0;
    font-family: var(--font-serif, Georgia, "Times New Roman", serif);
    font-size: 19px;
    font-weight: 500;
    line-height: 1.15;
    color: var(--vp-content-text, #223029);
}

.vp-data-table__description[b-jcjvftypto] {
    margin: 0;
    color: var(--vp-placeholder-color, #909893);
    font-size: 14px;
    line-height: 1.65;
}

.vp-data-table__header-actions[b-jcjvftypto],
.vp-data-table__filters[b-jcjvftypto],
.vp-data-table__footer-actions[b-jcjvftypto] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.vp-data-table__search[b-jcjvftypto] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: min(100%, 300px);
    padding: 0 14px;
    min-height: 48px;
    border: 1px solid rgba(185, 192, 190, 0.82);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.92);
}

.vp-data-table__search:focus-within[b-jcjvftypto] {
    border-color: var(--color-bright-green, #a3e96b);
    box-shadow: 0 0 0 4px rgba(163, 233, 107, 0.12);
}

.vp-data-table__search-icon[b-jcjvftypto] {
    display: inline-flex;
    align-items: center;
    color: var(--vp-placeholder-color, #909893);
}

.vp-data-table__search-input[b-jcjvftypto] {
    width: 100%;
    border: none;
    background: transparent;
    color: var(--vp-content-text, #223029);
    font-size: 14px;
    outline: none;
}

.vp-data-table__search-input[b-jcjvftypto]::placeholder {
    color: var(--vp-placeholder-color, #909893);
}

.vp-data-table__shell[b-jcjvftypto] {
    overflow-x: auto;
    border: 1px solid rgba(34, 48, 41, 0.08);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.86);
}

.vp-data-table__table[b-jcjvftypto] {
    width: 100%;
    border-collapse: collapse;
}

.vp-data-table__table th[b-jcjvftypto],
.vp-data-table__table td[b-jcjvftypto] {
    padding: 14px 16px;
    text-align: left;
}

.vp-data-table__table th[b-jcjvftypto] {
    border-bottom: 1px solid rgba(34, 48, 41, 0.08);
    background: rgba(224, 227, 226, 0.42);
    color: var(--vp-content-text, #223029);
    font-family: var(--vp-font-heading, "SeasonSans-SemiBold", sans-serif);
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.vp-data-table__row[b-jcjvftypto] {
    border-bottom: 1px solid rgba(34, 48, 41, 0.06);
}

.vp-data-table__row:last-child[b-jcjvftypto] {
    border-bottom: none;
}

.vp-data-table__row--clickable[b-jcjvftypto] {
    cursor: pointer;
}

.vp-data-table__row--clickable:hover[b-jcjvftypto] {
    background: rgba(218, 244, 221, 0.36);
}

.vp-data-table__cell[b-jcjvftypto] {
    color: var(--vp-content-text, #223029);
    font-size: 14px;
    line-height: 1.55;
    vertical-align: middle;
}

.vp-data-table__cell--secondary[b-jcjvftypto] {
    color: var(--vp-placeholder-color, #909893);
}

.vp-data-table__cell--actions[b-jcjvftypto],
.vp-data-table__actions-col[b-jcjvftypto] {
    width: 1%;
    white-space: nowrap;
}

.vp-data-table__sort[b-jcjvftypto] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: none;
    background: transparent;
    color: inherit;
    font: inherit;
    text-transform: inherit;
    letter-spacing: inherit;
    cursor: pointer;
    padding: 0;
}

.vp-data-table__sort-indicator[b-jcjvftypto] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 16px;
    color: var(--vp-placeholder-color, #909893);
}

.vp-data-table__sort-placeholder[b-jcjvftypto] {
    opacity: 0.56;
}

.vp-data-table__summary[b-jcjvftypto] {
    color: var(--vp-placeholder-color, #909893);
    font-size: 13px;
    line-height: 1.5;
}

.vp-data-table__summary strong[b-jcjvftypto] {
    color: var(--vp-content-text, #223029);
    font-family: var(--vp-font-heading, "SeasonSans-SemiBold", sans-serif);
}

.vp-data-table__page-size[b-jcjvftypto] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--vp-content-text, #223029);
    font-size: 13px;
}

.vp-data-table__page-size-label[b-jcjvftypto],
.vp-data-table__page-size-suffix[b-jcjvftypto] {
    color: var(--vp-placeholder-color, #909893);
}

.vp-data-table__page-size-select[b-jcjvftypto] {
    min-height: 36px;
    padding: 6px 12px;
    border: 1px solid rgba(185, 192, 190, 0.82);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.92);
    color: var(--vp-content-text, #223029);
    font-family: inherit;
    font-size: 13px;
    cursor: pointer;
}

.vp-data-table__page-size-select:focus[b-jcjvftypto] {
    outline: none;
    border-color: var(--color-bright-green, #a3e96b);
    box-shadow: 0 0 0 4px rgba(163, 233, 107, 0.12);
}

[data-theme="dark"] .vp-data-table .vp-data-table__page-size-select[b-jcjvftypto],
:root[data-theme="dark"] .vp-data-table .vp-data-table__page-size-select[b-jcjvftypto] {
    background: rgba(34, 48, 41, 0.88);
    border-color: rgba(255, 255, 255, 0.08);
    color: var(--vp-content-text, #ffffff);
}

.vp-data-table__pager[b-jcjvftypto] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.vp-data-table__pager-btn[b-jcjvftypto] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 8px 14px;
    border: none;
    border-radius: 12px;
    background: var(--color-gray-03, #e0e3e2);
    color: var(--color-midnight, #223029);
    font-family: var(--vp-font-heading, "SeasonSans-SemiBold", sans-serif);
    cursor: pointer;
}

.vp-data-table__pager-btn:disabled[b-jcjvftypto] {
    opacity: 0.46;
    cursor: not-allowed;
}

.vp-data-table__pager-info[b-jcjvftypto] {
    color: var(--vp-content-text, #223029);
    font-size: 13px;
}

.vp-data-table__loading[b-jcjvftypto] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.vp-data-table__skeleton-row[b-jcjvftypto] {
    display: grid;
    grid-template-columns: repeat(var(--vp-data-table-skeleton-cols, 4), minmax(0, 1fr));
    gap: 12px;
}

.vp-data-table__skeleton-cell[b-jcjvftypto] {
    display: block;
    min-height: 54px;
    border-radius: 16px;
    background: linear-gradient(90deg, rgba(224, 227, 226, 0.62), rgba(247, 247, 247, 0.96), rgba(224, 227, 226, 0.62));
    background-size: 220% 100%;
    animation: vp-data-table-shimmer-b-jcjvftypto 1.4s linear infinite;
}

[data-theme="dark"] .vp-data-table[b-jcjvftypto],
:root[data-theme="dark"] .vp-data-table[b-jcjvftypto] {
    border-color: rgba(255, 255, 255, 0.08);
    background:
        radial-gradient(circle at top right, rgba(163, 233, 107, 0.14), transparent 34%),
        linear-gradient(180deg, rgba(36, 59, 47, 0.98), rgba(26, 41, 34, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 24px 42px rgba(0, 0, 0, 0.22);
}

[data-theme="dark"] .vp-data-table .vp-data-table__eyebrow[b-jcjvftypto],
[data-theme="dark"] .vp-data-table .vp-data-table__title[b-jcjvftypto],
[data-theme="dark"] .vp-data-table .vp-data-table__summary strong[b-jcjvftypto],
[data-theme="dark"] .vp-data-table .vp-data-table__pager-info[b-jcjvftypto],
[data-theme="dark"] .vp-data-table .vp-data-table__cell[b-jcjvftypto],
:root[data-theme="dark"] .vp-data-table .vp-data-table__eyebrow[b-jcjvftypto],
:root[data-theme="dark"] .vp-data-table .vp-data-table__title[b-jcjvftypto],
:root[data-theme="dark"] .vp-data-table .vp-data-table__summary strong[b-jcjvftypto],
:root[data-theme="dark"] .vp-data-table .vp-data-table__pager-info[b-jcjvftypto],
:root[data-theme="dark"] .vp-data-table .vp-data-table__cell[b-jcjvftypto] {
    color: var(--vp-content-text, #ffffff);
}

[data-theme="dark"] .vp-data-table .vp-data-table__description[b-jcjvftypto],
[data-theme="dark"] .vp-data-table .vp-data-table__summary[b-jcjvftypto],
[data-theme="dark"] .vp-data-table .vp-data-table__cell--secondary[b-jcjvftypto],
[data-theme="dark"] .vp-data-table .vp-data-table__sort-indicator[b-jcjvftypto],
:root[data-theme="dark"] .vp-data-table .vp-data-table__description[b-jcjvftypto],
:root[data-theme="dark"] .vp-data-table .vp-data-table__summary[b-jcjvftypto],
:root[data-theme="dark"] .vp-data-table .vp-data-table__cell--secondary[b-jcjvftypto],
:root[data-theme="dark"] .vp-data-table .vp-data-table__sort-indicator[b-jcjvftypto] {
    color: var(--vp-placeholder-color, #b9c0be);
}

[data-theme="dark"] .vp-data-table .vp-data-table__search[b-jcjvftypto],
[data-theme="dark"] .vp-data-table .vp-data-table__shell[b-jcjvftypto],
:root[data-theme="dark"] .vp-data-table .vp-data-table__search[b-jcjvftypto],
:root[data-theme="dark"] .vp-data-table .vp-data-table__shell[b-jcjvftypto] {
    background: rgba(34, 48, 41, 0.88);
    border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-data-table .vp-data-table__search-input[b-jcjvftypto],
[data-theme="dark"] .vp-data-table .vp-data-table__table th[b-jcjvftypto],
[data-theme="dark"] .vp-data-table .vp-data-table__pager-btn[b-jcjvftypto],
:root[data-theme="dark"] .vp-data-table .vp-data-table__search-input[b-jcjvftypto],
:root[data-theme="dark"] .vp-data-table .vp-data-table__table th[b-jcjvftypto],
:root[data-theme="dark"] .vp-data-table .vp-data-table__pager-btn[b-jcjvftypto] {
    color: var(--vp-content-text, #ffffff);
}

[data-theme="dark"] .vp-data-table .vp-data-table__table th[b-jcjvftypto],
:root[data-theme="dark"] .vp-data-table .vp-data-table__table th[b-jcjvftypto] {
    background: rgba(255, 255, 255, 0.05);
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-data-table .vp-data-table__row[b-jcjvftypto],
:root[data-theme="dark"] .vp-data-table .vp-data-table__row[b-jcjvftypto] {
    border-bottom-color: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .vp-data-table .vp-data-table__row--clickable:hover[b-jcjvftypto],
:root[data-theme="dark"] .vp-data-table .vp-data-table__row--clickable:hover[b-jcjvftypto] {
    background: rgba(163, 233, 107, 0.1);
}

[data-theme="dark"] .vp-data-table .vp-data-table__pager-btn[b-jcjvftypto],
:root[data-theme="dark"] .vp-data-table .vp-data-table__pager-btn[b-jcjvftypto] {
    background: rgba(255, 255, 255, 0.08);
}

@keyframes vp-data-table-shimmer-b-jcjvftypto {
    0% {
        background-position: 100% 0;
    }

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

@media (max-width: 719px) {
    .vp-data-table[b-jcjvftypto] {
        padding: 20px;
        border-radius: 24px;
    }

    .vp-data-table__table th[b-jcjvftypto],
    .vp-data-table__table td[b-jcjvftypto] {
        padding: 12px;
    }

    .vp-data-table__pager[b-jcjvftypto] {
        width: 100%;
        justify-content: space-between;
    }
}

/* ----- Group-by (Plane 2) ----------------------------------------------- */

.vp-data-table__groupby[b-jcjvftypto] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    padding: 0 14px;
    border: 1px solid rgba(185, 192, 190, 0.82);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.92);
}

.vp-data-table__groupby:focus-within[b-jcjvftypto] {
    border-color: var(--color-bright-green, #a3e96b);
    box-shadow: 0 0 0 4px rgba(163, 233, 107, 0.12);
}

.vp-data-table__groupby-label[b-jcjvftypto] {
    color: var(--vp-placeholder-color, #909893);
    font-size: 12px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.vp-data-table__groupby-select[b-jcjvftypto] {
    border: none;
    background: transparent;
    color: var(--vp-content-text, #223029);
    font-size: 14px;
    outline: none;
    cursor: pointer;
}

/* Group header row — collapsible, spans the full table width. */
.vp-data-table__group-row[b-jcjvftypto] {
    background: rgba(224, 227, 226, 0.34);
    border-bottom: 1px solid rgba(34, 48, 41, 0.08);
}

/* Higher specificity than `.vp-data-table__table td` so the full-width toggle
   button owns the cell padding — without resorting to !important. */
.vp-data-table__table td.vp-data-table__group-cell[b-jcjvftypto] {
    padding: 0;
}

.vp-data-table__group-toggle[b-jcjvftypto] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px 16px;
    border: none;
    background: transparent;
    color: var(--vp-content-text, #223029);
    font-family: var(--vp-font-heading, "SeasonSans-SemiBold", sans-serif);
    font-size: 13px;
    text-align: left;
    cursor: pointer;
}

.vp-data-table__group-toggle:hover[b-jcjvftypto] {
    background: rgba(218, 244, 221, 0.4);
}

.vp-data-table__group-chevron[b-jcjvftypto] {
    display: inline-flex;
    width: 14px;
    color: var(--vp-placeholder-color, #909893);
}

.vp-data-table__group-label[b-jcjvftypto] {
    font-weight: 600;
}

.vp-data-table__group-count[b-jcjvftypto] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 20px;
    padding: 0 7px;
    border-radius: 999px;
    background: rgba(34, 48, 41, 0.08);
    color: var(--vp-placeholder-color, #909893);
    font-size: 11px;
    font-weight: 600;
}

/* Per-group subtotal + grand-total rows. */
.vp-data-table__subtotal-row .vp-data-table__subtotal-cell[b-jcjvftypto] {
    padding: 10px 16px;
    border-top: 1px dashed rgba(34, 48, 41, 0.14);
    color: var(--vp-content-text, #223029);
    font-size: 13px;
    font-weight: 600;
}

.vp-data-table__grandtotal-row .vp-data-table__grandtotal-cell[b-jcjvftypto] {
    padding: 14px 16px;
    border-top: 2px solid rgba(34, 48, 41, 0.18);
    background: rgba(224, 227, 226, 0.46);
    color: var(--vp-content-text, #223029);
    font-family: var(--vp-font-heading, "SeasonSans-SemiBold", sans-serif);
    font-size: 13px;
    font-weight: 700;
}

[data-theme="dark"] .vp-data-table .vp-data-table__groupby[b-jcjvftypto],
:root[data-theme="dark"] .vp-data-table .vp-data-table__groupby[b-jcjvftypto] {
    background: rgba(34, 48, 41, 0.88);
    border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-data-table .vp-data-table__groupby-select[b-jcjvftypto],
[data-theme="dark"] .vp-data-table .vp-data-table__group-toggle[b-jcjvftypto],
:root[data-theme="dark"] .vp-data-table .vp-data-table__groupby-select[b-jcjvftypto],
:root[data-theme="dark"] .vp-data-table .vp-data-table__group-toggle[b-jcjvftypto] {
    color: var(--vp-content-text, #ffffff);
}

[data-theme="dark"] .vp-data-table .vp-data-table__group-row[b-jcjvftypto],
[data-theme="dark"] .vp-data-table .vp-data-table__grandtotal-row .vp-data-table__grandtotal-cell[b-jcjvftypto],
:root[data-theme="dark"] .vp-data-table .vp-data-table__group-row[b-jcjvftypto],
:root[data-theme="dark"] .vp-data-table .vp-data-table__grandtotal-row .vp-data-table__grandtotal-cell[b-jcjvftypto] {
    background: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .vp-data-table .vp-data-table__subtotal-row .vp-data-table__subtotal-cell[b-jcjvftypto],
[data-theme="dark"] .vp-data-table .vp-data-table__grandtotal-row .vp-data-table__grandtotal-cell[b-jcjvftypto],
:root[data-theme="dark"] .vp-data-table .vp-data-table__subtotal-row .vp-data-table__subtotal-cell[b-jcjvftypto],
:root[data-theme="dark"] .vp-data-table .vp-data-table__grandtotal-row .vp-data-table__grandtotal-cell[b-jcjvftypto] {
    color: var(--vp-content-text, #ffffff);
}

[data-theme="dark"] .vp-data-table .vp-data-table__group-chevron[b-jcjvftypto],
:root[data-theme="dark"] .vp-data-table .vp-data-table__group-chevron[b-jcjvftypto] {
    color: var(--vp-placeholder-color, #b9c0be);
}

[data-theme="dark"] .vp-data-table .vp-data-table__group-count[b-jcjvftypto],
:root[data-theme="dark"] .vp-data-table .vp-data-table__group-count[b-jcjvftypto] {
    background: rgba(255, 255, 255, 0.08);
    color: var(--vp-placeholder-color, #b9c0be);
}

[data-theme="dark"] .vp-data-table .vp-data-table__group-toggle:hover[b-jcjvftypto],
:root[data-theme="dark"] .vp-data-table .vp-data-table__group-toggle:hover[b-jcjvftypto] {
    background: rgba(163, 233, 107, 0.1);
}

/* ── Opt-in multi-select (Selectable) ─────────────────────────────────── */
.vp-data-table__select-col[b-jcjvftypto] {
    width: 36px;
}

.vp-data-table__cell--select[b-jcjvftypto] {
    width: 36px;
    text-align: center;
}

.vp-data-table__select-checkbox[b-jcjvftypto] {
    width: 15px;
    height: 15px;
    accent-color: var(--vp-up, #2e7d32);
    cursor: pointer;
}

.vp-data-table__bulkbar[b-jcjvftypto] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    padding: 10px 14px;
    margin-bottom: 8px;
    border: 1px solid var(--vp-border-soft, #d7d5cf);
    border-radius: 10px;
    background: var(--vp-card-alt, #f6f4ef);
}

.vp-data-table__bulkbar-count[b-jcjvftypto] {
    font-size: 13px;
    color: var(--vp-content-text, #1c2b3a);
    white-space: nowrap;
}

.vp-data-table__bulkbar-actions[b-jcjvftypto] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    flex: 1;
}

.vp-data-table__bulkbar-clear[b-jcjvftypto] {
    border: none;
    background: none;
    color: var(--vp-content-text, #1c2b3a);
    text-decoration: underline;
    cursor: pointer;
    font-size: 13px;
}
/* _content/Verapath.Components/Components/Drawer/VerapathDrawer.razor.rz.scp.css */
/* ── Backdrop ────────────────────────────────────────────────────── */
.vp-drawer__backdrop[b-afv3ved09g] {
    position: fixed;
    inset: 0;
    /* Sit above Radzen's dialog mask (1075) so a drawer opened from
       inside a dialog (e.g. Settings → Manage Users) is not buried
       behind the parent dialog's overlay. */
    z-index: 1080;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    animation: vp-drawer-fade-in-b-afv3ved09g 0.15s ease;
}

/* ── Panel ───────────────────────────────────────────────────────── */
.vp-drawer__panel[b-afv3ved09g] {
    position: fixed;
    top: 0;
    bottom: 0;
    max-width: 100vw;
    z-index: 1081;
    display: flex;
    flex-direction: column;
    background: var(--vp-surface-input, #ffffff);
    color: var(--vp-input-color, #223029);
    outline: none;
}

.vp-drawer__panel--right[b-afv3ved09g] {
    right: 0;
    border-left: 1px solid var(--vp-border-default, #b9c0be);
    box-shadow: -12px 0 40px rgba(0, 0, 0, 0.18), -2px 0 8px rgba(0, 0, 0, 0.08);
    animation: vp-drawer-slide-in-right-b-afv3ved09g 0.2s ease;
}

.vp-drawer__panel--left[b-afv3ved09g] {
    left: 0;
    border-right: 1px solid var(--vp-border-default, #b9c0be);
    box-shadow: 12px 0 40px rgba(0, 0, 0, 0.18), 2px 0 8px rgba(0, 0, 0, 0.08);
    animation: vp-drawer-slide-in-left-b-afv3ved09g 0.2s ease;
}

.vp-drawer__panel--sm[b-afv3ved09g] { width: min(420px, 100vw); }
.vp-drawer__panel--md[b-afv3ved09g] { width: min(560px, 100vw); }
.vp-drawer__panel--lg[b-afv3ved09g] { width: min(760px, 100vw); }

/* ── Animations ──────────────────────────────────────────────────── */
@keyframes vp-drawer-fade-in-b-afv3ved09g {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes vp-drawer-slide-in-right-b-afv3ved09g {
    from { transform: translateX(24px);  opacity: 0; }
    to   { transform: translateX(0);     opacity: 1; }
}

@keyframes vp-drawer-slide-in-left-b-afv3ved09g {
    from { transform: translateX(-24px); opacity: 0; }
    to   { transform: translateX(0);     opacity: 1; }
}

/* ── Header ──────────────────────────────────────────────────────── */
.vp-drawer__header[b-afv3ved09g] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 20px 24px;
    border-bottom: 1px solid var(--vp-divider, #e0e3e2);
    background: var(--vp-content-bg, #f7f7f7);
    flex-shrink: 0;
}

.vp-drawer__header-text[b-afv3ved09g] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.vp-drawer__eyebrow[b-afv3ved09g] {
    font-size: var(--font-size-eyebrow, 12px);
    font-weight: var(--font-weight-medium, 500);
    color: var(--vp-placeholder-color, #909893);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.vp-drawer__title[b-afv3ved09g] {
    font-size: var(--font-size-heading-sm, 18px);
    font-weight: var(--font-weight-bold, 700);
    color: var(--vp-label-color, #223029);
    line-height: 1.3;
    word-wrap: break-word;
}

.vp-drawer__close[b-afv3ved09g] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    background: none;
    border-radius: var(--border-radius-sm, 4px);
    cursor: pointer;
    color: var(--vp-placeholder-color, #909893);
    flex-shrink: 0;
    transition: background-color 0.15s ease, color 0.15s ease;
    padding: 0;
}

.vp-drawer__close:hover[b-afv3ved09g] {
    background: var(--vp-divider, #e0e3e2);
    color: var(--vp-input-color, #223029);
}

/* ── Body ────────────────────────────────────────────────────────── */
.vp-drawer__body[b-afv3ved09g] {
    flex: 1;
    overflow-y: auto;
    padding: 24px;
    font-size: var(--font-size-body, 16px);
    color: var(--vp-input-color, #223029);
    line-height: 1.6;
}

/* ── Footer ──────────────────────────────────────────────────────── */
.vp-drawer__footer[b-afv3ved09g] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 24px;
    border-top: 1px solid var(--vp-divider, #e0e3e2);
    background: var(--vp-content-bg, #f7f7f7);
    flex-shrink: 0;
}

@media (max-width: 719px) {
    .vp-drawer__panel[b-afv3ved09g],
    .vp-drawer__panel--sm[b-afv3ved09g],
    .vp-drawer__panel--md[b-afv3ved09g],
    .vp-drawer__panel--lg[b-afv3ved09g] {
        left: 0;
        right: 0;
        width: 100vw;
        max-width: 100vw;
        border-left: none;
        border-right: none;
        box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.18);
    }

    .vp-drawer__header[b-afv3ved09g] {
        padding: 16px;
    }

    .vp-drawer__body[b-afv3ved09g] {
        padding: 16px;
    }

    .vp-drawer__footer[b-afv3ved09g] {
        padding: 14px 16px calc(14px + env(safe-area-inset-bottom, 0px));
        flex-wrap: wrap;
    }

    .vp-drawer__footer > *[b-afv3ved09g] {
        flex: 1 1 auto;
    }
}
/* _content/Verapath.Components/Components/Editor/VerapathKeyValueEditor.razor.rz.scp.css */
.vp-key-value-editor[b-1i4suj1yiw] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.vp-key-value-editor__header[b-1i4suj1yiw] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.vp-key-value-editor__title[b-1i4suj1yiw] {
    margin: 0;
    font-size: 1rem;
}

.vp-key-value-editor__description[b-1i4suj1yiw] {
    margin: 0;
    font-size: 0.84rem;
    color: color-mix(in srgb, currentColor 64%, transparent);
}

.vp-key-value-editor__rows[b-1i4suj1yiw] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.vp-key-value-editor__row[b-1i4suj1yiw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: end;
}

@media (max-width: 840px) {
    .vp-key-value-editor__row[b-1i4suj1yiw] {
        grid-template-columns: 1fr;
    }
}
/* _content/Verapath.Components/Components/Editor/VerapathRichTextEditor.razor.rz.scp.css */
/* ─── VerapathRichTextEditor ─────────────────────────────────────────────── */

.vp-editor[b-cuqcwy2gng] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.vp-editor__label[b-cuqcwy2gng] {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-midnight, #223029);
}

/* Required marker — mirrors the other shared inputs' red "*". */
.vp-editor__required[b-cuqcwy2gng] {
    color: var(--color-red, #f9574d);
    font-weight: 700;
    line-height: 1;
    margin-left: 3px;
}

/* Wrapper provides the outer border and border-radius that Quill itself won't.
   The min-height is reserved on the wrapper (not just .ql-editor) so the box
   has dimensions BEFORE Quill mounts — Quill needs a sized container to
   measure correctly, and parents that flex around the editor (e.g. modal
   bodies) need an intrinsic height to size their dialog properly. */
.vp-editor__wrapper[b-cuqcwy2gng] {
    border: 1px solid var(--color-gray-02, #b9c0be);
    border-radius: 6px;
    overflow: hidden;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    background: var(--color-white, #ffffff);
    min-height: var(--vp-editor-height, 400px);
    display: flex;
    flex-direction: column;
}

.vp-editor__container[b-cuqcwy2gng] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.vp-editor__wrapper:focus-within[b-cuqcwy2gng] {
    border-color: var(--color-bright-green, #a3e96b);
    box-shadow: 0 0 0 2px var(--color-bright-green, #a3e96b);
}

/* Over-MaxLength state — red border, overrides focus-within. */
.vp-editor__wrapper--invalid[b-cuqcwy2gng],
.vp-editor__wrapper--invalid:focus-within[b-cuqcwy2gng] {
    border-color: var(--color-red, #f9574d);
    box-shadow: 0 0 0 2px rgba(249, 87, 77, 0.18);
}

/* Quill toolbar — override default styles to match design system */
.vp-editor :global(.ql-toolbar.ql-snow)[b-cuqcwy2gng] {
    border: none;
    border-bottom: 1px solid var(--color-gray-02, #b9c0be);
    background: var(--color-gray-04, #f7f7f7);
    padding: 8px 10px;
    font-family: inherit;
}

/* Quill editor area */
.vp-editor :global(.ql-container.ql-snow)[b-cuqcwy2gng] {
    border: none;
    font-family: inherit;
    font-size: 15px;
    color: var(--color-midnight, #223029);
}

.vp-editor :global(.ql-editor)[b-cuqcwy2gng] {
    min-height: var(--vp-editor-height, 400px);
    padding: 14px 16px;
    line-height: 1.65;
    resize: vertical;
    overflow-y: auto;
}

.vp-editor :global(.ql-editor.ql-blank::before)[b-cuqcwy2gng] {
    color: var(--color-gray-01, #909893);
    font-style: normal;
}

/* Quill toolbar button hover */
.vp-editor :global(.ql-toolbar button:hover)[b-cuqcwy2gng],
.vp-editor :global(.ql-toolbar button.ql-active)[b-cuqcwy2gng] {
    color: var(--color-midnight, #223029);
}

.vp-editor :global(.ql-toolbar .ql-stroke)[b-cuqcwy2gng] {
    stroke: var(--color-gray-01, #909893);
}

.vp-editor :global(.ql-toolbar button:hover .ql-stroke)[b-cuqcwy2gng],
.vp-editor :global(.ql-toolbar button.ql-active .ql-stroke)[b-cuqcwy2gng] {
    stroke: var(--color-midnight, #223029);
}

.vp-editor :global(.ql-toolbar .ql-fill)[b-cuqcwy2gng] {
    fill: var(--color-gray-01, #909893);
}

.vp-editor :global(.ql-toolbar button:hover .ql-fill)[b-cuqcwy2gng],
.vp-editor :global(.ql-toolbar button.ql-active .ql-fill)[b-cuqcwy2gng] {
    fill: var(--color-midnight, #223029);
}

/* Helper text */
.vp-editor__helper[b-cuqcwy2gng] {
    font-size: 12px;
    color: var(--color-gray-01, #909893);
}

.vp-editor__helper--warning[b-cuqcwy2gng] {
    color: var(--color-red, #f9574d);
}

/* Footer row holds helper text + character counter side-by-side. */
.vp-editor__footer[b-cuqcwy2gng] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.vp-editor__counter[b-cuqcwy2gng] {
    font-size: 12px;
    color: var(--color-gray-01, #909893);
    margin-left: auto;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.vp-editor__counter--invalid[b-cuqcwy2gng] {
    color: var(--color-red, #f9574d);
    font-weight: 600;
}

/* Hide the Quill container when we've fallen back to a textarea */
.vp-editor__container--hidden[b-cuqcwy2gng] {
    display: none !important;
}

/* ─── Table-preserving preview (PreserveTableHtml) ───────────────────────────
   Table-based HTML (e.g. a pasted Outlook signature) is rendered read-only
   here instead of being loaded into Quill, whose document model would flatten
   the table layout. The Quill wrapper is hidden — not removed — so the toolbar
   DOM Quill injects never gets churned by Blazor's diffing. */
.vp-editor__wrapper--hidden[b-cuqcwy2gng] {
    display: none !important;
}

.vp-editor__preview-shell[b-cuqcwy2gng] {
    border: 1px solid var(--color-gray-02, #b9c0be);
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: var(--vp-editor-height, 400px);
    /* Stays white in dark mode: email clients render signatures on white,
       so the preview shows what recipients will actually see. */
    background: var(--color-white, #ffffff);
}

.vp-editor__preview-shell--hidden[b-cuqcwy2gng] {
    display: none !important;
}

.vp-editor__preview-shell--invalid[b-cuqcwy2gng] {
    border-color: var(--color-red, #f9574d);
    box-shadow: 0 0 0 2px rgba(249, 87, 77, 0.18);
}

.vp-editor__preview[b-cuqcwy2gng] {
    flex: 1;
    padding: 14px 16px;
    overflow: auto;
    color: var(--color-midnight, #223029);
}

.vp-editor__preview-bar[b-cuqcwy2gng] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 10px;
    border-top: 1px solid var(--color-gray-02, #b9c0be);
    background: var(--color-gray-04, #f7f7f7);
}

/* Plain-textarea fallback shown when Quill fails to load (e.g. CDN blocked) */
.vp-editor__fallback[b-cuqcwy2gng] {
    width: 100%;
    min-height: var(--vp-editor-height, 400px);
    border: none;
    outline: none;
    resize: vertical;
    padding: 14px 16px;
    font-family: inherit;
    font-size: 15px;
    line-height: 1.65;
    color: var(--vp-content-text, #223029);
    background: transparent;
    box-sizing: border-box;
}

/* ─── Dark mode ──────────────────────────────────────────────────────────── */

[data-theme="dark"] .vp-editor__label[b-cuqcwy2gng] {
    color: var(--color-white, #ffffff);
}

[data-theme="dark"] .vp-editor__wrapper[b-cuqcwy2gng] {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.15);
}

[data-theme="dark"] .vp-editor :global(.ql-toolbar.ql-snow)[b-cuqcwy2gng] {
    background: rgba(255, 255, 255, 0.04);
    border-bottom-color: rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] .vp-editor :global(.ql-container.ql-snow)[b-cuqcwy2gng] {
    color: var(--color-white, #ffffff);
}
/* _content/Verapath.Components/Components/EmptyState/VerapathEmptyState.razor.rz.scp.css */
.vp-empty-state[b-zs9qqfaj41] {
    display: flex;
    justify-content: center;
    padding: 24px;
    border: 1px solid rgba(34, 48, 41, 0.08);
    border-radius: 28px;
    background:
        radial-gradient(circle at top right, rgba(163, 233, 107, 0.14), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 247, 247, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        0 20px 36px rgba(34, 48, 41, 0.08);
}

.vp-empty-state__inner[b-zs9qqfaj41] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    max-width: 560px;
    text-align: center;
}

.vp-empty-state__illustration[b-zs9qqfaj41] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 96px;
    height: 96px;
    border-radius: 28px;
    background: rgba(163, 233, 107, 0.18);
    color: var(--color-midnight, #223029);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.vp-empty-state__illustration--default[b-zs9qqfaj41] {
    background:
        radial-gradient(circle at top right, rgba(188, 169, 241, 0.16), transparent 34%),
        rgba(163, 233, 107, 0.18);
}

.vp-empty-state__glyph[b-zs9qqfaj41] {
    font-family: var(--vp-font-heading, "SeasonSans-SemiBold", sans-serif);
    font-size: 28px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.vp-empty-state__eyebrow[b-zs9qqfaj41] {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(188, 169, 241, 0.16);
    color: var(--color-midnight, #223029);
    font-family: var(--vp-font-heading, "SeasonSans-SemiBold", sans-serif);
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.vp-empty-state__copy[b-zs9qqfaj41] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.vp-empty-state__title[b-zs9qqfaj41] {
    margin: 0;
    font-family: var(--vp-font-heading, "SeasonSans-SemiBold", sans-serif);
    font-size: 30px;
    line-height: 1.08;
    color: var(--vp-content-text, #223029);
}

.vp-empty-state__description[b-zs9qqfaj41] {
    margin: 0;
    color: var(--vp-placeholder-color, #909893);
    font-size: 15px;
    line-height: 1.7;
}

.vp-empty-state__meta[b-zs9qqfaj41] {
    color: var(--vp-content-text, #223029);
    font-size: 14px;
    line-height: 1.6;
}

.vp-empty-state__actions[b-zs9qqfaj41] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

.vp-empty-state--search .vp-empty-state__illustration[b-zs9qqfaj41] {
    background:
        radial-gradient(circle at top right, rgba(255, 245, 21, 0.18), transparent 34%),
        rgba(229, 218, 244, 0.54);
}

.vp-empty-state--setup .vp-empty-state__illustration[b-zs9qqfaj41] {
    background:
        radial-gradient(circle at top right, rgba(163, 233, 107, 0.22), transparent 34%),
        rgba(218, 244, 221, 0.72);
}

.vp-empty-state[data-theme="dark"][b-zs9qqfaj41],
[data-theme="dark"] .vp-empty-state:not([data-theme="light"])[b-zs9qqfaj41],
:root[data-theme="dark"] .vp-empty-state:not([data-theme="light"])[b-zs9qqfaj41] {
    border-color: rgba(255, 255, 255, 0.08);
    background:
        radial-gradient(circle at top right, rgba(163, 233, 107, 0.14), transparent 34%),
        linear-gradient(180deg, rgba(36, 59, 47, 0.98), rgba(26, 41, 34, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 24px 42px rgba(0, 0, 0, 0.22);
}

.vp-empty-state[data-theme="dark"] .vp-empty-state__illustration[b-zs9qqfaj41],
.vp-empty-state[data-theme="dark"] .vp-empty-state__eyebrow[b-zs9qqfaj41],
[data-theme="dark"] .vp-empty-state:not([data-theme="light"]) .vp-empty-state__illustration[b-zs9qqfaj41],
[data-theme="dark"] .vp-empty-state:not([data-theme="light"]) .vp-empty-state__eyebrow[b-zs9qqfaj41],
:root[data-theme="dark"] .vp-empty-state:not([data-theme="light"]) .vp-empty-state__illustration[b-zs9qqfaj41],
:root[data-theme="dark"] .vp-empty-state:not([data-theme="light"]) .vp-empty-state__eyebrow[b-zs9qqfaj41] {
    color: var(--vp-content-text, #ffffff);
}

.vp-empty-state[data-theme="dark"] .vp-empty-state__illustration[b-zs9qqfaj41],
[data-theme="dark"] .vp-empty-state:not([data-theme="light"]) .vp-empty-state__illustration[b-zs9qqfaj41],
:root[data-theme="dark"] .vp-empty-state:not([data-theme="light"]) .vp-empty-state__illustration[b-zs9qqfaj41] {
    background: rgba(255, 255, 255, 0.08);
}

.vp-empty-state[data-theme="dark"] .vp-empty-state__title[b-zs9qqfaj41],
.vp-empty-state[data-theme="dark"] .vp-empty-state__meta[b-zs9qqfaj41],
[data-theme="dark"] .vp-empty-state:not([data-theme="light"]) .vp-empty-state__title[b-zs9qqfaj41],
[data-theme="dark"] .vp-empty-state:not([data-theme="light"]) .vp-empty-state__meta[b-zs9qqfaj41],
:root[data-theme="dark"] .vp-empty-state:not([data-theme="light"]) .vp-empty-state__title[b-zs9qqfaj41],
:root[data-theme="dark"] .vp-empty-state:not([data-theme="light"]) .vp-empty-state__meta[b-zs9qqfaj41] {
    color: var(--vp-content-text, #ffffff);
}

.vp-empty-state[data-theme="dark"] .vp-empty-state__description[b-zs9qqfaj41],
[data-theme="dark"] .vp-empty-state:not([data-theme="light"]) .vp-empty-state__description[b-zs9qqfaj41],
:root[data-theme="dark"] .vp-empty-state:not([data-theme="light"]) .vp-empty-state__description[b-zs9qqfaj41] {
    color: var(--vp-placeholder-color, #b9c0be);
}

@media (max-width: 719px) {
    .vp-empty-state[b-zs9qqfaj41] {
        padding: 20px;
        border-radius: 24px;
    }

    .vp-empty-state__title[b-zs9qqfaj41] {
        font-size: 24px;
    }

    .vp-empty-state__actions[b-zs9qqfaj41] {
        width: 100%;
        flex-direction: column;
    }
}
/* _content/Verapath.Components/Components/FilterPills/VerapathFilterPills.razor.rz.scp.css */
.vp-filterpills[b-sjjs7vqarx] {
    display: inline-flex;
    gap: 4px;
    padding: 3px;
    border-radius: 10px;
    background: var(--vp-content-bg, #f7f7f7);
    border: 1px solid var(--vp-border-default, #b9c0be);
}

.vp-filterpills__pill[b-sjjs7vqarx] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 7px;
    border: none;
    background: transparent;
    color: var(--color-gray-01, #909893);
    font-size: 12px;
    font-family: var(--font-heading, "Season Sans SemiBold"), system-ui, sans-serif;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: capitalize;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.vp-filterpills__pill:hover[b-sjjs7vqarx] {
    color: var(--color-midnight, #223029);
}

.vp-filterpills__pill--active[b-sjjs7vqarx] {
    background: var(--vp-card-bg, #ffffff);
    color: var(--color-midnight, #223029);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.vp-filterpills__count[b-sjjs7vqarx] {
    font-family: var(--font-mono, ui-monospace, monospace);
    font-weight: 500;
    font-size: 10.5px;
    padding: 1px 6px;
    border-radius: 999px;
    background: var(--vp-surface-hover, #e0e3e2);
    color: var(--color-gray-01, #909893);
}

.vp-filterpills__pill--active .vp-filterpills__count[b-sjjs7vqarx] {
    background: rgba(163, 233, 107, 0.22);
    color: var(--color-midnight, #223029);
}

/* Severity tones — used on Compliance / Retention filter rows where the
   pill itself reads as severity (clicking CRIT filters to critical). */
.vp-filterpills__pill--warn[b-sjjs7vqarx] {
    color: var(--vp-amber-ink, #8A6B0F);
}
.vp-filterpills__pill--warn.vp-filterpills__pill--active[b-sjjs7vqarx] {
    background: var(--vp-amber-soft, #FBF6DC);
    color: var(--vp-amber-ink, #8A6B0F);
}
.vp-filterpills__pill--crit[b-sjjs7vqarx] {
    color: var(--vp-down, #A93A2E);
}
.vp-filterpills__pill--crit.vp-filterpills__pill--active[b-sjjs7vqarx] {
    background: color-mix(in srgb, var(--vp-down, #A93A2E) 10%, #ffffff 90%);
    color: var(--vp-down, #A93A2E);
}

[data-theme="dark"] .vp-filterpills[b-sjjs7vqarx] {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-filterpills__pill[b-sjjs7vqarx] {
    color: rgba(255, 255, 255, 0.55);
}

[data-theme="dark"] .vp-filterpills__pill:hover[b-sjjs7vqarx] {
    color: #ffffff;
}

[data-theme="dark"] .vp-filterpills__pill--active[b-sjjs7vqarx] {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .vp-filterpills__count[b-sjjs7vqarx] {
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.55);
}
/* _content/Verapath.Components/Components/FilterPills/VerapathSubBar.razor.rz.scp.css */
.vp-subbar[b-atx534p4ax] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 22px;
    background: var(--vp-bg, #F5F2EC);
    border-bottom: 1px solid var(--vp-border-soft, #EEEAE0);
    flex-wrap: wrap;
}

.vp-subbar__filters[b-atx534p4ax] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    min-width: 0;
}

.vp-subbar__view[b-atx534p4ax] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
/* _content/Verapath.Components/Components/Forms/VerapathForm.razor.rz.scp.css */
.vp-form[b-socru3lh8v] {
    width: 100%;
}

.vp-form--narrow[b-socru3lh8v] {
    max-width: 860px;
}

.vp-form__surface[b-socru3lh8v] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: clamp(22px, 2vw, 30px);
    padding: clamp(20px, 3vw, 34px);
    border-radius: 28px;
    background:
        radial-gradient(circle at top right, rgba(163, 233, 107, 0.12), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 247, 247, 0.98));
    border: 1px solid rgba(34, 48, 41, 0.1);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.88),
        0 20px 44px rgba(34, 48, 41, 0.08);
}

.vp-form__loading-overlay[b-socru3lh8v] {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    border-radius: inherit;
    background: rgba(247, 247, 247, 0.88);
    backdrop-filter: blur(4px);
}

.vp-form__loading-loader[b-socru3lh8v] {
    width: 100%;
    justify-content: center;
}

.vp-form__header[b-socru3lh8v] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(34, 48, 41, 0.1);
}

.vp-form__header-copy[b-socru3lh8v] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.vp-form__eyebrow[b-socru3lh8v] {
    font-family: "Season Sans SemiBold";
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--color-gray-01, #909893);
}

.vp-form__title[b-socru3lh8v] {
    margin: 0;
    font-family: "Season Sans SemiBold";
    font-size: clamp(24px, 2.6vw, 34px);
    line-height: 1.05;
    color: var(--color-midnight, #223029);
}

.vp-form__description[b-socru3lh8v] {
    max-width: 62ch;
    margin: 0;
    font-family: "SeasonSans-Regular";
    font-size: 15px;
    line-height: 1.65;
    color: var(--color-gray-01, #909893);
}

.vp-form__header-side[b-socru3lh8v] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-shrink: 0;
}

.vp-form__layout[b-socru3lh8v] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
    gap: clamp(20px, 2vw, 28px);
    align-items: start;
}

.vp-form__layout--single[b-socru3lh8v] {
    grid-template-columns: minmax(0, 1fr);
}

.vp-form__main[b-socru3lh8v] {
    display: flex;
    flex-direction: column;
    gap: clamp(var(--vp-form-gap, 18px), 2vw, calc(var(--vp-form-gap, 18px) + 6px));
    min-width: 0;
}

.vp-form__aside[b-socru3lh8v] {
    position: sticky;
    top: 24px;
}

.vp-form__footer[b-socru3lh8v] {
    padding-top: 6px;
}

.vp-form--compact .vp-form__surface[b-socru3lh8v] {
    gap: 18px;
    padding: clamp(16px, 2vw, 22px);
    border-radius: 22px;
}

.vp-form--compact .vp-form__header[b-socru3lh8v] {
    gap: 14px;
    padding-bottom: 14px;
}

.vp-form--compact .vp-form__header-copy[b-socru3lh8v] {
    gap: 6px;
}

.vp-form--compact .vp-form__title[b-socru3lh8v] {
    font-size: clamp(22px, 2.2vw, 30px);
}

.vp-form--compact .vp-form__description[b-socru3lh8v] {
    font-size: 14px;
    line-height: 1.55;
}

.vp-form--compact .vp-form__layout[b-socru3lh8v] {
    gap: 18px;
}

.vp-form--compact .vp-form__main[b-socru3lh8v] {
    gap: var(--vp-form-gap-compact, 14px);
}

.vp-form--compact .vp-form__footer[b-socru3lh8v] {
    padding-top: 2px;
}

.vp-form[b-socru3lh8v] (.vp-form-grid) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--vp-form-gap, 18px);
}

.vp-form[b-socru3lh8v] (.vp-form-grid--two) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vp-form[b-socru3lh8v] (.vp-form-grid--three) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.vp-form[b-socru3lh8v] (.vp-form-span-2) {
    grid-column: span 2;
}

.vp-form[b-socru3lh8v] (.vp-form-span-3),
.vp-form[b-socru3lh8v] (.vp-form-span-full) {
    grid-column: 1 / -1;
}

.vp-form[b-socru3lh8v] (.vp-form-stack) {
    display: flex;
    flex-direction: column;
    gap: var(--vp-form-gap-compact, 14px);
}

.vp-form[b-socru3lh8v] (.vp-form-checkbox-group) {
    display: flex;
    flex-direction: column;
    gap: var(--vp-form-gap-compact, 14px);
    padding: var(--vp-form-gap, 18px);
    border-radius: 18px;
    background: rgba(34, 48, 41, 0.03);
    border: 1px solid rgba(34, 48, 41, 0.06);
}

.vp-form[b-socru3lh8v] (.vp-form-actions) {
    display: flex;
    justify-content: flex-end;
    gap: calc(var(--vp-field-message-gap, 8px) + 4px);
    flex-wrap: wrap;
}

.vp-form[b-socru3lh8v] (.vp-form-callout) {
    display: flex;
    flex-direction: column;
    gap: calc(var(--vp-field-inline-gap, 8px) + 2px);
    padding: var(--vp-form-gap, 18px);
    border-radius: 20px;
    background: rgba(224, 227, 226, 0.54);
    border: 1px solid rgba(34, 48, 41, 0.08);
}

.vp-form--compact[b-socru3lh8v] (.vp-form-grid) {
    gap: var(--vp-form-gap-compact, 14px);
}

.vp-form--compact[b-socru3lh8v] (.vp-form-stack) {
    gap: calc(var(--vp-field-message-gap, 8px) + 2px);
}

.vp-form--compact[b-socru3lh8v] (.vp-form-checkbox-group) {
    gap: calc(var(--vp-field-message-gap, 8px) + 4px);
    padding: var(--vp-form-gap-compact, 14px);
    border-radius: 16px;
}

.vp-form--compact[b-socru3lh8v] (.vp-form-actions) {
    gap: calc(var(--vp-field-message-gap, 8px) + 2px);
}

.vp-form--compact[b-socru3lh8v] (.vp-form-callout) {
    gap: var(--vp-field-message-gap, 8px);
    padding: var(--vp-form-gap-compact, 14px);
    border-radius: 16px;
}

[data-theme="dark"].vp-form .vp-form__surface[b-socru3lh8v],
[data-theme="dark"] .vp-form__surface[b-socru3lh8v] {
    background:
        radial-gradient(circle at top right, rgba(163, 233, 107, 0.16), transparent 34%),
        linear-gradient(180deg, rgba(34, 53, 44, 0.98), rgba(27, 43, 35, 0.98));
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 24px 48px rgba(0, 0, 0, 0.22);
}

[data-theme="dark"].vp-form .vp-form__loading-overlay[b-socru3lh8v],
[data-theme="dark"] .vp-form__loading-overlay[b-socru3lh8v] {
    background: rgba(34, 48, 41, 0.78);
}

[data-theme="dark"].vp-form .vp-form__header[b-socru3lh8v],
[data-theme="dark"] .vp-form__header[b-socru3lh8v] {
    border-bottom-color: rgba(255, 255, 255, 0.09);
}

[data-theme="dark"].vp-form .vp-form__eyebrow[b-socru3lh8v],
[data-theme="dark"] .vp-form__eyebrow[b-socru3lh8v] {
    color: rgba(255, 255, 255, 0.55);
}

[data-theme="dark"].vp-form .vp-form__title[b-socru3lh8v],
[data-theme="dark"] .vp-form__title[b-socru3lh8v] {
    color: var(--color-white, #ffffff);
}

[data-theme="dark"].vp-form .vp-form__description[b-socru3lh8v],
[data-theme="dark"] .vp-form__description[b-socru3lh8v] {
    color: rgba(255, 255, 255, 0.66);
}

[data-theme="dark"].vp-form[b-socru3lh8v] (.vp-form-checkbox-group),
[data-theme="dark"] .vp-form[b-socru3lh8v] (.vp-form-checkbox-group) {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"].vp-form[b-socru3lh8v] (.vp-form-callout),
[data-theme="dark"] .vp-form[b-socru3lh8v] (.vp-form-callout) {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
}

@media (max-width: 959px) {
    .vp-form__layout[b-socru3lh8v] {
        grid-template-columns: minmax(0, 1fr);
    }

    .vp-form__aside[b-socru3lh8v] {
        position: static;
        order: -1;
    }
}

@media (max-width: 719px) {
    .vp-form__surface[b-socru3lh8v] {
        padding: 18px;
        border-radius: 24px;
    }

    .vp-form--compact .vp-form__surface[b-socru3lh8v] {
        padding: 16px;
        border-radius: 20px;
    }

    .vp-form__header[b-socru3lh8v] {
        flex-direction: column;
    }

    .vp-form[b-socru3lh8v] (.vp-form-grid--two),
    .vp-form[b-socru3lh8v] (.vp-form-grid--three) {
        grid-template-columns: minmax(0, 1fr);
    }

    .vp-form[b-socru3lh8v] (.vp-form-span-2),
    .vp-form[b-socru3lh8v] (.vp-form-span-3) {
        grid-column: auto;
    }

    .vp-form[b-socru3lh8v] (.vp-form-actions) {
        flex-direction: column-reverse;
        align-items: stretch;
    }
}
/* _content/Verapath.Components/Components/Forms/VerapathFormField.razor.rz.scp.css */
.vp-form-field[b-lvtc66jj3p] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.vp-form-field__header[b-lvtc66jj3p] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.vp-form-field__copy[b-lvtc66jj3p] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.vp-form-field__label[b-lvtc66jj3p] {
    font-size: 0.96rem;
    font-weight: 700;
}

.vp-form-field__description[b-lvtc66jj3p] {
    margin: 0;
    font-size: 0.84rem;
    line-height: 1.5;
    color: color-mix(in srgb, currentColor 65%, transparent);
}

.vp-form-field__content[b-lvtc66jj3p] {
    min-width: 0;
}

.vp-form-field__footer[b-lvtc66jj3p] {
    font-size: 0.82rem;
}

.vp-form-field__message--helper[b-lvtc66jj3p] {
    color: color-mix(in srgb, currentColor 62%, transparent);
}

.vp-form-field__message--error[b-lvtc66jj3p] {
    color: #d14545;
}
/* _content/Verapath.Components/Components/Forms/VerapathFormSection.razor.rz.scp.css */
.vp-form-section[b-r4b8wpmkc3] {
    display: flex;
    flex-direction: column;
    gap: var(--vp-form-section-gap, 18px);
    padding: clamp(18px, 2vw, 24px);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(34, 48, 41, 0.08);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.76),
        0 12px 28px rgba(34, 48, 41, 0.05);
}

.vp-form-section__header[b-r4b8wpmkc3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--vp-form-gap-compact, 14px);
}

.vp-form-section__copy[b-r4b8wpmkc3] {
    display: flex;
    flex-direction: column;
    gap: var(--vp-field-gap, 6px);
    min-width: 0;
}

.vp-form-section__eyebrow[b-r4b8wpmkc3] {
    font-family: "Season Sans SemiBold";
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--color-gray-01, #909893);
}

.vp-form-section__title[b-r4b8wpmkc3] {
    margin: 0;
    font-family: "Season Sans SemiBold";
    font-size: 20px;
    line-height: 1.12;
    color: var(--color-midnight, #223029);
}

.vp-form-section__description[b-r4b8wpmkc3] {
    margin: 0;
    font-family: "SeasonSans-Regular";
    font-size: 14px;
    line-height: 1.6;
    color: var(--color-gray-01, #909893);
}

.vp-form-section__header-side[b-r4b8wpmkc3] {
    flex-shrink: 0;
}

.vp-form-section__body[b-r4b8wpmkc3] {
    display: flex;
    flex-direction: column;
    gap: var(--vp-form-gap, 18px);
}

.vp-form-section--compact[b-r4b8wpmkc3] {
    gap: var(--vp-form-section-gap-compact, 14px);
    padding: clamp(14px, 1.8vw, 18px);
    border-radius: 18px;
}

.vp-form-section--compact .vp-form-section__header[b-r4b8wpmkc3] {
    gap: calc(var(--vp-field-message-gap, 8px) + 2px);
}

.vp-form-section--compact .vp-form-section__copy[b-r4b8wpmkc3] {
    gap: var(--vp-field-label-gap, 3px);
}

.vp-form-section--compact .vp-form-section__title[b-r4b8wpmkc3] {
    font-size: 18px;
}

.vp-form-section--compact .vp-form-section__description[b-r4b8wpmkc3] {
    font-size: 13px;
    line-height: 1.5;
}

.vp-form-section--compact .vp-form-section__body[b-r4b8wpmkc3] {
    gap: var(--vp-form-gap-compact, 14px);
}

[data-theme="dark"].vp-form-section[b-r4b8wpmkc3],
[data-theme="dark"] .vp-form-section[b-r4b8wpmkc3] {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 14px 30px rgba(0, 0, 0, 0.16);
}

[data-theme="dark"].vp-form-section .vp-form-section__eyebrow[b-r4b8wpmkc3],
[data-theme="dark"] .vp-form-section__eyebrow[b-r4b8wpmkc3] {
    color: rgba(255, 255, 255, 0.5);
}

[data-theme="dark"].vp-form-section .vp-form-section__title[b-r4b8wpmkc3],
[data-theme="dark"] .vp-form-section__title[b-r4b8wpmkc3] {
    color: var(--color-white, #ffffff);
}

[data-theme="dark"].vp-form-section .vp-form-section__description[b-r4b8wpmkc3],
[data-theme="dark"] .vp-form-section__description[b-r4b8wpmkc3] {
    color: rgba(255, 255, 255, 0.65);
}

@media (max-width: 719px) {
    .vp-form-section[b-r4b8wpmkc3] {
        padding: 18px;
        border-radius: 20px;
    }

    .vp-form-section--compact[b-r4b8wpmkc3] {
        padding: 14px;
        border-radius: 16px;
    }

    .vp-form-section__header[b-r4b8wpmkc3] {
        flex-direction: column;
    }
}
/* _content/Verapath.Components/Components/Forms/VerapathPageActionBar.razor.rz.scp.css */
.vp-page-action-bar[b-f7iqs38gc2] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
}

.vp-page-action-bar__primary[b-f7iqs38gc2],
.vp-page-action-bar__secondary[b-f7iqs38gc2] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}
/* _content/Verapath.Components/Components/Forms/VerapathSettingsRow.razor.rz.scp.css */
.vp-settings-row[b-g0qgzcoupk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem 1.5rem;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px solid color-mix(in srgb, currentColor 10%, transparent);
}

.vp-settings-row__copy[b-g0qgzcoupk] {
    min-width: 0;
}

.vp-settings-row__label[b-g0qgzcoupk] {
    display: block;
    font-weight: 700;
}

.vp-settings-row__description[b-g0qgzcoupk] {
    margin: 0.25rem 0 0;
    font-size: 0.85rem;
    line-height: 1.5;
    color: color-mix(in srgb, currentColor 64%, transparent);
}

.vp-settings-row__controls[b-g0qgzcoupk] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

@media (max-width: 720px) {
    .vp-settings-row[b-g0qgzcoupk] {
        grid-template-columns: 1fr;
    }

    .vp-settings-row__controls[b-g0qgzcoupk] {
        justify-content: flex-start;
    }
}
/* _content/Verapath.Components/Components/Grid/GridColumnFilterEditor.razor.rz.scp.css */
.vp-grid__filter-panel[b-h1asml37kp] {
    display: flex;
    flex-direction: column;
    gap: 0;
    font-family: var(--font-body, system-ui), sans-serif;
    font-size: 13px;
    color: var(--vp-content-text, #223029);
}

/* ── Header ──────────────────────────────────────────────── */
.vp-grid__filter-header[b-h1asml37kp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    border-bottom: 1px solid var(--vp-divider, #e0e3e2);
}

.vp-grid__filter-title[b-h1asml37kp] {
    font: 700 11.5px/1 var(--font-heading, "Season Sans SemiBold"), system-ui, sans-serif;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--color-gray-01, #909893);
}

.vp-grid__filter-close[b-h1asml37kp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--color-gray-01, #909893);
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.12s ease, color 0.12s ease;
}

.vp-grid__filter-close:hover[b-h1asml37kp] {
    background: var(--vp-surface-hover, #e0e3e2);
    color: var(--color-midnight, #223029);
}

[data-theme="dark"] .vp-grid__filter-header[b-h1asml37kp] {
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-grid__filter-close:hover[b-h1asml37kp] {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}

/* ── Body ────────────────────────────────────────────────── */
.vp-grid__filter-body[b-h1asml37kp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 12px 4px;
}

.vp-grid__filter-label[b-h1asml37kp] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--color-gray-01, #909893);
}

[data-theme="dark"] .vp-grid__filter-label[b-h1asml37kp] {
    color: rgba(255, 255, 255, 0.55);
}

.vp-grid__filter-input[b-h1asml37kp],
.vp-grid__filter-select[b-h1asml37kp] {
    height: 36px;
    width: 100%;
    padding: 0 10px;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: 8px;
    background: var(--vp-card-bg, #ffffff);
    color: var(--vp-content-text, #223029);
    font: inherit;
    outline: none;
    transition: border-color 0.12s ease, box-shadow 0.12s ease;
}

.vp-grid__filter-input:focus[b-h1asml37kp],
.vp-grid__filter-select:focus[b-h1asml37kp] {
    border-color: var(--color-bright-green, #a3e96b);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-bright-green, #a3e96b) 35%, transparent);
}

[data-theme="dark"] .vp-grid__filter-input[b-h1asml37kp],
[data-theme="dark"] .vp-grid__filter-select[b-h1asml37kp] {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.14);
    color: rgba(255, 255, 255, 0.9);
    color-scheme: dark;
}

[data-theme="dark"] .vp-grid__filter-select option[b-h1asml37kp],
:root[data-theme="dark"] .vp-grid__filter-select option[b-h1asml37kp] {
    background: color-mix(in srgb, var(--color-midnight, #223029) 92%, #000 8%);
    color: rgba(255, 255, 255, 0.92);
}

/* ── Date preset chips ──────────────────────────────────── */
.vp-grid__filter-presets[b-h1asml37kp] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 2px;
}

.vp-grid__filter-preset[b-h1asml37kp] {
    font: 600 11.5px/1 var(--font-heading, "Season Sans SemiBold"), system-ui, sans-serif;
    padding: 5px 9px;
    border-radius: 999px;
    border: 1px solid var(--vp-border-default, #b9c0be);
    background: var(--vp-card-bg, #ffffff);
    color: var(--vp-content-text, #223029);
    cursor: pointer;
    transition: background-color 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}

.vp-grid__filter-preset:hover[b-h1asml37kp] {
    background: var(--vp-surface-hover, #e0e3e2);
    border-color: var(--color-midnight, #223029);
}

[data-theme="dark"] .vp-grid__filter-preset[b-h1asml37kp] {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.86);
}

[data-theme="dark"] .vp-grid__filter-preset:hover[b-h1asml37kp] {
    background: rgba(255, 255, 255, 0.10);
    border-color: rgba(255, 255, 255, 0.28);
}

/* ── Boolean segmented control ──────────────────────────── */
.vp-grid__filter-segment[b-h1asml37kp] {
    display: flex;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: 8px;
    padding: 2px;
    background: var(--vp-content-bg, #f7f7f7);
}

.vp-grid__filter-segment-btn[b-h1asml37kp] {
    flex: 1;
    padding: 6px 10px;
    background: transparent;
    border: none;
    border-radius: 6px;
    font: 600 12px/1 var(--font-heading, "Season Sans SemiBold"), system-ui, sans-serif;
    color: var(--color-gray-01, #909893);
    cursor: pointer;
    transition: background-color 0.12s ease, color 0.12s ease;
}

.vp-grid__filter-segment-btn:hover[b-h1asml37kp] {
    color: var(--color-midnight, #223029);
}

.vp-grid__filter-segment-btn--active[b-h1asml37kp] {
    background: var(--color-bright-green, #a3e96b);
    color: var(--color-midnight, #223029);
    box-shadow: 0 1px 2px rgba(15, 23, 19, 0.08);
}

[data-theme="dark"] .vp-grid__filter-segment[b-h1asml37kp] {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] .vp-grid__filter-segment-btn[b-h1asml37kp] {
    color: rgba(255, 255, 255, 0.6);
}

[data-theme="dark"] .vp-grid__filter-segment-btn:hover[b-h1asml37kp] {
    color: #ffffff;
}

[data-theme="dark"] .vp-grid__filter-segment-btn--active[b-h1asml37kp] {
    background: var(--color-bright-green, #a3e96b);
    color: var(--color-midnight, #223029);
}

/* ── Select / multi-select list ─────────────────────────── */
.vp-grid__filter-option-list[b-h1asml37kp] {
    display: flex;
    flex-direction: column;
    max-height: 220px;
    overflow-y: auto;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: 8px;
    padding: 4px;
    background: var(--vp-card-bg, #ffffff);
}

.vp-grid__filter-option[b-h1asml37kp] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    cursor: pointer;
    border-radius: 6px;
    transition: background-color 0.1s ease;
}

.vp-grid__filter-option:hover[b-h1asml37kp] {
    background: var(--vp-surface-hover, #e0e3e2);
}

.vp-grid__filter-option input[type="checkbox"][b-h1asml37kp] {
    accent-color: var(--color-bright-green, #a3e96b);
    cursor: pointer;
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.vp-grid__filter-empty[b-h1asml37kp] {
    padding: 12px 8px;
    color: var(--color-gray-01, #909893);
    font-size: 12px;
    text-align: center;
}

[data-theme="dark"] .vp-grid__filter-option-list[b-h1asml37kp] {
    background: rgba(255, 255, 255, 0.02);
    border-color: rgba(255, 255, 255, 0.10);
}

[data-theme="dark"] .vp-grid__filter-option:hover[b-h1asml37kp] {
    background: rgba(255, 255, 255, 0.06);
}

/* ── Footer ──────────────────────────────────────────────── */
.vp-grid__filter-footer[b-h1asml37kp] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 12px;
    border-top: 1px solid var(--vp-divider, #e0e3e2);
    background: var(--vp-content-bg, #f7f7f7);
}

.vp-grid__filter-btn-primary[b-h1asml37kp],
.vp-grid__filter-btn-secondary[b-h1asml37kp] {
    flex: 1;
    height: 34px;
    padding: 0 12px;
    border-radius: 8px;
    font: 700 12px/1 var(--font-heading, "Season Sans SemiBold"), system-ui, sans-serif;
    letter-spacing: 0.03em;
    cursor: pointer;
    transition: background-color 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}

.vp-grid__filter-btn-primary[b-h1asml37kp] {
    background: var(--color-bright-green, #a3e96b);
    border: 1px solid var(--color-bright-green, #a3e96b);
    color: var(--color-midnight, #223029);
}

.vp-grid__filter-btn-primary:hover[b-h1asml37kp] {
    background: color-mix(in srgb, var(--color-bright-green, #a3e96b) 88%, var(--color-midnight, #223029) 12%);
}

.vp-grid__filter-btn-secondary[b-h1asml37kp] {
    background: transparent;
    border: 1px solid var(--vp-border-default, #b9c0be);
    color: var(--vp-content-text, #223029);
}

.vp-grid__filter-btn-secondary:hover:not(:disabled)[b-h1asml37kp] {
    background: var(--vp-surface-hover, #e0e3e2);
    border-color: var(--color-midnight, #223029);
}

.vp-grid__filter-btn-secondary:disabled[b-h1asml37kp] {
    opacity: 0.5;
    cursor: not-allowed;
}

[data-theme="dark"] .vp-grid__filter-footer[b-h1asml37kp] {
    background: rgba(255, 255, 255, 0.03);
    border-top-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-grid__filter-btn-secondary[b-h1asml37kp] {
    color: rgba(255, 255, 255, 0.86);
    border-color: rgba(255, 255, 255, 0.18);
}

[data-theme="dark"] .vp-grid__filter-btn-secondary:hover:not(:disabled)[b-h1asml37kp] {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.32);
}
/* _content/Verapath.Components/Components/Grid/VerapathGrid.razor.rz.scp.css */
/* ── Root ───────────────────────────────────────────────────────── */
.vp-grid[b-69cw430wgh] {
    border: 1px solid var(--vp-card-border, rgba(15, 23, 19, 0.06));
    border-radius: 22px;
    background: var(--vp-card-bg, #ffffff);
    color: var(--vp-content-text, #223029);
    font-family: var(--font-body, system-ui), sans-serif;
    font-size: 13px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: var(--vp-card-shadow, 0 18px 40px rgba(15, 23, 19, 0.06));
}

[data-theme="dark"] .vp-grid[b-69cw430wgh] {
    border-color: var(--vp-card-border, rgba(255, 255, 255, 0.08));
    background: var(--vp-card-bg, color-mix(in srgb, #223029 86%, #000 14%));
    color: rgba(255, 255, 255, 0.86);
    box-shadow: var(--vp-card-shadow, 0 22px 44px rgba(0, 0, 0, 0.28));
}

/* ── Generic cell utilities (avatar / name / code chip / updated / more)
   Promoted from Agents.razor.css so any grid consumer gets the
   Roster look without page-level CSS overrides.
   All use ::deep so RenderTreeBuilder cell templates pick them up. */
.vp-grid[b-69cw430wgh] (.vp-grid__name-cell) {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.vp-grid[b-69cw430wgh] (.vp-grid__name-block) {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.vp-grid[b-69cw430wgh] (.vp-grid__avatar) {
    width: 32px;
    height: 32px;
    border-radius: 9px;
    flex-shrink: 0;
    display: grid;
    place-items: center;
    font: 800 11px/1 var(--font-heading, "Season Sans SemiBold"), system-ui, sans-serif;
    color: var(--color-midnight, #223029);
    background: linear-gradient(135deg, var(--color-bright-green, #a3e96b), #8fd455);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 6px 16px rgba(163, 233, 107, 0.2);
    letter-spacing: 0;
    text-transform: uppercase;
}

.vp-grid[b-69cw430wgh] (.vp-grid__name) {
    font: 700 13.5px/1.2 var(--font-heading, "Season Sans SemiBold"), system-ui, sans-serif;
    color: var(--color-midnight, #223029);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[data-theme="dark"] .vp-grid[b-69cw430wgh] (.vp-grid__name) {
    color: #ffffff;
}

.vp-grid[b-69cw430wgh] (.vp-grid__sub) {
    font-size: 11.5px;
    color: var(--color-gray-01, #909893);
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 420px;
}

[data-theme="dark"] .vp-grid[b-69cw430wgh] (.vp-grid__sub) {
    color: rgba(255, 255, 255, 0.55);
}

/* Cell layout for rows owned by a managed integration: status chip left,
   compact Advanced action pinned right, vertically centered.
   NOTE: must be the space form `::deep .selector` — the Blazor scoped-CSS
   compiler does not support `::deep(.selector)`; it strips the token but
   leaves the parentheses, producing an invalid selector the browser drops. */
.vp-grid[b-69cw430wgh]  .vp-grid__integration-cell {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    min-width: 0;
}

.vp-grid[b-69cw430wgh]  .vp-grid__advanced-btn {
    flex: none;
    display: inline-flex;
    align-items: center;
    padding: 2px 12px;
    border-radius: 999px;
    border: 1px solid var(--vp-border-default, #b9c0be);
    background: var(--vp-card-bg, #ffffff);
    color: var(--vp-content-text, #223029);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.6;
    white-space: nowrap;
    cursor: pointer;
    transition: background 120ms ease, border-color 120ms ease;
}

.vp-grid[b-69cw430wgh]  .vp-grid__advanced-btn:hover {
    background: var(--color-bright-green, #a3e96b);
    border-color: var(--color-bright-green, #a3e96b);
    color: var(--color-midnight, #223029);
}

[data-theme="dark"] .vp-grid[b-69cw430wgh]  .vp-grid__advanced-btn {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.86);
}

/* Dark hover must restate the lime fill: this rule and the light hover rule
   above tie on specificity with the dark resting rule, so cascade order
   alone would leave midnight text on the dark surface (illegible). */
[data-theme="dark"] .vp-grid[b-69cw430wgh]  .vp-grid__advanced-btn:hover {
    background: var(--color-bright-green, #a3e96b);
    border-color: var(--color-bright-green, #a3e96b);
    color: var(--color-midnight, #223029);
}

.vp-grid[b-69cw430wgh] (.vp-grid__code-chip) {
    display: inline-block;
    padding: 3px var(--space-2, 8px);
    border-radius: 6px;
    font: 500 11.5px/1.3 var(--font-mono, "JetBrains Mono", ui-monospace, monospace);
    color: var(--color-midnight, #223029);
    background: var(--vp-content-bg, #f7f7f7);
    border: 1px solid var(--vp-border-default, #b9c0be);
    white-space: nowrap;
}

[data-theme="dark"] .vp-grid[b-69cw430wgh] (.vp-grid__code-chip) {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.88);
}

.vp-grid[b-69cw430wgh] (.vp-grid__updated) {
    font-family: var(--font-mono, "JetBrains Mono", ui-monospace, monospace);
    font-size: 12px;
    color: var(--color-gray-01, #909893);
    white-space: nowrap;
}

[data-theme="dark"] .vp-grid[b-69cw430wgh] (.vp-grid__updated) {
    color: rgba(255, 255, 255, 0.55);
}

.vp-grid[b-69cw430wgh] (.vp-grid__more-btn) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: var(--color-gray-01, #909893);
    cursor: pointer;
    transition: background-color 0.12s ease, color 0.12s ease;
}

.vp-grid[b-69cw430wgh] (.vp-grid__more-btn:hover) {
    background: var(--vp-surface-hover, #e0e3e2);
    color: var(--color-midnight, #223029);
}

[data-theme="dark"] .vp-grid[b-69cw430wgh] (.vp-grid__more-btn) {
    color: rgba(255, 255, 255, 0.55);
}

[data-theme="dark"] .vp-grid[b-69cw430wgh] (.vp-grid__more-btn:hover) {
    background: rgba(255, 255, 255, 0.06);
    color: #ffffff;
}

/* ── Bulk selection bar ────────────────────────────────────────── */
.vp-grid__bulkbar[b-69cw430wgh] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px var(--space-4, 16px);
    border-bottom: 1px solid var(--vp-divider, #e0e3e2);
    background: color-mix(in srgb, var(--color-bright-green, #a3e96b) 10%, var(--vp-card-bg, #ffffff));
    font-size: 13px;
    color: var(--vp-content-text, #223029);
    animation: vp-grid-bulkbar-enter-b-69cw430wgh 0.18s ease-out;
}

.vp-grid__bulkbar-count[b-69cw430wgh] {
    font-family: var(--font-mono, ui-monospace, monospace);
    color: var(--color-gray-01, #909893);
    margin-right: auto;
}

.vp-grid__bulkbar-clear[b-69cw430wgh] {
    background: transparent;
    border: none;
    color: var(--color-gray-01, #909893);
    font-family: var(--font-heading, "Season Sans SemiBold"), system-ui, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    cursor: pointer;
    padding: var(--space-1, 4px) 10px;
    border-radius: 6px;
    transition: background-color 0.12s ease, color 0.12s ease;
}

.vp-grid__bulkbar-clear:hover[b-69cw430wgh] {
    background: var(--vp-surface-hover, #e0e3e2);
    color: var(--color-midnight, #223029);
}

@keyframes vp-grid-bulkbar-enter-b-69cw430wgh {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

[data-theme="dark"] .vp-grid__bulkbar[b-69cw430wgh] {
    background: color-mix(in srgb, var(--color-bright-green, #a3e96b) 14%, var(--vp-card-bg, #1a2922));
    color: rgba(255, 255, 255, 0.92);
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-grid__bulkbar-clear[b-69cw430wgh] {
    color: rgba(255, 255, 255, 0.55);
}

[data-theme="dark"] .vp-grid__bulkbar-clear:hover[b-69cw430wgh] {
    background: rgba(255, 255, 255, 0.06);
    color: #ffffff;
}

/* ── Toolbar ────────────────────────────────────────────────────── */
.vp-grid__toolbar[b-69cw430wgh] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px var(--space-4, 16px);
    border-bottom: 1px solid var(--vp-divider, #e0e3e2);
    flex-wrap: wrap;
}

[data-theme="dark"] .vp-grid__toolbar[b-69cw430wgh] {
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

.vp-grid__toolbar-filter[b-69cw430wgh] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.vp-grid__toolbar-spacer[b-69cw430wgh] {
    flex: 1 1 auto;
    min-width: 0;
}

.vp-grid__toolbar-advanced[b-69cw430wgh] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.vp-grid__toolbar-actions[b-69cw430wgh] {
    display: flex;
    align-items: center;
    gap: var(--space-2, 8px);
    flex-shrink: 0;
}

/* Ghost button — used for Export/Columns and matches the spec
   "Advanced" pill: rounded, content-bg, border-default outline,
   font-heading, no fill. */
.vp-grid__ghost-btn[b-69cw430wgh] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px var(--space-3, 12px);
    border-radius: 8px;
    border: 1px solid var(--vp-border-default, #b9c0be);
    background: var(--vp-card-bg, #ffffff);
    color: var(--vp-content-text, #223029);
    font-family: var(--font-heading, "Season Sans SemiBold"), system-ui, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.vp-grid__ghost-btn:hover[b-69cw430wgh] {
    background: var(--vp-surface-hover, #e0e3e2);
    border-color: var(--color-midnight, #223029);
}

[data-theme="dark"] .vp-grid__ghost-btn[b-69cw430wgh] {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.10);
    color: rgba(255, 255, 255, 0.86);
}

[data-theme="dark"] .vp-grid__ghost-btn:hover[b-69cw430wgh] {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.30);
}

/* ── Columns panel ──────────────────────────────────────────────── */
.vp-grid__columns-wrapper[b-69cw430wgh] {
    position: relative;
}

/* Positioning/backdrop/box styling for the column chooser is now supplied by
   VerapathPopover (fixed overlay) — see VerapathPopover.razor.css. Only the
   option-row look below still applies, rendered inside the popover's
   ChildContent. */
.vp-grid__col-option[b-69cw430wgh] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: var(--space-2, 8px) var(--space-4, 16px);
    cursor: pointer;
    font-size: 13px;
    color: var(--vp-content-text, #223029);
    transition: background-color 0.1s ease;
}

.vp-grid__col-option:hover[b-69cw430wgh] {
    background: var(--vp-surface-hover, #e0e3e2);
}

.vp-grid__col-option input[type="checkbox"][b-69cw430wgh] {
    accent-color: var(--color-bright-green, #a3e96b);
    cursor: pointer;
    width: 15px;
    height: 15px;
}

[data-theme="dark"] .vp-grid__col-option[b-69cw430wgh] {
    color: rgba(255, 255, 255, 0.82);
}

[data-theme="dark"] .vp-grid__col-option:hover[b-69cw430wgh] {
    background: rgba(255, 255, 255, 0.05);
}

/* ── Resize overlay ─────────────────────────────────────────────── */
.vp-grid__resize-overlay[b-69cw430wgh] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    cursor: col-resize;
}

/* ── Table wrapper ──────────────────────────────────────────────── */
.vp-grid__table-wrapper[b-69cw430wgh] {
    overflow-x: auto;
    flex: 1;
}

/* ── Table ──────────────────────────────────────────────────────── */
.vp-grid__table[b-69cw430wgh] {
    width: 100%;
    border-collapse: collapse;
}

/* ── Header ─────────────────────────────────────────────────────── */
.vp-grid__header-row[b-69cw430wgh] {
    background: transparent;
}

.vp-grid__th[b-69cw430wgh] {
    padding: 0;
    background: transparent;
    border-bottom: 1px solid var(--vp-divider, #e0e3e2);
    white-space: nowrap;
    text-align: left;
    font-family: var(--font-heading, "Season Sans SemiBold"), system-ui, sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    color: var(--color-gray-01, #909893);
}

[data-theme="dark"] .vp-grid__th[b-69cw430wgh] {
    border-bottom-color: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.5);
}

.vp-grid__th--sorted[b-69cw430wgh] {
    color: var(--color-midnight, #223029);
}

[data-theme="dark"] .vp-grid__th--sorted[b-69cw430wgh] {
    color: var(--color-bright-green, #a3e96b);
}

.vp-grid__th-actions[b-69cw430wgh] {
    text-align: center;
    width: 1px;
    white-space: nowrap;
    padding: 0 var(--space-4, 16px);
}

.vp-grid__th-content[b-69cw430wgh] {
    display: flex;
    align-items: center;
    gap: 5px;
    position: relative;
    padding: 14px var(--space-3, 12px);
}

.vp-grid__th-label[b-69cw430wgh] {
    font: inherit;
    color: inherit;
}

/* Sort button */
.vp-grid__sort-btn[b-69cw430wgh] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    color: inherit;
    font: inherit;
    text-transform: inherit;
    letter-spacing: inherit;
    white-space: nowrap;
}

.vp-grid__sort-btn:hover[b-69cw430wgh] {
    color: var(--color-midnight, #223029);
}

[data-theme="dark"] .vp-grid__sort-btn:hover[b-69cw430wgh] {
    color: #ffffff;
}

/* Resize handle */
.vp-grid__resize-handle[b-69cw430wgh] {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    cursor: col-resize;
    background: transparent;
    transition: background-color 0.15s ease;
    z-index: 1;
}

.vp-grid__th:hover .vp-grid__resize-handle[b-69cw430wgh] {
    background: var(--vp-border-default, #b9c0be);
}

.vp-grid__resize-handle:active[b-69cw430wgh],
.vp-grid__resize-handle:hover[b-69cw430wgh] {
    background: var(--color-bright-green, #a3e96b);
}

/* ── Selection column ───────────────────────────────────────────── */
.vp-grid__th-select[b-69cw430wgh],
.vp-grid__td-select[b-69cw430wgh] {
    width: 42px;
    min-width: 42px;
    padding: 0 0 0 var(--space-4, 16px);
    text-align: left;
    vertical-align: middle;
}

.vp-grid__select-checkbox[b-69cw430wgh] {
    accent-color: var(--color-bright-green, #a3e96b);
    cursor: pointer;
    width: 16px;
    height: 16px;
    margin: 0;
}

/* ── Rows ───────────────────────────────────────────────────────── */
.vp-grid__row[b-69cw430wgh] {
    transition: background-color 0.1s ease;
}

.vp-grid__row:nth-child(even)[b-69cw430wgh] {
    background: rgba(15, 23, 19, 0.015);
}

[data-theme="dark"] .vp-grid__row:nth-child(even)[b-69cw430wgh] {
    background: rgba(255, 255, 255, 0.015);
}

.vp-grid__row:hover[b-69cw430wgh] {
    background: var(--vp-content-bg, #f7f7f7);
}

[data-theme="dark"] .vp-grid__row:hover[b-69cw430wgh] {
    background: rgba(255, 255, 255, 0.03);
}

.vp-grid__row--clickable[b-69cw430wgh] {
    cursor: pointer;
}

.vp-grid__row--editing[b-69cw430wgh] {
    background: var(--color-pale-yellow-50, #FFFDD8);
}

.vp-grid__row--editing:hover[b-69cw430wgh] {
    background: var(--color-pale-yellow, #FFFCB1);
}

[data-theme="dark"] .vp-grid__row--editing[b-69cw430wgh] {
    background: rgba(255, 245, 21, 0.08);
}

.vp-grid__row--selected[b-69cw430wgh] {
    background: color-mix(in srgb, var(--color-bright-green, #a3e96b) 10%, transparent);
}

.vp-grid__row--selected:hover[b-69cw430wgh] {
    background: color-mix(in srgb, var(--color-bright-green, #a3e96b) 16%, transparent);
}

[data-theme="dark"] .vp-grid__row--selected[b-69cw430wgh] {
    background: color-mix(in srgb, var(--color-bright-green, #a3e96b) 12%, transparent);
}

[data-theme="dark"] .vp-grid__row--selected:hover[b-69cw430wgh] {
    background: color-mix(in srgb, var(--color-bright-green, #a3e96b) 20%, transparent);
}

.vp-grid__row--expanded[b-69cw430wgh],
.vp-grid__row--expanded:hover[b-69cw430wgh] {
    background: var(--vp-content-bg, #f7f7f7);
}

/* Soft-deleted row: muted with a red tint. Applied via the RowCssClass hook (server-admin
   management views only — deleted rows are never rendered for other users). */
.vp-grid__row--deleted[b-69cw430wgh],
.vp-grid__row--deleted:hover[b-69cw430wgh] {
    background: color-mix(in srgb, var(--color-red, #f9574d) 8%, transparent);
    opacity: 0.72;
}

.vp-grid__row--deleted[b-69cw430wgh] (.vp-grid__name) {
    text-decoration: line-through;
    color: var(--color-gray-01, #909893);
}

[data-theme="dark"] .vp-grid__row--deleted[b-69cw430wgh],
[data-theme="dark"] .vp-grid__row--deleted:hover[b-69cw430wgh] {
    background: color-mix(in srgb, var(--color-red, #f9574d) 14%, transparent);
}

[data-theme="dark"] .vp-grid__row--expanded[b-69cw430wgh],
[data-theme="dark"] .vp-grid__row--expanded:hover[b-69cw430wgh] {
    background: rgba(255, 255, 255, 0.04);
}

/* ── Cells ──────────────────────────────────────────────────────── */
.vp-grid__td[b-69cw430wgh] {
    padding: var(--space-3, 12px);
    color: var(--vp-content-text, #223029);
    font-size: 13px;
    max-width: 360px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

[data-theme="dark"] .vp-grid__td[b-69cw430wgh] {
    color: rgba(255, 255, 255, 0.86);
}

/* Cell alignment + numeric/mono variants */
.vp-grid__td--right[b-69cw430wgh] { text-align: right; }
.vp-grid__td--center[b-69cw430wgh] { text-align: center; }
.vp-grid__td--mono[b-69cw430wgh] {
    font-family: var(--font-mono, ui-monospace, "JetBrains Mono", monospace);
    font-size: 12px;
    color: var(--color-gray-01, #909893);
}

[data-theme="dark"] .vp-grid__td--mono[b-69cw430wgh] {
    color: rgba(255, 255, 255, 0.58);
}

.vp-grid__td-actions[b-69cw430wgh] {
    width: 1px;
    white-space: nowrap;
    padding: var(--space-2, 8px) var(--space-3, 12px);
    text-align: center;
}

.vp-grid__cell-input[b-69cw430wgh] {
    width: 100%;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: 4px;
    padding: var(--space-1, 4px) var(--space-2, 8px);
    background: var(--vp-card-bg, #ffffff);
    color: var(--vp-content-text, #223029);
    font-size: 13px;
    outline: none;
    transition: border-color 0.15s ease;
    min-width: 80px;
}

.vp-grid__cell-input:focus[b-69cw430wgh] {
    border-color: var(--color-bright-green, #a3e96b);
    box-shadow: 0 0 0 1px var(--color-bright-green, #a3e96b);
}

[data-theme="dark"] .vp-grid__cell-input[b-69cw430wgh] {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.92);
}

/* ── Action buttons (edit mode) ─────────────────────────────────── */
.vp-grid__action-btn[b-69cw430wgh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px var(--space-3, 12px);
    border: none;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    font-family: var(--font-heading, "Season Sans SemiBold"), system-ui, sans-serif;
    cursor: pointer;
    transition: background-color 0.15s ease;
    white-space: nowrap;
}

.vp-grid__action-btn--edit[b-69cw430wgh] {
    background: var(--btn-secondary-bg, #e0e3e2);
    color: var(--btn-secondary-text, #223029);
}

.vp-grid__action-btn--edit:hover[b-69cw430wgh] {
    background: var(--btn-secondary-bg-hover, #b9c0be);
}

.vp-grid__action-btn--save[b-69cw430wgh] {
    background: var(--btn-primary-bg, #a3e96b);
    color: var(--btn-primary-text, #223029);
    margin-right: 6px;
}

.vp-grid__action-btn--save:hover[b-69cw430wgh] {
    background: var(--btn-primary-bg-hover, #8fd455);
}

.vp-grid__action-btn--cancel[b-69cw430wgh] {
    background: var(--btn-secondary-bg, #e0e3e2);
    color: var(--btn-secondary-text, #223029);
}

.vp-grid__action-btn--cancel:hover[b-69cw430wgh] {
    background: var(--btn-secondary-bg-hover, #b9c0be);
}

/* ── Empty state ────────────────────────────────────────────────── */
.vp-grid__empty[b-69cw430wgh] {
    text-align: center;
    color: var(--color-gray-01, #909893);
    padding: 48px var(--space-4, 16px);
    font-size: 14px;
}

/* Loading state: small spinner shown where rows will populate during the
   initial server-side fetch (before the data is bound). */
.vp-grid__loading[b-69cw430wgh] {
    padding: var(--space-8, 40px) var(--space-4, 16px);
}

.vp-grid__spinner[b-69cw430wgh] {
    display: inline-block;
    width: 22px;
    height: 22px;
    border: 2.5px solid var(--color-gray-03, #e0e3e2);
    border-top-color: var(--color-bright-green, #a3e96b);
    border-radius: 50%;
    animation: vp-grid-spin-b-69cw430wgh 0.7s linear infinite;
}

@keyframes vp-grid-spin-b-69cw430wgh {
    to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    .vp-grid__spinner[b-69cw430wgh] {
        animation-duration: 2.4s;
    }
}

/* ── Expand column ──────────────────────────────────────────────── */
.vp-grid__th-expand[b-69cw430wgh] {
    width: 36px;
    min-width: 36px;
    padding: 0 var(--space-1, 4px);
}

.vp-grid__td-expand[b-69cw430wgh] {
    width: 36px;
    min-width: 36px;
    padding: 0 var(--space-1, 4px);
    text-align: center;
    vertical-align: middle;
}

.vp-grid__expand-btn[b-69cw430wgh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 4px;
    background: transparent;
    color: var(--color-gray-01, #909893);
    cursor: pointer;
    transition: background-color 0.15s ease, transform 0.2s ease, color 0.15s ease;
    padding: 0;
}

.vp-grid__expand-btn:hover[b-69cw430wgh] {
    background: var(--vp-surface-hover, #e0e3e2);
    color: var(--vp-content-text, #223029);
}

.vp-grid__expand-btn--open[b-69cw430wgh] {
    transform: rotate(90deg);
    color: var(--color-bright-green, #a3e96b);
}

/* ── Child rows ─────────────────────────────────────────────────── */
.vp-grid__row--child[b-69cw430wgh] {
    background: var(--vp-content-bg, #f7f7f7);
}

.vp-grid__row--child:hover[b-69cw430wgh] {
    background: var(--vp-surface-hover, #e0e3e2);
}

.vp-grid__td--child[b-69cw430wgh] {
    font-size: 13px;
    color: var(--color-gray-01, #909893);
}

.vp-grid__td-expand--child[b-69cw430wgh] {
    border-left: 2px solid var(--color-bright-green, #a3e96b);
}

.vp-grid__row--child-template[b-69cw430wgh] {
    background: var(--vp-content-bg, #f7f7f7);
}

.vp-grid__child-content[b-69cw430wgh] {
    padding: 0;
}

[data-theme="dark"] .vp-grid__row--child[b-69cw430wgh],
[data-theme="dark"] .vp-grid__row--child-template[b-69cw430wgh] {
    background: rgba(255, 255, 255, 0.04);
}

/* ── Footer (count · hints) ─────────────────────────────────────── */
.vp-grid__footer[b-69cw430wgh] {
    display: flex;
    align-items: center;
    gap: var(--space-4, 16px);
    padding: var(--space-3, 12px) var(--space-4, 16px);
    border-top: 1px solid var(--vp-divider, #e0e3e2);
    flex-wrap: wrap;
    font-size: 12px;
    font-family: var(--font-mono, ui-monospace, monospace);
    color: var(--color-gray-01, #909893);
}

[data-theme="dark"] .vp-grid__footer[b-69cw430wgh] {
    border-top-color: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.5);
}

.vp-grid__footer-count[b-69cw430wgh] {
    flex: 1 1 140px;
    min-width: 0;
}

.vp-grid__footer-hints[b-69cw430wgh] {
    flex: 1 1 200px;
    text-align: right;
    color: var(--color-gray-01, #909893);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[data-theme="dark"] .vp-grid__footer-hints[b-69cw430wgh] {
    color: rgba(255, 255, 255, 0.45);
}

/* ── Jump-to-page control ───────────────────────────────────────── */
.vp-grid__pager-jump[b-69cw430wgh] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--color-gray-01, #909893);
    font-size: 12px;
    white-space: nowrap;
}

.vp-grid__pager-jump-input[b-69cw430wgh] {
    width: 4rem;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: 8px;
    padding: 6px var(--space-2, 8px);
    background: var(--vp-card-bg, #ffffff);
    color: var(--vp-content-text, #223029);
    font-size: 12px;
    font-family: inherit;
    outline: none;
    transition: border-color 0.15s ease;
    text-align: center;
    -moz-appearance: textfield;
}

.vp-grid__pager-jump-input[b-69cw430wgh]::-webkit-outer-spin-button,
.vp-grid__pager-jump-input[b-69cw430wgh]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.vp-grid__pager-jump-input:focus[b-69cw430wgh] {
    border-color: var(--color-bright-green, #a3e96b);
    box-shadow: 0 0 0 1px var(--color-bright-green, #a3e96b);
}

[data-theme="dark"] .vp-grid__pager-jump-input[b-69cw430wgh] {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.92);
}

.vp-grid__pager-jump-button:disabled[b-69cw430wgh] {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}

/* ── Export modal content ───────────────────────────────────────── */
.vp-grid__export-meta[b-69cw430wgh] {
    font-size: 13px;
    color: var(--vp-content-text, #223029);
    margin: 0 0 var(--space-4, 16px) 0;
}

.vp-grid__export-cols-header[b-69cw430wgh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    font-weight: 700;
    font-family: var(--font-heading, "Season Sans SemiBold"), system-ui, sans-serif;
    color: var(--vp-content-text, #223029);
    margin-bottom: var(--space-2, 8px);
}

.vp-grid__export-links[b-69cw430wgh] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--color-gray-01, #909893);
    font-weight: normal;
}

.vp-grid__export-link[b-69cw430wgh] {
    background: none;
    border: none;
    padding: 0;
    color: var(--color-green, #0ea665);
    font-size: 13px;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.vp-grid__export-link:hover[b-69cw430wgh] {
    opacity: 0.8;
}

.vp-grid__export-col-list[b-69cw430wgh] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    max-height: 240px;
    overflow-y: auto;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: 6px;
    padding: var(--space-1, 4px) 0;
    margin-bottom: var(--space-3, 12px);
}

.vp-grid__export-col-row[b-69cw430wgh] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px var(--space-3, 12px);
    cursor: pointer;
    font-size: 13px;
    color: var(--vp-content-text, #223029);
    transition: background-color 0.1s ease;
}

.vp-grid__export-col-row:hover[b-69cw430wgh] {
    background: var(--vp-surface-hover, #e0e3e2);
}

.vp-grid__export-col-row input[type="checkbox"][b-69cw430wgh] {
    accent-color: var(--color-bright-green, #a3e96b);
    cursor: pointer;
    width: 15px;
    height: 15px;
    flex-shrink: 0;
}

.vp-grid__export-hidden-tag[b-69cw430wgh] {
    margin-left: auto;
    font-size: 10.5px;
    font-weight: 500;
    padding: 1px 6px;
    border-radius: 99px;
    background: var(--vp-content-bg, #f7f7f7);
    color: var(--color-gray-01, #909893);
    border: 1px solid var(--vp-border-default, #b9c0be);
}

.vp-grid__export-children-row[b-69cw430wgh] {
    margin-top: var(--space-1, 4px);
    padding: 10px var(--space-3, 12px);
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: 6px;
}

/* ── Mobile modes (<720px) ──────────────────────────────────────── */
/* MobileMode=Scroll (default): no rules needed — table-wrapper overflow-x handles it */

/* MobileMode=Stacked: show only the first two cells per row (handles select/expand + 1 data col) */
@media (max-width: 720px) {
    .vp-grid[data-mobile-mode="stacked"] .vp-grid__th:nth-child(n+3)[b-69cw430wgh],
    .vp-grid[data-mobile-mode="stacked"] .vp-grid__td:nth-child(n+3)[b-69cw430wgh] {
        display: none;
    }
}

/* MobileMode=RecordList: collapse table to card-per-row view */
@media (max-width: 720px) {
    .vp-grid[data-mobile-mode="recordlist"] .vp-grid__table-wrapper[b-69cw430wgh] {
        overflow-x: unset;
    }

    .vp-grid[data-mobile-mode="recordlist"] .vp-grid__table[b-69cw430wgh],
    .vp-grid[data-mobile-mode="recordlist"] .vp-grid__table thead[b-69cw430wgh],
    .vp-grid[data-mobile-mode="recordlist"] .vp-grid__table tbody[b-69cw430wgh] {
        display: block;
    }

    .vp-grid[data-mobile-mode="recordlist"] .vp-grid__header-row[b-69cw430wgh] {
        display: none;
    }

    .vp-grid[data-mobile-mode="recordlist"] .vp-grid__row[b-69cw430wgh] {
        display: block;
        border: 1px solid var(--vp-card-border, rgba(15, 23, 19, 0.06));
        border-radius: 12px;
        margin: var(--space-2, 8px) var(--space-3, 12px);
        padding: var(--space-1, 4px) 0;
    }

    .vp-grid[data-mobile-mode="recordlist"] .vp-grid__row:nth-child(even)[b-69cw430wgh] {
        background: transparent;
    }

    .vp-grid[data-mobile-mode="recordlist"] .vp-grid__td[b-69cw430wgh] {
        display: block;
        max-width: 100%;
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
        border-bottom: 1px solid var(--vp-divider, #e0e3e2);
        padding: 10px 14px;
    }

    .vp-grid[data-mobile-mode="recordlist"] .vp-grid__td:last-child[b-69cw430wgh] {
        border-bottom: none;
    }

    [data-theme="dark"] .vp-grid[data-mobile-mode="recordlist"] .vp-grid__row[b-69cw430wgh] {
        border-color: rgba(255, 255, 255, 0.08);
    }

    [data-theme="dark"] .vp-grid[data-mobile-mode="recordlist"] .vp-grid__td[b-69cw430wgh] {
        border-bottom-color: rgba(255, 255, 255, 0.05);
    }
}

/* ── Per-column filter button (column header) ───────────────────── */
.vp-grid__filter-btn[b-69cw430wgh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 0;
    margin-left: 2px;
    border: none;
    background: transparent;
    color: var(--color-gray-01, #909893);
    border-radius: 4px;
    cursor: pointer;
    opacity: 0.35;
    transition: opacity 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

.vp-grid__th:hover .vp-grid__filter-btn[b-69cw430wgh] {
    opacity: 1;
}

.vp-grid__filter-btn:hover[b-69cw430wgh] {
    background: var(--vp-surface-hover, #e0e3e2);
    color: var(--color-midnight, #223029);
}

.vp-grid__filter-btn--active[b-69cw430wgh] {
    opacity: 1;
    color: var(--color-midnight, #223029);
    background: color-mix(in srgb, var(--color-bright-green, #a3e96b) 30%, transparent);
}

.vp-grid__filter-btn--active:hover[b-69cw430wgh] {
    background: color-mix(in srgb, var(--color-bright-green, #a3e96b) 50%, transparent);
}

[data-theme="dark"] .vp-grid__filter-btn[b-69cw430wgh] {
    color: rgba(255, 255, 255, 0.5);
}

[data-theme="dark"] .vp-grid__filter-btn:hover[b-69cw430wgh] {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}

[data-theme="dark"] .vp-grid__filter-btn--active[b-69cw430wgh] {
    color: var(--color-bright-green, #a3e96b);
    background: color-mix(in srgb, var(--color-bright-green, #a3e96b) 22%, transparent);
}

/* ── Accent ghost button (Clear filters) ────────────────────────── */
.vp-grid__ghost-btn--accent[b-69cw430wgh] {
    border-color: color-mix(in srgb, var(--color-bright-green, #a3e96b) 70%, var(--vp-border-default, #b9c0be));
    color: color-mix(in srgb, var(--color-bright-green, #a3e96b) 55%, var(--color-midnight, #223029));
}

.vp-grid__ghost-btn--accent:hover[b-69cw430wgh] {
    background: color-mix(in srgb, var(--color-bright-green, #a3e96b) 18%, var(--vp-card-bg, #ffffff));
    border-color: var(--color-midnight, #223029);
    color: var(--color-midnight, #223029);
}

[data-theme="dark"] .vp-grid__ghost-btn--accent[b-69cw430wgh] {
    color: var(--color-bright-green, #a3e96b);
    border-color: color-mix(in srgb, var(--color-bright-green, #a3e96b) 40%, rgba(255, 255, 255, 0.12));
}

[data-theme="dark"] .vp-grid__ghost-btn--accent:hover[b-69cw430wgh] {
    background: rgba(163, 233, 107, 0.14);
    border-color: var(--color-bright-green, #a3e96b);
    color: var(--color-bright-green, #a3e96b);
}

/* ── Active filter chip row ─────────────────────────────────────── */
.vp-grid__active-filter-chips[b-69cw430wgh] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px var(--space-4, 16px) var(--space-1, 4px);
    border-bottom: 1px solid var(--vp-divider, #e0e3e2);
}

[data-theme="dark"] .vp-grid__active-filter-chips[b-69cw430wgh] {
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

.vp-grid__filter-chip[b-69cw430wgh] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: var(--space-1, 4px) var(--space-1, 4px) var(--space-1, 4px) 10px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-bright-green, #a3e96b) 18%, var(--vp-card-bg, #ffffff));
    border: 1px solid color-mix(in srgb, var(--color-bright-green, #a3e96b) 50%, var(--vp-border-default, #b9c0be));
    color: var(--color-midnight, #223029);
    font-size: 12px;
}

.vp-grid__filter-chip-label[b-69cw430wgh] {
    display: inline-flex;
    align-items: baseline;
    gap: var(--space-1, 4px);
    white-space: nowrap;
}

.vp-grid__filter-chip-label strong[b-69cw430wgh] {
    font: 700 11px/1 var(--font-heading, "Season Sans SemiBold"), system-ui, sans-serif;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.vp-grid__filter-chip-remove[b-69cw430wgh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: var(--color-midnight, #223029);
    cursor: pointer;
    transition: background-color 0.12s ease;
}

.vp-grid__filter-chip-remove:hover[b-69cw430wgh] {
    background: rgba(15, 23, 19, 0.08);
}

[data-theme="dark"] .vp-grid__filter-chip[b-69cw430wgh] {
    background: rgba(163, 233, 107, 0.14);
    border-color: rgba(163, 233, 107, 0.45);
    color: #ffffff;
}

[data-theme="dark"] .vp-grid__filter-chip-remove[b-69cw430wgh] {
    color: rgba(255, 255, 255, 0.88);
}

[data-theme="dark"] .vp-grid__filter-chip-remove:hover[b-69cw430wgh] {
    background: rgba(255, 255, 255, 0.14);
}

/* ── Group-by picker (toolbar) ─────────────────────────────────── */
.vp-grid__toolbar-groupby[b-69cw430wgh] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2, 8px);
    padding: 0 var(--space-3, 12px);
    min-height: 40px;
    border: 1px solid var(--vp-border-default, #e0e3e2);
    border-radius: var(--border-radius-md, 8px);
    background: var(--vp-surface-input, #ffffff);
}

.vp-grid__toolbar-groupby:focus-within[b-69cw430wgh] {
    border-color: var(--color-bright-green, #a3e96b);
    box-shadow: 0 0 0 4px rgba(163, 233, 107, 0.12);
}

.vp-grid__groupby-label[b-69cw430wgh] {
    color: var(--vp-placeholder-color, #909893);
    font-size: 12px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.vp-grid__groupby-select[b-69cw430wgh] {
    border: none;
    background: transparent;
    color: var(--vp-content-text, #223029);
    font-size: 14px;
    cursor: pointer;
}

.vp-grid__groupby-select:focus-visible[b-69cw430wgh] {
    outline: none;
}

/* ── Group header rows ─────────────────────────────────────────── */
.vp-grid__group-row[b-69cw430wgh] {
    background: rgba(224, 227, 226, 0.34);
    border-bottom: 1px solid rgba(34, 48, 41, 0.08);
}

.vp-grid__table td.vp-grid__group-cell[b-69cw430wgh] {
    padding: 0;
}

.vp-grid__group-toggle[b-69cw430wgh] {
    display: flex;
    align-items: center;
    gap: var(--space-2, 10px);
    width: 100%;
    padding: 10px var(--space-4, 16px);
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: left;
    color: var(--vp-content-text, #223029);
}

.vp-grid__group-toggle:hover[b-69cw430wgh] {
    background: rgba(218, 244, 221, 0.4);
}

.vp-grid__group-chevron[b-69cw430wgh] {
    display: inline-flex;
    width: 14px;
    color: var(--vp-placeholder-color, #909893);
}

.vp-grid__group-label[b-69cw430wgh] {
    font-weight: 600;
}

.vp-grid__group-count[b-69cw430wgh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    padding: 0 6px;
    border-radius: 999px;
    background: rgba(34, 48, 41, 0.08);
    color: var(--vp-placeholder-color, #909893);
    font-size: 12px;
}

/* ── Per-group subtotal + grand-total rows ─────────────────────── */
.vp-grid__subtotal-row .vp-grid__subtotal-cell[b-69cw430wgh] {
    padding: 10px var(--space-4, 16px);
    border-top: 1px dashed rgba(34, 48, 41, 0.14);
    color: var(--vp-content-text, #223029);
    font-size: 13px;
    font-weight: 600;
}

.vp-grid__grandtotal-row .vp-grid__grandtotal-cell[b-69cw430wgh] {
    padding: 14px var(--space-4, 16px);
    border-top: 2px solid rgba(34, 48, 41, 0.18);
    background: rgba(224, 227, 226, 0.46);
    color: var(--vp-content-text, #223029);
    font-weight: 700;
}

[data-theme="dark"] .vp-grid__toolbar-groupby[b-69cw430wgh] {
    background: rgba(34, 48, 41, 0.88);
    border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-grid__groupby-select[b-69cw430wgh],
[data-theme="dark"] .vp-grid__group-toggle[b-69cw430wgh] {
    color: #ffffff;
}

[data-theme="dark"] .vp-grid__group-row[b-69cw430wgh],
[data-theme="dark"] .vp-grid__grandtotal-row .vp-grid__grandtotal-cell[b-69cw430wgh] {
    background: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .vp-grid__subtotal-row .vp-grid__subtotal-cell[b-69cw430wgh],
[data-theme="dark"] .vp-grid__grandtotal-row .vp-grid__grandtotal-cell[b-69cw430wgh] {
    color: #ffffff;
}

[data-theme="dark"] .vp-grid__group-chevron[b-69cw430wgh],
[data-theme="dark"] .vp-grid__group-count[b-69cw430wgh] {
    color: var(--vp-placeholder-color, #b9c0be);
}

[data-theme="dark"] .vp-grid__group-count[b-69cw430wgh] {
    background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-grid__group-toggle:hover[b-69cw430wgh] {
    background: rgba(163, 233, 107, 0.1);
}

/* ── Row density (personalization value; default td padding is 12px) ── */
.vp-grid[data-density="compact"] .vp-grid__td[b-69cw430wgh] {
    padding-top: 6px;
    padding-bottom: 6px;
}

.vp-grid[data-density="compact"] .vp-grid__th-content[b-69cw430wgh] {
    padding-top: var(--space-2, 8px);
    padding-bottom: var(--space-2, 8px);
}

.vp-grid[data-density="roomy"] .vp-grid__td[b-69cw430wgh] {
    padding-top: 18px;
    padding-bottom: 18px;
}

.vp-grid[data-density="roomy"] .vp-grid__th-content[b-69cw430wgh] {
    padding-top: var(--space-5, 20px);
    padding-bottom: var(--space-5, 20px);
}
/* _content/Verapath.Components/Components/Grid/VerapathRebalanceGrid.razor.rz.scp.css */
.vp-rebalance-grid[b-rruoypuhrl] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.vp-rebalance-grid__header[b-rruoypuhrl] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.vp-rebalance-grid__title[b-rruoypuhrl] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-midnight, #223029);
}

.vp-rebalance-grid__description[b-rruoypuhrl] {
    margin: 0;
    color: var(--color-gray-01, #909893);
    font-size: 0.85rem;
}

.vp-rebalance-grid__profile-bar[b-rruoypuhrl] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    border: 1px solid var(--color-gray-02, #b9c0be);
    border-radius: 6px;
    background: var(--color-gray-04, #f7f7f7);
}

.vp-rebalance-grid__profile-left[b-rruoypuhrl] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.vp-rebalance-grid__profile-label[b-rruoypuhrl] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--color-midnight, #223029);
}

.vp-rebalance-grid__profile-select[b-rruoypuhrl] {
    height: 32px;
    padding: 0 8px;
    border: 1px solid var(--color-gray-02, #b9c0be);
    border-radius: 4px;
    background: #fff;
    font-size: 0.85rem;
    min-width: 180px;
}

.vp-rebalance-grid__dirty[b-rruoypuhrl] {
    color: var(--color-red, #f9574d);
    font-size: 1rem;
    line-height: 1;
}

.vp-rebalance-grid__profile-actions[b-rruoypuhrl] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.vp-rebalance-grid__btn[b-rruoypuhrl] {
    height: 32px;
    padding: 0 12px;
    border: 1px solid var(--color-gray-02, #b9c0be);
    border-radius: 4px;
    background: #fff;
    font-size: 0.85rem;
    color: var(--color-midnight, #223029);
    cursor: pointer;
}

.vp-rebalance-grid__btn:hover:not(:disabled)[b-rruoypuhrl] {
    background: var(--color-gray-03, #e0e3e2);
}

.vp-rebalance-grid__btn:disabled[b-rruoypuhrl] {
    color: var(--color-gray-01, #909893);
    cursor: not-allowed;
    opacity: 0.6;
}

.vp-rebalance-grid__btn--primary[b-rruoypuhrl] {
    background: var(--color-bright-green, #a3e96b);
    border-color: var(--color-bright-green, #a3e96b);
    font-weight: 600;
}

.vp-rebalance-grid__btn--primary:hover:not(:disabled)[b-rruoypuhrl] {
    filter: brightness(0.95);
    background: var(--color-bright-green, #a3e96b);
}

/* ── Horizontal scroll + no-wrap for the inner grid ─────────────── */
.vp-rebalance-grid__scroll[b-rruoypuhrl] {
    width: 100%;
    /* outer scroll container; the inner .vp-grid__table-wrapper handles
       its own overflow so sticky header + frozen column can both anchor
       to the same scrolling box. */
}

.vp-rebalance-grid__scroll[b-rruoypuhrl]  .vp-grid__table-wrapper {
    overflow: auto;
    max-height: var(--vp-rebalance-grid-max-height, 70vh);
    position: relative;
}

.vp-rebalance-grid__scroll[b-rruoypuhrl]  .vp-grid__td,
.vp-rebalance-grid__scroll[b-rruoypuhrl]  .vp-grid__th {
    white-space: nowrap;
}

/* ── Sticky header (always on) ───────────────────────────────────
   `position: sticky` works because the scroll viewport is the
   `.vp-grid__table-wrapper` above. A solid background is mandatory or
   body cells bleed through during vertical scroll. */
.vp-rebalance-grid__scroll[b-rruoypuhrl]  .vp-grid__header-row > .vp-grid__th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--color-gray-04, #f7f7f7);
}

/* ── Frozen first column (opt-in via .vp-rebalance-grid--freeze) ──
   Sticks the first data <th>/<td> at left: 0. We pick the first cell
   per row rather than a fixed column key so this works regardless of
   which column the user has dragged into position 1 — they may have
   removed the ticker via the column picker. */
.vp-rebalance-grid--freeze[b-rruoypuhrl]  .vp-grid__header-row > .vp-grid__th:first-child,
.vp-rebalance-grid--freeze[b-rruoypuhrl]  .vp-grid__row > .vp-grid__td:first-child {
    position: sticky;
    left: 0;
    background: #fff;
    z-index: 1;
    box-shadow: 1px 0 0 var(--color-gray-03, #e0e3e2);
}

/* Header cell of the frozen column needs to outrank body sticky (z=1)
   AND keep the header background — corner cell sits at top-left. */
.vp-rebalance-grid--freeze[b-rruoypuhrl]  .vp-grid__header-row > .vp-grid__th:first-child {
    z-index: 3;
    background: var(--color-gray-04, #f7f7f7);
}

/* When the grid has selection / expand columns, those are the actual
   first cells. Keep them solid so the sticky stack still works. */
.vp-rebalance-grid--freeze[b-rruoypuhrl]  .vp-grid__td-select,
.vp-rebalance-grid--freeze[b-rruoypuhrl]  .vp-grid__th-select,
.vp-rebalance-grid--freeze[b-rruoypuhrl]  .vp-grid__td-expand,
.vp-rebalance-grid--freeze[b-rruoypuhrl]  .vp-grid__th-expand {
    background: inherit;
}

/* ── Column picker ─────────────────────────────────────────────── */
.vp-rebalance-grid__picker-backdrop[b-rruoypuhrl] {
    position: fixed;
    inset: 0;
    background: rgba(34, 48, 41, 0.25);
    z-index: 1000;
}

.vp-rebalance-grid__picker[b-rruoypuhrl],
.vp-rebalance-grid__saveas[b-rruoypuhrl] {
    position: fixed;
    top: 12vh;
    left: 50%;
    transform: translateX(-50%);
    width: min(640px, 95vw);
    max-height: 75vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid var(--color-gray-02, #b9c0be);
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(34, 48, 41, 0.18);
    z-index: 1001;
}

.vp-rebalance-grid__saveas[b-rruoypuhrl] {
    width: min(420px, 95vw);
    top: 22vh;
}

.vp-rebalance-grid__picker-header[b-rruoypuhrl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid var(--color-gray-03, #e0e3e2);
}

.vp-rebalance-grid__picker-close[b-rruoypuhrl] {
    background: transparent;
    border: 0;
    font-size: 1.3rem;
    line-height: 1;
    cursor: pointer;
    color: var(--color-midnight, #223029);
}

.vp-rebalance-grid__picker-body[b-rruoypuhrl] {
    overflow-y: auto;
    padding: 12px 16px;
}

.vp-rebalance-grid__picker-group[b-rruoypuhrl] {
    margin-bottom: 14px;
}

.vp-rebalance-grid__picker-group h4[b-rruoypuhrl] {
    margin: 0 0 6px 0;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-gray-01, #909893);
}

.vp-rebalance-grid__picker-option[b-rruoypuhrl] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0;
    font-size: 0.9rem;
    cursor: pointer;
}

/* ── Save-as ───────────────────────────────────────────────────── */
.vp-rebalance-grid__saveas-body[b-rruoypuhrl] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.vp-rebalance-grid__saveas-input[b-rruoypuhrl] {
    height: 36px;
    padding: 0 10px;
    border: 1px solid var(--color-gray-02, #b9c0be);
    border-radius: 4px;
    font-size: 0.9rem;
}

.vp-rebalance-grid__saveas-input:focus[b-rruoypuhrl] {
    outline: 2px solid var(--color-bright-green, #a3e96b);
    outline-offset: -2px;
}

.vp-rebalance-grid__saveas-default[b-rruoypuhrl] {
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 0.85rem;
}

.vp-rebalance-grid__saveas-actions[b-rruoypuhrl] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 6px;
}

/* ── Lot expansion table ───────────────────────────────────────── */
.vp-rebalance-grid__lots[b-rruoypuhrl] {
    padding: 8px 12px;
    background: var(--color-gray-04, #f7f7f7);
}

.vp-rebalance-grid__lots-empty[b-rruoypuhrl] {
    padding: 8px 0;
    color: var(--color-gray-01, #909893);
    font-style: italic;
    font-size: 0.85rem;
}

.vp-rebalance-grid__lots-table[b-rruoypuhrl] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}

.vp-rebalance-grid__lots-table th[b-rruoypuhrl],
.vp-rebalance-grid__lots-table td[b-rruoypuhrl] {
    white-space: nowrap;
    padding: 4px 10px;
    border-bottom: 1px solid var(--color-gray-03, #e0e3e2);
    text-align: left;
}

.vp-rebalance-grid__lots-table th[b-rruoypuhrl] {
    font-weight: 600;
    color: var(--color-gray-01, #909893);
    text-transform: uppercase;
    font-size: 0.72rem;
    letter-spacing: 0.04em;
}
/* _content/Verapath.Components/Components/Icons/VerapathIcon.razor.rz.scp.css */
.vp-icon[b-m9pi77f68y] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: currentColor;
    flex: 0 0 auto;
}

[data-theme="dark"] .vp-icon[b-m9pi77f68y],
:root[data-theme="dark"] .vp-icon[b-m9pi77f68y] {
    color: currentColor;
}
/* _content/Verapath.Components/Components/Icons/VerapathIconBadge.razor.rz.scp.css */
.vp-icon-badge[b-bet9na3b6z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 18px;
    background: rgba(34, 48, 41, 0.06);
    color: var(--color-midnight, #223029);
    border: 1px solid rgba(34, 48, 41, 0.08);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.78),
        0 12px 22px rgba(34, 48, 41, 0.06);
    flex: 0 0 auto;
}

.vp-icon-badge--rounded[b-bet9na3b6z] {
    border-radius: 22px;
}

.vp-icon-badge--default[b-bet9na3b6z] {
    background: rgba(34, 48, 41, 0.06);
    color: var(--color-midnight, #223029);
}

.vp-icon-badge--accent[b-bet9na3b6z] {
    background: var(--color-white, #ffffff);
    color: var(--color-midnight, #223029);
    border-color: rgba(255, 255, 255, 0.22);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.86),
        0 16px 28px rgba(34, 48, 41, 0.12);
}

.vp-icon-badge--inverse[b-bet9na3b6z] {
    background: var(--color-midnight, #223029);
    color: var(--color-white, #ffffff);
    border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-icon-badge[b-bet9na3b6z],
:root[data-theme="dark"] .vp-icon-badge[b-bet9na3b6z] {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.92);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 16px 28px rgba(0, 0, 0, 0.18);
}

[data-theme="dark"] .vp-icon-badge--accent[b-bet9na3b6z],
:root[data-theme="dark"] .vp-icon-badge--accent[b-bet9na3b6z] {
    background: var(--color-white, #ffffff);
    color: var(--color-midnight, #223029);
    border-color: rgba(255, 255, 255, 0.22);
}

[data-theme="dark"] .vp-icon-badge--inverse[b-bet9na3b6z],
:root[data-theme="dark"] .vp-icon-badge--inverse[b-bet9na3b6z] {
    background: rgba(163, 233, 107, 0.18);
    color: var(--color-white, #ffffff);
    border-color: rgba(163, 233, 107, 0.22);
}
/* _content/Verapath.Components/Components/Inputs/AgentPicker/VerapathAgentPicker.razor.rz.scp.css */
.vp-agent-picker[b-x4nui348x8] {
    position: relative;
    flex-shrink: 0;
    display: inline-block;
}

.vp-agent-picker--disabled[b-x4nui348x8] {
    opacity: 0.6;
    pointer-events: none;
}

.vp-agent-picker__trigger[b-x4nui348x8] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 6px 12px 6px 6px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 10px;
    font-family: inherit;
    color: var(--vp-input-color, #223029);
    cursor: pointer;
    transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
    user-select: none;
}

.vp-agent-picker__trigger:hover[b-x4nui348x8],
.vp-agent-picker__trigger--open[b-x4nui348x8] {
    border-color: var(--color-gray-03, #e0e3e2);
    background: var(--color-gray-04, #f7f7f7);
}

.vp-agent-picker__trigger:disabled[b-x4nui348x8] {
    cursor: not-allowed;
}

/* Attention state — drawn when the host needs the user to pick an agent
   before anything else will work (e.g. the empty /AI composer). */
.vp-agent-picker__trigger--attention[b-x4nui348x8] {
    border-color: var(--color-bright-green, #a3e96b);
    background: var(--color-mint-50, #edfaee);
    animation: vp-agent-attention-b-x4nui348x8 1.8s ease-in-out infinite;
}

.vp-agent-picker__trigger--attention:hover[b-x4nui348x8] {
    border-color: var(--color-bright-green, #a3e96b);
    background: var(--color-mint, #daf4dd);
}

@keyframes vp-agent-attention-b-x4nui348x8 {
    0%, 100% { box-shadow: 0 0 0 0 rgba(163, 233, 107, 0); }
    50% { box-shadow: 0 0 0 4px rgba(163, 233, 107, 0.45); }
}

@media (prefers-reduced-motion: reduce) {
    .vp-agent-picker__trigger--attention[b-x4nui348x8] {
        animation: none;
        box-shadow: 0 0 0 3px rgba(163, 233, 107, 0.45);
    }
}

.vp-agent-picker__avatar[b-x4nui348x8] {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.vp-agent-picker__avatar :is(svg, span, div)[b-x4nui348x8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.vp-agent-picker__label[b-x4nui348x8] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    min-width: 0;
}

.vp-agent-picker__name[b-x4nui348x8] {
    font-size: 14px;
    font-weight: 600;
    color: var(--vp-input-color, #223029);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 26ch;
    line-height: 1.1;
    letter-spacing: -0.005em;
}

.vp-agent-picker__model[b-x4nui348x8] {
    font-size: 11.5px;
    font-weight: 400;
    color: var(--vp-placeholder-color, #909893);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 30ch;
    line-height: 1.2;
}

.vp-agent-picker__chevron[b-x4nui348x8] {
    color: var(--vp-placeholder-color, #909893);
    flex-shrink: 0;
    transition: transform 0.15s ease;
    margin-left: 2px;
}

.vp-agent-picker__chevron--open[b-x4nui348x8] {
    transform: rotate(180deg);
}

.vp-agent-picker__panel[b-x4nui348x8] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    min-width: 320px;
    max-width: 380px;
    background: var(--vp-card-bg, #ffffff);
    border: 1px solid var(--vp-card-border, rgba(15, 23, 19, 0.08));
    border-radius: 16px;
    box-shadow: 0 18px 40px rgba(34, 48, 41, 0.12), 0 4px 14px rgba(34, 48, 41, 0.08);
    padding: 8px;
    z-index: 100;
    animation: vp-agent-picker-in-b-x4nui348x8 0.12s ease;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

@keyframes vp-agent-picker-in-b-x4nui348x8 {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

.vp-agent-picker__search[b-x4nui348x8] {
    position: relative;
    padding: 4px;
}

.vp-agent-picker__search-icon[b-x4nui348x8] {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(calc(-50% - 1px));
    width: 14px;
    height: 14px;
    color: var(--vp-placeholder-color, #909893);
    pointer-events: none;
}

.vp-agent-picker__search-input[b-x4nui348x8] {
    width: 100%;
    box-sizing: border-box;
    padding: 9px 12px 9px 34px;
    font-size: 13px;
    font-family: inherit;
    color: var(--vp-input-color, #223029);
    background: var(--vp-surface-input, #ffffff);
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: 10px;
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.vp-agent-picker__search-input[b-x4nui348x8]::placeholder {
    color: var(--vp-placeholder-color, #909893);
}

.vp-agent-picker__search-input:focus[b-x4nui348x8] {
    border-color: var(--color-bright-green, #a3e96b);
    box-shadow: 0 0 0 2px rgba(163, 233, 107, 0.25);
}

.vp-agent-picker__options[b-x4nui348x8] {
    max-height: 320px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.vp-agent-picker__option[b-x4nui348x8] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 8px 10px;
    background: transparent;
    border: none;
    border-radius: 8px;
    text-align: left;
    cursor: pointer;
    font-family: inherit;
    transition: background-color 0.1s ease;
}

.vp-agent-picker__option:hover[b-x4nui348x8] {
    background-color: var(--vp-surface-hover, #e0e3e2);
}

.vp-agent-picker__option--selected[b-x4nui348x8] {
    background-color: rgba(163, 233, 107, 0.15);
}

.vp-agent-picker__option-avatar[b-x4nui348x8] {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 8px;
    background: var(--color-gray-04, #f7f7f7);
}

.vp-agent-picker__option-avatar :is(svg, span, div)[b-x4nui348x8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.vp-agent-picker__option-body[b-x4nui348x8] {
    display: flex;
    flex: 1;
    min-width: 0;
    flex-direction: column;
    gap: 1px;
}

.vp-agent-picker__option-name[b-x4nui348x8] {
    font-size: 14px;
    font-weight: 600;
    color: var(--vp-input-color, #223029);
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vp-agent-picker__option-meta[b-x4nui348x8] {
    font-size: 11.5px;
    color: var(--vp-placeholder-color, #909893);
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vp-agent-picker__option-check[b-x4nui348x8] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    color: var(--color-bright-green, #72c54a);
}

.vp-agent-picker__empty[b-x4nui348x8] {
    padding: 12px;
    font-size: 13px;
    color: var(--vp-placeholder-color, #909893);
    text-align: center;
}

@media (max-width: 720px) {
    .vp-agent-picker__avatar[b-x4nui348x8] {
        width: 28px;
        height: 28px;
    }

    .vp-agent-picker__model[b-x4nui348x8] {
        display: none;
    }

    .vp-agent-picker__name[b-x4nui348x8] {
        max-width: 14ch;
    }

    .vp-agent-picker__panel[b-x4nui348x8] {
        min-width: min(320px, calc(100vw - 24px));
        max-width: min(320px, calc(100vw - 24px));
    }
}

[data-theme="dark"] .vp-agent-picker__trigger[b-x4nui348x8],
:root[data-theme="dark"] .vp-agent-picker__trigger[b-x4nui348x8] {
    background: transparent;
    border-color: transparent;
}

[data-theme="dark"] .vp-agent-picker__trigger:hover[b-x4nui348x8],
[data-theme="dark"] .vp-agent-picker__trigger--open[b-x4nui348x8],
:root[data-theme="dark"] .vp-agent-picker__trigger:hover[b-x4nui348x8],
:root[data-theme="dark"] .vp-agent-picker__trigger--open[b-x4nui348x8] {
    background: color-mix(in srgb, var(--vp-surface-hover) 72%, transparent);
    border-color: rgba(255, 255, 255, 0.22);
}

[data-theme="dark"] .vp-agent-picker__trigger--attention[b-x4nui348x8],
:root[data-theme="dark"] .vp-agent-picker__trigger--attention[b-x4nui348x8] {
    background: color-mix(in srgb, var(--color-bright-green, #a3e96b) 16%, transparent);
    border-color: var(--color-bright-green, #a3e96b);
}

[data-theme="dark"] .vp-agent-picker__panel[b-x4nui348x8],
:root[data-theme="dark"] .vp-agent-picker__panel[b-x4nui348x8] {
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.45), 0 4px 16px rgba(0, 0, 0, 0.22);
}

[data-theme="dark"] .vp-agent-picker__option--selected[b-x4nui348x8],
:root[data-theme="dark"] .vp-agent-picker__option--selected[b-x4nui348x8] {
    background-color: rgba(163, 233, 107, 0.1);
}

[data-theme="dark"] .vp-agent-picker__option-avatar[b-x4nui348x8],
:root[data-theme="dark"] .vp-agent-picker__option-avatar[b-x4nui348x8] {
    background: color-mix(in srgb, var(--vp-surface-hover) 72%, transparent);
}
/* _content/Verapath.Components/Components/Inputs/Checkbox/VerapathCheckbox.razor.rz.scp.css */
/* ── Field container ─────────────────────────────────────────────── */
.vp-checkbox-field[b-8xku4wfuor] {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: var(--vp-field-gap, 6px);
    vertical-align: top;
}

/* ── Row ─────────────────────────────────────────────────────────── */
.vp-checkbox-row[b-8xku4wfuor] {
    display: inline-grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 12px; /* override: --vp-field-inline-gap is 8px globally, fallback was a no-op */
    width: 100%;
    cursor: pointer;
    user-select: none;
}

.vp-checkbox-field--disabled .vp-checkbox-row[b-8xku4wfuor] { cursor: not-allowed; }

/* ── Hide native input (keep accessible) ─────────────────────────── */
.vp-checkbox__native[b-8xku4wfuor] {
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ── Custom visual box ───────────────────────────────────────────── */
.vp-checkbox__box[b-8xku4wfuor] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 20px; height: 20px;
    border: 2px solid var(--vp-border-default, #b9c0be);
    border-radius: 5px;
    background-color: var(--vp-surface-input, #ffffff);
    color: var(--color-midnight, #223029);
    transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
    margin-top: 1px;
    box-sizing: border-box;
}

.vp-checkbox-row:hover .vp-checkbox__box:not(.vp-checkbox__box--checked)[b-8xku4wfuor] {
    border-color: var(--vp-border-hover, #223029);
}

.vp-checkbox__native:focus-visible + .vp-checkbox__box[b-8xku4wfuor] {
    box-shadow: 0 0 0 3px rgba(163, 233, 107, 0.45);
    border-color: var(--color-bright-green, #a3e96b);
}

.vp-checkbox__box--checked[b-8xku4wfuor] {
    background-color: var(--color-bright-green, #a3e96b);
    border-color: var(--color-bright-green, #a3e96b);
    color: var(--color-midnight, #223029);
}

.vp-checkbox-row:hover .vp-checkbox__box--checked[b-8xku4wfuor] {
    background-color: #8fd458;
    border-color: #8fd458;
}

.vp-checkbox__box--error[b-8xku4wfuor] { border-color: var(--color-red, #f9574d); }
.vp-checkbox-row:hover .vp-checkbox__box--error:not(.vp-checkbox__box--checked)[b-8xku4wfuor] {
    border-color: var(--color-red, #f9574d);
}

.vp-checkbox-field--disabled .vp-checkbox__box[b-8xku4wfuor] {
    background-color: var(--vp-surface-disabled, #f7f7f7);
    border-color: var(--vp-border-disabled, #e0e3e2);
}

.vp-checkbox-field--disabled .vp-checkbox__box--checked[b-8xku4wfuor] {
    background-color: var(--vp-border-disabled, #e0e3e2);
    border-color: var(--vp-border-disabled, #e0e3e2);
    color: var(--color-gray-01, #909893);
}

/* ── Label text ──────────────────────────────────────────────────── */
.vp-checkbox__label[b-8xku4wfuor] {
    display: inline;
    font-size: var(--font-size-body, 16px);
    color: var(--vp-label-color, #223029);
    line-height: 1.5;
}

.vp-checkbox__content[b-8xku4wfuor] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--vp-field-label-gap, 3px);
    padding-top: 1px;
}

.vp-checkbox-field--disabled .vp-checkbox__label[b-8xku4wfuor] { color: var(--color-gray-01, #909893); }

.vp-checkbox__required[b-8xku4wfuor] {
    color: var(--color-red, #f9574d);
    font-weight: 700;
    margin-left: 3px;
}

/* ── Footer ──────────────────────────────────────────────────────── */
.vp-checkbox-field__footer[b-8xku4wfuor] { display: block; }

.vp-checkbox-field__message[b-8xku4wfuor] {
    display: block;
    font-size: var(--font-size-label, 14px);
    line-height: 1.4;
}
.vp-checkbox-field__message--helper[b-8xku4wfuor] { color: var(--vp-placeholder-color, #909893); }
.vp-checkbox-field__message--error[b-8xku4wfuor]  { color: var(--color-red, #f9574d); }
/* _content/Verapath.Components/Components/Inputs/DatePicker/VerapathDatePicker.razor.rz.scp.css */
.vp-date-picker[b-hvw1utfwyl] {
    display: flex;
    flex-direction: column;
    gap: var(--vp-field-gap, 6px);
    width: 100%;
}

.vp-date-picker__label[b-hvw1utfwyl] {
    display: flex;
    align-items: center;
    gap: var(--vp-field-label-gap, 3px);
    color: var(--vp-label-color, #223029);
    font-size: var(--font-size-label, 14px);
    font-weight: var(--font-weight-medium, 500);
    user-select: none;
}

.vp-date-picker__required[b-hvw1utfwyl] {
    color: var(--color-red, #f9574d);
    font-weight: 700;
    line-height: 1;
}

.vp-date-picker__container[b-hvw1utfwyl] {
    position: relative;
}

.vp-date-picker__field[b-hvw1utfwyl] {
    display: flex;
    align-items: center;
    gap: var(--vp-field-inline-gap, 8px);
    padding: 0 var(--vp-field-padding-x, 12px);
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--radius-sm, 8px);
    background: var(--vp-surface-input, #ffffff);
    box-sizing: border-box;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

/* Height via size classes — no border-width change = no layout shift (Lab #227, PR 7) */
.vp-date-picker__field--size-default[b-hvw1utfwyl] { height: 48px; }
.vp-date-picker__field--size-large[b-hvw1utfwyl]   { height: 59px; }

/* Focus ring via box-shadow — no border-width change = no layout shift */
.vp-date-picker__field--focused[b-hvw1utfwyl] {
    border-color: var(--vp-focus-ring-default, var(--color-bright-green, #a3e96b));
    box-shadow: 0 0 0 1px var(--vp-focus-ring-default, var(--color-bright-green, #a3e96b));
    outline: none;
}

.vp-date-picker__field--readonly[b-hvw1utfwyl] {
    background: var(--vp-surface-disabled, #f7f7f7);
}

.vp-date-picker--disabled .vp-date-picker__field[b-hvw1utfwyl] {
    background: var(--vp-surface-disabled, #f7f7f7);
    border-color: var(--vp-border-disabled, #e0e3e2);
    cursor: not-allowed;
}

.vp-date-picker--disabled .vp-date-picker__label[b-hvw1utfwyl] {
    color: var(--color-gray-01, #909893);
}

.vp-date-picker--error .vp-date-picker__field[b-hvw1utfwyl] {
    border-color: var(--vp-focus-ring-error, var(--color-red, #f9574d));
}

.vp-date-picker--error .vp-date-picker__field--focused[b-hvw1utfwyl] {
    border-color: var(--vp-focus-ring-error, var(--color-red, #f9574d));
    box-shadow: 0 0 0 1px var(--vp-focus-ring-error, var(--color-red, #f9574d)),
                0 0 0 4px rgba(249, 87, 77, 0.12);
}

.vp-date-picker--success .vp-date-picker__field[b-hvw1utfwyl] {
    border: 2px solid var(--color-green, #0ea665);
}

.vp-date-picker__icon[b-hvw1utfwyl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    color: var(--vp-placeholder-color, #909893);
}

.vp-date-picker__input[b-hvw1utfwyl] {
    flex: 1;
    min-width: 0;
    height: 100%;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
    color: var(--vp-input-color, #223029);
    font-family: inherit;
    font-size: var(--font-size-body, 16px);
}

.vp-date-picker__input[b-hvw1utfwyl]::placeholder {
    color: var(--vp-placeholder-color, #909893);
}

.vp-date-picker__input:disabled[b-hvw1utfwyl] {
    cursor: not-allowed;
    color: var(--color-gray-01, #909893);
}

.vp-date-picker__action[b-hvw1utfwyl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    border-radius: 4px;
    background: transparent;
    color: var(--vp-placeholder-color, #909893);
    cursor: pointer;
    transition: color 0.15s ease, background-color 0.15s ease, transform 0.15s ease;
    flex-shrink: 0;
}

.vp-date-picker__action:hover:not(:disabled)[b-hvw1utfwyl] {
    color: var(--vp-label-color, #223029);
    background: var(--vp-surface-hover, #e0e3e2);
}

.vp-date-picker--open .vp-date-picker__action:last-child[b-hvw1utfwyl] {
    transform: rotate(180deg);
}

.vp-date-picker__action:disabled[b-hvw1utfwyl] {
    cursor: not-allowed;
    opacity: 0.5;
}

.vp-date-picker__backdrop[b-hvw1utfwyl] {
    position: fixed;
    inset: 0;
    z-index: 99;
    background: transparent;
}

.vp-date-picker__panel[b-hvw1utfwyl] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 100;
    width: min(320px, 100%);
    min-width: 280px;
    padding: 14px;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--radius-md, 14px);
    background:
        radial-gradient(circle at top right, rgba(163, 233, 107, 0.08), transparent 36%),
        var(--vp-surface-input, #ffffff);
    box-shadow: 0 18px 34px rgba(34, 48, 41, 0.12);
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-sizing: border-box;
}

.vp-date-picker__panel-header[b-hvw1utfwyl] {
    display: grid;
    grid-template-columns: 32px 1fr 32px;
    align-items: center;
    gap: 8px;
}

.vp-date-picker__month-nav[b-hvw1utfwyl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: 10px;
    background: transparent;
    color: var(--vp-label-color, #223029);
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.vp-date-picker__month-nav:hover[b-hvw1utfwyl] {
    background: var(--vp-surface-hover, #e0e3e2);
}

.vp-date-picker__month-label[b-hvw1utfwyl] {
    color: var(--vp-label-color, #223029);
    text-align: center;
    font-family: "Season Sans SemiBold", Arial, sans-serif;
    font-size: 15px;
    /* Now a button — strip the default UA chrome and surface only on
       hover so the day view still reads as a plain label at rest. */
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 4px 8px;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.vp-date-picker__month-label:hover[b-hvw1utfwyl] {
    background: var(--vp-surface-hover, #e0e3e2);
    border-color: var(--vp-border-default, #b9c0be);
}

/* Month + year grids share sizing so promoting/demoting the view
   doesn't jump the panel height around. 4 columns, square-ish cells,
   same gap rhythm as the day grid. */
.vp-date-picker__month-grid[b-hvw1utfwyl],
.vp-date-picker__year-grid[b-hvw1utfwyl] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.vp-date-picker__month-cell[b-hvw1utfwyl],
.vp-date-picker__year-cell[b-hvw1utfwyl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 8px 4px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: var(--vp-input-color, #223029);
    font-family: "SeasonSans-Regular", Arial, sans-serif;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.vp-date-picker__month-cell:hover[b-hvw1utfwyl],
.vp-date-picker__year-cell:hover[b-hvw1utfwyl] {
    background: var(--vp-surface-hover, #e0e3e2);
}

.vp-date-picker__month-cell--today[b-hvw1utfwyl],
.vp-date-picker__year-cell--today[b-hvw1utfwyl] {
    border-color: rgba(163, 233, 107, 0.5);
}

.vp-date-picker__month-cell--selected[b-hvw1utfwyl],
.vp-date-picker__year-cell--selected[b-hvw1utfwyl] {
    background: var(--color-bright-green, #a3e96b);
    color: var(--color-midnight, #223029);
    font-family: "Season Sans SemiBold", Arial, sans-serif;
}

/* Edge years in the decade grid (the trailing + leading year that
   spill over the decade boundary) get muted so the active decade
   reads as the focus without losing the boundary breadcrumbs. */
.vp-date-picker__year-cell--outside[b-hvw1utfwyl] {
    color: var(--vp-placeholder-color, #909893);
}

.vp-date-picker__weekday-row[b-hvw1utfwyl],
.vp-date-picker__calendar[b-hvw1utfwyl] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 6px;
}

.vp-date-picker__weekday[b-hvw1utfwyl] {
    color: var(--vp-placeholder-color, #909893);
    text-align: center;
    font-size: 11px;
    font-family: "Season Sans SemiBold", Arial, sans-serif;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.vp-date-picker__day[b-hvw1utfwyl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: var(--vp-input-color, #223029);
    font-family: "SeasonSans-Regular", Arial, sans-serif;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.vp-date-picker__day:hover:not(:disabled)[b-hvw1utfwyl] {
    background: var(--vp-surface-hover, #e0e3e2);
}

.vp-date-picker__day--today[b-hvw1utfwyl] {
    border-color: rgba(163, 233, 107, 0.5);
}

.vp-date-picker__day--selected[b-hvw1utfwyl] {
    background: var(--color-bright-green, #a3e96b);
    color: var(--color-midnight, #223029);
    font-family: "Season Sans SemiBold", Arial, sans-serif;
}

.vp-date-picker__day:disabled[b-hvw1utfwyl] {
    opacity: 0.35;
    cursor: not-allowed;
}

.vp-date-picker__day--empty[b-hvw1utfwyl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    color: transparent;
    pointer-events: none;
}

.vp-date-picker__panel-footer[b-hvw1utfwyl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 4px;
    border-top: 1px solid var(--vp-divider, #e0e3e2);
}

.vp-date-picker__footer-action[b-hvw1utfwyl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 8px 12px;
    border: none;
    border-radius: 10px;
    background: transparent;
    color: var(--vp-label-color, #223029);
    font-family: "Season Sans SemiBold", Arial, sans-serif;
    font-size: 13px;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.vp-date-picker__footer-action:hover:not(:disabled)[b-hvw1utfwyl] {
    background: var(--vp-surface-hover, #e0e3e2);
}

.vp-date-picker__footer-action:disabled[b-hvw1utfwyl] {
    opacity: 0.45;
    cursor: not-allowed;
}

.vp-date-picker__footer[b-hvw1utfwyl] {
    display: flex;
    gap: var(--vp-field-message-gap, 8px);
}

.vp-date-picker__message[b-hvw1utfwyl] {
    font-size: var(--font-size-label, 14px);
    line-height: 1.4;
}

.vp-date-picker__message--helper[b-hvw1utfwyl] {
    color: var(--vp-placeholder-color, #909893);
}

.vp-date-picker__message--error[b-hvw1utfwyl] {
    color: var(--color-red, #f9574d);
}

.vp-date-picker__message--success[b-hvw1utfwyl] {
    color: var(--color-green, #0ea665);
}

[data-theme="dark"] .vp-date-picker__field[b-hvw1utfwyl],
[data-theme="dark"] .vp-date-picker__panel[b-hvw1utfwyl] {
    background:
        radial-gradient(circle at top right, rgba(163, 233, 107, 0.08), transparent 36%),
        rgba(34, 48, 41, 0.98);
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 18px 34px rgba(0, 0, 0, 0.24);
}

[data-theme="dark"] .vp-date-picker__field--readonly[b-hvw1utfwyl],
[data-theme="dark"] .vp-date-picker--disabled .vp-date-picker__field[b-hvw1utfwyl] {
    background: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .vp-date-picker__label[b-hvw1utfwyl],
[data-theme="dark"] .vp-date-picker__input[b-hvw1utfwyl],
[data-theme="dark"] .vp-date-picker__month-label[b-hvw1utfwyl],
[data-theme="dark"] .vp-date-picker__month-nav[b-hvw1utfwyl],
[data-theme="dark"] .vp-date-picker__day[b-hvw1utfwyl],
[data-theme="dark"] .vp-date-picker__month-cell[b-hvw1utfwyl],
[data-theme="dark"] .vp-date-picker__year-cell[b-hvw1utfwyl],
[data-theme="dark"] .vp-date-picker__footer-action[b-hvw1utfwyl] {
    color: rgba(255, 255, 255, 0.92);
}

[data-theme="dark"] .vp-date-picker__year-cell--outside[b-hvw1utfwyl] {
    color: rgba(255, 255, 255, 0.42);
}

[data-theme="dark"] .vp-date-picker__month-label:hover[b-hvw1utfwyl],
[data-theme="dark"] .vp-date-picker__month-cell:hover[b-hvw1utfwyl],
[data-theme="dark"] .vp-date-picker__year-cell:hover[b-hvw1utfwyl] {
    background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-date-picker__month-cell--selected[b-hvw1utfwyl],
[data-theme="dark"] .vp-date-picker__year-cell--selected[b-hvw1utfwyl] {
    background: var(--color-bright-green, #a3e96b);
    color: var(--color-midnight, #223029);
}

[data-theme="dark"] .vp-date-picker__icon[b-hvw1utfwyl],
[data-theme="dark"] .vp-date-picker__action[b-hvw1utfwyl],
[data-theme="dark"] .vp-date-picker__weekday[b-hvw1utfwyl],
[data-theme="dark"] .vp-date-picker__message--helper[b-hvw1utfwyl] {
    color: rgba(255, 255, 255, 0.52);
}

[data-theme="dark"] .vp-date-picker__input[b-hvw1utfwyl]::placeholder {
    color: rgba(255, 255, 255, 0.42);
}

[data-theme="dark"] .vp-date-picker__month-nav:hover[b-hvw1utfwyl],
[data-theme="dark"] .vp-date-picker__action:hover:not(:disabled)[b-hvw1utfwyl],
[data-theme="dark"] .vp-date-picker__day:hover:not(:disabled)[b-hvw1utfwyl],
[data-theme="dark"] .vp-date-picker__footer-action:hover:not(:disabled)[b-hvw1utfwyl] {
    background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-date-picker__panel-footer[b-hvw1utfwyl] {
    border-top-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-date-picker__day--today[b-hvw1utfwyl] {
    border-color: rgba(163, 233, 107, 0.44);
}

[data-theme="dark"] .vp-date-picker__day--selected[b-hvw1utfwyl] {
    background: var(--color-bright-green, #a3e96b);
    color: var(--color-midnight, #223029);
}

@media (max-width: 640px) {
    .vp-date-picker__panel[b-hvw1utfwyl] {
        width: 100%;
        min-width: 0;
    }
}
/* _content/Verapath.Components/Components/Inputs/DecimalInput/VerapathDecimalInput.razor.rz.scp.css */
.vp-decimal-field[b-mbsiltongx] {
    display: flex;
    flex-direction: column;
    gap: var(--vp-field-gap, 6px);
    width: 100%;
}

.vp-decimal-field__label[b-mbsiltongx] {
    display: flex;
    align-items: center;
    gap: var(--vp-field-label-gap, 3px);
    color: var(--vp-label-color, #223029);
    font-size: var(--font-size-label, 14px);
    font-weight: var(--font-weight-medium, 500);
    user-select: none;
}

.vp-decimal-field__required[b-mbsiltongx] {
    color: var(--color-red, #f9574d);
    font-weight: 700;
    line-height: 1;
}

.vp-decimal-field__wrapper[b-mbsiltongx] {
    display: flex;
    align-items: center;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--radius-sm, 8px);
    background: var(--vp-surface-input, #ffffff);
    box-sizing: border-box;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    overflow: hidden;
}

.vp-decimal-field--size-default .vp-decimal-field__wrapper[b-mbsiltongx] { height: 48px; }
.vp-decimal-field--size-large   .vp-decimal-field__wrapper[b-mbsiltongx] { height: 59px; }

.vp-decimal-field__wrapper--focused[b-mbsiltongx] {
    border-color: var(--vp-focus-ring-default, var(--color-bright-green, #a3e96b));
    box-shadow: 0 0 0 1px var(--vp-focus-ring-default, var(--color-bright-green, #a3e96b));
    outline: none;
}

.vp-decimal-field__input[b-mbsiltongx] {
    width: 100%;
    height: 100%;
    padding: 0 var(--vp-field-padding-x, 12px);
    border: none;
    outline: none;
    background: transparent;
    color: var(--vp-input-color, #223029);
    font-family: inherit;
    font-size: var(--font-size-body, 16px);
}

.vp-decimal-field__input[b-mbsiltongx]::placeholder {
    color: var(--vp-placeholder-color, #909893);
}

.vp-decimal-field__input:disabled[b-mbsiltongx] {
    cursor: not-allowed;
    color: var(--color-gray-01, #909893);
}

.vp-decimal-field__input[b-mbsiltongx]::-webkit-outer-spin-button,
.vp-decimal-field__input[b-mbsiltongx]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.vp-decimal-field__input[b-mbsiltongx] { -moz-appearance: textfield; }

.vp-decimal-field--error .vp-decimal-field__wrapper[b-mbsiltongx] {
    border-color: var(--vp-focus-ring-error, var(--color-red, #f9574d));
}

.vp-decimal-field--error .vp-decimal-field__wrapper--focused[b-mbsiltongx] {
    border-color: var(--vp-focus-ring-error, var(--color-red, #f9574d));
    box-shadow: 0 0 0 1px var(--vp-focus-ring-error, var(--color-red, #f9574d)),
                0 0 0 4px rgba(249, 87, 77, 0.12);
}

.vp-decimal-field--disabled .vp-decimal-field__wrapper[b-mbsiltongx] {
    background: var(--vp-surface-disabled, #f7f7f7);
    border-color: var(--vp-border-disabled, #e0e3e2);
    cursor: not-allowed;
}

.vp-decimal-field--disabled .vp-decimal-field__label[b-mbsiltongx] {
    color: var(--color-gray-01, #909893);
}

.vp-decimal-field__footer[b-mbsiltongx] {
    display: flex;
    gap: var(--vp-field-message-gap, 8px);
}

.vp-decimal-field__message[b-mbsiltongx] {
    font-size: var(--font-size-label, 14px);
    line-height: 1.4;
}

.vp-decimal-field__message--helper[b-mbsiltongx] { color: var(--vp-placeholder-color, #909893); }
.vp-decimal-field__message--error[b-mbsiltongx]  { color: var(--color-red, #f9574d); }

[data-theme="dark"] .vp-decimal-field__wrapper[b-mbsiltongx] {
    background: rgba(34, 48, 41, 0.98);
    border-color: rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] .vp-decimal-field__label[b-mbsiltongx] {
    color: rgba(255, 255, 255, 0.92);
}

[data-theme="dark"] .vp-decimal-field__input[b-mbsiltongx] {
    color: rgba(255, 255, 255, 0.92);
}

[data-theme="dark"] .vp-decimal-field__input[b-mbsiltongx]::placeholder {
    color: rgba(255, 255, 255, 0.42);
}

[data-theme="dark"] .vp-decimal-field--disabled .vp-decimal-field__wrapper[b-mbsiltongx] {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-decimal-field--error .vp-decimal-field__wrapper[b-mbsiltongx] {
    border-color: var(--vp-focus-ring-error, #f9574d);
}

[data-theme="dark"] .vp-decimal-field__message--helper[b-mbsiltongx] {
    color: rgba(255, 255, 255, 0.52);
}
/* _content/Verapath.Components/Components/Inputs/Dropdown/VerapathDropdown.razor.rz.scp.css */
/* ── Field container ─────────────────────────────────────────────── */
.vp-dropdown[b-3hi5lms9bw] {
    display: flex;
    flex-direction: column;
    gap: var(--vp-field-gap, 6px);
    width: 100%;
}

/* ── Label ───────────────────────────────────────────────────────── */
.vp-dropdown__label[b-3hi5lms9bw] {
    font-size: var(--font-size-label, 14px);
    font-weight: var(--font-weight-medium, 500);
    color: var(--vp-label-color, #223029);
    display: flex;
    align-items: center;
    gap: var(--vp-field-label-gap, 3px);
    user-select: none;
}

.vp-dropdown__required[b-3hi5lms9bw] {
    color: var(--color-red, #f9574d);
    font-weight: 700;
    line-height: 1;
}

/* ── Container (positions the panel) ────────────────────────────── */
.vp-dropdown__container[b-3hi5lms9bw] {
    position: relative;
}

/* ── Trigger button ──────────────────────────────────────────────── */
.vp-dropdown__trigger[b-3hi5lms9bw] {
    display: flex;
    align-items: center;
    width: 100%;
    height: var(--input-height, 59px);
    padding: 0 var(--vp-field-padding-x, 12px);
    background-color: var(--vp-surface-input, #ffffff);
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--radius-sm, 8px);
    cursor: pointer;
    font-family: inherit;
    font-size: var(--font-size-body, 16px);
    text-align: left;
    box-sizing: border-box;
    gap: var(--vp-field-inline-gap, 8px);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

/* Size scale per Lab #227 / audit #12 */
.vp-dropdown--size-default .vp-dropdown__trigger[b-3hi5lms9bw] { height: 48px; }
.vp-dropdown--size-large   .vp-dropdown__trigger[b-3hi5lms9bw] { height: 59px; }

.vp-dropdown__trigger:hover:not(:disabled)[b-3hi5lms9bw] {
    border-color: var(--vp-border-hover, #223029);
}

/* Open state: focus ring via box-shadow — no layout shift (audit #13) */
.vp-dropdown--open .vp-dropdown__trigger[b-3hi5lms9bw] {
    border-color: var(--vp-focus-ring-default, #a3e96b);
    box-shadow: 0 0 0 1px var(--vp-focus-ring-default, #a3e96b);
    outline: none;
}

/* Error state */
.vp-dropdown--error .vp-dropdown__trigger[b-3hi5lms9bw] {
    border: var(--input-error-border, 2px solid #f9574d);
}

/* Error + open — ring must be red, not green (audit #15) */
.vp-dropdown--error.vp-dropdown--open .vp-dropdown__trigger[b-3hi5lms9bw] {
    border-color: var(--vp-focus-ring-error, #f9574d);
    box-shadow: 0 0 0 1px var(--vp-focus-ring-error, #f9574d),
                0 0 0 4px rgba(249, 87, 77, 0.12);
}

/* Success state */
.vp-dropdown--success .vp-dropdown__trigger[b-3hi5lms9bw] {
    border: 2px solid var(--color-green, #0ea665);
}

/* Success + open */
.vp-dropdown--success.vp-dropdown--open .vp-dropdown__trigger[b-3hi5lms9bw] {
    border-color: var(--vp-focus-ring-success, #0ea665);
    box-shadow: 0 0 0 1px var(--vp-focus-ring-success, #0ea665),
                0 0 0 4px rgba(14, 166, 101, 0.12);
}

/* Disabled state */
.vp-dropdown--disabled .vp-dropdown__trigger[b-3hi5lms9bw] {
    background-color: var(--vp-surface-disabled, #f7f7f7);
    border-color: var(--vp-border-disabled, #e0e3e2);
    cursor: not-allowed;
    opacity: 0.7;
}

.vp-dropdown--disabled .vp-dropdown__label[b-3hi5lms9bw] {
    color: var(--color-gray-01, #909893);
}

/* ── Value text ──────────────────────────────────────────────────── */
.vp-dropdown__value[b-3hi5lms9bw] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--vp-input-color, #223029);
}

.vp-dropdown__value--placeholder[b-3hi5lms9bw] {
    color: var(--vp-placeholder-color, #909893);
}

/* ── Trigger clear button (multi-select) ────────────────────────── */
.vp-dropdown__clear[b-3hi5lms9bw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: var(--vp-placeholder-color, #909893);
    cursor: pointer;
    transition: color 0.15s, background-color 0.15s;
}

.vp-dropdown__clear:hover[b-3hi5lms9bw] {
    color: var(--vp-label-color, #223029);
    background-color: var(--vp-surface-hover, #e0e3e2);
}

/* ── Chevron ─────────────────────────────────────────────────────── */
.vp-dropdown__chevron[b-3hi5lms9bw] {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    color: var(--vp-placeholder-color, #909893);
    transition: transform 0.2s ease;
}

.vp-dropdown__chevron--open[b-3hi5lms9bw] {
    transform: rotate(180deg);
}

/* ── Click-outside backdrop ──────────────────────────────────────── */
.vp-dropdown__backdrop[b-3hi5lms9bw] {
    position: fixed;
    inset: 0;
    z-index: 99;
    background: transparent;
    cursor: default;
}

/* ── Dropdown panel ──────────────────────────────────────────────── */
.vp-dropdown__panel[b-3hi5lms9bw] {
    /* Panel matches trigger width at minimum but can grow to fit long option
       labels (e.g. IANA timezone names) up to a sane cap.
       The cap was `min(420px, 90vw)` but at exactly 414px the 90vw
       (~372px) was narrower than the trigger that anchored the panel,
       which made the panel render misaligned and clip on the right.
       `calc(100vw - 16px)` gives a flat 8px gutter on each side at
       any viewport so the panel always fits without misalignment,
       still capped at 420px on desktops. */
    min-width: 100%;
    width: max-content;
    max-width: min(calc(100vw - 16px), 420px);
    background-color: var(--vp-surface-input, #ffffff);
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--radius-sm, 8px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.16), 0 4px 12px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    max-height: min(var(--vp-overlay-max-height, 300px), 300px);
    overflow: hidden;
}

/* ── Search row ──────────────────────────────────────────────────── */
.vp-dropdown__search-row[b-3hi5lms9bw] {
    display: flex;
    align-items: center;
    gap: var(--vp-field-inline-gap, 8px);
    padding: 10px var(--vp-field-padding-x, 12px);
    flex-shrink: 0;
}

.vp-dropdown__search-icon[b-3hi5lms9bw] {
    display: inline-flex;
    flex-shrink: 0;
    color: var(--vp-placeholder-color, #909893);
}

.vp-dropdown__search-input[b-3hi5lms9bw] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-family: inherit;
    font-size: var(--font-size-label, 14px);
    color: var(--vp-input-color, #223029);
    min-width: 0;
}

.vp-dropdown__search-input[b-3hi5lms9bw]::placeholder {
    color: var(--vp-placeholder-color, #909893);
}

.vp-dropdown__search-clear[b-3hi5lms9bw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: none;
    border: none;
    padding: 2px;
    cursor: pointer;
    color: var(--vp-placeholder-color, #909893);
    border-radius: 3px;
    transition: color 0.15s, background-color 0.15s;
}

.vp-dropdown__search-clear:hover[b-3hi5lms9bw] {
    color: var(--vp-label-color, #223029);
    background-color: var(--vp-surface-hover, #e0e3e2);
}

.vp-dropdown__search-divider[b-3hi5lms9bw] {
    height: 1px;
    background: var(--vp-divider, #e0e3e2);
    flex-shrink: 0;
}

/* ── Options list ────────────────────────────────────────────────── */
.vp-dropdown__options[b-3hi5lms9bw] {
    overflow-y: auto;
    flex: 1;
    padding: 4px 0;
}

/* ── Single option ───────────────────────────────────────────────── */
.vp-dropdown__option[b-3hi5lms9bw] {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--vp-field-inline-gap, 8px) + 2px);
    width: 100%;
    padding: 10px var(--vp-field-padding-x, 12px);
    border: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
    font-size: var(--font-size-body, 16px);
    color: var(--vp-input-color, #223029);
    transition: background-color 0.1s ease;
    box-sizing: border-box;
}

.vp-dropdown__option:hover:not(.vp-dropdown__option--disabled)[b-3hi5lms9bw] {
    background-color: var(--vp-surface-hover, #e0e3e2);
}

.vp-dropdown__option--selected[b-3hi5lms9bw] {
    background-color: rgba(163, 233, 107, 0.12);
    color: var(--color-midnight, #223029);
}

.vp-dropdown__option--selected:hover:not(.vp-dropdown__option--disabled)[b-3hi5lms9bw] {
    background-color: rgba(163, 233, 107, 0.2);
}

.vp-dropdown__option--disabled[b-3hi5lms9bw] {
    opacity: 0.45;
    cursor: not-allowed;
}

/* ── Check mark slot ─────────────────────────────────────────────── */
.vp-dropdown__option-check[b-3hi5lms9bw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 16px;
    height: 20px;
    color: var(--color-bright-green, #a3e96b);
    /* Force it to be visible against dark bg */
    filter: none;
}

/* ── Option icon (optional logo before label) ───────────────────── */
.vp-dropdown__option-icon[b-3hi5lms9bw] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    border-radius: var(--border-radius-sm, 4px);
    object-fit: contain;
    background: var(--vp-surface-disabled, #f7f7f7);
}

/* ── Option text content ─────────────────────────────────────────── */
.vp-dropdown__option-content[b-3hi5lms9bw] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.vp-dropdown__option-label[b-3hi5lms9bw] {
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vp-dropdown__option-desc[b-3hi5lms9bw] {
    font-size: var(--font-size-label, 14px);
    color: var(--vp-placeholder-color, #909893);
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Empty state ─────────────────────────────────────────────────── */
.vp-dropdown__empty[b-3hi5lms9bw] {
    padding: 24px 16px;
    text-align: center;
    font-size: var(--font-size-label, 14px);
    color: var(--vp-placeholder-color, #909893);
}

/* ── Panel footer (multi-select) ─────────────────────────────────── */
.vp-dropdown__panel-footer[b-3hi5lms9bw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--vp-field-message-gap, 8px) var(--vp-field-padding-x, 12px);
    border-top: 1px solid var(--vp-divider, #e0e3e2);
    font-size: var(--font-size-label, 14px);
    color: var(--vp-placeholder-color, #909893);
    flex-shrink: 0;
}

.vp-dropdown__panel-clear[b-3hi5lms9bw] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font-family: inherit;
    font-size: var(--font-size-label, 14px);
    color: var(--color-bright-green, #a3e96b);
    font-weight: 600;
    transition: opacity 0.15s;
}

.vp-dropdown__panel-clear:hover[b-3hi5lms9bw] {
    opacity: 0.8;
}

/* ── Footer (error / helper) ─────────────────────────────────────── */
.vp-dropdown__footer[b-3hi5lms9bw] {
    display: flex;
    gap: var(--vp-field-message-gap, 8px);
}

.vp-dropdown__message[b-3hi5lms9bw] {
    font-size: var(--font-size-label, 14px);
    line-height: 1.4;
}

.vp-dropdown__message--helper[b-3hi5lms9bw]  { color: var(--vp-placeholder-color, #909893); }
.vp-dropdown__message--error[b-3hi5lms9bw]   { color: var(--color-red, #f9574d); }
.vp-dropdown__message--success[b-3hi5lms9bw] { color: var(--color-green, #0ea665); }

/* ── Selected-state check mark contrast fix (Bug #67) ───────────── */
/* In light mode the check mark must be dark — bright-green on the       */
/* light-green highlight (rgba 163,233,107 / 0.12) gives ~1.4:1 (fail). */
/* Midnight on that surface gives ~11:1 (WCAG AAA). Dark mode restores   */
/* the original bright-green because the selected bg is dark there.      */
.vp-dropdown__option--selected .vp-dropdown__option-check[b-3hi5lms9bw] {
    color: var(--color-midnight, #223029);
}

[data-theme="dark"] .vp-dropdown__option--selected .vp-dropdown__option-check[b-3hi5lms9bw] {
    color: var(--color-bright-green, #a3e96b);
}

/* In dark mode the selected option text must stay light — midnight (#223029)
   is near-invisible on the dark panel surface. */
[data-theme="dark"] .vp-dropdown__option--selected[b-3hi5lms9bw] {
    color: var(--vp-input-color, rgba(255, 255, 255, 0.92));
}
/* _content/Verapath.Components/Components/Inputs/FileInput/VerapathFileInput.razor.rz.scp.css */
.vp-file-input[b-s3kjqnj6eu] {
    display: flex;
    flex-direction: column;
    gap: var(--vp-field-gap, 6px);
    width: 100%;
    --vp-file-surface: var(--vp-surface-input, #ffffff);
    --vp-file-surface-alt: rgba(224, 227, 226, 0.32);
    --vp-file-border: var(--vp-border-default, #b9c0be);
    --vp-file-border-strong: rgba(34, 48, 41, 0.16);
    --vp-file-text: var(--vp-content-text, #223029);
    --vp-file-muted: var(--vp-placeholder-color, #909893);
    --vp-file-accent: var(--color-bright-green, #a3e96b);
    --vp-file-shadow: 0 16px 36px rgba(34, 48, 41, 0.08);
    --vp-file-shadow-strong: 0 22px 48px rgba(34, 48, 41, 0.12);
    --vp-file-preview-height: 96px;
}

.vp-file-input__label[b-s3kjqnj6eu] {
    font-size: var(--font-size-label, 14px);
    font-weight: var(--font-weight-medium, 500);
    color: var(--vp-label-color, #223029);
    display: flex;
    align-items: center;
    gap: var(--vp-field-label-gap, 3px);
    user-select: none;
}

.vp-file-input__required[b-s3kjqnj6eu] {
    color: var(--color-red, #f9574d);
    font-weight: 700;
    line-height: 1;
}

[b-s3kjqnj6eu] .vp-file-input__native,
.vp-file-input__native[b-s3kjqnj6eu] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    opacity: 0;
    pointer-events: none;
}

.vp-file-input__surface[b-s3kjqnj6eu] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-height: 208px;
    padding: var(--space-5, 20px);
    border: 1px solid var(--vp-file-border);
    border-radius: 24px;
    background:
        radial-gradient(circle at top right, rgba(163, 233, 107, 0.16), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 247, 247, 0.98));
    box-shadow: var(--vp-file-shadow);
    box-sizing: border-box;
    min-width: 0;
    cursor: pointer;
    transition:
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        transform 0.18s ease,
        background-color 0.18s ease;
}

.vp-file-input__surface:hover[b-s3kjqnj6eu] {
    border-color: var(--vp-file-border-strong);
    box-shadow: var(--vp-file-shadow-strong);
    transform: translateY(-1px);
}

.vp-file-input__surface--focused[b-s3kjqnj6eu] {
    border: var(--input-focus-border, 2px solid #a3e96b);
    box-shadow: 0 0 0 4px rgba(163, 233, 107, 0.14), var(--vp-file-shadow-strong);
}

.vp-file-input__surface--drag[b-s3kjqnj6eu] {
    border: 2px solid var(--vp-file-accent);
    background:
        radial-gradient(circle at top right, rgba(163, 233, 107, 0.22), transparent 34%),
        linear-gradient(180deg, rgba(237, 250, 238, 0.96), rgba(255, 255, 255, 0.96));
    box-shadow: 0 0 0 5px rgba(163, 233, 107, 0.12), var(--vp-file-shadow-strong);
}

.vp-file-input__surface--populated[b-s3kjqnj6eu] {
    min-height: 0;
}

.vp-file-input--chat[b-s3kjqnj6eu] {
    gap: var(--vp-form-gap-compact, 14px);
}

.vp-file-input__composer[b-s3kjqnj6eu] {
    display: flex;
    flex-direction: column;
    gap: var(--vp-form-gap-compact, 14px);
}

.vp-file-input__surface--composer[b-s3kjqnj6eu] {
    min-height: 0;
    padding: 14px var(--space-4, 16px);
    border-radius: 20px;
    gap: var(--space-3, 12px);
    box-shadow: 0 12px 28px rgba(34, 48, 41, 0.06);
}

.vp-file-input__composer-header[b-s3kjqnj6eu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-3, 12px);
}

.vp-file-input__composer-copy[b-s3kjqnj6eu] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1, 4px);
    min-width: 0;
}

.vp-file-input__composer-title[b-s3kjqnj6eu] {
    color: var(--vp-file-text);
    font-family: "Season Sans SemiBold", sans-serif;
    font-size: 15px;
    line-height: 1.3;
}

.vp-file-input__composer-subtitle[b-s3kjqnj6eu] {
    color: var(--vp-file-muted);
    font-size: 13px;
    line-height: 1.45;
}

.vp-file-input__composer-previews[b-s3kjqnj6eu] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.vp-file-input__composer-preview[b-s3kjqnj6eu] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 164px;
    min-width: 164px;
    padding: 10px;
    border-radius: 18px;
    border: 1px solid rgba(34, 48, 41, 0.08);
    background: rgba(255, 255, 255, 0.84);
}

.vp-file-input__composer-preview--summary[b-s3kjqnj6eu] {
    justify-content: center;
    align-items: center;
    min-height: 156px;
    min-width: 164px;
}

.vp-file-input__composer-name-row[b-s3kjqnj6eu] {
    width: 100%;
    padding-right: var(--space-5, 20px);
}

.vp-file-input__composer-image[b-s3kjqnj6eu] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: rgba(224, 227, 226, 0.18);
}

.vp-file-input__composer-preview-body[b-s3kjqnj6eu] {
    width: 100%;
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid rgba(34, 48, 41, 0.08);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(237, 250, 238, 0.72));
}

.vp-file-input__composer-frame[b-s3kjqnj6eu] {
    width: 100%;
    height: 100%;
    border: none;
    background: rgba(224, 227, 226, 0.18);
}

.vp-file-input__composer-document[b-s3kjqnj6eu] {
    width: 100%;
    height: 100%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--space-2, 8px);
    color: var(--vp-file-text);
    text-align: center;
}

.vp-file-input__composer-document-type[b-s3kjqnj6eu] {
    align-self: center;
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 3px var(--space-2, 8px);
    border-radius: 999px;
    background: rgba(163, 233, 107, 0.18);
    font-family: "Season Sans SemiBold", sans-serif;
    font-size: 10px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.vp-file-input__composer-document p[b-s3kjqnj6eu],
.vp-file-input__composer-document strong[b-s3kjqnj6eu] {
    margin: 0;
    color: var(--vp-file-text);
}

.vp-file-input__composer-document p[b-s3kjqnj6eu] {
    font-size: 12px;
    line-height: 1.45;
}

.vp-file-input__composer-document strong[b-s3kjqnj6eu] {
    font-family: "Season Sans SemiBold", sans-serif;
    font-size: 20px;
    letter-spacing: 0.05em;
}

.vp-file-input__composer-footer[b-s3kjqnj6eu] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.vp-file-input__composer-name[b-s3kjqnj6eu] {
    color: var(--vp-file-text);
    font-family: "Season Sans SemiBold", sans-serif;
    font-size: 13px;
    line-height: 1.35;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vp-file-input__composer-status-text[b-s3kjqnj6eu] {
    color: var(--vp-file-muted);
    font-size: 12px;
    line-height: 1.4;
}

.vp-file-input__composer-status-dots[b-s3kjqnj6eu] {
    display: inline-flex;
    margin-left: 2px;
}

.vp-file-input__composer-status-dots span[b-s3kjqnj6eu] {
    animation: vp-file-input-dots-b-s3kjqnj6eu 1.2s infinite;
}

.vp-file-input__composer-status-dots span:nth-child(2)[b-s3kjqnj6eu] {
    animation-delay: 0.2s;
}

.vp-file-input__composer-status-dots span:nth-child(3)[b-s3kjqnj6eu] {
    animation-delay: 0.4s;
}

.vp-file-input__composer-progress[b-s3kjqnj6eu] {
    position: relative;
    width: 100%;
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(224, 227, 226, 0.72);
}

.vp-file-input__composer-progress-bar[b-s3kjqnj6eu] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(163, 233, 107, 0.82), rgba(14, 166, 101, 0.88));
}

.vp-file-input__composer-remove[b-s3kjqnj6eu] {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 22px;
    height: 22px;
    border: none;
    border-radius: 999px;
    background: rgba(34, 48, 41, 0.08);
    color: var(--vp-file-text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-family: "Season Sans SemiBold", sans-serif;
    font-size: 11px;
    line-height: 1;
}

.vp-file-input__composer-remove:hover[b-s3kjqnj6eu] {
    background: rgba(34, 48, 41, 0.14);
}

.vp-file-input__composer-input-shell[b-s3kjqnj6eu] {
    display: flex;
    padding: 14px var(--space-4, 16px);
    border-radius: 20px;
    border: 1px solid var(--vp-file-border);
    background: var(--vp-file-surface);
    box-shadow: 0 12px 28px rgba(34, 48, 41, 0.05);
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.vp-file-input__composer-input-shell--focused[b-s3kjqnj6eu] {
    border: var(--input-focus-border, 2px solid #a3e96b);
    box-shadow: 0 0 0 4px rgba(163, 233, 107, 0.12);
}

.vp-file-input__composer-input[b-s3kjqnj6eu] {
    width: 100%;
    min-height: 120px;
    border: none;
    outline: none;
    background: transparent;
    resize: vertical;
    color: var(--vp-file-text);
    font-family: inherit;
    font-size: 16px;
    line-height: 1.6;
    padding: 0;
}

.vp-file-input__composer-input[b-s3kjqnj6eu]::placeholder {
    color: var(--vp-file-muted);
}

.vp-file-input__empty[b-s3kjqnj6eu] {
    min-height: 168px;
    display: grid;
    place-items: center;
    gap: 18px;
    text-align: center;
    padding: var(--space-2, 8px);
}

.vp-file-input__empty-icon[b-s3kjqnj6eu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    border-radius: 22px;
    background: rgba(163, 233, 107, 0.16);
    color: var(--vp-file-text);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.vp-file-input__empty-copy[b-s3kjqnj6eu] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2, 8px);
    max-width: 520px;
}

.vp-file-input__empty-title[b-s3kjqnj6eu],
.vp-file-input__surface-title[b-s3kjqnj6eu] {
    color: var(--vp-file-text);
    font-family: "Season Sans SemiBold", sans-serif;
    font-size: 18px;
    line-height: 1.2;
}

.vp-file-input__empty-subtitle[b-s3kjqnj6eu],
.vp-file-input__surface-subtitle[b-s3kjqnj6eu],
.vp-file-input__surface-status[b-s3kjqnj6eu],
.vp-file-input__preview-size[b-s3kjqnj6eu],
.vp-file-input__message--helper[b-s3kjqnj6eu],
.vp-file-input__item-meta[b-s3kjqnj6eu],
.vp-file-input__rejections li span[b-s3kjqnj6eu] {
    color: var(--vp-file-muted);
}

.vp-file-input__empty-subtitle[b-s3kjqnj6eu],
.vp-file-input__empty-meta[b-s3kjqnj6eu],
.vp-file-input__surface-subtitle[b-s3kjqnj6eu],
.vp-file-input__surface-status[b-s3kjqnj6eu],
.vp-file-input__preview-size[b-s3kjqnj6eu],
.vp-file-input__preview-note[b-s3kjqnj6eu],
.vp-file-input__message[b-s3kjqnj6eu],
.vp-file-input__item-meta[b-s3kjqnj6eu],
.vp-file-input__rejections li span[b-s3kjqnj6eu] {
    font-size: 14px;
    line-height: 1.5;
}

.vp-file-input__empty-meta[b-s3kjqnj6eu] {
    color: var(--vp-file-muted);
}

.vp-file-input__surface-header[b-s3kjqnj6eu],
.vp-file-input__list-header[b-s3kjqnj6eu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-3, 12px);
}

.vp-file-input__surface-copy[b-s3kjqnj6eu] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1, 4px);
    min-width: 0;
}

.vp-file-input__surface-title[b-s3kjqnj6eu] {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.vp-file-input__surface-status[b-s3kjqnj6eu] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 6px var(--space-3, 12px);
    border-radius: 999px;
    background: rgba(224, 227, 226, 0.72);
}

.vp-file-input__preview-grid[b-s3kjqnj6eu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
    gap: var(--space-3, 12px);
    min-width: 0;
}

.vp-file-input__preview-grid--single[b-s3kjqnj6eu] {
    grid-template-columns: minmax(0, 1fr);
}

.vp-file-input__preview-card[b-s3kjqnj6eu] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgba(34, 48, 41, 0.08);
    background: var(--vp-file-surface);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.64);
}

.vp-file-input__preview-image[b-s3kjqnj6eu],
.vp-file-input__preview-frame[b-s3kjqnj6eu],
.vp-file-input__preview-sheet[b-s3kjqnj6eu],
.vp-file-input__preview-text[b-s3kjqnj6eu],
.vp-file-input__preview-glyph[b-s3kjqnj6eu],
.vp-file-input__preview-card--summary[b-s3kjqnj6eu] {
    min-height: var(--vp-file-preview-height);
}

.vp-file-input__preview-image[b-s3kjqnj6eu],
.vp-file-input__preview-frame[b-s3kjqnj6eu] {
    display: block;
    width: 100%;
    height: var(--vp-file-preview-height);
    border: none;
    background: rgba(224, 227, 226, 0.22);
    object-fit: cover;
}

.vp-file-input__preview-text[b-s3kjqnj6eu],
.vp-file-input__preview-sheet[b-s3kjqnj6eu],
.vp-file-input__preview-glyph[b-s3kjqnj6eu],
.vp-file-input__preview-card--summary[b-s3kjqnj6eu] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    padding: 14px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(237, 250, 238, 0.7));
}

.vp-file-input__preview-type[b-s3kjqnj6eu] {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: var(--space-1, 4px) 10px;
    border-radius: 999px;
    background: rgba(163, 233, 107, 0.18);
    color: var(--vp-file-text);
    font-family: "Season Sans SemiBold", sans-serif;
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.vp-file-input__preview-text p[b-s3kjqnj6eu] {
    margin: 0;
    color: var(--vp-file-text);
    font-size: 14px;
    line-height: 1.6;
}

.vp-file-input__preview-note[b-s3kjqnj6eu] {
    display: inline-flex;
    align-items: center;
    color: var(--vp-file-muted);
}

.vp-file-input__preview-sheet-name[b-s3kjqnj6eu] {
    color: var(--vp-file-text);
    font-family: "Season Sans SemiBold", sans-serif;
    font-size: 15px;
    line-height: 1.4;
}

.vp-file-input__preview-table-wrap[b-s3kjqnj6eu] {
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid rgba(34, 48, 41, 0.08);
    background: rgba(255, 255, 255, 0.82);
}

.vp-file-input__preview-table[b-s3kjqnj6eu] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.vp-file-input__preview-table td[b-s3kjqnj6eu] {
    padding: var(--space-2, 8px) 10px;
    border-right: 1px solid rgba(34, 48, 41, 0.08);
    border-bottom: 1px solid rgba(34, 48, 41, 0.08);
    font-size: 12px;
    line-height: 1.35;
    color: var(--vp-file-text);
    vertical-align: top;
    word-break: break-word;
}

.vp-file-input__preview-table tr:last-child td[b-s3kjqnj6eu] {
    border-bottom: none;
}

.vp-file-input__preview-table td:last-child[b-s3kjqnj6eu] {
    border-right: none;
}

.vp-file-input__preview-glyph[b-s3kjqnj6eu] {
    align-items: center;
    text-align: center;
}

.vp-file-input__preview-glyph span[b-s3kjqnj6eu],
.vp-file-input__preview-more[b-s3kjqnj6eu] {
    color: var(--vp-file-text);
    font-family: "Season Sans SemiBold", sans-serif;
    font-size: 28px;
    letter-spacing: 0.04em;
}

.vp-file-input__preview-glyph small[b-s3kjqnj6eu],
.vp-file-input__preview-more-label[b-s3kjqnj6eu] {
    font-size: 13px;
    color: var(--vp-file-muted);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.vp-file-input__preview-card--summary[b-s3kjqnj6eu] {
    align-items: center;
    text-align: center;
    border-style: dashed;
}

.vp-file-input__preview-meta[b-s3kjqnj6eu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3, 12px);
    padding: 10px var(--space-3, 12px);
    border-top: 1px solid rgba(34, 48, 41, 0.08);
    background: rgba(255, 255, 255, 0.84);
    min-width: 0;
}

.vp-file-input__preview-name[b-s3kjqnj6eu],
.vp-file-input__item-name[b-s3kjqnj6eu],
.vp-file-input__list-title[b-s3kjqnj6eu],
.vp-file-input__rejections-title[b-s3kjqnj6eu] {
    color: var(--vp-file-text);
    font-family: "Season Sans SemiBold", sans-serif;
}

.vp-file-input__preview-name[b-s3kjqnj6eu],
.vp-file-input__item-name[b-s3kjqnj6eu] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1 1 auto;
}

.vp-file-input__list[b-s3kjqnj6eu],
.vp-file-input__rejections[b-s3kjqnj6eu] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3, 12px);
    padding: var(--space-4, 16px) 18px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(34, 48, 41, 0.08);
    min-width: 0;
}

.vp-file-input__items[b-s3kjqnj6eu] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

.vp-file-input__item[b-s3kjqnj6eu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3, 12px);
    padding: var(--space-3, 12px) 14px;
    border-radius: 14px;
    background: var(--vp-file-surface-alt);
    min-width: 0;
}

.vp-file-input__item-copy[b-s3kjqnj6eu] {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.vp-file-input__clear-all[b-s3kjqnj6eu],
.vp-file-input__item-remove[b-s3kjqnj6eu] {
    border: none;
    background: transparent;
    color: var(--vp-file-text);
    font-family: "Season Sans SemiBold", sans-serif;
    font-size: 13px;
    line-height: 1;
    cursor: pointer;
    padding: var(--space-2, 8px) 10px;
    border-radius: 999px;
    flex-shrink: 0;
    transition: background-color 0.15s ease, color 0.15s ease, opacity 0.15s ease;
}

.vp-file-input__clear-all:hover[b-s3kjqnj6eu],
.vp-file-input__item-remove:hover[b-s3kjqnj6eu] {
    background: rgba(34, 48, 41, 0.08);
}

.vp-file-input__rejections[b-s3kjqnj6eu] {
    background: rgba(249, 87, 77, 0.08);
    border-color: rgba(249, 87, 77, 0.22);
}

.vp-file-input__rejections-list[b-s3kjqnj6eu] {
    margin: 0;
    padding-left: 18px;
    display: flex;
    flex-direction: column;
    gap: var(--space-2, 8px);
}

.vp-file-input__rejections li[b-s3kjqnj6eu] {
    color: var(--vp-file-text);
}

.vp-file-input__rejections li strong[b-s3kjqnj6eu] {
    display: inline-block;
    margin-right: 6px;
}

.vp-file-input__rejections-source[b-s3kjqnj6eu] {
    display: inline-block;
    margin-left: 6px;
    font-size: 0.85em;
    opacity: 0.75;
    font-style: italic;
}

.vp-file-input__footer[b-s3kjqnj6eu] {
    display: flex;
    gap: var(--vp-field-message-gap, 8px);
}

.vp-file-input__message[b-s3kjqnj6eu] {
    line-height: 1.4;
}

.vp-file-input__message--error[b-s3kjqnj6eu] {
    color: var(--color-red, #f9574d);
}

.vp-file-input__message--success[b-s3kjqnj6eu] {
    color: var(--color-green, #0ea665);
}

.vp-file-input--error .vp-file-input__surface[b-s3kjqnj6eu] {
    border: var(--input-error-border, 2px solid #f9574d);
    box-shadow: 0 0 0 4px rgba(249, 87, 77, 0.08), var(--vp-file-shadow);
}

.vp-file-input--success .vp-file-input__surface[b-s3kjqnj6eu] {
    border: 2px solid var(--color-green, #0ea665);
    box-shadow: 0 0 0 4px rgba(14, 166, 101, 0.08), var(--vp-file-shadow);
}

.vp-file-input--disabled .vp-file-input__label[b-s3kjqnj6eu] {
    color: var(--color-gray-01, #909893);
}

.vp-file-input--disabled .vp-file-input__surface[b-s3kjqnj6eu],
.vp-file-input__surface[data-disabled="True"][b-s3kjqnj6eu],
.vp-file-input__surface[data-disabled="true"][b-s3kjqnj6eu] {
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
    background: linear-gradient(180deg, rgba(247, 247, 247, 0.98), rgba(224, 227, 226, 0.68));
    border-color: rgba(185, 192, 190, 0.92);
}

.vp-file-input--disabled .vp-file-input__surface:hover[b-s3kjqnj6eu] {
    border-color: rgba(185, 192, 190, 0.92);
    box-shadow: none;
}

.vp-file-input--disabled .vp-file-input__empty-icon[b-s3kjqnj6eu] {
    background: rgba(224, 227, 226, 0.9);
}

[data-theme="dark"] .vp-file-input[b-s3kjqnj6eu],
:root[data-theme="dark"] .vp-file-input[b-s3kjqnj6eu],
.vp-file-input[data-theme="dark"][b-s3kjqnj6eu] {
    --vp-file-surface: rgba(34, 48, 41, 0.88);
    --vp-file-surface-alt: rgba(255, 255, 255, 0.04);
    --vp-file-border: rgba(255, 255, 255, 0.12);
    --vp-file-border-strong: rgba(163, 233, 107, 0.38);
    --vp-file-text: var(--vp-content-text, #ffffff);
    --vp-file-muted: var(--vp-placeholder-color, #b9c0be);
    --vp-file-shadow: 0 20px 40px rgba(0, 0, 0, 0.24);
    --vp-file-shadow-strong: 0 26px 54px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .vp-file-input .vp-file-input__label[b-s3kjqnj6eu],
:root[data-theme="dark"] .vp-file-input .vp-file-input__label[b-s3kjqnj6eu],
.vp-file-input[data-theme="dark"] .vp-file-input__label[b-s3kjqnj6eu] {
    color: var(--vp-file-text);
}

[data-theme="dark"] .vp-file-input .vp-file-input__surface[b-s3kjqnj6eu],
:root[data-theme="dark"] .vp-file-input .vp-file-input__surface[b-s3kjqnj6eu],
.vp-file-input[data-theme="dark"] .vp-file-input__surface[b-s3kjqnj6eu] {
    background:
        radial-gradient(circle at top right, rgba(163, 233, 107, 0.15), transparent 34%),
        linear-gradient(180deg, rgba(36, 59, 47, 0.98), rgba(26, 41, 34, 0.98));
}

[data-theme="dark"] .vp-file-input .vp-file-input__surface--drag[b-s3kjqnj6eu],
:root[data-theme="dark"] .vp-file-input .vp-file-input__surface--drag[b-s3kjqnj6eu],
.vp-file-input[data-theme="dark"] .vp-file-input__surface--drag[b-s3kjqnj6eu] {
    background:
        radial-gradient(circle at top right, rgba(163, 233, 107, 0.22), transparent 36%),
        linear-gradient(180deg, rgba(40, 67, 52, 0.98), rgba(28, 46, 36, 0.98));
}

[data-theme="dark"] .vp-file-input .vp-file-input__preview-text[b-s3kjqnj6eu],
[data-theme="dark"] .vp-file-input .vp-file-input__preview-sheet[b-s3kjqnj6eu],
[data-theme="dark"] .vp-file-input .vp-file-input__preview-glyph[b-s3kjqnj6eu],
[data-theme="dark"] .vp-file-input .vp-file-input__preview-card--summary[b-s3kjqnj6eu],
:root[data-theme="dark"] .vp-file-input .vp-file-input__preview-text[b-s3kjqnj6eu],
:root[data-theme="dark"] .vp-file-input .vp-file-input__preview-sheet[b-s3kjqnj6eu],
:root[data-theme="dark"] .vp-file-input .vp-file-input__preview-glyph[b-s3kjqnj6eu],
:root[data-theme="dark"] .vp-file-input .vp-file-input__preview-card--summary[b-s3kjqnj6eu],
.vp-file-input[data-theme="dark"] .vp-file-input__preview-text[b-s3kjqnj6eu],
.vp-file-input[data-theme="dark"] .vp-file-input__preview-sheet[b-s3kjqnj6eu],
.vp-file-input[data-theme="dark"] .vp-file-input__preview-glyph[b-s3kjqnj6eu],
.vp-file-input[data-theme="dark"] .vp-file-input__preview-card--summary[b-s3kjqnj6eu] {
    background: linear-gradient(180deg, rgba(36, 59, 47, 0.92), rgba(26, 41, 34, 0.92));
}

[data-theme="dark"] .vp-file-input .vp-file-input__preview-card[b-s3kjqnj6eu],
[data-theme="dark"] .vp-file-input .vp-file-input__list[b-s3kjqnj6eu],
[data-theme="dark"] .vp-file-input .vp-file-input__rejections[b-s3kjqnj6eu],
[data-theme="dark"] .vp-file-input .vp-file-input__preview-meta[b-s3kjqnj6eu],
:root[data-theme="dark"] .vp-file-input .vp-file-input__preview-card[b-s3kjqnj6eu],
:root[data-theme="dark"] .vp-file-input .vp-file-input__list[b-s3kjqnj6eu],
:root[data-theme="dark"] .vp-file-input .vp-file-input__rejections[b-s3kjqnj6eu],
:root[data-theme="dark"] .vp-file-input .vp-file-input__preview-meta[b-s3kjqnj6eu],
.vp-file-input[data-theme="dark"] .vp-file-input__preview-card[b-s3kjqnj6eu],
.vp-file-input[data-theme="dark"] .vp-file-input__list[b-s3kjqnj6eu],
.vp-file-input[data-theme="dark"] .vp-file-input__rejections[b-s3kjqnj6eu],
.vp-file-input[data-theme="dark"] .vp-file-input__preview-meta[b-s3kjqnj6eu] {
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

[data-theme="dark"] .vp-file-input .vp-file-input__preview-meta[b-s3kjqnj6eu],
[data-theme="dark"] .vp-file-input .vp-file-input__list[b-s3kjqnj6eu],
[data-theme="dark"] .vp-file-input .vp-file-input__rejections[b-s3kjqnj6eu],
:root[data-theme="dark"] .vp-file-input .vp-file-input__preview-meta[b-s3kjqnj6eu],
:root[data-theme="dark"] .vp-file-input .vp-file-input__list[b-s3kjqnj6eu],
:root[data-theme="dark"] .vp-file-input .vp-file-input__rejections[b-s3kjqnj6eu],
.vp-file-input[data-theme="dark"] .vp-file-input__preview-meta[b-s3kjqnj6eu],
.vp-file-input[data-theme="dark"] .vp-file-input__list[b-s3kjqnj6eu],
.vp-file-input[data-theme="dark"] .vp-file-input__rejections[b-s3kjqnj6eu] {
    background: rgba(34, 48, 41, 0.88);
}

[data-theme="dark"] .vp-file-input .vp-file-input__item[b-s3kjqnj6eu],
[data-theme="dark"] .vp-file-input .vp-file-input__preview-table-wrap[b-s3kjqnj6eu],
:root[data-theme="dark"] .vp-file-input .vp-file-input__item[b-s3kjqnj6eu],
:root[data-theme="dark"] .vp-file-input .vp-file-input__preview-table-wrap[b-s3kjqnj6eu],
.vp-file-input[data-theme="dark"] .vp-file-input__item[b-s3kjqnj6eu],
.vp-file-input[data-theme="dark"] .vp-file-input__preview-table-wrap[b-s3kjqnj6eu] {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-file-input .vp-file-input__preview-table td[b-s3kjqnj6eu],
:root[data-theme="dark"] .vp-file-input .vp-file-input__preview-table td[b-s3kjqnj6eu],
.vp-file-input[data-theme="dark"] .vp-file-input__preview-table td[b-s3kjqnj6eu] {
    border-color: rgba(255, 255, 255, 0.08);
    color: var(--vp-file-text);
}

[data-theme="dark"] .vp-file-input .vp-file-input__clear-all:hover[b-s3kjqnj6eu],
[data-theme="dark"] .vp-file-input .vp-file-input__item-remove:hover[b-s3kjqnj6eu],
:root[data-theme="dark"] .vp-file-input .vp-file-input__clear-all:hover[b-s3kjqnj6eu],
:root[data-theme="dark"] .vp-file-input .vp-file-input__item-remove:hover[b-s3kjqnj6eu],
.vp-file-input[data-theme="dark"] .vp-file-input__clear-all:hover[b-s3kjqnj6eu],
.vp-file-input[data-theme="dark"] .vp-file-input__item-remove:hover[b-s3kjqnj6eu] {
    background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-file-input .vp-file-input__composer-preview[b-s3kjqnj6eu],
[data-theme="dark"] .vp-file-input .vp-file-input__composer-input-shell[b-s3kjqnj6eu],
:root[data-theme="dark"] .vp-file-input .vp-file-input__composer-preview[b-s3kjqnj6eu],
:root[data-theme="dark"] .vp-file-input .vp-file-input__composer-input-shell[b-s3kjqnj6eu],
.vp-file-input[data-theme="dark"] .vp-file-input__composer-preview[b-s3kjqnj6eu],
.vp-file-input[data-theme="dark"] .vp-file-input__composer-input-shell[b-s3kjqnj6eu] {
    background: rgba(34, 48, 41, 0.88);
    border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .vp-file-input .vp-file-input__composer-preview-body[b-s3kjqnj6eu],
:root[data-theme="dark"] .vp-file-input .vp-file-input__composer-preview-body[b-s3kjqnj6eu],
.vp-file-input[data-theme="dark"] .vp-file-input__composer-preview-body[b-s3kjqnj6eu] {
    background: linear-gradient(180deg, rgba(36, 59, 47, 0.92), rgba(26, 41, 34, 0.92));
    border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-file-input .vp-file-input__composer-progress[b-s3kjqnj6eu],
:root[data-theme="dark"] .vp-file-input .vp-file-input__composer-progress[b-s3kjqnj6eu],
.vp-file-input[data-theme="dark"] .vp-file-input__composer-progress[b-s3kjqnj6eu] {
    background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-file-input .vp-file-input__composer-remove:hover[b-s3kjqnj6eu],
:root[data-theme="dark"] .vp-file-input .vp-file-input__composer-remove:hover[b-s3kjqnj6eu],
.vp-file-input[data-theme="dark"] .vp-file-input__composer-remove:hover[b-s3kjqnj6eu] {
    background: rgba(255, 255, 255, 0.12);
}

@keyframes vp-file-input-dots-b-s3kjqnj6eu {
    0%,
    20%,
    100% {
        opacity: 0.25;
    }

    50% {
        opacity: 1;
    }
}

@media (max-width: 719px) {
    .vp-file-input__surface[b-s3kjqnj6eu] {
        min-height: 188px;
        padding: 18px;
        border-radius: 20px;
    }

    .vp-file-input__surface-header[b-s3kjqnj6eu],
    .vp-file-input__list-header[b-s3kjqnj6eu],
    .vp-file-input__item[b-s3kjqnj6eu] {
        flex-direction: column;
        align-items: stretch;
    }

    .vp-file-input__preview-grid[b-s3kjqnj6eu] {
        grid-template-columns: minmax(0, 1fr);
    }

    .vp-file-input__composer-previews[b-s3kjqnj6eu] {
        flex-direction: column;
    }

    .vp-file-input__composer-preview[b-s3kjqnj6eu] {
        width: 100%;
        min-width: 0;
    }

    .vp-file-input__preview-meta[b-s3kjqnj6eu] {
        flex-direction: column;
        align-items: flex-start;
    }

    .vp-file-input__clear-all[b-s3kjqnj6eu],
    .vp-file-input__item-remove[b-s3kjqnj6eu] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/Verapath.Components/Components/Inputs/MoneyInput/VerapathMoneyInput.razor.rz.scp.css */
.vp-money-field[b-imfo5r45ei] {
    display: flex;
    flex-direction: column;
    gap: var(--vp-field-gap, 6px);
    width: 100%;
}

.vp-money-field__label[b-imfo5r45ei] {
    display: flex;
    align-items: center;
    gap: var(--vp-field-label-gap, 3px);
    color: var(--vp-label-color, #223029);
    font-size: var(--font-size-label, 14px);
    font-weight: var(--font-weight-medium, 500);
    user-select: none;
}

.vp-money-field__required[b-imfo5r45ei] {
    color: var(--color-red, #f9574d);
    font-weight: 700;
    line-height: 1;
}

.vp-money-field__wrapper[b-imfo5r45ei] {
    display: flex;
    align-items: center;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--radius-sm, 8px);
    background: var(--vp-surface-input, #ffffff);
    box-sizing: border-box;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    overflow: hidden;
}

.vp-money-field--size-default .vp-money-field__wrapper[b-imfo5r45ei] { height: 48px; }
.vp-money-field--size-large   .vp-money-field__wrapper[b-imfo5r45ei] { height: 59px; }

.vp-money-field__wrapper--focused[b-imfo5r45ei] {
    border-color: var(--vp-focus-ring-default, var(--color-bright-green, #a3e96b));
    box-shadow: 0 0 0 1px var(--vp-focus-ring-default, var(--color-bright-green, #a3e96b));
    outline: none;
}

.vp-money-field__prefix[b-imfo5r45ei] {
    padding: 0 0 0 var(--vp-field-padding-x, 12px);
    color: var(--vp-label-color, #223029);
    font-size: var(--font-size-body, 16px);
    font-weight: var(--font-weight-medium, 500);
    user-select: none;
    flex-shrink: 0;
}

.vp-money-field__input[b-imfo5r45ei] {
    width: 100%;
    height: 100%;
    padding: 0 var(--vp-field-padding-x, 12px) 0 6px;
    border: none;
    outline: none;
    background: transparent;
    color: var(--vp-input-color, #223029);
    font-family: inherit;
    font-size: var(--font-size-body, 16px);
}

.vp-money-field__input[b-imfo5r45ei]::placeholder {
    color: var(--vp-placeholder-color, #909893);
}

.vp-money-field__input:disabled[b-imfo5r45ei] {
    cursor: not-allowed;
    color: var(--color-gray-01, #909893);
}

.vp-money-field__input[b-imfo5r45ei]::-webkit-outer-spin-button,
.vp-money-field__input[b-imfo5r45ei]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.vp-money-field__input[b-imfo5r45ei] { -moz-appearance: textfield; }

.vp-money-field--error .vp-money-field__wrapper[b-imfo5r45ei] {
    border-color: var(--vp-focus-ring-error, var(--color-red, #f9574d));
}

.vp-money-field--error .vp-money-field__wrapper--focused[b-imfo5r45ei] {
    border-color: var(--vp-focus-ring-error, var(--color-red, #f9574d));
    box-shadow: 0 0 0 1px var(--vp-focus-ring-error, var(--color-red, #f9574d)),
                0 0 0 4px rgba(249, 87, 77, 0.12);
}

.vp-money-field--disabled .vp-money-field__wrapper[b-imfo5r45ei] {
    background: var(--vp-surface-disabled, #f7f7f7);
    border-color: var(--vp-border-disabled, #e0e3e2);
    cursor: not-allowed;
}

.vp-money-field--disabled .vp-money-field__label[b-imfo5r45ei],
.vp-money-field--disabled .vp-money-field__prefix[b-imfo5r45ei] {
    color: var(--color-gray-01, #909893);
}

.vp-money-field__footer[b-imfo5r45ei] {
    display: flex;
    gap: var(--vp-field-message-gap, 8px);
}

.vp-money-field__message[b-imfo5r45ei] {
    font-size: var(--font-size-label, 14px);
    line-height: 1.4;
}

.vp-money-field__message--helper[b-imfo5r45ei] { color: var(--vp-placeholder-color, #909893); }
.vp-money-field__message--error[b-imfo5r45ei]  { color: var(--color-red, #f9574d); }

[data-theme="dark"] .vp-money-field__wrapper[b-imfo5r45ei] {
    background: rgba(34, 48, 41, 0.98);
    border-color: rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] .vp-money-field__label[b-imfo5r45ei],
[data-theme="dark"] .vp-money-field__prefix[b-imfo5r45ei] {
    color: rgba(255, 255, 255, 0.92);
}

[data-theme="dark"] .vp-money-field__input[b-imfo5r45ei] {
    color: rgba(255, 255, 255, 0.92);
}

[data-theme="dark"] .vp-money-field__input[b-imfo5r45ei]::placeholder {
    color: rgba(255, 255, 255, 0.42);
}

[data-theme="dark"] .vp-money-field--disabled .vp-money-field__wrapper[b-imfo5r45ei] {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-money-field--error .vp-money-field__wrapper[b-imfo5r45ei] {
    border-color: var(--vp-focus-ring-error, #f9574d);
}

[data-theme="dark"] .vp-money-field__message--helper[b-imfo5r45ei] {
    color: rgba(255, 255, 255, 0.52);
}
/* _content/Verapath.Components/Components/Inputs/NumberInput/VerapathNumberInput.razor.rz.scp.css */
.vp-number-field[b-eeoxkpbanu] {
    display: flex;
    flex-direction: column;
    gap: var(--vp-field-gap, 6px);
    width: 100%;
}

.vp-number-field__label[b-eeoxkpbanu] {
    display: flex;
    align-items: center;
    gap: var(--vp-field-label-gap, 3px);
    color: var(--vp-label-color, #223029);
    font-size: var(--font-size-label, 14px);
    font-weight: var(--font-weight-medium, 500);
    user-select: none;
}

.vp-number-field__required[b-eeoxkpbanu] {
    color: var(--color-red, #f9574d);
    font-weight: 700;
    line-height: 1;
}

.vp-number-field__wrapper[b-eeoxkpbanu] {
    display: flex;
    align-items: center;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--radius-sm, 8px);
    background: var(--vp-surface-input, #ffffff);
    box-sizing: border-box;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    overflow: hidden;
}

/* Height via size classes — no border-width change = no layout shift (Lab #227, PR 7) */
.vp-number-field--size-default .vp-number-field__wrapper[b-eeoxkpbanu] { height: 48px; }
.vp-number-field--size-large   .vp-number-field__wrapper[b-eeoxkpbanu] { height: 59px; }

/* Focus ring via box-shadow — no border-width change = no layout shift */
.vp-number-field__wrapper--focused[b-eeoxkpbanu] {
    border-color: var(--vp-focus-ring-default, var(--color-bright-green, #a3e96b));
    box-shadow: 0 0 0 1px var(--vp-focus-ring-default, var(--color-bright-green, #a3e96b));
    outline: none;
}

.vp-number-field__input[b-eeoxkpbanu] {
    width: 100%;
    height: 100%;
    padding: 0 var(--vp-field-padding-x, 12px);
    border: none;
    outline: none;
    background: transparent;
    color: var(--vp-input-color, #223029);
    font-family: inherit;
    font-size: var(--font-size-body, 16px);
}

.vp-number-field__input[b-eeoxkpbanu]::placeholder {
    color: var(--vp-placeholder-color, #909893);
}

.vp-number-field__input:disabled[b-eeoxkpbanu] {
    cursor: not-allowed;
    color: var(--color-gray-01, #909893);
}

/* Remove browser number spinners */
.vp-number-field__input[b-eeoxkpbanu]::-webkit-outer-spin-button,
.vp-number-field__input[b-eeoxkpbanu]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.vp-number-field__input[b-eeoxkpbanu] { -moz-appearance: textfield; }

/* ── Error state ─────────────────────────────────────────────────── */
.vp-number-field--error .vp-number-field__wrapper[b-eeoxkpbanu] {
    border-color: var(--vp-focus-ring-error, var(--color-red, #f9574d));
}

.vp-number-field--error .vp-number-field__wrapper--focused[b-eeoxkpbanu] {
    border-color: var(--vp-focus-ring-error, var(--color-red, #f9574d));
    box-shadow: 0 0 0 1px var(--vp-focus-ring-error, var(--color-red, #f9574d)),
                0 0 0 4px rgba(249, 87, 77, 0.12);
}

/* ── Disabled state ──────────────────────────────────────────────── */
.vp-number-field--disabled .vp-number-field__wrapper[b-eeoxkpbanu] {
    background: var(--vp-surface-disabled, #f7f7f7);
    border-color: var(--vp-border-disabled, #e0e3e2);
    cursor: not-allowed;
}

.vp-number-field--disabled .vp-number-field__label[b-eeoxkpbanu] {
    color: var(--color-gray-01, #909893);
}

/* ── Footer ──────────────────────────────────────────────────────── */
.vp-number-field__footer[b-eeoxkpbanu] {
    display: flex;
    gap: var(--vp-field-message-gap, 8px);
}

.vp-number-field__message[b-eeoxkpbanu] {
    font-size: var(--font-size-label, 14px);
    line-height: 1.4;
}

.vp-number-field__message--helper[b-eeoxkpbanu] { color: var(--vp-placeholder-color, #909893); }
.vp-number-field__message--error[b-eeoxkpbanu]  { color: var(--color-red, #f9574d); }

/* ── Dark mode ───────────────────────────────────────────────────── */
[data-theme="dark"] .vp-number-field__wrapper[b-eeoxkpbanu] {
    background: rgba(34, 48, 41, 0.98);
    border-color: rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] .vp-number-field__label[b-eeoxkpbanu] {
    color: rgba(255, 255, 255, 0.92);
}

[data-theme="dark"] .vp-number-field__input[b-eeoxkpbanu] {
    color: rgba(255, 255, 255, 0.92);
}

[data-theme="dark"] .vp-number-field__input[b-eeoxkpbanu]::placeholder {
    color: rgba(255, 255, 255, 0.42);
}

[data-theme="dark"] .vp-number-field--disabled .vp-number-field__wrapper[b-eeoxkpbanu] {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-number-field--error .vp-number-field__wrapper[b-eeoxkpbanu] {
    border-color: var(--vp-focus-ring-error, #f9574d);
}

[data-theme="dark"] .vp-number-field__message--helper[b-eeoxkpbanu] {
    color: rgba(255, 255, 255, 0.52);
}
/* _content/Verapath.Components/Components/Inputs/Switch/VerapathSwitch.razor.rz.scp.css */
/* ── Field container ─────────────────────────────────────────────── */
.vp-switch-field[b-z878346mhz] {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: var(--vp-field-gap, 6px);
    vertical-align: top;
}

/* ── Row ─────────────────────────────────────────────────────────── */
.vp-switch-row[b-z878346mhz] {
    display: inline-grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    width: 100%;
    cursor: pointer;
    user-select: none;
}

.vp-switch-field--disabled .vp-switch-row[b-z878346mhz] { cursor: not-allowed; }

/* ── Hide native input (keep accessible) ─────────────────────────── */
.vp-switch__native[b-z878346mhz] {
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ── Track ───────────────────────────────────────────────────────── */
.vp-switch__track[b-z878346mhz] {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    width: 36px;
    height: 20px;
    border-radius: 999px;
    background-color: var(--vp-border-default, var(--color-gray-02, #b9c0be));
    transition: background-color 0.15s ease, box-shadow 0.15s ease;
    margin-top: 2px;
    box-sizing: border-box;
}

.vp-switch-row:hover .vp-switch__track:not(.vp-switch__track--on)[b-z878346mhz] {
    background-color: var(--vp-border-hover, var(--color-gray-01, #909893));
}

.vp-switch__native:focus-visible + .vp-switch__track[b-z878346mhz] {
    box-shadow: 0 0 0 3px rgba(163, 233, 107, 0.45);
}

/* On state */
.vp-switch__track--on[b-z878346mhz] {
    background-color: var(--color-bright-green, #a3e96b);
}

.vp-switch-row:hover .vp-switch__track--on[b-z878346mhz] {
    background-color: #8fd458;
}

/* Error state */
.vp-switch-field--error .vp-switch__track[b-z878346mhz] {
    background-color: var(--color-red, #f9574d);
}

/* Disabled state */
.vp-switch-field--disabled .vp-switch__track[b-z878346mhz] {
    background-color: var(--vp-border-disabled, var(--color-gray-03, #e0e3e2));
}

.vp-switch-field--disabled .vp-switch__track--on[b-z878346mhz] {
    background-color: var(--vp-border-disabled, var(--color-gray-03, #e0e3e2));
}

/* ── Thumb ───────────────────────────────────────────────────────── */
.vp-switch__thumb[b-z878346mhz] {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: var(--color-white, #ffffff);
    box-shadow: 0 1px 2px rgba(34, 48, 41, 0.18);
    transition: transform 0.18s ease;
}

.vp-switch__track--on .vp-switch__thumb[b-z878346mhz] {
    transform: translateX(16px);
}

.vp-switch-field--disabled .vp-switch__thumb[b-z878346mhz] {
    background-color: var(--color-gray-04, #f7f7f7);
    box-shadow: none;
}

/* ── Label text ──────────────────────────────────────────────────── */
.vp-switch__content[b-z878346mhz] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--vp-field-label-gap, 3px);
    padding-top: 1px;
}

.vp-switch__label[b-z878346mhz] {
    display: inline;
    font-size: var(--font-size-body, 16px);
    color: var(--vp-label-color, var(--color-midnight, #223029));
    line-height: 1.5;
}

.vp-switch-field--disabled .vp-switch__label[b-z878346mhz] {
    color: var(--color-gray-01, #909893);
}

.vp-switch__description[b-z878346mhz] {
    display: block;
    font-size: var(--font-size-label, 14px);
    color: var(--vp-placeholder-color, var(--color-gray-01, #909893));
    line-height: 1.4;
}

.vp-switch__required[b-z878346mhz] {
    color: var(--color-red, #f9574d);
    font-weight: 700;
    margin-left: 3px;
}

/* ── Footer ──────────────────────────────────────────────────────── */
.vp-switch-field__footer[b-z878346mhz] { display: block; }

.vp-switch-field__message[b-z878346mhz] {
    display: block;
    font-size: var(--font-size-label, 14px);
    line-height: 1.4;
}

.vp-switch-field__message--helper[b-z878346mhz] { color: var(--vp-placeholder-color, var(--color-gray-01, #909893)); }
.vp-switch-field__message--error[b-z878346mhz]  { color: var(--color-red, #f9574d); }
/* _content/Verapath.Components/Components/Inputs/TextArea/VerapathTextArea.razor.rz.scp.css */
/* ── Field container ─────────────────────────────────────────────── */
.vp-field[b-b3sqi6jzdp] {
    display: flex;
    flex-direction: column;
    gap: var(--vp-field-gap, 6px);
    width: 100%;
}

.vp-field__label[b-b3sqi6jzdp] {
    font-size: var(--font-size-label, 14px);
    font-weight: var(--font-weight-medium, 500);
    color: var(--vp-label-color, #223029);
    display: flex;
    align-items: center;
    gap: var(--vp-field-label-gap, 3px);
    user-select: none;
}

.vp-field__required[b-b3sqi6jzdp] {
    color: var(--color-red, #f9574d);
    font-weight: 700;
    line-height: 1;
}

/* ── Wrapper ─────────────────────────────────────────────────────── */
.vp-field__wrapper[b-b3sqi6jzdp] {
    display: flex;
    align-items: center;
    padding: 0 var(--vp-field-padding-x, 12px);
    background-color: var(--vp-surface-input, #ffffff);
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--radius-sm, 8px);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    box-sizing: border-box;
}

.vp-field__wrapper--area[b-b3sqi6jzdp] {
    align-items: flex-start;
    padding: var(--vp-textarea-padding, 12px);
    min-height: var(--textarea-min-height, 137px);
}

/* Size scale per Lab #227 / audit #12 — min-height for multi-line */
.vp-field--size-default .vp-field__wrapper--area[b-b3sqi6jzdp] { min-height: 120px; }
.vp-field--size-large   .vp-field__wrapper--area[b-b3sqi6jzdp] { min-height: var(--textarea-min-height, 137px); }

/* Focus ring via box-shadow — no border-width change = no layout shift (audit #13) */
.vp-field__wrapper--focused[b-b3sqi6jzdp] {
    border-color: var(--vp-focus-ring-default, #a3e96b);
    box-shadow: 0 0 0 1px var(--vp-focus-ring-default, #a3e96b);
    outline: none;
}

.vp-field__wrapper--readonly[b-b3sqi6jzdp] {
    background-color: var(--vp-surface-disabled, #f7f7f7);
    cursor: default;
}

.vp-field--disabled .vp-field__wrapper[b-b3sqi6jzdp] {
    background-color: var(--vp-surface-disabled, #f7f7f7);
    border-color: var(--vp-border-disabled, #e0e3e2);
    cursor: not-allowed;
}

.vp-field--disabled .vp-field__label[b-b3sqi6jzdp] { color: var(--color-gray-01, #909893); }

.vp-field--error .vp-field__wrapper[b-b3sqi6jzdp] { border: var(--input-error-border, 2px solid #f9574d); }

/* Error + focused — ring must be red, not the default green (audit #15) */
.vp-field--error .vp-field__wrapper--focused[b-b3sqi6jzdp] {
    border-color: var(--vp-focus-ring-error, #f9574d);
    box-shadow: 0 0 0 1px var(--vp-focus-ring-error, #f9574d),
                0 0 0 4px rgba(249, 87, 77, 0.12);
}

.vp-field--success .vp-field__wrapper[b-b3sqi6jzdp] { border: 2px solid var(--color-green, #0ea665); }

.vp-field--success .vp-field__wrapper--focused[b-b3sqi6jzdp] {
    border-color: var(--vp-focus-ring-success, #0ea665);
    box-shadow: 0 0 0 1px var(--vp-focus-ring-success, #0ea665),
                0 0 0 4px rgba(14, 166, 101, 0.12);
}

/* ── Textarea element ────────────────────────────────────────────── */
.vp-field__textarea[b-b3sqi6jzdp] {
    flex: 1;
    width: 100%;
    min-width: 0;
    border: none;
    outline: none;
    background: transparent;
    font-size: var(--font-size-body, 16px);
    color: var(--vp-input-color, #223029);
    font-family: inherit;
    padding: 0;
    line-height: 1.6;
    box-sizing: border-box;
}

.vp-field__textarea[b-b3sqi6jzdp]::placeholder { color: var(--vp-placeholder-color, #909893); }
.vp-field__textarea:disabled[b-b3sqi6jzdp] { cursor: not-allowed; color: var(--color-gray-01, #909893); }

/* ── Footer ──────────────────────────────────────────────────────── */
.vp-field__footer[b-b3sqi6jzdp] { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--vp-field-message-gap, 8px); }
.vp-field__message[b-b3sqi6jzdp] { font-size: var(--font-size-label, 14px); line-height: 1.4; }
.vp-field__message--helper[b-b3sqi6jzdp]  { color: var(--vp-placeholder-color, #909893); }
.vp-field__message--error[b-b3sqi6jzdp]   { color: var(--color-red,   #f9574d); }
.vp-field__message--success[b-b3sqi6jzdp] { color: var(--color-green, #0ea665); }

.vp-field__char-count[b-b3sqi6jzdp] {
    font-size: 12px;
    color: var(--vp-placeholder-color, #909893);
    white-space: nowrap;
    flex-shrink: 0;
    margin-left: auto;
}

.vp-field__char-count--limit[b-b3sqi6jzdp] { color: var(--color-red, #f9574d); font-weight: 600; }
/* _content/Verapath.Components/Components/Inputs/TextBox/VerapathTextBox.razor.rz.scp.css */
/* ── Field container ─────────────────────────────────────────────── */
.vp-field[b-qwl4zjuqdb] {
    display: flex;
    flex-direction: column;
    gap: var(--vp-field-gap, 6px);
    width: 100%;
}

/* ── Label ───────────────────────────────────────────────────────── */
.vp-field__label[b-qwl4zjuqdb] {
    font-size: var(--font-size-label, 14px);
    font-weight: var(--font-weight-medium, 500);
    color: var(--vp-label-color, #223029);
    display: flex;
    align-items: center;
    gap: var(--vp-field-label-gap, 3px);
    user-select: none;
}

.vp-field__required[b-qwl4zjuqdb] {
    color: var(--color-red, #f9574d);
    font-weight: 700;
    line-height: 1;
}

/* ── Input wrapper ───────────────────────────────────────────────── */
.vp-field__wrapper[b-qwl4zjuqdb] {
    display: flex;
    align-items: center;
    height: var(--input-height, 59px);
    padding: 0 var(--vp-field-padding-x, 12px);
    background-color: var(--vp-surface-input, #ffffff);
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--radius-sm, 8px);
    gap: var(--vp-field-inline-gap, 8px);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    box-sizing: border-box;
}

/* Size scale per Lab #227 / audit #12 */
.vp-field--size-default .vp-field__wrapper[b-qwl4zjuqdb] { height: 48px; }
.vp-field--size-large   .vp-field__wrapper[b-qwl4zjuqdb] { height: 59px; }

/* Focus ring via box-shadow — no border-width change = no layout shift (audit #13) */
.vp-field__wrapper--focused[b-qwl4zjuqdb] {
    border-color: var(--vp-focus-ring-default, #a3e96b);
    box-shadow: 0 0 0 1px var(--vp-focus-ring-default, #a3e96b);
    outline: none;
}

.vp-field__wrapper--readonly[b-qwl4zjuqdb] {
    background-color: var(--vp-surface-disabled, #f7f7f7);
    cursor: default;
}

/* ── Disabled state ──────────────────────────────────────────────── */
.vp-field--disabled .vp-field__wrapper[b-qwl4zjuqdb] {
    background-color: var(--vp-surface-disabled, #f7f7f7);
    border-color: var(--vp-border-disabled, #e0e3e2);
    cursor: not-allowed;
}

.vp-field--disabled .vp-field__label[b-qwl4zjuqdb] {
    color: var(--color-gray-01, #909893);
}

/* ── Error state ─────────────────────────────────────────────────── */
.vp-field--error .vp-field__wrapper[b-qwl4zjuqdb] {
    border: var(--input-error-border, 2px solid #f9574d);
}

/* Error + focused — ring must be red, not the default green (audit #15) */
.vp-field--error .vp-field__wrapper--focused[b-qwl4zjuqdb] {
    border-color: var(--vp-focus-ring-error, #f9574d);
    box-shadow: 0 0 0 1px var(--vp-focus-ring-error, #f9574d),
                0 0 0 4px rgba(249, 87, 77, 0.12);
}

/* ── Success state ───────────────────────────────────────────────── */
.vp-field--success .vp-field__wrapper[b-qwl4zjuqdb] {
    border: 2px solid var(--color-green, #0ea665);
}

.vp-field--success .vp-field__wrapper--focused[b-qwl4zjuqdb] {
    border-color: var(--vp-focus-ring-success, #0ea665);
    box-shadow: 0 0 0 1px var(--vp-focus-ring-success, #0ea665),
                0 0 0 4px rgba(14, 166, 101, 0.12);
}

/* ── The actual <input> ──────────────────────────────────────────── */
.vp-field__input[b-qwl4zjuqdb] {
    flex: 1;
    min-width: 0;
    border: none;
    outline: none;
    background: transparent;
    font-size: var(--font-size-body, 16px);
    color: var(--vp-input-color, #223029);
    font-family: inherit;
    padding: 0;
    height: 100%;
}

.vp-field__input[b-qwl4zjuqdb]::placeholder {
    color: var(--vp-placeholder-color, #909893);
}

.vp-field__input:disabled[b-qwl4zjuqdb] {
    cursor: not-allowed;
    color: var(--color-gray-01, #909893);
}

/* Remove number input spinners */
.vp-field__input[type="number"][b-qwl4zjuqdb]::-webkit-outer-spin-button,
.vp-field__input[type="number"][b-qwl4zjuqdb]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.vp-field__input[type="number"][b-qwl4zjuqdb] { -moz-appearance: textfield; }

/* ── Prefix text ─────────────────────────────────────────────────── */
.vp-field__prefix-text[b-qwl4zjuqdb] {
    font-size: var(--font-size-body, 16px);
    color: var(--vp-placeholder-color, #909893);
    white-space: nowrap;
    flex-shrink: 0;
    border-right: 1px solid var(--vp-border-default, #b9c0be);
    padding-right: 10px;
    margin-right: 2px;
    line-height: 1;
}

/* ── Icons ───────────────────────────────────────────────────────── */
.vp-field__icon[b-qwl4zjuqdb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--vp-placeholder-color, #909893);
    width: 18px;
    height: 18px;
}

/* ── Password toggle + Clear button ─────────────────────────────── */
.vp-field__password-toggle[b-qwl4zjuqdb],
.vp-field__clear[b-qwl4zjuqdb] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--vp-placeholder-color, #909893);
    width: 24px;
    height: 24px;
    border-radius: 4px;
    transition: color 0.15s, background-color 0.15s;
    flex-shrink: 0;
}

.vp-field__password-toggle:hover[b-qwl4zjuqdb],
.vp-field__clear:hover[b-qwl4zjuqdb] {
    color: var(--vp-label-color, #223029);
    background-color: var(--vp-surface-hover, #e0e3e2);
}

/* ── Footer ──────────────────────────────────────────────────────── */
.vp-field__footer[b-qwl4zjuqdb] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--vp-field-message-gap, 8px);
}

.vp-field__message[b-qwl4zjuqdb] { font-size: var(--font-size-label, 14px); line-height: 1.4; }
.vp-field__message--helper[b-qwl4zjuqdb]  { color: var(--vp-placeholder-color, #909893); }
.vp-field__message--error[b-qwl4zjuqdb]   { color: var(--color-red,   #f9574d); }
.vp-field__message--success[b-qwl4zjuqdb] { color: var(--color-green, #0ea665); }

.vp-field__char-count[b-qwl4zjuqdb] {
    font-size: 12px;
    color: var(--vp-placeholder-color, #909893);
    white-space: nowrap;
    flex-shrink: 0;
    margin-left: auto;
}

.vp-field__char-count--limit[b-qwl4zjuqdb] {
    color: var(--color-red, #f9574d);
    font-weight: 600;
}
/* _content/Verapath.Components/Components/Inputs/TimePicker/VerapathTimePicker.razor.rz.scp.css */
.vp-time-field[b-0o57852607] {
    display: flex;
    flex-direction: column;
    gap: var(--vp-field-gap, 6px);
    width: 100%;
}

.vp-time-field__label[b-0o57852607] {
    display: flex;
    align-items: center;
    gap: var(--vp-field-label-gap, 3px);
    color: var(--vp-label-color, #223029);
    font-size: var(--font-size-label, 14px);
    font-weight: var(--font-weight-medium, 500);
    user-select: none;
}

.vp-time-field__required[b-0o57852607] {
    color: var(--color-red, #f9574d);
    font-weight: 700;
    line-height: 1;
}

.vp-time-field__wrapper[b-0o57852607] {
    display: flex;
    align-items: center;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--radius-sm, 8px);
    background: var(--vp-surface-input, #ffffff);
    box-sizing: border-box;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    overflow: hidden;
}

/* Match NumberInput / DatePicker sizing exactly so a row of these aligns. */
.vp-time-field--size-default .vp-time-field__wrapper[b-0o57852607] { height: 48px; }
.vp-time-field--size-large   .vp-time-field__wrapper[b-0o57852607] { height: 59px; }

.vp-time-field__wrapper--focused[b-0o57852607] {
    border-color: var(--vp-focus-ring-default, var(--color-bright-green, #a3e96b));
    box-shadow: 0 0 0 1px var(--vp-focus-ring-default, var(--color-bright-green, #a3e96b));
    outline: none;
}

.vp-time-field__icon[b-0o57852607] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 100%;
    color: var(--vp-icon-color, #909893);
    flex: 0 0 36px;
}

.vp-time-field__input[b-0o57852607] {
    flex: 1 1 auto;
    height: 100%;
    padding: 0 var(--vp-field-padding-x, 12px);
    border: none;
    outline: none;
    background: transparent;
    color: var(--vp-input-color, #223029);
    font-family: inherit;
    font-size: var(--font-size-body, 16px);
}

.vp-time-field__input[b-0o57852607]::placeholder {
    color: var(--vp-placeholder-color, #909893);
}

.vp-time-field__input:disabled[b-0o57852607] {
    cursor: not-allowed;
    color: var(--color-gray-01, #909893);
}

/* Webkit hides the native clock glyph; we provide our own via __icon
   on the left so the layout is consistent regardless of browser. */
.vp-time-field__input[b-0o57852607]::-webkit-calendar-picker-indicator {
    opacity: 0;
    cursor: pointer;
}

/* ── Error state ─────────────────────────────────────────────────── */
.vp-time-field--error .vp-time-field__wrapper[b-0o57852607] {
    border-color: var(--vp-focus-ring-error, var(--color-red, #f9574d));
}

.vp-time-field--error .vp-time-field__wrapper--focused[b-0o57852607] {
    border-color: var(--vp-focus-ring-error, var(--color-red, #f9574d));
    box-shadow: 0 0 0 1px var(--vp-focus-ring-error, var(--color-red, #f9574d)),
                0 0 0 4px rgba(249, 87, 77, 0.12);
}

/* ── Disabled state ──────────────────────────────────────────────── */
.vp-time-field--disabled .vp-time-field__wrapper[b-0o57852607] {
    background: var(--vp-surface-disabled, #f7f7f7);
    border-color: var(--vp-border-disabled, #e0e3e2);
    cursor: not-allowed;
}

.vp-time-field--disabled .vp-time-field__label[b-0o57852607] {
    color: var(--color-gray-01, #909893);
}

/* ── Footer ──────────────────────────────────────────────────────── */
.vp-time-field__footer[b-0o57852607] {
    display: flex;
    gap: var(--vp-field-message-gap, 8px);
}

.vp-time-field__message[b-0o57852607] {
    font-size: var(--font-size-label, 14px);
    line-height: 1.4;
}

.vp-time-field__message--helper[b-0o57852607] { color: var(--vp-placeholder-color, #909893); }
.vp-time-field__message--error[b-0o57852607]  { color: var(--color-red, #f9574d); }

/* ── Dark mode ───────────────────────────────────────────────────── */
[data-theme="dark"] .vp-time-field__wrapper[b-0o57852607] {
    background: rgba(34, 48, 41, 0.98);
    border-color: rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] .vp-time-field__label[b-0o57852607],
[data-theme="dark"] .vp-time-field__input[b-0o57852607] {
    color: rgba(255, 255, 255, 0.92);
}

[data-theme="dark"] .vp-time-field__icon[b-0o57852607] {
    color: rgba(255, 255, 255, 0.62);
}

[data-theme="dark"] .vp-time-field__input[b-0o57852607]::placeholder {
    color: rgba(255, 255, 255, 0.42);
}

[data-theme="dark"] .vp-time-field--disabled .vp-time-field__wrapper[b-0o57852607] {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-time-field--error .vp-time-field__wrapper[b-0o57852607] {
    border-color: var(--vp-focus-ring-error, #f9574d);
}

[data-theme="dark"] .vp-time-field__message--helper[b-0o57852607] {
    color: rgba(255, 255, 255, 0.52);
}
/* _content/Verapath.Components/Components/Kpi/VerapathKpiStrip.razor.rz.scp.css */
.vp-kpi-strip[b-ebfbfov4v8] {
    display: grid;
    /* Callers may pass a custom template (VerapathKpiStrip.GridTemplateColumns)
       — it arrives as this variable so the narrow-viewport media queries below
       still win on small screens. */
    grid-template-columns: var(--vp-kpi-strip-cols, 1.7fr 1fr 1fr 1fr 1fr);
    gap: 1px;
    background: var(--vp-border-soft, #EEEAE0);
    border: 1px solid var(--vp-border-soft, #EEEAE0);
    border-radius: 2px;
    overflow: hidden;
}

@media (max-width: 1100px) {
    .vp-kpi-strip[b-ebfbfov4v8] {
        grid-template-columns: 1.4fr 1fr 1fr;
    }
}

@media (max-width: 720px) {
    .vp-kpi-strip[b-ebfbfov4v8] {
        grid-template-columns: 1fr 1fr;
    }
}
/* _content/Verapath.Components/Components/Kpi/VerapathKpiTile.razor.rz.scp.css */
.vp-kpi-tile[b-8ignvz4y8s] {
    background: var(--vp-card-bg, #ffffff);
    padding: 10px 14px 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-variant-numeric: tabular-nums;
    min-width: 0;
}

.vp-kpi-tile--feature[b-8ignvz4y8s] {
    background: var(--vp-bg-alt, #EFEBE0);
    padding: 12px 16px 14px;
}

.vp-kpi-tile__head[b-8ignvz4y8s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 14px;
}

.vp-kpi-tile__delta[b-8ignvz4y8s] {
    font-size: var(--vp-meta, 12px);
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 3px;
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
    line-height: 1.2;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
.vp-kpi-tile__delta--up[b-8ignvz4y8s] {
    color: var(--vp-up, #1F4A2D);
    background: color-mix(in srgb, var(--vp-up, #1F4A2D) 10%, transparent);
}
.vp-kpi-tile__delta--down[b-8ignvz4y8s] {
    color: var(--vp-down, #A93A2E);
    background: color-mix(in srgb, var(--vp-down, #A93A2E) 10%, transparent);
}
.vp-kpi-tile__delta--neutral[b-8ignvz4y8s] {
    color: var(--vp-content-text, #223029);
    background: var(--vp-card-alt, #FAF7EF);
}
.vp-kpi-tile__delta-window[b-8ignvz4y8s] {
    font-size: var(--vp-kicker, 10px);
    font-weight: 500;
    opacity: 0.7;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.vp-kpi-tile__body[b-8ignvz4y8s] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.vp-kpi-tile__value-row[b-8ignvz4y8s] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
}

.vp-kpi-tile__value[b-8ignvz4y8s] {
    font-family: var(--font-display-numerals, "Serrif Medium", Georgia, serif);
    font-size: var(--vp-display-lg, 22px);
    font-weight: 500;
    line-height: 1;
    color: var(--vp-content-text, #223029);
    letter-spacing: -0.01em;
    display: inline-flex;
    align-items: baseline;
    gap: 2px;
    min-width: 0;
}
.vp-kpi-tile--feature .vp-kpi-tile__value[b-8ignvz4y8s] {
    font-size: var(--vp-display-xl, 32px);
}

.vp-kpi-tile__unit[b-8ignvz4y8s] {
    font-size: 0.55em;
    font-weight: 500;
    margin-left: 2px;
    opacity: 0.7;
}

.vp-kpi-tile__spark[b-8ignvz4y8s] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: flex-end;
    line-height: 0;
    color: var(--vp-up, #1F4A2D);
    opacity: 0.85;
}

.vp-kpi-tile__sub[b-8ignvz4y8s] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    font-size: var(--vp-body-compact, 13px);
    color: var(--vp-content-text, #223029);
}

/* Tones: warn paints the value amber; up/down nudge value color too. */
.vp-kpi-tile--warn .vp-kpi-tile__value[b-8ignvz4y8s] {
    color: var(--vp-amber-ink, #8A6B0F);
}
.vp-kpi-tile--up .vp-kpi-tile__value[b-8ignvz4y8s] {
    color: var(--vp-up, #1F4A2D);
}
.vp-kpi-tile--down .vp-kpi-tile__value[b-8ignvz4y8s] {
    color: var(--vp-down, #A93A2E);
}
/* _content/Verapath.Components/Components/Kpi/VerapathKpiTileRow.razor.rz.scp.css */
.vp-kpi-tile-row[b-mrbb401jmk] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    font-size: var(--vp-body-compact, 12px);
    line-height: 1.3;
    font-variant-numeric: tabular-nums;
}

.vp-kpi-tile-row__label[b-mrbb401jmk] {
    color: var(--vp-content-text, #5b6660);
    opacity: 0.6;
    font-size: var(--vp-meta, 11px);
    white-space: nowrap;
}

.vp-kpi-tile-row__value[b-mrbb401jmk] {
    color: var(--vp-content-text, #223029);
    font-weight: 500;
    text-align: right;
    white-space: nowrap;
}

.vp-kpi-tile-row--muted .vp-kpi-tile-row__value[b-mrbb401jmk] {
    opacity: 0.6;
}
.vp-kpi-tile-row--warn .vp-kpi-tile-row__value[b-mrbb401jmk] {
    color: var(--vp-amber-ink, #8A6B0F);
}
.vp-kpi-tile-row--up .vp-kpi-tile-row__value[b-mrbb401jmk] {
    color: var(--vp-up, #1F4A2D);
}
.vp-kpi-tile-row--down .vp-kpi-tile-row__value[b-mrbb401jmk] {
    color: var(--vp-down, #A93A2E);
}
/* _content/Verapath.Components/Components/Kpi/VerapathMetric.razor.rz.scp.css */
.vp-metric[b-yqj1zdohyu] {
    padding: 10px 14px 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-variant-numeric: tabular-nums;
    min-width: 0;
    border-right: 1px solid var(--vp-border-soft, #EEEAE0);
}

.vp-metric:last-child[b-yqj1zdohyu] {
    border-right: none;
}

.vp-metric__head[b-yqj1zdohyu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 12px;
}

.vp-metric__delta[b-yqj1zdohyu] {
    font-size: var(--vp-kicker, 10px);
    font-weight: 600;
    padding: 1px 5px;
    border-radius: 3px;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
}
.vp-metric__delta--up[b-yqj1zdohyu]      { color: var(--vp-up, #1F4A2D);      background: color-mix(in srgb, var(--vp-up, #1F4A2D) 10%, transparent); }
.vp-metric__delta--down[b-yqj1zdohyu]    { color: var(--vp-down, #A93A2E);    background: color-mix(in srgb, var(--vp-down, #A93A2E) 10%, transparent); }
.vp-metric__delta--neutral[b-yqj1zdohyu] { color: color-mix(in srgb, var(--vp-content-text, #223029) 70%, transparent); background: var(--vp-card-alt, #FAF7EF); }

.vp-metric__value-row[b-yqj1zdohyu] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
}

.vp-metric__value[b-yqj1zdohyu] {
    font-family: var(--font-display-numerals, "Serrif Medium", Georgia, serif);
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
    color: var(--vp-content-text, #223029);
    letter-spacing: -0.01em;
    display: inline-flex;
    align-items: baseline;
    gap: 2px;
}

.vp-metric__unit[b-yqj1zdohyu] {
    font-size: 0.55em;
    font-weight: 500;
    margin-left: 2px;
    opacity: 0.7;
}

.vp-metric__spark[b-yqj1zdohyu] {
    display: inline-flex;
    align-items: flex-end;
    line-height: 0;
    flex-shrink: 0;
    color: var(--vp-up, #1F4A2D);
    opacity: 0.85;
}

.vp-metric__sub[b-yqj1zdohyu] {
    font-size: var(--vp-meta, 11px);
    color: color-mix(in srgb, var(--vp-content-text, #223029) 60%, transparent);
}

.vp-metric--warn .vp-metric__value[b-yqj1zdohyu] { color: var(--vp-amber-ink, #8A6B0F); }
.vp-metric--up   .vp-metric__value[b-yqj1zdohyu] { color: var(--vp-up, #1F4A2D); }
.vp-metric--down .vp-metric__value[b-yqj1zdohyu] { color: var(--vp-down, #A93A2E); }

@media (max-width: 1100px) {
    .vp-metric:nth-child(3n)[b-yqj1zdohyu] { border-right: none; }
}

@media (max-width: 640px) {
    .vp-metric:nth-child(2n)[b-yqj1zdohyu] { border-right: none; }
}
/* _content/Verapath.Components/Components/Kpi/VerapathMetricStrip.razor.rz.scp.css */
.vp-metric-strip[b-2twxuhxmdq] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0;
    background: var(--vp-bg, #F5F2EC);
    border-bottom: 1px solid var(--vp-border-soft, #EEEAE0);
}

@media (max-width: 1100px) {
    .vp-metric-strip[b-2twxuhxmdq] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .vp-metric-strip[b-2twxuhxmdq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* _content/Verapath.Components/Components/Links/VerapathLinkGroup.razor.rz.scp.css */
.vp-linkgroup[b-5v7ttgkvjg] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 0 26px;
}

.vp-linkgroup--compact[b-5v7ttgkvjg] {
    gap: 6px;
    margin-bottom: 18px;
}

.vp-linkgroup__header[b-5v7ttgkvjg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    padding: 2px 18px 4px;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
}

.vp-linkgroup__header:not(.vp-linkgroup__header--static)[b-5v7ttgkvjg] {
    cursor: pointer;
}

.vp-linkgroup__header-copy[b-5v7ttgkvjg] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.vp-linkgroup__header-icon[b-5v7ttgkvjg],
.vp-linkgroup__supporting[b-5v7ttgkvjg] {
    display: none;
}

.vp-linkgroup__header-text[b-5v7ttgkvjg] {
    display: flex;
    min-width: 0;
}

.vp-linkgroup__label[b-5v7ttgkvjg] {
    font-family: "Season Sans SemiBold", Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.42);
}

.vp-linkgroup__chevron[b-5v7ttgkvjg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 999px;
    color: rgba(143, 153, 145, 0.75);
    background: rgba(255, 255, 255, 0.04);
    transition: transform 0.18s ease, background-color 0.18s ease, color 0.18s ease;
    flex-shrink: 0;
}

.vp-linkgroup__header:hover .vp-linkgroup__chevron[b-5v7ttgkvjg] {
    background: rgba(255, 255, 255, 0.07);
    color: rgba(226, 231, 226, 0.9);
}

.vp-linkgroup__chevron--open[b-5v7ttgkvjg] {
    transform: rotate(180deg);
}

.vp-linkgroup__items[b-5v7ttgkvjg] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

[data-theme="light"] .vp-linkgroup__label[b-5v7ttgkvjg] {
    color: var(--color-gray-01, #909893);
}

[data-theme="light"] .vp-linkgroup__chevron[b-5v7ttgkvjg] {
    color: var(--color-gray-01, #909893);
    background: rgba(34, 48, 41, 0.04);
}

[data-theme="light"] .vp-linkgroup__header:hover .vp-linkgroup__chevron[b-5v7ttgkvjg] {
    background: rgba(34, 48, 41, 0.08);
    color: var(--color-midnight, #223029);
}
/* _content/Verapath.Components/Components/Links/VerapathLinkItem.razor.rz.scp.css */
.vp-linkitem[b-kzg5hg5eqj],
a.vp-linkitem[b-kzg5hg5eqj],
a.vp-linkitem:link[b-kzg5hg5eqj],
a.vp-linkitem:visited[b-kzg5hg5eqj],
a.vp-linkitem:hover[b-kzg5hg5eqj],
a.vp-linkitem:active[b-kzg5hg5eqj],
a.vp-linkitem:focus[b-kzg5hg5eqj],
a.vp-linkitem:focus-visible[b-kzg5hg5eqj] {
    position: relative;
    display: block;
    width: 100%;
    border: none;
    border-radius: 16px;
    background: transparent;
    color: var(--color-midnight, #223029) !important;
    text-decoration: none !important;
    box-shadow: none;
    -webkit-text-fill-color: var(--color-midnight, #223029) !important;
    transition: background-color 0.14s ease, color 0.14s ease;
}

.vp-linkitem:hover[b-kzg5hg5eqj],
.vp-linkitem:focus-visible[b-kzg5hg5eqj],
a.vp-linkitem:hover[b-kzg5hg5eqj],
a.vp-linkitem:focus-visible[b-kzg5hg5eqj] {
    background: rgba(34, 48, 41, 0.05);
}

.vp-linkitem:focus-visible[b-kzg5hg5eqj] {
    outline: 2px solid rgba(163, 233, 107, 0.4);
    outline-offset: 2px;
}

.vp-linkitem--disabled[b-kzg5hg5eqj],
.vp-linkitem--disabled:link[b-kzg5hg5eqj],
.vp-linkitem--disabled:visited[b-kzg5hg5eqj],
.vp-linkitem--disabled:active[b-kzg5hg5eqj] {
    opacity: 0.48;
    cursor: not-allowed;
    pointer-events: none;
}

.vp-linkitem__inner[b-kzg5hg5eqj] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    min-height: 40px;
    padding: 8px 16px;
    box-sizing: border-box;
    color: inherit;
    text-decoration: none;
}

.vp-linkitem__icon-shell[b-kzg5hg5eqj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    background: transparent;
    color: inherit;
}

.vp-linkitem__icon[b-kzg5hg5eqj],
.vp-linkitem__icon *[b-kzg5hg5eqj],
.vp-linkitem__icon-shell *[b-kzg5hg5eqj] {
    color: inherit;
    text-decoration: none !important;
}

.vp-linkitem__marker[b-kzg5hg5eqj] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: currentColor;
    opacity: 0.4;
}

.vp-linkitem__copy[b-kzg5hg5eqj] {
    display: flex;
    flex: 1;
    min-width: 0;
    flex-direction: column;
    gap: 1px;
    color: inherit;
}

.vp-linkitem__label[b-kzg5hg5eqj] {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Season Sans Regular", "Season Sans SemiBold", system-ui, sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
    text-decoration: none !important;
}

.vp-linkitem__supporting[b-kzg5hg5eqj] {
    font-family: "SeasonSans-Regular";
    font-size: 12px;
    line-height: 1.3;
    color: rgba(34, 48, 41, 0.58);
    text-decoration: none !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vp-linkitem__badge[b-kzg5hg5eqj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 7px;
    border-radius: 999px;
    background: rgba(34, 48, 41, 0.08);
    color: inherit;
    font-family: "Season Sans SemiBold";
    font-size: 11px;
    letter-spacing: 0.04em;
    flex-shrink: 0;
}

.vp-linkitem--active[b-kzg5hg5eqj],
.vp-linkitem--active:link[b-kzg5hg5eqj],
.vp-linkitem--active:visited[b-kzg5hg5eqj],
.vp-linkitem--active:active[b-kzg5hg5eqj] {
    background: rgba(163, 233, 107, 0.12);
}

.vp-linkitem--active[b-kzg5hg5eqj]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    bottom: 6px;
    width: 4px;
    border-radius: 0 4px 4px 0;
    background: var(--color-bright-green, #a3e96b);
    box-shadow: 0 0 10px rgba(163, 233, 107, 0.45);
}

.vp-linkitem--active .vp-linkitem__label[b-kzg5hg5eqj] {
    font-family: "Season Sans SemiBold", "Season Sans Regular", system-ui, sans-serif;
    font-weight: 600;
}

.vp-linkitem--active .vp-linkitem__badge[b-kzg5hg5eqj] {
    background: rgba(163, 233, 107, 0.16);
}

.vp-linkitem--active:hover[b-kzg5hg5eqj],
.vp-linkitem--active:focus-visible[b-kzg5hg5eqj] {
    background: rgba(163, 233, 107, 0.18);
}

.vp-linkitem--compact[b-kzg5hg5eqj],
.vp-linkitem--compact:link[b-kzg5hg5eqj],
.vp-linkitem--compact:visited[b-kzg5hg5eqj],
.vp-linkitem--compact:active[b-kzg5hg5eqj] {
    border-radius: 12px;
}

.vp-linkitem--compact[b-kzg5hg5eqj]::before {
    display: none;
}

.vp-linkitem--compact .vp-linkitem__inner[b-kzg5hg5eqj] {
    justify-content: center;
    min-height: 36px;
    padding: 6px 0;
    gap: 0;
}

[data-theme="dark"].vp-linkitem[b-kzg5hg5eqj],
[data-theme="dark"].vp-linkitem:link[b-kzg5hg5eqj],
[data-theme="dark"].vp-linkitem:visited[b-kzg5hg5eqj],
[data-theme="dark"].vp-linkitem:hover[b-kzg5hg5eqj],
[data-theme="dark"].vp-linkitem:active[b-kzg5hg5eqj],
[data-theme="dark"].vp-linkitem:focus[b-kzg5hg5eqj],
[data-theme="dark"].vp-linkitem:focus-visible[b-kzg5hg5eqj],
a.vp-linkitem[data-theme="dark"][b-kzg5hg5eqj],
a.vp-linkitem[data-theme="dark"]:link[b-kzg5hg5eqj],
a.vp-linkitem[data-theme="dark"]:visited[b-kzg5hg5eqj],
a.vp-linkitem[data-theme="dark"]:hover[b-kzg5hg5eqj],
a.vp-linkitem[data-theme="dark"]:active[b-kzg5hg5eqj],
a.vp-linkitem[data-theme="dark"]:focus[b-kzg5hg5eqj],
a.vp-linkitem[data-theme="dark"]:focus-visible[b-kzg5hg5eqj],
[data-theme="dark"] .vp-linkitem[b-kzg5hg5eqj],
[data-theme="dark"] .vp-linkitem:link[b-kzg5hg5eqj],
[data-theme="dark"] .vp-linkitem:visited[b-kzg5hg5eqj],
[data-theme="dark"] .vp-linkitem:hover[b-kzg5hg5eqj],
[data-theme="dark"] .vp-linkitem:active[b-kzg5hg5eqj],
[data-theme="dark"] .vp-linkitem:focus[b-kzg5hg5eqj],
[data-theme="dark"] .vp-linkitem:focus-visible[b-kzg5hg5eqj],
[data-theme="dark"] a.vp-linkitem[b-kzg5hg5eqj],
[data-theme="dark"] a.vp-linkitem:link[b-kzg5hg5eqj],
[data-theme="dark"] a.vp-linkitem:visited[b-kzg5hg5eqj],
[data-theme="dark"] a.vp-linkitem:hover[b-kzg5hg5eqj],
[data-theme="dark"] a.vp-linkitem:active[b-kzg5hg5eqj],
[data-theme="dark"] a.vp-linkitem:focus[b-kzg5hg5eqj],
[data-theme="dark"] a.vp-linkitem:focus-visible[b-kzg5hg5eqj] {
    color: rgba(206, 212, 206, 0.86) !important;
    background: transparent;
    text-decoration: none !important;
    -webkit-text-fill-color: rgba(206, 212, 206, 0.86) !important;
}

[data-theme="dark"].vp-linkitem:hover[b-kzg5hg5eqj],
[data-theme="dark"].vp-linkitem:focus-visible[b-kzg5hg5eqj],
a.vp-linkitem[data-theme="dark"]:hover[b-kzg5hg5eqj],
a.vp-linkitem[data-theme="dark"]:focus-visible[b-kzg5hg5eqj],
[data-theme="dark"] .vp-linkitem:hover[b-kzg5hg5eqj],
[data-theme="dark"] .vp-linkitem:focus-visible[b-kzg5hg5eqj] {
    background: rgba(255, 255, 255, 0.045);
    color: rgba(228, 233, 228, 0.94) !important;
    -webkit-text-fill-color: rgba(228, 233, 228, 0.94) !important;
}

[data-theme="dark"] .vp-linkitem__inner[b-kzg5hg5eqj],
[data-theme="dark"] .vp-linkitem__copy[b-kzg5hg5eqj],
[data-theme="dark"] .vp-linkitem__label[b-kzg5hg5eqj],
[data-theme="dark"] .vp-linkitem__icon[b-kzg5hg5eqj],
[data-theme="dark"] .vp-linkitem__icon-shell[b-kzg5hg5eqj],
[data-theme="dark"] .vp-linkitem__icon *[b-kzg5hg5eqj],
[data-theme="dark"] .vp-linkitem__icon-shell *[b-kzg5hg5eqj] {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    text-decoration: none !important;
}

[data-theme="dark"] .vp-linkitem__supporting[b-kzg5hg5eqj] {
    color: rgba(206, 212, 206, 0.52) !important;
    -webkit-text-fill-color: rgba(206, 212, 206, 0.52) !important;
}

[data-theme="dark"] .vp-linkitem__badge[b-kzg5hg5eqj] {
    background: rgba(255, 255, 255, 0.1);
    color: rgba(228, 233, 228, 0.9) !important;
    -webkit-text-fill-color: rgba(228, 233, 228, 0.9) !important;
}

[data-theme="dark"] .vp-linkitem__marker[b-kzg5hg5eqj] {
    background: rgba(206, 212, 206, 0.44);
}

[data-theme="dark"] .vp-linkitem--active[b-kzg5hg5eqj],
[data-theme="dark"] .vp-linkitem--active:link[b-kzg5hg5eqj],
[data-theme="dark"] .vp-linkitem--active:visited[b-kzg5hg5eqj],
[data-theme="dark"] .vp-linkitem--active:active[b-kzg5hg5eqj] {
    background: rgba(163, 233, 107, 0.12);
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

[data-theme="dark"] .vp-linkitem--active:hover[b-kzg5hg5eqj],
[data-theme="dark"] .vp-linkitem--active:focus-visible[b-kzg5hg5eqj] {
    background: rgba(163, 233, 107, 0.18);
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

[data-theme="dark"] .vp-linkitem--active .vp-linkitem__icon[b-kzg5hg5eqj],
[data-theme="dark"] .vp-linkitem--active .vp-linkitem__icon-shell[b-kzg5hg5eqj],
[data-theme="dark"] .vp-linkitem--active .vp-linkitem__icon *[b-kzg5hg5eqj],
[data-theme="dark"] .vp-linkitem--active .vp-linkitem__icon-shell *[b-kzg5hg5eqj] {
    color: var(--color-bright-green, #a3e96b) !important;
    -webkit-text-fill-color: var(--color-bright-green, #a3e96b) !important;
}
/* _content/Verapath.Components/Components/Maps/VerapathBubbleMap.razor.rz.scp.css */
.vp-map[b-je90v3jifa] {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 260px;
}

.vp-map-svg[b-je90v3jifa] {
    width: 100%;
    height: 100%;
    display: block;
}

.vp-map-bubble[b-je90v3jifa] {
    transition: fill-opacity 120ms ease, stroke-opacity 120ms ease;
    cursor: pointer;
}

.vp-map-bubble:hover[b-je90v3jifa] {
    fill-opacity: 0.85 !important;
    stroke-opacity: 0.9 !important;
}

.vp-map-loading[b-je90v3jifa] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-family: var(--font-body, system-ui);
    color: var(--vp-content-text, #223029);
    opacity: 0.65;
}

.vp-map-tooltip[b-je90v3jifa] {
    position: absolute;
    z-index: 10;
    padding: 6px 10px;
    border-radius: 8px;
    color: #ffffff;
    font-family: var(--font-body, system-ui);
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    pointer-events: none;
}

.vp-map-tooltip-location[b-je90v3jifa] {
    font-weight: 600;
}

.vp-map-tooltip-sep[b-je90v3jifa] {
    margin: 0 4px;
    opacity: 0.7;
}

.vp-map-tooltip-value[b-je90v3jifa] {
    opacity: 0.95;
}

/* ── Bottom-right legend explaining bubble-size encoding ───────── */
.vp-map-legend[b-je90v3jifa] {
    position: absolute;
    right: 12px;
    bottom: 12px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(34, 48, 41, 0.72);
    color: rgba(255, 255, 255, 0.92);
    font-family: var(--font-body, system-ui);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.02em;
    pointer-events: none;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.vp-map-legend-dot[b-je90v3jifa] {
    display: inline-block;
    border-radius: 50%;
    flex: 0 0 auto;
    border: 1px solid rgba(255, 255, 255, 0.35);
}

.vp-map-legend-dot--sm[b-je90v3jifa] {
    width: 6px;
    height: 6px;
    opacity: 0.75;
}

.vp-map-legend-dot--lg[b-je90v3jifa] {
    width: 12px;
    height: 12px;
}

.vp-map-legend-text[b-je90v3jifa] {
    line-height: 1;
}
/* _content/Verapath.Components/Components/Markdown/VerapathMarkdown.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   VerapathMarkdown — scoped styles for all Markdig-generated HTML.

   All rendered markdown arrives via MarkupString (raw HTML), so child
   elements don't carry Blazor's scoped attribute.  Use ::deep so the
   combinator is anchored to the component root instead of each child.
   ═══════════════════════════════════════════════════════════════════ */

.vp-md[b-o4lfqrxwtm] {
    color: var(--color-midnight, #223029);
    font-size: 0.9375rem;       /* 15px */
    line-height: 1.7;
    word-break: break-word;
    overflow-wrap: break-word;
    min-width: 0;
}

/* ── Paragraphs ──────────────────────────────────────────────────── */
.vp-md[b-o4lfqrxwtm]  p {
    margin: 0 0 0.85rem;
}
.vp-md[b-o4lfqrxwtm]  p:last-child {
    margin-bottom: 0;
}

/* ── Headings ────────────────────────────────────────────────────── */
.vp-md[b-o4lfqrxwtm]  h1,
.vp-md[b-o4lfqrxwtm]  h2,
.vp-md[b-o4lfqrxwtm]  h3,
.vp-md[b-o4lfqrxwtm]  h4,
.vp-md[b-o4lfqrxwtm]  h5,
.vp-md[b-o4lfqrxwtm]  h6 {
    margin: 1.4rem 0 0.55rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--color-midnight, #223029);
    letter-spacing: -0.01em;
}
.vp-md[b-o4lfqrxwtm]  h1:first-child,
.vp-md[b-o4lfqrxwtm]  h2:first-child,
.vp-md[b-o4lfqrxwtm]  h3:first-child {
    margin-top: 0;
}
.vp-md[b-o4lfqrxwtm]  h1 { font-size: 1.55rem; }
.vp-md[b-o4lfqrxwtm]  h2 { font-size: 1.25rem; border-bottom: 1px solid var(--vp-border-default, var(--color-gray-02, #b9c0be)); padding-bottom: 0.3rem; }
.vp-md[b-o4lfqrxwtm]  h3 { font-size: 1.08rem; }
.vp-md[b-o4lfqrxwtm]  h4 { font-size: 0.95rem; }
.vp-md[b-o4lfqrxwtm]  h5 { font-size: 0.88rem; font-weight: 600; }
.vp-md[b-o4lfqrxwtm]  h6 { font-size: 0.82rem; font-weight: 600; color: var(--color-gray-01, #909893); }

/* ── Links ───────────────────────────────────────────────────────── */
.vp-md[b-o4lfqrxwtm]  a {
    color: var(--color-green, #0ea665);
    text-decoration: none;
}
.vp-md[b-o4lfqrxwtm]  a:hover,
.vp-md[b-o4lfqrxwtm]  a:focus-visible {
    text-decoration: underline;
}

/* ── Strong / Em ─────────────────────────────────────────────────── */
.vp-md[b-o4lfqrxwtm]  strong { font-weight: 700; }
.vp-md[b-o4lfqrxwtm]  em     { font-style: italic; }

/* ── Strikethrough ───────────────────────────────────────────────── */
.vp-md[b-o4lfqrxwtm]  del,
.vp-md[b-o4lfqrxwtm]  s {
    color: var(--color-gray-01, #909893);
}

/* ── Horizontal rule ─────────────────────────────────────────────── */
.vp-md[b-o4lfqrxwtm]  hr {
    border: none;
    border-top: 1px solid var(--vp-border-default, var(--color-gray-02, #b9c0be));
    margin: 1.25rem 0;
}

/* ── Blockquote ──────────────────────────────────────────────────── */
.vp-md[b-o4lfqrxwtm]  blockquote {
    margin: 0.75rem 0;
    padding: 0.6rem 0.9rem 0.6rem 1rem;
    border-left: 3px solid var(--color-bright-green, #a3e96b);
    background: rgba(163, 233, 107, 0.06);
    border-radius: 0 6px 6px 0;
    color: var(--color-midnight, #223029);
}
.vp-md[b-o4lfqrxwtm]  blockquote p:last-child {
    margin-bottom: 0;
}

/* ── Lists ───────────────────────────────────────────────────────── */
.vp-md[b-o4lfqrxwtm]  ul,
.vp-md[b-o4lfqrxwtm]  ol {
    margin: 0 0 0.85rem;
    padding-left: 1.5rem;
}
.vp-md[b-o4lfqrxwtm]  li {
    margin-bottom: 0.3rem;
}
.vp-md[b-o4lfqrxwtm]  li > ul,
.vp-md[b-o4lfqrxwtm]  li > ol {
    margin-top: 0.3rem;
    margin-bottom: 0;
}
/* Task list checkboxes */
.vp-md[b-o4lfqrxwtm]  li.task-list-item {
    list-style: none;
    margin-left: -1.25rem;
}
.vp-md[b-o4lfqrxwtm]  li.task-list-item input[type="checkbox"] {
    margin-right: 0.45rem;
    accent-color: var(--color-green, #0ea665);
}

/* ── Images ──────────────────────────────────────────────────────── */
.vp-md[b-o4lfqrxwtm]  img {
    max-width: 100%;
    border-radius: 8px;
    margin: 0.5rem 0;
}

/* ── Inline code ─────────────────────────────────────────────────── */
.vp-md[b-o4lfqrxwtm]  code {
    font-family: ui-monospace, 'Cascadia Code', 'Fira Code', Consolas, monospace;
    font-size: 0.85em;
    padding: 0.15em 0.38em;
    background: var(--color-gray-04, #f7f7f7);
    border: 1px solid var(--color-gray-03, #e0e3e2);
    border-radius: 4px;
    color: var(--color-midnight, #223029);
    word-break: break-all;
}

/* ── Code block (pre > code) ─────────────────────────────────────── */

/* Wrapper injected by verapath-markdown.js — provides the positioning
   anchor for the copy button so the button never lives inside the
   scrolling pre element and cannot be scrolled off-screen. */
.vp-md[b-o4lfqrxwtm]  .vp-md__code-wrap {
    position: relative;
    margin: 0.85rem 0;
    min-width: 0;
    max-width: 100%;
}

.vp-md[b-o4lfqrxwtm]  pre {
    margin: 0;
    border-radius: 10px;
    background: #1b2920;
    border: 1px solid rgba(163, 233, 107, 0.12);
    overflow-x: auto;
    overflow-y: hidden;
}
.vp-md[b-o4lfqrxwtm]  pre code {
    display: block;
    padding: 1rem 1.1rem;
    background: transparent;
    border: none;
    border-radius: 0;
    font-size: 0.82rem;
    line-height: 1.65;
    color: #d4e8c8;
    word-break: normal;
    white-space: pre;
}

/* Language label.  Keyed on the data-lang attribute that EnhanceHtml derives
   from Markdig's class="language-xxx" (CSS cannot substring attr()).  Keying on
   the attribute rather than the class is what makes the no-label cases
   structural: a fence with no language, or one whose token failed validation,
   carries no data-lang, so this rule simply does not match and no strip is
   drawn.  text-transform below is the only casing mechanism. */
.vp-md[b-o4lfqrxwtm]  pre code[data-lang]::before {
    content: attr(data-lang);
    display: block;
    padding: 0.3rem 1.1rem;
    margin: -1rem -1.1rem 0.75rem;
    background: rgba(163, 233, 107, 0.08);
    border-bottom: 1px solid rgba(163, 233, 107, 0.1);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: rgba(163, 233, 107, 0.6);
    font-family: inherit;
    line-height: 2.5;
}

/* ── Copy button (injected by verapath-markdown.js) ──────────────── */
.vp-md[b-o4lfqrxwtm]  .vp-md__copy-btn {
    position: absolute;
    top: 0.45rem;
    right: 0.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: rgba(163, 233, 107, 0.1);
    border: 1px solid rgba(163, 233, 107, 0.2);
    border-radius: 6px;
    color: rgba(163, 233, 107, 0.7);
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
    z-index: 1;
}
.vp-md[b-o4lfqrxwtm]  .vp-md__copy-btn:hover {
    background: rgba(163, 233, 107, 0.2);
    border-color: rgba(163, 233, 107, 0.45);
    color: #a3e96b;
}
.vp-md[b-o4lfqrxwtm]  .vp-md__copy-btn--copied {
    background: rgba(163, 233, 107, 0.25);
    border-color: #a3e96b;
    color: #a3e96b;
}

/* ── Tables ──────────────────────────────────────────────────────── */
.vp-md[b-o4lfqrxwtm]  table {
    display: table;
    width: max-content;
    min-width: 100%;
    border-collapse: collapse;
    margin: 0;
    font-size: 0.88rem;
}
.vp-md[b-o4lfqrxwtm]  thead {
    background: var(--color-gray-04, #f7f7f7);
}
.vp-md[b-o4lfqrxwtm]  th {
    padding: 0.5rem 0.85rem;
    text-align: left;
    font-weight: 700;
    font-size: 0.78rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--color-gray-01, #909893);
    border-bottom: 2px solid var(--color-gray-03, #e0e3e2);
    white-space: nowrap;
}
.vp-md[b-o4lfqrxwtm]  td {
    padding: 0.48rem 0.85rem;
    border-bottom: 1px solid var(--color-gray-03, #e0e3e2);
    vertical-align: top;
}
.vp-md[b-o4lfqrxwtm]  tr:last-child td {
    border-bottom: none;
}
.vp-md[b-o4lfqrxwtm]  tbody tr:hover {
    background: var(--color-gray-04, #f7f7f7);
}

.vp-md[b-o4lfqrxwtm]  .vp-md__table-shell {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    margin: 0.95rem 0;
}

.vp-md[b-o4lfqrxwtm]  .vp-md__table-toolbar {
    display: flex;
    justify-content: flex-end;
}

.vp-md[b-o4lfqrxwtm]  .vp-md__table-scroll {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
}

.vp-md[b-o4lfqrxwtm]  .vp-md__table-copy-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.45rem 0.82rem;
    border-radius: 999px;
    border: 1px solid var(--vp-divider, var(--color-gray-03, #e0e3e2));
    background: var(--vp-action-btn-hover-bg, rgba(34, 48, 41, 0.04));
    color: var(--vp-action-btn-color, var(--color-midnight, #223029));
    font-family: var(--font-heading, inherit);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.vp-md[b-o4lfqrxwtm]  .vp-md__table-copy-btn:hover {
    background: var(--vp-step-chip-hover-bg, rgba(34, 48, 41, 0.08));
    color: var(--vp-action-btn-hover-color, var(--color-midnight, #223029));
    transform: translateY(-1px);
}

.vp-md[b-o4lfqrxwtm]  .vp-md__table-copy-btn--copied {
    color: var(--vp-action-up-color, var(--color-green, #0ea665));
    border-color: color-mix(in srgb, var(--vp-action-up-color, var(--color-green, #0ea665)) 40%, transparent);
}

/* ── Streaming pending row indicator ─────────────────────────────── */
.vp-md__table-pending[b-o4lfqrxwtm] {
    display: flex;
    gap: 5px;
    align-items: center;
    padding: 0.55rem 0.85rem;
    border-top: 1px dashed var(--color-gray-03, #e0e3e2);
    opacity: 0.55;
}

.vp-md__table-pending-dot[b-o4lfqrxwtm] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--color-gray-02, #b9c0be);
    animation: vp-md-bounce-b-o4lfqrxwtm 1.3s ease-in-out infinite;
}
.vp-md__table-pending-dot:nth-child(2)[b-o4lfqrxwtm] { animation-delay: 0.18s; }
.vp-md__table-pending-dot:nth-child(3)[b-o4lfqrxwtm] { animation-delay: 0.36s; }

@keyframes vp-md-bounce-b-o4lfqrxwtm {
    0%, 55%, 100% { transform: translateY(0);   opacity: 0.4; }
    27%            { transform: translateY(-5px); opacity: 1;   }
}

/* ── Non-table pending text ──────────────────────────────────────── */
.vp-md__pending-text[b-o4lfqrxwtm] {
    display: block;
    margin-top: 0.4rem;
    color: var(--color-gray-01, #909893);
    font-size: 0.88rem;
    font-style: italic;
    opacity: 0.7;
}

/* ── Responsive ──────────────────────────────────────────────────── */
@media (max-width: 640px) {
    .vp-md[b-o4lfqrxwtm]  pre code {
        font-size: 0.78rem;
    }
    .vp-md[b-o4lfqrxwtm]  th,
    .vp-md[b-o4lfqrxwtm]  td {
        padding: 0.4rem 0.6rem;
    }
}

/* ═══════════════════════════════════════════════════════════════════
   Semantic-token additions (commit e9a41f10, Frank, 2026-04-19).
   ───────────────────────────────────────────────────────────────────
   Consolidated by Instruction #1508 (2026-05-27):
   · Dead child-element rules (missing ::deep — never matched
     MarkupString-rendered children) have been deleted.  They are
     documented in the collision ledger and queued for Frank's review
     as a follow-up migration.
   · Bare-class rules (.vp-md root, .vp-md__copy-btn) and the Bug #49
     / Bug #101 ::deep overrides are preserved here — they are live.
   ═══════════════════════════════════════════════════════════════════ */

/* ── .vp-md root — semantic token overrides (bare class, LIVE) ───── */
.vp-md[b-o4lfqrxwtm] {
    color: var(--vp-msg-body-color);
    line-height: 1.65;
    font-family: var(--font-body);
    min-width: 0;
}

.vp-md > :first-child[b-o4lfqrxwtm] { margin-top: 0; }
.vp-md > :last-child[b-o4lfqrxwtm]  { margin-bottom: 0; }

/* ── Copy-button token re-theme (bare class, LIVE) ───────────────── */
.vp-md__copy-btn[b-o4lfqrxwtm] {
    background: var(--vp-action-btn-hover-bg);
    color: var(--vp-action-btn-color);
    border: 1px solid var(--vp-divider);
}

.vp-md__copy-btn:hover[b-o4lfqrxwtm] {
    color: var(--vp-action-btn-hover-color);
    background: var(--vp-step-chip-hover-bg);
}

/* ── Dark-mode heading contrast (Bug #49) ────────────────────────── */
[data-theme="dark"] .vp-md[b-o4lfqrxwtm]  h1,
[data-theme="dark"] .vp-md[b-o4lfqrxwtm]  h2,
[data-theme="dark"] .vp-md[b-o4lfqrxwtm]  h3,
[data-theme="dark"] .vp-md[b-o4lfqrxwtm]  h4,
[data-theme="dark"] .vp-md[b-o4lfqrxwtm]  h5,
[data-theme="dark"] .vp-md[b-o4lfqrxwtm]  h6 {
    color: var(--vp-content-text, rgba(255, 255, 255, 0.96));
}

/* ── Dark-mode blockquote contrast (Bug #101) ───────────────────────
   Block A hardcodes color: var(--color-midnight) for blockquote text,
   which is unreadable against the dark-mode blockquote tint.  This
   ::deep override restores legibility until Frank's token migration
   (see collision ledger) is landed with ::deep throughout. */
[data-theme="dark"] .vp-md[b-o4lfqrxwtm]  blockquote {
    color: var(--vp-msg-body-color, rgba(255, 255, 255, 0.92));
}
/* _content/Verapath.Components/Components/Modal/VerapathModal.razor.rz.scp.css */
/* ── Backdrop ────────────────────────────────────────────────────── */
.vp-modal__backdrop[b-djqrikyqtu] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    animation: vp-modal-fade-in-b-djqrikyqtu 0.15s ease;
}

/* ── Drag capture overlay ────────────────────────────────────────── */
.vp-modal__drag-overlay[b-djqrikyqtu] {
    position: fixed;
    inset: 0;
    z-index: 1002;
    cursor: grabbing;
}

/* ── Dialog ──────────────────────────────────────────────────────── */
.vp-modal__dialog[b-djqrikyqtu] {
    position: fixed;
    top: 50%;
    left: 50%;
    /* transform overridden by inline style for drag offset */
    transform: translate(-50%, -50%);
    z-index: 1001;
    width: var(--vp-modal-width, min(560px, calc(100vw - 32px)));
    max-height: calc(100vh - 64px);
    display: flex;
    flex-direction: column;
    background: var(--vp-surface-input, #ffffff);
    color: var(--vp-input-color, #223029);
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--radius-lg, 22px);
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.18), 0 2px 8px rgba(0, 0, 0, 0.08);
    animation: vp-modal-slide-in-b-djqrikyqtu 0.18s ease;
    overflow: hidden;
}

/* ── Entrance animation ──────────────────────────────────────────── */
@keyframes vp-modal-fade-in-b-djqrikyqtu {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes vp-modal-slide-in-b-djqrikyqtu {
    from { opacity: 0; transform: translate(calc(-50% + var(--_ox, 0px)), calc(-50% + var(--_oy, 0px) - 12px)) scale(0.97); }
    to   { opacity: 1; transform: translate(calc(-50% + var(--_ox, 0px)), calc(-50% + var(--_oy, 0px))) scale(1); }
}

/* ── Header ──────────────────────────────────────────────────────── */
.vp-modal__header[b-djqrikyqtu] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--vp-divider, #e0e3e2);
    cursor: grab;
    user-select: none;
    flex-shrink: 0;
    background: transparent;
}

.vp-modal__header--dragging[b-djqrikyqtu],
.vp-modal__header--dragging:hover[b-djqrikyqtu] {
    cursor: grabbing;
}

.vp-modal__type-icon[b-djqrikyqtu] {
    width: 36px;
    height: 36px;
    border-radius: var(--radius-sm, 8px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.vp-modal__title[b-djqrikyqtu] {
    flex: 1;
    font-size: 22px;
    font-family: var(--font-serif, Georgia, serif);
    font-weight: 500;
    line-height: 1.2;
    color: var(--vp-label-color, #223029);
}

.vp-modal__close[b-djqrikyqtu] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    background: none;
    border-radius: var(--border-radius-sm, 4px);
    cursor: pointer;
    color: var(--vp-placeholder-color, #909893);
    flex-shrink: 0;
    transition: background-color 0.15s ease, color 0.15s ease;
    padding: 0;
}

.vp-modal__close:hover[b-djqrikyqtu] {
    background: var(--vp-divider, #e0e3e2);
    color: var(--vp-input-color, #223029);
}

/* ── Type icon tinted squares ────────────────────────────────────── */
.vp-modal__type-icon--info[b-djqrikyqtu]    { background: rgba(188, 169, 241, 0.15); color: var(--color-purple, #bca9f1); }
.vp-modal__type-icon--success[b-djqrikyqtu] { background: rgba(14, 166, 101, 0.12);  color: var(--color-green, #0ea665); }
.vp-modal__type-icon--warning[b-djqrikyqtu] { background: rgba(160, 120, 0, 0.12);   color: #a07800; }
.vp-modal__type-icon--danger[b-djqrikyqtu]  { background: rgba(249, 87, 77, 0.12);   color: var(--color-red, #f9574d); }

/* Dark mode overrides */
[data-theme="dark"] .vp-modal__type-icon--warning[b-djqrikyqtu] { color: var(--color-lemon, #FFF515); background: rgba(255, 245, 21, 0.10); }

/* ── Body ────────────────────────────────────────────────────────── */
.vp-modal__body[b-djqrikyqtu] {
    flex: 1;
    padding: 24px 20px;
    overflow-y: auto;
    font-size: var(--font-size-body, 16px);
    color: var(--vp-input-color, #223029);
    line-height: 1.6;
}

.vp-modal__body p[b-djqrikyqtu] {
    margin: 0 0 12px;
}

.vp-modal__body p:last-child[b-djqrikyqtu] {
    margin-bottom: 0;
}

/* Picker-style modal: pin a stable height so the dialog does not grow and
   shrink with its content (loading vs. a long site list). With a definite
   height the inner picker's rail and file list scroll internally instead of
   resizing the whole modal. Capped to the viewport on short screens. */
.vp-modal__dialog.vp-sp-picker-modal__dialog[b-djqrikyqtu],
.vp-modal__dialog.vp-nd-picker-modal__dialog[b-djqrikyqtu] {
    height: min(720px, calc(100vh - 64px));
}

/* Picker-style modal: let the inner picker manage its own padding and scroll
   so its footer can be anchored to the bottom of the modal. The body must be
   a flex container so the picker can size to it via `flex: 1` (height:100%
   does not resolve because the body's own height is derived from flex). */
.vp-modal__dialog.vp-sp-picker-modal__dialog .vp-modal__body[b-djqrikyqtu],
.vp-modal__dialog.vp-nd-picker-modal__dialog .vp-modal__body[b-djqrikyqtu] {
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* ── Footer ──────────────────────────────────────────────────────── */
.vp-modal__footer[b-djqrikyqtu] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 20px;
    border-top: 1px solid var(--vp-divider, #e0e3e2);
    flex-shrink: 0;
}

/* ── Size tokens ─────────────────────────────────────────────────── */
.vp-modal--size-small[b-djqrikyqtu]  { --vp-modal-width: min(420px, calc(100vw - 32px)); }
.vp-modal--size-medium[b-djqrikyqtu] { --vp-modal-width: min(560px, calc(100vw - 32px)); }
.vp-modal--size-large[b-djqrikyqtu]  { --vp-modal-width: min(760px, calc(100vw - 32px)); }
.vp-modal--size-xlarge[b-djqrikyqtu] { --vp-modal-width: min(1080px, calc(100vw - 48px)); }

/* ── Mobile: content modals go full-screen ───────────────────────── */
/* Notification-style modals (info/success/warning/danger) keep their
   compact dialog form so brief confirmations don't take over the screen. */
@media (max-width: 640px) {
    .vp-modal__dialog.vp-modal__dialog--content[b-djqrikyqtu] {
        top: 0;
        left: 0;
        width: 100vw;
        max-width: 100vw;
        height: 100dvh;
        max-height: 100dvh;
        transform: none !important;
        border: none;
        border-radius: 0;
        animation: vp-modal-fade-in-b-djqrikyqtu 0.18s ease;
    }

    .vp-modal__dialog.vp-modal__dialog--content .vp-modal__header[b-djqrikyqtu] {
        cursor: default;
    }
}
/* _content/Verapath.Components/Components/Navigation/VerapathCrmPageShell.razor.rz.scp.css */
.vp-crm-shell[b-jiusmz20lg] {
    background: var(--vp-bg, #F5F2EC);
    color: var(--vp-content-text, #223029);
    display: flex;
    flex-direction: column;
}

/* ── Top strip ─────────────────────────────────────────────────────
   The strip itself is the shared VerapathPageHeader (UX-3) — the shell keeps
   only what it contributes INTO that header: the section tone mark (rendered
   via TitlePrefix) and the Controls wrapper (rendered via Actions). */

.vp-crm-shell__mark[b-jiusmz20lg] {
    width: 26px;
    height: 26px;
    border-radius: 4px;
    box-shadow: 0 0 0 1px rgba(218, 216, 201, 0.16);
    flex-shrink: 0;
}

.vp-crm-shell__mark--accent[b-jiusmz20lg]   { background: linear-gradient(135deg, #a3e96b 0%, #6ec23b 100%); }
.vp-crm-shell__mark--green[b-jiusmz20lg]    { background: linear-gradient(135deg, var(--vp-up, #1F4A2D) 0%, #3E7C50 100%); }
.vp-crm-shell__mark--lavender[b-jiusmz20lg] { background: linear-gradient(135deg, var(--vp-lavender-ink, #5B3B8F) 0%, #8A66C7 100%); }
.vp-crm-shell__mark--red[b-jiusmz20lg]      { background: linear-gradient(135deg, var(--vp-down, #A93A2E) 0%, #D86655 100%); }
.vp-crm-shell__mark--amber[b-jiusmz20lg]    { background: linear-gradient(135deg, var(--vp-amber-ink, #8A6B0F) 0%, #C99A2E 100%); }

.vp-crm-shell__controls[b-jiusmz20lg] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

/* ── Tabs ──────────────────────────────────────────────────────── */

.vp-crm-shell__tabs[b-jiusmz20lg] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px 22px 0;
    border-bottom: 1px solid var(--vp-border-soft, #EEEAE0);
    background: var(--vp-bg, #F5F2EC);
    overflow-x: auto;
}

.vp-crm-shell__tab[b-jiusmz20lg] {
    appearance: none;
    background: transparent;
    border: none;
    font: inherit;
    font-size: var(--vp-body-compact, 13px);
    color: color-mix(in srgb, var(--vp-content-text, #223029) 60%, transparent);
    padding: 8px 12px;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    margin-bottom: -1px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    white-space: nowrap;
}

.vp-crm-shell__tab:hover[b-jiusmz20lg] {
    color: var(--vp-content-text, #223029);
}

.vp-crm-shell__tab.is-active[b-jiusmz20lg] {
    color: var(--vp-content-text, #223029);
    /* Emerald active accent — same as VerapathTabs, so the module nav and
       in-page tabs read as one family (the nav stays distinct via counts
       and its position under the dark strip, not via a different green). */
    border-bottom-color: var(--color-green, #0ea665);
    font-weight: 600;
}

.vp-crm-shell__tab-count[b-jiusmz20lg] {
    font-size: var(--vp-kicker, 10px);
    font-weight: 600;
    background: var(--vp-border-soft, #EEEAE0);
    color: color-mix(in srgb, var(--vp-content-text, #223029) 70%, transparent);
    padding: 1px 6px;
    border-radius: 999px;
    font-variant-numeric: tabular-nums;
}

[data-theme="dark"] .vp-crm-shell[b-jiusmz20lg],
:root[data-theme="dark"] .vp-crm-shell[b-jiusmz20lg] {
    background: var(--vp-bg, #1a2922);
}
/* _content/Verapath.Components/Components/Navigation/VerapathListPageShell.razor.rz.scp.css */
/* List-page shell — companion CSS for VerapathListPageShell.razor.
   The dark top-strip styling itself lives on VerapathPageHeader; this
   file only handles the metric-strip + sub-bar spacing under it. */

.vp-list-page-shell[b-hkcrqd82xc] {
    display: flex;
    flex-direction: column;
    background: var(--vp-bg, #F5F2EC);
    min-height: 100%;
}

.vp-list-page-shell__metrics[b-hkcrqd82xc] {
    padding: 12px 22px 0;
}

.vp-list-page-shell__subbar[b-hkcrqd82xc] {
    padding: 10px 22px 0;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.vp-list-page-shell__body[b-hkcrqd82xc] {
    /* Wrapped pages own their own padding + surface via .ria-section
       (or whatever child the caller drops in). Setting padding here
       was stacking two boxes; the auto-card `> :first-child` rule
       below was also clipping the sticky bulk-action bar via
       `overflow: hidden`. Keep this layer transparent and let the
       inner content render the surface it wants. */
    flex: 1 1 auto;
    min-height: 0;
}
/* _content/Verapath.Components/Components/Navigation/VerapathNavigationMenu.razor.rz.scp.css */
.vp-navmenu[b-qn2hier4xn] {
    position: relative;
    width: 100%;
}

.vp-navmenu__backdrop[b-qn2hier4xn] {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 19;
    background: transparent;
    border: 0;
}

.vp-navmenu__toggle[b-qn2hier4xn] {
    display: none;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    padding: 11px 14px;
    border: 1px solid color-mix(in srgb, var(--vp-border-default) 82%, var(--color-white) 18%);
    border-radius: 14px;
    background:
        radial-gradient(circle at top right, rgba(163, 233, 107, 0.18), transparent 40%),
        linear-gradient(180deg, color-mix(in srgb, var(--btn-secondary-bg) 92%, var(--color-white) 8%), var(--btn-secondary-bg));
    color: var(--vp-content-text);
    font-family: "Season Sans SemiBold", "Season Sans Regular Placeholder", Arial, sans-serif;
    font-size: 14px;
    cursor: pointer;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.76),
        0 12px 24px rgba(34, 48, 41, 0.08);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.vp-navmenu__toggle:hover[b-qn2hier4xn] {
    border-color: var(--color-bright-green);
    transform: translateY(-1px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.82),
        0 18px 28px rgba(34, 48, 41, 0.12);
}

.vp-navmenu__toggle-icon[b-qn2hier4xn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.5);
}

.vp-navmenu__surface[b-qn2hier4xn] {
    width: 100%;
    position: relative;
    isolation: isolate;
}

.vp-navmenu__item[b-qn2hier4xn],
.vp-navmenu__item--disabled[b-qn2hier4xn] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    text-decoration: none;
    font-family: "Season Sans SemiBold", "Season Sans Regular Placeholder", Arial, sans-serif;
    font-size: 14px;
    color: var(--vp-content-text);
    transition: transform 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.vp-navmenu__item[b-qn2hier4xn] {
    cursor: pointer;
}

.vp-navmenu__item:hover[b-qn2hier4xn] {
    transform: translateY(-1px);
}

.vp-navmenu__item--disabled[b-qn2hier4xn] {
    color: var(--vp-placeholder-color);
    cursor: not-allowed;
    opacity: 0.7;
}

.vp-navmenu__item-icon[b-qn2hier4xn],
.vp-navmenu__item-badge[b-qn2hier4xn] {
    flex: 0 0 auto;
}

.vp-navmenu__item-inner[b-qn2hier4xn] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-width: 0;
}

.vp-navmenu__item-icon[b-qn2hier4xn] {
    display: inline-flex;
    align-items: center;
    color: currentColor;
}

.vp-navmenu__item-label[b-qn2hier4xn] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vp-navmenu__item-badge[b-qn2hier4xn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    background: rgba(163, 233, 107, 0.13);
    color: var(--color-midnight, #223029);
    font-size: 11px;
    letter-spacing: 0.04em;
}

.vp-navmenu__group[b-qn2hier4xn] {
    min-width: 0;
}

.vp-navmenu__group-label[b-qn2hier4xn] {
    display: inline-block;
    margin-bottom: 8px;
    font-family: "Season Sans SemiBold", "Season Sans Regular Placeholder", Arial, sans-serif;
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--vp-placeholder-color);
}

.vp-navmenu--inline .vp-navmenu__surface[b-qn2hier4xn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    padding: 14px;
    border: 1px solid color-mix(in srgb, var(--vp-border-default) 82%, var(--color-white) 18%);
    border-radius: 22px;
    background:
        radial-gradient(circle at top right, rgba(163, 233, 107, 0.12), transparent 30%),
        radial-gradient(circle at bottom left, rgba(163, 233, 107, 0.07), transparent 32%),
        linear-gradient(180deg, color-mix(in srgb, var(--vp-surface-input) 97%, var(--color-white) 3%), var(--vp-surface-input));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.78),
        0 18px 34px rgba(34, 48, 41, 0.08);
}

.vp-navmenu--inline .vp-navmenu__group[b-qn2hier4xn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.vp-navmenu--inline .vp-navmenu__group-label[b-qn2hier4xn] {
    display: none;
}

.vp-navmenu--inline .vp-navmenu__group-items[b-qn2hier4xn] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.vp-navmenu--inline .vp-navmenu__item[b-qn2hier4xn],
.vp-navmenu--inline .vp-navmenu__item--disabled[b-qn2hier4xn] {
    padding: 10px 16px;
    border-radius: 999px;
    border: 1px solid transparent;
    background: color-mix(in srgb, var(--btn-secondary-bg) 92%, var(--color-white) 8%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

.vp-navmenu--inline .vp-navmenu__item:hover[b-qn2hier4xn] {
    border-color: color-mix(in srgb, var(--vp-border-default) 76%, var(--color-white) 24%);
    background: color-mix(in srgb, var(--btn-secondary-bg) 78%, var(--color-white) 22%);
    box-shadow: 0 12px 22px rgba(34, 48, 41, 0.08);
}

.vp-navmenu--inline .vp-navmenu__item--active[b-qn2hier4xn] {
    background: var(--color-bright-green);
    color: var(--color-midnight);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.45),
        0 14px 24px rgba(163, 233, 107, 0.24);
}

.vp-navmenu--inline .vp-navmenu__item--active .vp-navmenu__item-badge[b-qn2hier4xn] {
    background: rgba(34, 48, 41, 0.12);
    color: var(--color-midnight);
}

.vp-navmenu--rail .vp-navmenu__surface[b-qn2hier4xn] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 16px;
    border: 1px solid color-mix(in srgb, var(--vp-border-default) 82%, var(--color-white) 18%);
    border-radius: 22px;
    background:
        radial-gradient(circle at top right, rgba(163, 233, 107, 0.14), transparent 30%),
        linear-gradient(180deg, color-mix(in srgb, var(--vp-surface-input) 97%, var(--color-white) 3%), var(--vp-surface-input));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.78),
        0 20px 36px rgba(34, 48, 41, 0.08);
}

.vp-navmenu--rail .vp-navmenu__group[b-qn2hier4xn] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.vp-navmenu--rail .vp-navmenu__group-items[b-qn2hier4xn] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.vp-navmenu--rail .vp-navmenu__item[b-qn2hier4xn],
.vp-navmenu--rail .vp-navmenu__item--disabled[b-qn2hier4xn] {
    width: 100%;
    padding: 12px 13px;
    border: 1px solid transparent;
    border-radius: 14px;
    background: color-mix(in srgb, var(--btn-secondary-bg) 92%, var(--color-white) 8%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

.vp-navmenu--rail .vp-navmenu__item:hover[b-qn2hier4xn] {
    border-color: color-mix(in srgb, var(--vp-border-default) 76%, var(--color-white) 24%);
    background: color-mix(in srgb, var(--btn-secondary-bg) 78%, var(--color-white) 22%);
    box-shadow: 0 12px 22px rgba(34, 48, 41, 0.08);
}

.vp-navmenu--rail .vp-navmenu__item--active[b-qn2hier4xn] {
    background: linear-gradient(135deg, rgba(163, 233, 107, 0.18), rgba(163, 233, 107, 0.12));
    color: var(--color-midnight);
    border-color: rgba(163, 233, 107, 0.35);
    box-shadow: 0 14px 24px rgba(163, 233, 107, 0.18);
}

.vp-navmenu--rail .vp-navmenu__item--active .vp-navmenu__item-badge[b-qn2hier4xn] {
    background: rgba(34, 48, 41, 0.12);
    color: var(--color-midnight);
}

[data-theme="dark"] .vp-navmenu__item:hover[b-qn2hier4xn],
:root[data-theme="dark"] .vp-navmenu__item:hover[b-qn2hier4xn] {
    background: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .vp-navmenu__toggle[b-qn2hier4xn],
:root[data-theme="dark"] .vp-navmenu__toggle[b-qn2hier4xn] {
    border-color: rgba(255, 255, 255, 0.08);
    background:
        radial-gradient(circle at top right, rgba(163, 233, 107, 0.14), transparent 34%),
        linear-gradient(180deg, rgba(36, 59, 47, 0.98), rgba(26, 41, 34, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 16px 28px rgba(0, 0, 0, 0.22);
}

[data-theme="dark"] .vp-navmenu__toggle-icon[b-qn2hier4xn],
:root[data-theme="dark"] .vp-navmenu__toggle-icon[b-qn2hier4xn] {
    background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-navmenu--inline .vp-navmenu__surface[b-qn2hier4xn],
[data-theme="dark"] .vp-navmenu--rail .vp-navmenu__surface[b-qn2hier4xn],
:root[data-theme="dark"] .vp-navmenu--inline .vp-navmenu__surface[b-qn2hier4xn],
:root[data-theme="dark"] .vp-navmenu--rail .vp-navmenu__surface[b-qn2hier4xn] {
    border-color: rgba(255, 255, 255, 0.08);
    background:
        radial-gradient(circle at top right, rgba(163, 233, 107, 0.12), transparent 30%),
        radial-gradient(circle at bottom left, rgba(163, 233, 107, 0.06), transparent 30%),
        linear-gradient(180deg, rgba(36, 59, 47, 0.98), rgba(26, 41, 34, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 24px 44px rgba(0, 0, 0, 0.24);
}

[data-theme="dark"] .vp-navmenu--inline .vp-navmenu__item[b-qn2hier4xn],
[data-theme="dark"] .vp-navmenu--rail .vp-navmenu__item[b-qn2hier4xn],
[data-theme="dark"] .vp-navmenu--inline .vp-navmenu__item--disabled[b-qn2hier4xn],
[data-theme="dark"] .vp-navmenu--rail .vp-navmenu__item--disabled[b-qn2hier4xn],
:root[data-theme="dark"] .vp-navmenu--inline .vp-navmenu__item[b-qn2hier4xn],
:root[data-theme="dark"] .vp-navmenu--rail .vp-navmenu__item[b-qn2hier4xn],
:root[data-theme="dark"] .vp-navmenu--inline .vp-navmenu__item--disabled[b-qn2hier4xn],
:root[data-theme="dark"] .vp-navmenu--rail .vp-navmenu__item--disabled[b-qn2hier4xn] {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    border-color: transparent;
}

[data-theme="dark"] .vp-navmenu--inline .vp-navmenu__item--active[b-qn2hier4xn],
:root[data-theme="dark"] .vp-navmenu--inline .vp-navmenu__item--active[b-qn2hier4xn] {
    background: var(--color-bright-green);
    color: var(--color-midnight);
    box-shadow: 0 14px 24px rgba(163, 233, 107, 0.22);
}

[data-theme="dark"] .vp-navmenu--rail .vp-navmenu__item--active[b-qn2hier4xn],
:root[data-theme="dark"] .vp-navmenu--rail .vp-navmenu__item--active[b-qn2hier4xn] {
    background: linear-gradient(135deg, rgba(163, 233, 107, 0.94), rgba(143, 212, 85, 0.94));
    color: var(--color-midnight);
    border-color: transparent;
}

@media (max-width: 809px) {
    .vp-navmenu__toggle[b-qn2hier4xn] {
        display: inline-flex;
    }

    .vp-navmenu__backdrop[b-qn2hier4xn] {
        display: block;
    }

    .vp-navmenu__surface[b-qn2hier4xn] {
        display: none;
        position: absolute;
        top: calc(100% + 12px);
        left: 0;
        right: 0;
        z-index: 20;
        padding: 16px;
        border-radius: 18px;
        animation: vp-navmenu-enter-b-qn2hier4xn 0.28s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .vp-navmenu--open .vp-navmenu__surface[b-qn2hier4xn] {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .vp-navmenu__group[b-qn2hier4xn] {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .vp-navmenu__group-label[b-qn2hier4xn] {
        display: inline-block;
    }

    .vp-navmenu__group-items[b-qn2hier4xn] {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .vp-navmenu__item[b-qn2hier4xn],
    .vp-navmenu__item--disabled[b-qn2hier4xn] {
        width: 100%;
        padding: 12px 13px;
        border-radius: 14px;
    }

    .vp-navmenu__item--active[b-qn2hier4xn] {
        background: var(--color-bright-green);
        color: var(--color-midnight);
    }

    .vp-navmenu__item--active .vp-navmenu__item-badge[b-qn2hier4xn] {
        background: rgba(34, 48, 41, 0.12);
        color: var(--color-midnight);
    }
}

@keyframes vp-navmenu-enter-b-qn2hier4xn {
    from {
        opacity: 0;
        transform: translateY(8px) scale(0.97);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
/* _content/Verapath.Components/Components/Overlay/OverlayHost.razor.rz.scp.css */
.vp-overlay-host[b-ibdqde1ywv] {
    position: fixed;
    inset: 0;
    z-index: 1500;
    pointer-events: none;
}

.vp-overlay-host__backdrop[b-ibdqde1ywv] {
    position: fixed;
    inset: 0;
    pointer-events: auto;
    background: transparent;
}

.vp-overlay-host__surface[b-ibdqde1ywv] {
    position: fixed;
    pointer-events: auto;
}

.vp-overlay-host__surface--top[b-ibdqde1ywv] {
    transform: translateY(-100%);
}
/* _content/Verapath.Components/Components/PageHeader/VerapathPageHeader.razor.rz.scp.css */
/* Verapath page header — dark editorial top strip.
   Lifted verbatim from FirmOverview.razor.css (lines 17-140) with the
   BEM class prefix renamed from `firm-overview__topstrip*` to
   `verapath-page-header*`. Keep the CSS-variable tokens identical so
   the header reads the same theme values across consumers. */

/* ── Dark editorial top strip ────────────────────────────────── */

.verapath-page-header[b-nmg3nc97py] {
    background: var(--vp-topstrip-bg, linear-gradient(180deg, #122518 0%, #0E1C12 100%));
    color: var(--vp-topstrip-ink, #DAD8C9);
    border-bottom: 1px solid var(--vp-topstrip-border, rgba(218, 216, 201, 0.10));
}

.verapath-page-header__inner[b-nmg3nc97py] {
    padding: 8px 16px 10px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    /* No max-width cap: the page body below (toolbars, grids) fills the full
       host width, so capping + centering the header here left the title and
       LIVE/sync row drifting inward — misaligned from the content — on wide
       screens. Span the full width so the header tracks the body edges. */
}

.verapath-page-header__breadcrumb[b-nmg3nc97py] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--vp-meta, 12px);
    color: var(--vp-topstrip-ink-muted, rgba(218, 216, 201, 0.55));
    letter-spacing: 0.02em;
}
.verapath-page-header__breadcrumb-sep[b-nmg3nc97py] {
    opacity: 0.6;
}

.verapath-page-header__row[b-nmg3nc97py] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.verapath-page-header__firm[b-nmg3nc97py] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: var(--vp-body-compact, 13px);
}
.verapath-page-header__firm-mark[b-nmg3nc97py] {
    width: 12px;
    height: 12px;
    border-radius: 2px;
    background: var(--color-bright-green, #a3e96b);
    box-shadow: 0 0 0 1px rgba(218, 216, 201, 0.16);
}
.verapath-page-header__firm-name[b-nmg3nc97py] {
    font-weight: 600;
    color: var(--vp-topstrip-ink, #DAD8C9);
}

.verapath-page-header__status[b-nmg3nc97py] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: var(--vp-meta, 12px);
    color: var(--vp-topstrip-ink-muted, rgba(218, 216, 201, 0.55));
    font-variant-numeric: tabular-nums;
}

.verapath-page-header__live[b-nmg3nc97py] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: var(--color-bright-green, #a3e96b);
}
.verapath-page-header__live-dot[b-nmg3nc97py] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--color-bright-green, #a3e96b);
    box-shadow: 0 0 0 3px rgba(163, 233, 107, 0.18);
    animation: verapath-page-header-pulse-b-nmg3nc97py 2.2s ease-in-out infinite;
}
@keyframes verapath-page-header-pulse-b-nmg3nc97py {
    0%, 100% { opacity: 1; }
    50%      { opacity: 0.55; }
}

.verapath-page-header__title[b-nmg3nc97py] {
    margin: 0;
    font-family: var(--font-serif, Georgia, "Times New Roman", serif);
    font-size: var(--vp-h1-compact, 20px);
    font-weight: 500;
    color: var(--vp-topstrip-ink, #DAD8C9);
    letter-spacing: -0.005em;
}

/* Title + optional subtitle stack (UX-3). Zero visual impact when no subtitle:
   the wrapper adds no spacing of its own around the lone h1. */
.verapath-page-header__title-copy[b-nmg3nc97py] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    /* Keep the title clustered with an optional TitlePrefix mark on the left —
       the row is space-between, so without this a 3rd child would centre us. */
    margin-right: auto;
}

.verapath-page-header__subtitle[b-nmg3nc97py] {
    font-size: var(--vp-meta, 12px);
    color: var(--vp-topstrip-ink-muted, rgba(218, 216, 201, 0.55));
}

.verapath-page-header__actions[b-nmg3nc97py] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    /* On narrow viewports the action cluster must wrap instead of clipping —
       detail pages put up to five buttons here, and the shell's overflow-x
       hidden was silently cutting off the primary action on mobile. */
    flex-wrap: wrap;
    max-width: 100%;
    min-width: 0;
}

/* Use ::deep so the button rules reach into Actions render-fragment
   content (rendered by the caller / VerapathPageHeaderButton, not by
   this .razor). Scoped CSS otherwise only matches elements emitted
   directly by VerapathPageHeader.razor. */
.verapath-page-header__inner[b-nmg3nc97py]  .verapath-page-header__btn {
    appearance: none;
    background: rgba(218, 216, 201, 0.05);
    border: 1px solid rgba(218, 216, 201, 0.18);
    color: var(--vp-topstrip-ink, #DAD8C9);
    font: inherit;
    font-size: var(--vp-meta, 12px);
    font-weight: 500;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    transition: background-color 0.12s ease, border-color 0.12s ease;
}
.verapath-page-header__inner[b-nmg3nc97py]  .verapath-page-header__btn:hover {
    background: rgba(218, 216, 201, 0.10);
    border-color: rgba(218, 216, 201, 0.32);
}
.verapath-page-header__inner[b-nmg3nc97py]  .verapath-page-header__btn--primary {
    background: var(--vp-topstrip-ink, #DAD8C9);
    color: #122518;
    border-color: transparent;
}
.verapath-page-header__inner[b-nmg3nc97py]  .verapath-page-header__btn--primary:hover {
    background: #ffffff;
}
/* _content/Verapath.Components/Components/Pagination/VerapathPagination.razor.rz.scp.css */
/* ── Pagination ──────────────────────────────────────────────────── */

.vp-pagination[b-y9xiogbtw6] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.vp-pagination__page-size[b-y9xiogbtw6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--color-gray-01, #909893);
    margin-right: 8px;
}

.vp-pagination__page-size-select[b-y9xiogbtw6] {
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: 4px;
    background: var(--vp-card-bg, #ffffff);
    color: var(--vp-content-text, #223029);
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: 11.5px;
    padding: 3px 6px;
    outline: none;
    cursor: pointer;
}

.vp-pagination__page-size-select:focus[b-y9xiogbtw6] {
    border-color: var(--color-bright-green, #a3e96b);
}

.vp-pagination__page-info[b-y9xiogbtw6] {
    padding: 0 6px;
    font-size: 11.5px;
    color: var(--vp-content-text, #223029);
    white-space: nowrap;
}

.vp-pagination__page-btn[b-y9xiogbtw6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: 6px;
    background: var(--vp-card-bg, #ffffff);
    color: var(--vp-content-text, #223029);
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
    padding: 0;
}

.vp-pagination__page-btn:hover:not(:disabled)[b-y9xiogbtw6] {
    background: var(--vp-surface-hover, #e0e3e2);
}

.vp-pagination__page-btn:disabled[b-y9xiogbtw6] {
    opacity: 0.35;
    cursor: not-allowed;
}

[data-theme="dark"] .vp-pagination__page-btn[b-y9xiogbtw6] {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.10);
    color: rgba(255, 255, 255, 0.76);
}

[data-theme="dark"] .vp-pagination__page-btn:hover:not(:disabled)[b-y9xiogbtw6] {
    background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-pagination__page-size-select[b-y9xiogbtw6] {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.10);
    color: rgba(255, 255, 255, 0.86);
    color-scheme: dark;
}

[data-theme="dark"] .vp-pagination__page-size-select option[b-y9xiogbtw6],
:root[data-theme="dark"] .vp-pagination__page-size-select option[b-y9xiogbtw6] {
    background: color-mix(in srgb, var(--color-midnight, #223029) 92%, #000 8%);
    color: rgba(255, 255, 255, 0.92);
}

[data-theme="dark"] .vp-pagination__page-info[b-y9xiogbtw6] {
    color: rgba(255, 255, 255, 0.86);
}
/* _content/Verapath.Components/Components/Personalization/VerapathPersonalizationPanel.razor.rz.scp.css */
/* VerapathPersonalizationPanel — scoped styles. Tokens with fallbacks only;
   no :root, no hardcoded brand colors (per Verapath.Components conventions).
   The accent-swatch dots reference the four accent base colors via tokens. */

.vp-pp[b-0nnatgelf2] {
    display: flex;
    flex-direction: column;
    gap: var(--space-6, 24px);
}

.vp-pp__group[b-0nnatgelf2] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3, 12px);
}

.vp-pp__label[b-0nnatgelf2] {
    margin: 0;
    font-size: var(--font-size-caption, 12px);
    font-weight: var(--font-weight-bold, 700);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--vp-content-text, #223029);
}

/* ── Segmented control ───────────────────────────────────────────── */
.vp-pp__seg[b-0nnatgelf2] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: 4px;
    padding: 4px;
    border-radius: var(--border-radius-md, 6px);
    background: var(--vp-surface-disabled, #f7f7f7);
    border: 1px solid var(--vp-border-default, #b9c0be);
}

.vp-pp__seg-btn[b-0nnatgelf2] {
    appearance: none;
    border: 1px solid transparent;
    background: transparent;
    border-radius: var(--border-radius-sm, 4px);
    padding: 8px 10px;
    font: inherit;
    font-size: var(--font-size-body-sm, 14px);
    color: var(--vp-content-text, #223029);
    cursor: pointer;
    transition: background-color .12s ease, box-shadow .12s ease, border-color .12s ease;
}

.vp-pp__seg-btn:hover[b-0nnatgelf2] { background: var(--vp-surface-hover, #e0e3e2); }

.vp-pp__seg-btn:focus-visible[b-0nnatgelf2] {
    outline: var(--vp-focus-ring, 2px solid #a3e96b);
    outline-offset: 1px;
}

.vp-pp__seg-btn.is-active[b-0nnatgelf2] {
    background: var(--vp-card-bg, #ffffff);
    border-color: var(--vp-accent, #a3e96b);
    box-shadow: 0 1px 2px rgba(34, 48, 41, .12);
    font-weight: var(--font-weight-medium, 500);
}

/* ── Accent swatches ─────────────────────────────────────────────── */
.vp-pp__swatches[b-0nnatgelf2] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}

.vp-pp__swatch[b-0nnatgelf2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 10px 6px;
    cursor: pointer;
    background: transparent;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-md, 6px);
    transition: border-color .12s ease, box-shadow .12s ease;
}

.vp-pp__swatch:hover[b-0nnatgelf2] { border-color: var(--vp-border-hover, #223029); }

.vp-pp__swatch:focus-visible[b-0nnatgelf2] {
    outline: var(--vp-focus-ring, 2px solid #a3e96b);
    outline-offset: 1px;
}

.vp-pp__swatch.is-active[b-0nnatgelf2] {
    border-color: var(--vp-content-text, #223029);
    box-shadow: 0 0 0 2px var(--vp-accent-soft, #edfaee);
}

.vp-pp__swatch-dot[b-0nnatgelf2] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid rgba(34, 48, 41, .12);
}

.vp-pp__swatch--green     .vp-pp__swatch-dot[b-0nnatgelf2] { background: var(--color-bright-green, #a3e96b); }
.vp-pp__swatch--iris      .vp-pp__swatch-dot[b-0nnatgelf2] { background: var(--color-purple, #bca9f1); }
.vp-pp__swatch--evergreen .vp-pp__swatch-dot[b-0nnatgelf2] { background: var(--color-green, #0ea665); }
.vp-pp__swatch--sand      .vp-pp__swatch-dot[b-0nnatgelf2] { background: var(--color-beige, #f1e9e2); }

.vp-pp__swatch-name[b-0nnatgelf2] {
    font-size: var(--font-size-micro, 10px);
    color: var(--vp-content-text, #223029);
}

/* ── Type-scale specimen ─────────────────────────────────────────── */
.vp-pp__seg--type .vp-pp__seg-btn[b-0nnatgelf2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.vp-pp__specimen[b-0nnatgelf2] {
    font-weight: var(--font-weight-bold, 700);
    line-height: 1;
    color: var(--vp-content-text, #223029);
}

.vp-pp__type-s .vp-pp__specimen[b-0nnatgelf2] { font-size: 13px; }
.vp-pp__type-m .vp-pp__specimen[b-0nnatgelf2] { font-size: 16px; }
.vp-pp__type-l .vp-pp__specimen[b-0nnatgelf2] { font-size: 19px; }

.vp-pp__type-name[b-0nnatgelf2] {
    font-size: var(--font-size-micro, 10px);
    color: var(--vp-content-text, #223029);
}
/* _content/Verapath.Components/Components/Popover/VerapathPopover.razor.rz.scp.css */
.vp-popover-backdrop[b-x2l60cmctj] {
    position: fixed;
    inset: 0;
    z-index: 9998;
    background: transparent;
}

.vp-popover[b-x2l60cmctj] {
    position: fixed;
    top: var(--vp-popover-top, 0);
    /* Anchors come from a click point, which can sit within a panel-width of the
       viewport's right edge (e.g. a grid's last-column filter button) — clamp so the
       panel never renders off-screen on either side. */
    left: clamp(12px, var(--vp-popover-left, 0px), calc(100vw - var(--vp-popover-width, 300px) - 12px));
    right: var(--vp-popover-right, auto);
    width: var(--vp-popover-width, 300px);
    /* The panel is focused programmatically on open (tabindex=-1) so its Escape handler is
       reachable; it is not itself an interactive control, so the UA's :focus-visible
       heuristic would paint a stray outline around the rounded container. Suppress it here —
       focusable content inside keeps its own focus rings. */
    outline: none;
    max-width: calc(100vw - 24px);
    z-index: 9999;
    background: var(--vp-card-bg, #ffffff);
    color: var(--vp-content-text, #223029);
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: 10px;
    box-shadow: 0 18px 40px rgba(15, 23, 19, 0.18);
    font-family: var(--font-body, system-ui), sans-serif;
    font-size: 13px;
    overflow: hidden;
}

/* Right-anchored mode (AnchorRight): positioned from the right edge, so the
   left clamp must not apply. */
.vp-popover.vp-popover--right[b-x2l60cmctj] {
    left: auto;
}

[data-theme="dark"].vp-popover[b-x2l60cmctj],
[data-theme="dark"] .vp-popover[b-x2l60cmctj] {
    background: color-mix(in srgb, var(--color-midnight, #223029) 92%, #000 8%);
    border-color: rgba(255, 255, 255, 0.10);
    color: rgba(255, 255, 255, 0.88);
    box-shadow: 0 22px 44px rgba(0, 0, 0, 0.45);
    color-scheme: dark;
}
/* _content/Verapath.Components/Components/Profile/ProfileBadgeMenuItem.razor.rz.scp.css */
.vp-profile-menu-item[b-fvzuqmatlw] {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    padding: 12px;
    border: 1px solid transparent;
    border-radius: 12px;
    background: var(--btn-secondary-bg);
    color: var(--vp-content-text);
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    transition: transform 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.vp-profile-menu-item:hover[b-fvzuqmatlw] {
    background: color-mix(in srgb, var(--btn-secondary-bg) 80%, var(--color-white) 20%);
    border-color: color-mix(in srgb, var(--vp-border-default) 70%, var(--color-white) 30%);
    box-shadow: 0 10px 20px rgba(34, 48, 41, 0.08);
    transform: translateY(-1px);
}

.vp-profile-menu-item:focus-visible[b-fvzuqmatlw] {
    outline: 2px solid var(--color-bright-green);
    outline-offset: 2px;
}

.vp-profile-menu-item__inner[b-fvzuqmatlw] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-width: 0;
}

.vp-profile-menu-item__icon[b-fvzuqmatlw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: color-mix(in srgb, var(--color-bright-green) 18%, var(--color-white) 82%);
    color: var(--color-midnight);
    flex: 0 0 34px;
}

.vp-profile-menu-item__copy[b-fvzuqmatlw] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.vp-profile-menu-item__label[b-fvzuqmatlw] {
    display: block;
    font-family: "Season Sans SemiBold", "Season Sans Regular Placeholder", Arial, sans-serif;
    font-size: 14px;
    color: inherit;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vp-profile-menu-item__supporting[b-fvzuqmatlw] {
    font-family: "Season Sans Regular", "Season Sans Regular Placeholder", Arial, sans-serif;
    font-size: 12px;
    color: var(--vp-placeholder-color);
}

.vp-profile-menu-item__badge[b-fvzuqmatlw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    background: var(--color-light-purple-50);
    color: var(--vp-content-text);
    font-family: "Season Sans SemiBold", "Season Sans Regular Placeholder", Arial, sans-serif;
    font-size: 11px;
    flex: 0 0 auto;
}

.vp-profile-menu-item--destructive[b-fvzuqmatlw] {
    color: var(--color-red);
}

.vp-profile-menu-item--destructive .vp-profile-menu-item__icon[b-fvzuqmatlw] {
    background: color-mix(in srgb, var(--color-red) 16%, var(--color-white) 84%);
    color: var(--color-red);
}

[data-theme="dark"] .vp-profile-menu-item[b-fvzuqmatlw],
:root[data-theme="dark"] .vp-profile-menu-item[b-fvzuqmatlw] {
    background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-profile-menu-item:hover[b-fvzuqmatlw],
:root[data-theme="dark"] .vp-profile-menu-item:hover[b-fvzuqmatlw] {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .vp-profile-menu-item__icon[b-fvzuqmatlw],
:root[data-theme="dark"] .vp-profile-menu-item__icon[b-fvzuqmatlw] {
    background: rgba(163, 233, 107, 0.22);
    color: var(--color-bright-green);
}

[data-theme="dark"] .vp-profile-menu-item--destructive .vp-profile-menu-item__icon[b-fvzuqmatlw],
:root[data-theme="dark"] .vp-profile-menu-item--destructive .vp-profile-menu-item__icon[b-fvzuqmatlw] {
    background: rgba(249, 87, 77, 0.16);
    color: var(--color-red);
}
/* _content/Verapath.Components/Components/Profile/VerapathProfileBadge.razor.rz.scp.css */
.vp-profile-badge-shell[b-af0ux7o28c] {
    position: relative;
    display: inline-flex;
    max-width: 100%;
}

.vp-profile-badge[b-af0ux7o28c] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    max-width: 100%;
    padding: 13px 15px;
    border: 1px solid color-mix(in srgb, var(--vp-border-default) 78%, var(--color-white) 22%);
    border-radius: 16px;
    background:
        radial-gradient(circle at top right, rgba(163, 233, 107, 0.22), transparent 34%),
        linear-gradient(180deg, color-mix(in srgb, var(--vp-surface-input) 96%, var(--color-white) 4%), var(--vp-surface-input));
    color: var(--vp-content-text);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.75),
        0 14px 30px rgba(34, 48, 41, 0.08);
}

/* ── Compact modifier — for sidebars & toolbars ────────────────── */
.vp-profile-badge--compact[b-af0ux7o28c] {
    padding: 9px 11px;
    border-radius: 14px;
}

.vp-profile-badge--compact .vp-profile-badge__content[b-af0ux7o28c] {
    gap: 10px;
}

.vp-profile-badge--compact .vp-profile-badge__avatar[b-af0ux7o28c] {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    border-radius: 999px;
}

.vp-profile-badge--compact .vp-profile-badge__name[b-af0ux7o28c] {
    font-size: 13px;
}

.vp-profile-badge--compact .vp-profile-badge__secondary[b-af0ux7o28c] {
    font-size: 11.5px;
}

/* ── Inline modifier — borderless for dense admin rails ────────── */
.vp-profile-badge--inline[b-af0ux7o28c] {
    padding: 6px 8px;
    border-color: transparent;
    background: transparent;
    box-shadow: none;
    border-radius: 12px;
}

.vp-profile-badge--interactive[b-af0ux7o28c] {
    cursor: pointer;
    transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.vp-profile-badge--interactive:hover[b-af0ux7o28c] {
    border-color: var(--color-bright-green);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        0 18px 32px rgba(34, 48, 41, 0.12);
    transform: translateY(-1px) scale(1.01);
}

.vp-profile-badge--interactive:focus-visible[b-af0ux7o28c] {
    outline: 2px solid var(--color-bright-green);
    outline-offset: 2px;
}

.vp-profile-badge--open[b-af0ux7o28c] {
    border-color: var(--color-bright-green);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        0 18px 36px rgba(34, 48, 41, 0.14);
}

.vp-profile-badge__content[b-af0ux7o28c] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.vp-profile-badge__avatar[b-af0ux7o28c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--color-bright-green), var(--color-mint));
    color: var(--color-midnight);
    overflow: hidden;
    flex: 0 0 44px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.38);
}

.vp-profile-badge__avatar-image[b-af0ux7o28c] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.vp-profile-badge__initials[b-af0ux7o28c] {
    font-family: "Season Sans SemiBold", "Season Sans Regular Placeholder", Arial, sans-serif;
    font-size: 14px;
    letter-spacing: 0.04em;
}

.vp-profile-badge__copy[b-af0ux7o28c] {
    display: inline-flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.vp-profile-badge__name[b-af0ux7o28c] {
    font-family: "Season Sans SemiBold", "Season Sans Regular Placeholder", Arial, sans-serif;
    font-size: 15px;
    color: var(--vp-content-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vp-profile-badge__secondary[b-af0ux7o28c] {
    font-family: "Season Sans Regular", "Season Sans Regular Placeholder", Arial, sans-serif;
    font-size: 13px;
    color: var(--vp-placeholder-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vp-profile-badge__status[b-af0ux7o28c] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.vp-profile-badge__status-dot[b-af0ux7o28c] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--vp-profile-status-dot-color, var(--color-gray-01));
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--vp-surface-input) 72%, transparent);
    flex: 0 0 8px;
}

.vp-profile-badge__status-text[b-af0ux7o28c] {
    font-family: "Season Sans SemiBold", "Season Sans Regular Placeholder", Arial, sans-serif;
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--vp-profile-status-text-color, var(--vp-placeholder-color));
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vp-profile-badge__chevron[b-af0ux7o28c] {
    display: inline-flex;
    align-items: center;
    color: var(--vp-placeholder-color);
    margin-left: 4px;
    flex: 0 0 auto;
}

.vp-profile-badge__menu-backdrop[b-af0ux7o28c] {
    position: fixed;
    inset: 0;
    z-index: 39;
    background: transparent;
    border: 0;
}

.vp-profile-badge__menu[b-af0ux7o28c] {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    z-index: 40;
    width: min(320px, calc(100vw - 32px));
    padding: 14px;
    border: 1px solid color-mix(in srgb, var(--vp-border-default) 76%, var(--color-white) 24%);
    border-radius: 18px;
    background:
        radial-gradient(circle at top right, rgba(163, 233, 107, 0.14), transparent 34%),
        linear-gradient(180deg, color-mix(in srgb, var(--vp-surface-input) 98%, var(--color-white) 2%), var(--vp-surface-input));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        0 28px 56px rgba(34, 48, 41, 0.16);
    transform-origin: top right;
    animation: vp-profile-menu-enter-b-af0ux7o28c 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

.vp-profile-badge__menu-header[b-af0ux7o28c] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 4px 4px 14px;
}

.vp-profile-badge__menu-avatar[b-af0ux7o28c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--color-bright-green), var(--color-green));
    color: var(--color-midnight);
    overflow: hidden;
    flex: 0 0 52px;
}

.vp-profile-badge__menu-copy[b-af0ux7o28c] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.vp-profile-badge__menu-name[b-af0ux7o28c] {
    font-family: "Season Sans SemiBold", "Season Sans Regular Placeholder", Arial, sans-serif;
    font-size: 15px;
    color: var(--vp-content-text);
}

.vp-profile-badge__menu-secondary[b-af0ux7o28c] {
    font-family: "Season Sans Regular", "Season Sans Regular Placeholder", Arial, sans-serif;
    font-size: 13px;
    color: var(--vp-placeholder-color);
}

.vp-profile-badge__menu-items[b-af0ux7o28c] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 12px;
    border-top: 1px solid color-mix(in srgb, var(--vp-divider) 84%, transparent);
}

.vp-profile-badge--neutral[b-af0ux7o28c] {
    --vp-profile-status-dot-color: var(--color-gray-01);
    --vp-profile-status-text-color: var(--color-gray-01);
}

.vp-profile-badge--success[b-af0ux7o28c] {
    --vp-profile-status-dot-color: var(--color-green);
    --vp-profile-status-text-color: var(--color-green);
}

.vp-profile-badge--warning[b-af0ux7o28c] {
    --vp-profile-status-dot-color: var(--color-pale-yellow);
    /* Badge flips light -> dark-green gradient in dark mode, so the status text
       must flip too; the pale-yellow dot carries the warning hue. */
    --vp-profile-status-text-color: var(--vp-content-text);
}

.vp-profile-badge--danger[b-af0ux7o28c] {
    --vp-profile-status-dot-color: var(--color-red);
    --vp-profile-status-text-color: var(--color-red);
}

[data-theme="dark"] .vp-profile-badge[b-af0ux7o28c],
:root[data-theme="dark"] .vp-profile-badge[b-af0ux7o28c] {
    border-color: rgba(255, 255, 255, 0.08);
    background:
        radial-gradient(circle at top right, rgba(163, 233, 107, 0.14), transparent 32%),
        linear-gradient(180deg, rgba(36, 59, 47, 0.98), rgba(26, 41, 34, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 18px 36px rgba(0, 0, 0, 0.22);
}

[data-theme="dark"] .vp-profile-badge__avatar[b-af0ux7o28c],
[data-theme="dark"] .vp-profile-badge__menu-avatar[b-af0ux7o28c],
:root[data-theme="dark"] .vp-profile-badge__avatar[b-af0ux7o28c],
:root[data-theme="dark"] .vp-profile-badge__menu-avatar[b-af0ux7o28c] {
    background: linear-gradient(135deg, var(--color-bright-green), var(--color-green));
    color: var(--color-midnight);
}

[data-theme="dark"] .vp-profile-badge__menu[b-af0ux7o28c],
:root[data-theme="dark"] .vp-profile-badge__menu[b-af0ux7o28c] {
    border-color: rgba(255, 255, 255, 0.08);
    background:
        radial-gradient(circle at top right, rgba(163, 233, 107, 0.12), transparent 30%),
        linear-gradient(180deg, rgba(36, 59, 47, 0.98), rgba(26, 41, 34, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 30px 60px rgba(0, 0, 0, 0.28);
}

[data-theme="dark"] .vp-profile-badge--compact[b-af0ux7o28c],
:root[data-theme="dark"] .vp-profile-badge--compact[b-af0ux7o28c] {
    border-color: rgba(255, 255, 255, 0.08);
    background:
        radial-gradient(circle at top right, rgba(163, 233, 107, 0.10), transparent 36%),
        linear-gradient(180deg, rgba(36, 59, 47, 0.98), rgba(26, 41, 34, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 12px 24px rgba(0, 0, 0, 0.24);
}

[data-theme="dark"] .vp-profile-badge--inline[b-af0ux7o28c],
:root[data-theme="dark"] .vp-profile-badge--inline[b-af0ux7o28c] {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

[data-theme="dark"] .vp-profile-badge--inline:hover[b-af0ux7o28c],
:root[data-theme="dark"] .vp-profile-badge--inline:hover[b-af0ux7o28c] {
    background: rgba(255, 255, 255, 0.04);
}

.vp-profile-badge--inline:hover[b-af0ux7o28c] {
    background: rgba(34, 48, 41, 0.04);
}

@keyframes vp-profile-menu-enter-b-af0ux7o28c {
    from {
        opacity: 0;
        transform: translateY(8px) scale(0.96);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
/* _content/Verapath.Components/Components/RecordList/VerapathRecordList.razor.rz.scp.css */
.vp-record-list[b-wl1gau7ib1] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 24px;
    border: 1px solid rgba(34, 48, 41, 0.08);
    border-radius: 28px;
    background:
        radial-gradient(circle at top right, rgba(163, 233, 107, 0.14), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 247, 247, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        0 20px 36px rgba(34, 48, 41, 0.08);
}

.vp-record-list__header[b-wl1gau7ib1],
.vp-record-list__toolbar[b-wl1gau7ib1],
.vp-record-list__item[b-wl1gau7ib1],
.vp-record-list__item-title-row[b-wl1gau7ib1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.vp-record-list__header[b-wl1gau7ib1],
.vp-record-list__toolbar[b-wl1gau7ib1] {
    flex-wrap: wrap;
}

.vp-record-list__header-copy[b-wl1gau7ib1] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.vp-record-list__eyebrow[b-wl1gau7ib1],
.vp-record-list__item-eyebrow[b-wl1gau7ib1] {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    min-height: 28px;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(188, 169, 241, 0.16);
    color: var(--color-midnight, #223029);
    font-family: var(--vp-font-heading, "SeasonSans-SemiBold", sans-serif);
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.vp-record-list__title[b-wl1gau7ib1],
.vp-record-list__item-title[b-wl1gau7ib1] {
    margin: 0;
    font-family: var(--vp-font-heading, "SeasonSans-SemiBold", sans-serif);
    color: var(--vp-content-text, #223029);
}

.vp-record-list__title[b-wl1gau7ib1] {
    font-size: 28px;
    line-height: 1.08;
}

.vp-record-list__item-title[b-wl1gau7ib1] {
    font-size: 20px;
    line-height: 1.1;
}

.vp-record-list__description[b-wl1gau7ib1],
.vp-record-list__item-summary[b-wl1gau7ib1] {
    margin: 0;
    color: var(--vp-placeholder-color, #909893);
    font-size: 14px;
    line-height: 1.65;
}

.vp-record-list__search[b-wl1gau7ib1] {
    display: inline-flex;
    align-items: center;
    min-width: min(100%, 280px);
    min-height: 48px;
    padding: 0 14px;
    border: 1px solid rgba(185, 192, 190, 0.82);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.92);
}

.vp-record-list__search:focus-within[b-wl1gau7ib1] {
    border-color: var(--color-bright-green, #a3e96b);
    box-shadow: 0 0 0 4px rgba(163, 233, 107, 0.12);
}

.vp-record-list__search-input[b-wl1gau7ib1] {
    width: 100%;
    border: none;
    background: transparent;
    color: var(--vp-content-text, #223029);
    font-size: 14px;
    outline: none;
}

.vp-record-list__items[b-wl1gau7ib1],
.vp-record-list__loading[b-wl1gau7ib1] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.vp-record-list__item[b-wl1gau7ib1] {
    padding: 18px;
    border-radius: 22px;
    border: 1px solid rgba(34, 48, 41, 0.08);
    background: rgba(255, 255, 255, 0.84);
}

.vp-record-list__item--clickable[b-wl1gau7ib1] {
    cursor: pointer;
}

.vp-record-list__item--clickable:hover[b-wl1gau7ib1] {
    background: rgba(218, 244, 221, 0.38);
}

.vp-record-list__leading[b-wl1gau7ib1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 18px;
    background: rgba(163, 233, 107, 0.16);
    color: var(--color-midnight, #223029);
    flex: 0 0 52px;
}

.vp-record-list__body[b-wl1gau7ib1] {
    display: flex;
    flex: 1;
    min-width: 0;
    flex-direction: column;
    gap: 10px;
}

.vp-record-list__meta[b-wl1gau7ib1],
.vp-record-list__actions[b-wl1gau7ib1],
.vp-record-list__header-actions[b-wl1gau7ib1],
.vp-record-list__filters[b-wl1gau7ib1] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.vp-record-list__skeleton[b-wl1gau7ib1] {
    min-height: 108px;
    border-radius: 22px;
    background: linear-gradient(90deg, rgba(224, 227, 226, 0.62), rgba(247, 247, 247, 0.96), rgba(224, 227, 226, 0.62));
    background-size: 220% 100%;
    animation: vp-record-list-shimmer-b-wl1gau7ib1 1.4s linear infinite;
}

[data-theme="dark"] .vp-record-list[b-wl1gau7ib1],
:root[data-theme="dark"] .vp-record-list[b-wl1gau7ib1] {
    border-color: rgba(255, 255, 255, 0.08);
    background:
        radial-gradient(circle at top right, rgba(163, 233, 107, 0.14), transparent 34%),
        linear-gradient(180deg, rgba(36, 59, 47, 0.98), rgba(26, 41, 34, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 24px 42px rgba(0, 0, 0, 0.22);
}

[data-theme="dark"] .vp-record-list .vp-record-list__title[b-wl1gau7ib1],
[data-theme="dark"] .vp-record-list .vp-record-list__item-title[b-wl1gau7ib1],
[data-theme="dark"] .vp-record-list .vp-record-list__search-input[b-wl1gau7ib1],
:root[data-theme="dark"] .vp-record-list .vp-record-list__title[b-wl1gau7ib1],
:root[data-theme="dark"] .vp-record-list .vp-record-list__item-title[b-wl1gau7ib1],
:root[data-theme="dark"] .vp-record-list .vp-record-list__search-input[b-wl1gau7ib1] {
    color: var(--vp-content-text, #ffffff);
}

[data-theme="dark"] .vp-record-list .vp-record-list__description[b-wl1gau7ib1],
[data-theme="dark"] .vp-record-list .vp-record-list__item-summary[b-wl1gau7ib1],
:root[data-theme="dark"] .vp-record-list .vp-record-list__description[b-wl1gau7ib1],
:root[data-theme="dark"] .vp-record-list .vp-record-list__item-summary[b-wl1gau7ib1] {
    color: var(--vp-placeholder-color, #b9c0be);
}

[data-theme="dark"] .vp-record-list .vp-record-list__item[b-wl1gau7ib1],
[data-theme="dark"] .vp-record-list .vp-record-list__search[b-wl1gau7ib1],
:root[data-theme="dark"] .vp-record-list .vp-record-list__item[b-wl1gau7ib1],
:root[data-theme="dark"] .vp-record-list .vp-record-list__search[b-wl1gau7ib1] {
    background: rgba(34, 48, 41, 0.88);
    border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-record-list .vp-record-list__leading[b-wl1gau7ib1],
[data-theme="dark"] .vp-record-list .vp-record-list__eyebrow[b-wl1gau7ib1],
[data-theme="dark"] .vp-record-list .vp-record-list__item-eyebrow[b-wl1gau7ib1],
:root[data-theme="dark"] .vp-record-list .vp-record-list__leading[b-wl1gau7ib1],
:root[data-theme="dark"] .vp-record-list .vp-record-list__eyebrow[b-wl1gau7ib1],
:root[data-theme="dark"] .vp-record-list .vp-record-list__item-eyebrow[b-wl1gau7ib1] {
    color: var(--vp-content-text, #ffffff);
    background: rgba(255, 255, 255, 0.08);
}

@keyframes vp-record-list-shimmer-b-wl1gau7ib1 {
    0% {
        background-position: 100% 0;
    }

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

@media (max-width: 719px) {
    .vp-record-list[b-wl1gau7ib1],
    .vp-record-list__item[b-wl1gau7ib1] {
        padding: 20px;
    }

    .vp-record-list__item[b-wl1gau7ib1],
    .vp-record-list__item-title-row[b-wl1gau7ib1] {
        flex-direction: column;
    }

    .vp-record-list__leading[b-wl1gau7ib1] {
        width: 44px;
        height: 44px;
        flex-basis: 44px;
    }
}
/* _content/Verapath.Components/Components/SearchBox/VerapathSearchBox.razor.rz.scp.css */
.vp-searchbox[b-1rb84u02pz] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 280px;
    max-width: 400px;
    padding: 7px 12px;
    border-radius: 10px;
    background: var(--vp-content-bg, #f7f7f7);
    border: 1px solid var(--vp-border-default, #b9c0be);
    color: var(--vp-input-color, #223029);
    font-family: var(--font-body, system-ui), sans-serif;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

.vp-searchbox:focus-within[b-1rb84u02pz] {
    border-color: var(--color-bright-green, #a3e96b);
    box-shadow: 0 0 0 3px rgba(163, 233, 107, 0.18);
}

.vp-searchbox__icon[b-1rb84u02pz] {
    display: inline-flex;
    color: var(--color-gray-01, #909893);
    flex-shrink: 0;
}

.vp-searchbox__input[b-1rb84u02pz] {
    flex: 1;
    min-width: 0;
    border: none;
    background: transparent;
    outline: none;
    font: inherit;
    color: inherit;
    padding: 0;
    line-height: 1.4;
}

.vp-searchbox__input[b-1rb84u02pz]::placeholder {
    color: var(--vp-placeholder-color, #909893);
}

.vp-searchbox__clear[b-1rb84u02pz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    padding: 0;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: var(--color-gray-01, #909893);
    cursor: pointer;
    transition: background-color 0.12s ease, color 0.12s ease;
}

.vp-searchbox__clear:hover[b-1rb84u02pz] {
    background: var(--vp-surface-hover, #e0e3e2);
    color: var(--color-midnight, #223029);
}

.vp-searchbox__kbd[b-1rb84u02pz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    padding: 2px 6px;
    border-radius: 4px;
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: 10px;
    line-height: 1;
    background: var(--vp-card-bg, #ffffff);
    border: 1px solid var(--vp-border-default, #b9c0be);
    color: var(--color-gray-01, #909893);
}

[data-theme="dark"] .vp-searchbox[b-1rb84u02pz] {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.88);
}

[data-theme="dark"] .vp-searchbox__icon[b-1rb84u02pz] {
    color: rgba(255, 255, 255, 0.55);
}

[data-theme="dark"] .vp-searchbox__input[b-1rb84u02pz]::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

[data-theme="dark"] .vp-searchbox__clear[b-1rb84u02pz] {
    color: rgba(255, 255, 255, 0.55);
}

[data-theme="dark"] .vp-searchbox__clear:hover[b-1rb84u02pz] {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}

[data-theme="dark"] .vp-searchbox__kbd[b-1rb84u02pz] {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.55);
}
/* _content/Verapath.Components/Components/Sidebar/SidebarBrand.razor.rz.scp.css */
.vp-sidebar-brand[b-azxtwmd7gp] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    text-decoration: none;
    color: inherit;
}

.vp-sidebar-brand:hover[b-azxtwmd7gp],
.vp-sidebar-brand:focus-visible[b-azxtwmd7gp] {
    text-decoration: none;
}

.vp-sidebar-brand:focus-visible[b-azxtwmd7gp] {
    outline: 2px solid rgba(163, 233, 107, 0.55);
    outline-offset: 3px;
    border-radius: 9px;
}

.vp-sidebar-brand__tile[b-azxtwmd7gp] {
    display: inline-grid;
    place-items: center;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    border-radius: 9px;
    background: linear-gradient(135deg, var(--color-bright-green, #a3e96b), var(--color-green, #0ea665));
    color: var(--color-midnight, #223029);
    font-family: "Season Sans SemiBold", system-ui, sans-serif;
    font-size: 17px;
    font-weight: 900;
    letter-spacing: -0.03em;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        0 4px 12px rgba(163, 233, 107, 0.3);
}

.vp-sidebar-brand__copy[b-azxtwmd7gp] {
    display: inline-flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1;
}

.vp-sidebar-brand__title[b-azxtwmd7gp] {
    font-family: "Season Sans SemiBold", system-ui, sans-serif;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: -0.01em;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vp-sidebar-brand__subtitle[b-azxtwmd7gp] {
    margin-top: 3px;
    font-family: "Season Sans Regular", system-ui, sans-serif;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.45);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* _content/Verapath.Components/Components/Sidebar/SidebarNavItem.razor.rz.scp.css */
.vp-sb-item[b-eciba3a06j],
.vp-sb-item:link[b-eciba3a06j],
.vp-sb-item:visited[b-eciba3a06j],
.vp-sb-item:active[b-eciba3a06j] {
    display: flex;
    position: relative;
    align-items: center;
    gap: 10px;
    padding: 9px 14px;
    border-radius: 8px;
    margin: 0 8px;
    text-decoration: none;
    font-family: "Season Sans SemiBold", "Season Sans Regular Placeholder", Arial, sans-serif;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.82);
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
    border: none;
    background: transparent;
    width: calc(100% - 16px);
    box-sizing: border-box;
    text-decoration: none;
}

.vp-sb-item:hover[b-eciba3a06j],
.vp-sb-item:focus-visible[b-eciba3a06j] {
    background:
        radial-gradient(circle at 0% 50%, rgba(163, 233, 107, 0.08), transparent 60%),
        rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.97);
    text-decoration: none;
}

.vp-sb-item:focus-visible[b-eciba3a06j] {
    outline: 2px solid rgba(163, 233, 107, 0.55);
    outline-offset: 2px;
}

.vp-sb-item--active[b-eciba3a06j] {
    background:
        linear-gradient(90deg, rgba(163, 233, 107, 0.18), rgba(163, 233, 107, 0.06) 70%, transparent);
    color: var(--color-bright-green, #a3e96b);
    font-weight: 600;
}

/* Left accent rail */
.vp-sb-item--active[b-eciba3a06j]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    bottom: 6px;
    width: 2px;
    border-radius: 0 2px 2px 0;
    background: var(--color-bright-green, #a3e96b);
    box-shadow: 0 0 12px rgba(163, 233, 107, 0.55);
}

.vp-sb-item--active:hover[b-eciba3a06j] {
    background:
        linear-gradient(90deg, rgba(163, 233, 107, 0.22), rgba(163, 233, 107, 0.08) 70%, transparent);
}

.vp-sb-item--disabled[b-eciba3a06j] {
    opacity: 0.38;
    cursor: not-allowed;
    pointer-events: none;
}

.vp-sb-item__icon[b-eciba3a06j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.vp-sb-item__label[b-eciba3a06j] {
    flex: 1 1 auto;
    overflow: hidden;
    white-space: nowrap;
    max-width: 180px;
    opacity: 1;
    transition: opacity 0.15s ease, max-width 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

.vp-sb-item__badge[b-eciba3a06j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 18px;
    padding: 0 6px;
    border-radius: 999px;
    background: rgba(163, 233, 107, 0.15);
    color: var(--color-bright-green, #a3e96b);
    font-size: 11px;
    font-weight: 700;
    flex-shrink: 0;
    max-width: 60px;
    overflow: hidden;
    opacity: 1;
    transition: opacity 0.15s ease, max-width 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ── Collapsed state ── */
.vp-sb-item--collapsed .vp-sb-item__label[b-eciba3a06j],
.vp-sb-item--collapsed .vp-sb-item__badge[b-eciba3a06j] {
    opacity: 0;
    max-width: 0;
    padding-left: 0;
    padding-right: 0;
    min-width: 0;
}

/* ── Light theme overrides (data-theme on the <aside> ancestor) ── */
[data-theme="light"] .vp-sb-item[b-eciba3a06j] {
    color: var(--color-gray-01, #909893);
}

[data-theme="light"] .vp-sb-item:link[b-eciba3a06j],
[data-theme="light"] .vp-sb-item:visited[b-eciba3a06j],
[data-theme="light"] .vp-sb-item:active[b-eciba3a06j] {
    color: var(--color-gray-01, #909893);
}

[data-theme="light"] .vp-sb-item:hover[b-eciba3a06j],
[data-theme="light"] .vp-sb-item:focus-visible[b-eciba3a06j] {
    background:
        radial-gradient(circle at 0% 50%, rgba(34, 48, 41, 0.04), transparent 60%),
        var(--color-gray-04, #f7f7f7);
    color: var(--color-midnight, #223029);
}

[data-theme="light"] .vp-sb-item--active[b-eciba3a06j] {
    background:
        linear-gradient(90deg, rgba(34, 48, 41, 0.08), rgba(34, 48, 41, 0.02) 70%, transparent);
    color: var(--color-midnight, #223029);
}

[data-theme="light"] .vp-sb-item--active[b-eciba3a06j]::before {
    background: var(--color-green, #0ea665);
    box-shadow: 0 0 10px rgba(14, 166, 101, 0.35);
}

[data-theme="light"] .vp-sb-item--active:hover[b-eciba3a06j] {
    background:
        linear-gradient(90deg, rgba(34, 48, 41, 0.11), rgba(34, 48, 41, 0.03) 70%, transparent);
}

[data-theme="light"] .vp-sb-item__badge[b-eciba3a06j] {
    background: rgba(34, 48, 41, 0.08);
    color: var(--color-midnight, #223029);
}
/* _content/Verapath.Components/Components/Sidebar/SidebarNavSection.razor.rz.scp.css */
.vp-sb-section[b-ppns31w27s] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 0 0 18px;
}

.vp-sb-section__label[b-ppns31w27s] {
    display: block;
    padding: 6px 20px 8px;
    font-family: "Season Sans SemiBold", "Season Sans Regular Placeholder", Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: rgba(255, 255, 255, 0.35);
    white-space: nowrap;
    overflow: hidden;
}

[data-theme="light"] .vp-sb-section__label[b-ppns31w27s] {
    color: var(--color-gray-01, #909893);
}
/* _content/Verapath.Components/Components/Sidebar/SidebarQuickAction.razor.rz.scp.css */
.vp-sidebar-quick-action[b-3lx9fuszl6] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 10px 10px 12px;
    border: none;
    background: transparent;
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    text-align: left;
    font-family: "Season Sans Regular", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.2;
    cursor: pointer;
    transition: color 0.12s ease, background-color 0.12s ease;
}

.vp-sidebar-quick-action:hover[b-3lx9fuszl6] {
    background: rgba(255, 255, 255, 0.04);
    color: #ffffff;
}

.vp-sidebar-quick-action__icon[b-3lx9fuszl6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: inherit;
}

.vp-sidebar-quick-action__label[b-3lx9fuszl6] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vp-sidebar--light .vp-sidebar-quick-action[b-3lx9fuszl6] {
    color: var(--color-midnight, #223029);
}

.vp-sidebar--light .vp-sidebar-quick-action:hover[b-3lx9fuszl6] {
    background: var(--color-gray-04, #f7f7f7);
}
/* _content/Verapath.Components/Components/Sidebar/VerapathSidebar.razor.rz.scp.css */
.vp-sidebar[b-dffjyl4i65] {
    --sb-w: 240px;
    --sb-ease: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: flex;
    flex-direction: column;
    width: var(--sb-w);
    height: 100dvh;
    overflow: hidden;
    transition: width var(--sb-ease);
    background: #223127;
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    color: rgba(231, 235, 231, 0.78);
}

.vp-sidebar--collapsed[b-dffjyl4i65] {
    --sb-w: 72px;
}

.vp-sidebar--light:not(.vp-sidebar--always-dark)[b-dffjyl4i65] {
    background: var(--color-white, #ffffff);
    border-right-color: var(--color-gray-03, #e0e3e2);
    color: var(--color-midnight, #223029);
}

.vp-sidebar--always-dark[b-dffjyl4i65] {
    background: #223127;
    color: rgba(231, 235, 231, 0.78);
}

.vp-sidebar--contained[b-dffjyl4i65] {
    position: sticky;
    top: 0;
    height: 100%;
}

.vp-sidebar__header[b-dffjyl4i65] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3, 12px);
    padding: var(--space-5, 20px) var(--space-4, 16px) var(--space-4, 16px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.vp-sidebar--always-dark .vp-sidebar__header[b-dffjyl4i65] {
    border-bottom-color: rgba(255, 255, 255, 0.06);
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__header[b-dffjyl4i65] {
    border-bottom-color: var(--color-gray-03, #e0e3e2);
}

.vp-sidebar__brand[b-dffjyl4i65] {
    display: flex;
    flex: 1;
    min-width: 0;
}

.vp-sidebar__logo-link[b-dffjyl4i65] {
    display: flex;
    align-items: center;
    overflow: hidden;
    text-decoration: none;
    flex-shrink: 0;
}

.vp-sidebar__collapse-btn[b-dffjyl4i65] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: transparent;
    color: rgba(255, 255, 255, 0.32);
    cursor: pointer;
    transition: background 0.12s, color 0.12s, border-color 0.12s;
}

.vp-sidebar__collapse-btn:hover[b-dffjyl4i65] {
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.72);
    border-color: rgba(255, 255, 255, 0.14);
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__collapse-btn[b-dffjyl4i65] {
    color: var(--color-gray-01, #909893);
    border-color: var(--color-gray-03, #e0e3e2);
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__collapse-btn:hover[b-dffjyl4i65] {
    background: var(--color-gray-04, #f7f7f7);
    color: var(--color-midnight, #223029);
    border-color: var(--color-gray-02, #b9c0be);
}

.vp-sidebar--collapsed .vp-sidebar__header[b-dffjyl4i65] {
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    padding: var(--space-4, 16px) var(--space-2, 8px) 14px;
}

.vp-sidebar--collapsed .vp-sidebar__brand[b-dffjyl4i65] {
    justify-content: center;
}

.vp-sidebar--collapsed .ct-sidebar-brand[b-dffjyl4i65] {
    align-items: center;
}

.vp-sidebar--collapsed .ct-sidebar-brand__subtitle[b-dffjyl4i65] {
    display: none;
}

.vp-sidebar--collapsed .ct-sidebar-brand__title[b-dffjyl4i65] {
    font-size: 18px;
}

.vp-sidebar__body[b-dffjyl4i65] {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.14) transparent;
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__body[b-dffjyl4i65] {
    scrollbar-color: var(--color-gray-03, #e0e3e2) transparent;
}

.vp-sidebar__quick-actions[b-dffjyl4i65] {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: var(--space-2, 8px) var(--space-2, 8px) var(--space-1, 4px);
    background: #223127;
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__quick-actions[b-dffjyl4i65] {
    background: var(--color-white, #ffffff);
}

.vp-sidebar--collapsed .vp-sidebar__quick-actions[b-dffjyl4i65] {
    padding-left: 6px;
    padding-right: 6px;
}

.vp-sidebar__chat[b-dffjyl4i65] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2, 8px);
    padding: 10px var(--space-2, 8px) var(--space-3, 12px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__chat[b-dffjyl4i65] {
    border-bottom-color: var(--color-gray-03, #e0e3e2);
}

.vp-sidebar__chat-new[b-dffjyl4i65] {
    display: flex;
    align-items: center;
    gap: var(--space-2, 8px);
    width: 100%;
    padding: var(--space-2, 8px) 10px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.82);
    font-family: "Season Sans SemiBold", Arial, sans-serif;
    font-size: 13px;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s;
}

.vp-sidebar__chat-new:hover[b-dffjyl4i65] {
    background: rgba(163, 233, 107, 0.08);
    border-color: rgba(163, 233, 107, 0.28);
}

.vp-sidebar__chat-new-icon[b-dffjyl4i65] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__chat-new[b-dffjyl4i65] {
    background: var(--color-gray-04, #f7f7f7);
    border-color: var(--color-gray-03, #e0e3e2);
    color: var(--color-midnight, #223029);
}

.vp-sidebar__chat-search[b-dffjyl4i65] {
    display: flex;
    align-items: center;
    gap: var(--space-2, 8px);
    padding: var(--space-2, 8px) 10px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.vp-sidebar__chat-search:focus-within[b-dffjyl4i65] {
    border-color: rgba(163, 233, 107, 0.35);
}

.vp-sidebar__chat-search-icon[b-dffjyl4i65] {
    flex-shrink: 0;
    color: rgba(255, 255, 255, 0.28);
}

.vp-sidebar__chat-search-input[b-dffjyl4i65] {
    flex: 1;
    min-width: 0;
    padding: 0;
    border: none;
    outline: none;
    background: none;
    color: rgba(255, 255, 255, 0.78);
    font-size: 12px;
    font-family: "Season Sans Regular", Arial, sans-serif;
}

.vp-sidebar__chat-search-input[b-dffjyl4i65]::placeholder {
    color: rgba(255, 255, 255, 0.28);
}

.vp-sidebar__chat-search-input[b-dffjyl4i65]::-webkit-search-cancel-button {
    display: none;
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__chat-search[b-dffjyl4i65] {
    background: var(--color-gray-04, #f7f7f7);
    border-color: var(--color-gray-03, #e0e3e2);
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__chat-search-icon[b-dffjyl4i65],
.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__chat-search-input[b-dffjyl4i65]::placeholder {
    color: var(--color-gray-01, #909893);
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__chat-search-input[b-dffjyl4i65] {
    color: var(--color-midnight, #223029);
}

.vp-sidebar__chat-list[b-dffjyl4i65] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1, 4px);
    max-height: 240px;
    overflow-y: auto;
}

.vp-sidebar__chat-item[b-dffjyl4i65] {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: var(--space-2, 8px);
    min-width: 0;
    padding: var(--space-2, 8px) var(--space-7, 32px) var(--space-2, 8px) 10px;
    border-radius: 8px;
    border-left: 2px solid transparent;
    cursor: pointer;
    transition: background 0.1s, border-color 0.1s;
}

.vp-sidebar__chat-item:hover[b-dffjyl4i65] {
    background: rgba(255, 255, 255, 0.05);
}

.vp-sidebar__chat-item--active[b-dffjyl4i65] {
    background: rgba(163, 233, 107, 0.07);
    border-left-color: var(--color-bright-green, #a3e96b);
}

.vp-sidebar__chat-item--active:hover[b-dffjyl4i65] {
    background: rgba(163, 233, 107, 0.1);
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__chat-item:hover[b-dffjyl4i65] {
    background: var(--color-gray-04, #f7f7f7);
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__chat-item--active[b-dffjyl4i65] {
    background: rgba(34, 48, 41, 0.05);
}

.vp-sidebar__chat-text[b-dffjyl4i65] {
    display: flex;
    flex: 1;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.vp-sidebar__chat-name[b-dffjyl4i65] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
    font-family: "Season Sans Regular", Arial, sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vp-sidebar__chat-preview[b-dffjyl4i65] {
    color: rgba(255, 255, 255, 0.4);
    font-size: 11px;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__chat-name[b-dffjyl4i65] {
    color: var(--color-midnight, #223029);
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__chat-preview[b-dffjyl4i65] {
    color: var(--color-gray-01, #909893);
}

.vp-sidebar__chat-edit-btn[b-dffjyl4i65] {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 4px;
    background: transparent;
    color: rgba(255, 255, 255, 0.35);
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.12s, background 0.1s, color 0.1s;
}

.vp-sidebar__chat-item:hover .vp-sidebar__chat-edit-btn[b-dffjyl4i65] {
    opacity: 1;
}

.vp-sidebar__chat-edit-btn:hover[b-dffjyl4i65] {
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.85);
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__chat-edit-btn[b-dffjyl4i65] {
    color: var(--color-gray-01, #909893);
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__chat-edit-btn:hover[b-dffjyl4i65] {
    background: var(--color-gray-03, #e0e3e2);
    color: var(--color-midnight, #223029);
}

.vp-sidebar__chat-rename[b-dffjyl4i65] {
    width: 100%;
    min-width: 0;
    padding: 1px 0;
    border: none;
    border-bottom: 1px solid var(--color-bright-green, #a3e96b);
    outline: none;
    background: none;
    color: rgba(255, 255, 255, 0.88);
    font-size: 12px;
    font-family: "Season Sans Regular", Arial, sans-serif;
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__chat-rename[b-dffjyl4i65] {
    color: var(--color-midnight, #223029);
}

.vp-sidebar__nav[b-dffjyl4i65] {
    display: flex;
    flex-direction: column;
    padding: 22px 0 26px;
}

.vp-sidebar__below-nav[b-dffjyl4i65] {
    display: flex;
    flex-direction: column;
    margin-top: var(--space-1, 4px);
    padding-top: 6px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.vp-sidebar__below-nav:empty[b-dffjyl4i65] {
    display: none;
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__below-nav[b-dffjyl4i65] {
    border-top-color: var(--color-gray-03, #e0e3e2);
}

.vp-sidebar__footer[b-dffjyl4i65] {
    position: relative;
    padding: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.vp-sidebar__footer-action[b-dffjyl4i65] {
    margin-bottom: var(--space-2, 8px);
}

.vp-sidebar__footer-action > *[b-dffjyl4i65] {
    width: 100%;
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__footer[b-dffjyl4i65] {
    border-top-color: var(--color-gray-03, #e0e3e2);
}

.vp-sidebar__profile-trigger[b-dffjyl4i65] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-width: 0;
    padding: var(--space-2, 8px) 10px;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    background:
        radial-gradient(circle at top right, rgba(163, 233, 107, 0.14), transparent 34%),
        linear-gradient(180deg, rgba(36, 59, 47, 0.98), rgba(26, 41, 34, 0.98));
    color: inherit;
    cursor: pointer;
    text-align: left;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.vp-sidebar__profile-trigger:hover[b-dffjyl4i65] {
    border-color: rgba(163, 233, 107, 0.4);
    transform: translateY(-1px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 12px 28px rgba(0, 0, 0, 0.2);
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__profile-trigger[b-dffjyl4i65] {
    border-color: color-mix(in srgb, var(--color-gray-02, #b9c0be) 78%, var(--color-white, #ffffff) 22%);
    background:
        radial-gradient(circle at top right, rgba(163, 233, 107, 0.16), transparent 34%),
        linear-gradient(180deg, color-mix(in srgb, var(--color-gray-04, #f7f7f7) 92%, var(--color-white, #ffffff) 8%), var(--color-white, #ffffff));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.75),
        0 12px 30px rgba(34, 48, 41, 0.08);
}

.vp-sidebar__profile-trigger--compact[b-dffjyl4i65] {
    justify-content: center;
    padding: var(--space-2, 8px);
}

.vp-sidebar__profile-avatar[b-dffjyl4i65],
.vp-sidebar__pm-avatar[b-dffjyl4i65] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--color-bright-green, #a3e96b), var(--color-green, #0ea665));
    color: var(--color-midnight, #223029);
    overflow: hidden;
}

.vp-sidebar__profile-avatar-img[b-dffjyl4i65],
.vp-sidebar__pm-avatar-img[b-dffjyl4i65] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.vp-sidebar__profile-initials[b-dffjyl4i65],
.vp-sidebar__pm-avatar[b-dffjyl4i65] {
    font-family: "Season Sans SemiBold", Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.03em;
}

.vp-sidebar__profile-info[b-dffjyl4i65] {
    display: flex;
    flex: 1;
    min-width: 0;
    flex-direction: column;
    gap: 1px;
}

.vp-sidebar__profile-name[b-dffjyl4i65],
.vp-sidebar__pm-name[b-dffjyl4i65] {
    color: rgba(255, 255, 255, 0.88);
    font-size: 13px;
    font-family: "Season Sans SemiBold", Arial, sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vp-sidebar__profile-secondary[b-dffjyl4i65],
.vp-sidebar__pm-secondary[b-dffjyl4i65] {
    color: rgba(255, 255, 255, 0.38);
    font-size: 11px;
    font-family: "Season Sans Regular", Arial, sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__profile-name[b-dffjyl4i65],
.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__pm-name[b-dffjyl4i65] {
    color: var(--color-midnight, #223029);
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__profile-secondary[b-dffjyl4i65],
.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__pm-secondary[b-dffjyl4i65] {
    color: var(--color-gray-01, #909893);
}

.vp-sidebar__profile-chevron[b-dffjyl4i65] {
    flex-shrink: 0;
    color: rgba(255, 255, 255, 0.28);
    transition: transform 0.16s, color 0.12s;
}

.vp-sidebar__profile-chevron--open[b-dffjyl4i65] {
    transform: rotate(180deg);
    color: rgba(255, 255, 255, 0.55);
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__profile-chevron[b-dffjyl4i65] {
    color: var(--color-gray-01, #909893);
}

.vp-sidebar__pm-backdrop[b-dffjyl4i65] {
    position: fixed;
    inset: 0;
    z-index: 109;
    border: none;
    background: transparent;
    cursor: default;
}

.vp-sidebar__pm[b-dffjyl4i65] {
    position: absolute;
    left: var(--space-2, 8px);
    right: var(--space-2, 8px);
    bottom: calc(100% + 6px);
    z-index: 110;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 18px;
    background:
        radial-gradient(circle at top right, rgba(163, 233, 107, 0.12), transparent 30%),
        linear-gradient(180deg, rgba(36, 59, 47, 0.98), rgba(26, 41, 34, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 -6px 24px rgba(0, 0, 0, 0.28);
    animation: vp-pm-up-b-dffjyl4i65 0.18s cubic-bezier(0.22, 1, 0.36, 1);
    transform-origin: bottom center;
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__pm[b-dffjyl4i65] {
    background: var(--color-white, #ffffff);
    border-color: var(--color-gray-03, #e0e3e2);
    box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.08);
}

.vp-sidebar__pm-header[b-dffjyl4i65] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 6px 10px;
    margin-bottom: 6px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__pm-header[b-dffjyl4i65] {
    border-bottom-color: var(--color-gray-03, #e0e3e2);
}

.vp-sidebar__pm-copy[b-dffjyl4i65] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.vp-sidebar__pm-items[b-dffjyl4i65] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.vp-sidebar--collapsed .vp-sidebar__chat[b-dffjyl4i65] {
    padding-bottom: var(--space-2, 8px);
}

.vp-sidebar--collapsed .vp-sidebar__chat-search[b-dffjyl4i65],
.vp-sidebar--collapsed .vp-sidebar__chat-list[b-dffjyl4i65] {
    display: none;
}

.vp-sidebar--collapsed .vp-sidebar__chat-new[b-dffjyl4i65] {
    justify-content: center;
    padding: var(--space-2, 8px);
}

.vp-sidebar--collapsed .vp-sidebar__chat-new-label[b-dffjyl4i65] {
    display: none;
}

@keyframes vp-pm-up-b-dffjyl4i65 {
    from {
        opacity: 0;
        transform: translateY(6px) scale(0.97);
    }

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

@media (max-width: 960px) {
    .vp-sidebar[b-dffjyl4i65],
    .vp-sidebar--collapsed[b-dffjyl4i65] {
        position: static;
        width: 100%;
        height: auto;
        min-height: auto;
    }

    .vp-sidebar__body[b-dffjyl4i65] {
        max-height: none;
    }

    .vp-sidebar--mobile-drawer[b-dffjyl4i65],
    .vp-sidebar--mobile-drawer.vp-sidebar--collapsed[b-dffjyl4i65] {
        position: relative;
        width: 100%;
        height: 100%;
        min-height: 100%;
        border-right: none;
    }

    .vp-sidebar--mobile-drawer .vp-sidebar__header[b-dffjyl4i65] {
        padding-right: 68px;
    }

    .vp-sidebar--mobile-drawer-no-header .vp-sidebar__header[b-dffjyl4i65] {
        display: none;
    }

    .vp-sidebar--mobile-drawer .vp-sidebar__collapse-btn[b-dffjyl4i65] {
        display: none;
    }

    .vp-sidebar--mobile-drawer .vp-sidebar__body[b-dffjyl4i65] {
        display: flex;
        flex: 1 1 auto;
        min-height: 0;
        max-height: none;
    }

    .vp-sidebar--mobile-drawer .vp-sidebar__nav[b-dffjyl4i65] {
        flex: 1 1 auto;
        padding-bottom: var(--space-5, 20px);
    }

    .vp-sidebar--mobile-drawer .vp-sidebar__footer[b-dffjyl4i65] {
        margin-top: auto;
        background: inherit;
    }
}

/* ── Sidebar rail spacing for nav items. Visual styling lives in the base
      VerapathLinkItem component — only rail-specific layout overrides here.
      The 4px transparent border-left reserves layout space so toggling the
      active color on vp-linkitem--active doesn't shift the row. */
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav .vp-linkitem {
    margin: 0 var(--space-3, 12px);
    width: calc(100% - 24px);
    border-left: 4px solid transparent !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
}

/* Supporting text isn't used in the admin catalog; hide defensively if a
   consumer ever passes it so the rail rows stay single-line. */
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav .vp-linkitem .vp-linkitem__supporting {
    display: none;
}

/* ── Force anchor color + remove underline against any site-global `a { }`
   rule. NavLink renders the anchor as its own component root, so scoped
   attributes from VerapathLinkItem's CSS don't reach it reliably; pierce
   from the sidebar parent instead. Covers every link-item state. ──── */
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem:link,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem:visited,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem:hover,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem:active,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem:focus,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem:focus-visible,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem span,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem svg,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem path,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem polyline,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem line {
    color: rgba(206, 212, 206, 0.86) !important;
    text-decoration: none !important;
    -webkit-text-fill-color: rgba(206, 212, 206, 0.86) !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    stroke: currentColor !important;
}

.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem .vp-linkitem__label,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem .vp-linkitem__icon,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem .vp-linkitem__icon-shell,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem .vp-linkitem__icon *,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem .vp-linkitem__icon-shell * {
    color: inherit !important;
    text-decoration: none !important;
    -webkit-text-fill-color: currentColor !important;
}

/* Nuclear no-underline: strip text-decoration from the anchor and every
   descendant in every state (normal, hover, focus, active, visited) across
   light and dark themes. The UA stylesheet and any ambient `a { }` rules
   keep putting it back — this wins by specificity + !important on every
   decoration sub-property Chrome/Firefox/Safari check. */
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem *,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem:link,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem:link *,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem:visited,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem:visited *,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem:hover,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem:hover *,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem:focus,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem:focus *,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem:focus-visible,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem:focus-visible *,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem:active,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem:active * {
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-decoration-color: transparent !important;
    text-decoration-thickness: 0 !important;
    -webkit-text-decoration: none !important;
    -webkit-text-decoration-line: none !important;
    -webkit-text-decoration-color: transparent !important;
    -webkit-tap-highlight-color: transparent;
    border-bottom: none !important;
}

.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem:hover,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem:focus-visible {
    color: rgba(228, 233, 228, 0.94) !important;
    -webkit-text-fill-color: rgba(228, 233, 228, 0.94) !important;
}

/* Active nav item — green pill with restrained lime accent. The 4px border
   reserves space in the base rule above; flipping border-left-color here
   lights up the accent without shifting layout. */
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem.vp-linkitem--active,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem.vp-linkitem--active:link,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem.vp-linkitem--active:visited,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem.vp-linkitem--active:hover,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem.vp-linkitem--active:active,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem.vp-linkitem--active:focus,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem.vp-linkitem--active:focus-visible {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: rgba(163, 233, 107, 0.12) !important;
    border-left-color: var(--color-bright-green, #a3e96b) !important;
}

/* Suppress VerapathLinkItem's ::before green stripe — the border-left above
   is the canonical active accent in the sidebar rail. */
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem.vp-linkitem--active::before {
    display: none !important;
}

.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem.vp-linkitem--active .vp-linkitem__icon,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem.vp-linkitem--active .vp-linkitem__icon-shell,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem.vp-linkitem--active .vp-linkitem__icon *,
.vp-sidebar[b-dffjyl4i65]  .vp-sidebar__nav a.vp-linkitem.vp-linkitem--active .vp-linkitem__icon-shell * {
    color: var(--color-bright-green, #a3e96b) !important;
    -webkit-text-fill-color: var(--color-bright-green, #a3e96b) !important;
}

/* ── Refine profile trigger to match mockup (less prominent) ──────── */
.vp-sidebar--always-dark .vp-sidebar__profile-trigger[b-dffjyl4i65] {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    background:
        radial-gradient(circle at top right, rgba(163, 233, 107, 0.12), transparent 40%),
        linear-gradient(180deg, rgba(36, 59, 47, 0.96), rgba(26, 41, 34, 0.96));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    padding: 10px;
}

.vp-sidebar--always-dark .vp-sidebar__profile-trigger:hover[b-dffjyl4i65] {
    border-color: rgba(163, 233, 107, 0.32);
    transform: none;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 8px 20px rgba(0, 0, 0, 0.18);
}

.vp-sidebar--always-dark .vp-sidebar__profile-avatar[b-dffjyl4i65] {
    width: 32px;
    height: 32px;
}

.vp-sidebar--always-dark .vp-sidebar__profile-name[b-dffjyl4i65] {
    font-size: 12.5px;
}

.vp-sidebar--always-dark .vp-sidebar__profile-secondary[b-dffjyl4i65] {
    font-size: 10.5px;
    color: rgba(255, 255, 255, 0.4);
}
/* _content/Verapath.Components/Components/SortIndicator/VerapathSortIndicator.razor.rz.scp.css */
.vp-sortind[b-atdz0wh5lq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 8px;
    line-height: 1;
    color: var(--color-gray-02, #b9c0be);
    transition: color 0.12s ease;
}

.vp-sortind--active[b-atdz0wh5lq] {
    color: var(--color-green, #0ea665);
}

[data-theme="dark"] .vp-sortind[b-atdz0wh5lq] {
    color: rgba(255, 255, 255, 0.3);
}

[data-theme="dark"] .vp-sortind--active[b-atdz0wh5lq] {
    color: var(--color-bright-green, #a3e96b);
}
/* _content/Verapath.Components/Components/StatusChip/VerapathDriverChip.razor.rz.scp.css */
.vp-driver-chip[b-wlyrxw4gdo] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 7px;
    border-radius: 4px;
    border: 1px solid var(--vp-border-soft, #EEEAE0);
    background: var(--vp-card-alt, #FAF7EF);
    color: color-mix(in srgb, var(--vp-content-text, #223029) 80%, transparent);
    font-size: var(--vp-kicker, 10px);
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.4;
    white-space: nowrap;
}

.vp-driver-chip__glyph[b-wlyrxw4gdo] {
    font-size: 9px;
    opacity: 0.7;
}

.vp-driver-chip--warn[b-wlyrxw4gdo] {
    background: var(--vp-amber-soft, #FBF6DC);
    border-color: color-mix(in srgb, var(--vp-amber-ink, #8A6B0F) 22%, transparent);
    color: var(--vp-amber-ink, #8A6B0F);
}

.vp-driver-chip--crit[b-wlyrxw4gdo] {
    background: color-mix(in srgb, var(--vp-down, #A93A2E) 8%, transparent);
    border-color: color-mix(in srgb, var(--vp-down, #A93A2E) 22%, transparent);
    color: var(--vp-down, #A93A2E);
}

.vp-driver-chip--info[b-wlyrxw4gdo] {
    background: var(--vp-lavender-soft, #E6DEF2);
    border-color: color-mix(in srgb, var(--vp-lavender-ink, #5B3B8F) 22%, transparent);
    color: var(--vp-lavender-ink, #5B3B8F);
}
/* _content/Verapath.Components/Components/StatusChip/VerapathSeverityChip.razor.rz.scp.css */
.vp-severity-chip[b-v1qaz2bkcy] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    border: 1px solid transparent;
    font-family: var(--vp-font-heading, "SeasonSans-SemiBold", sans-serif);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.vp-severity-chip--compact[b-v1qaz2bkcy] {
    min-height: 22px;
    padding: 2px 8px;
    font-size: 10px;
}

.vp-severity-chip--regular[b-v1qaz2bkcy] {
    min-height: 28px;
    padding: 4px 10px;
    font-size: 11px;
}

.vp-severity-chip__dot[b-v1qaz2bkcy] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
}

.vp-severity-chip__score[b-v1qaz2bkcy] {
    font-weight: 700;
    opacity: 0.85;
}

.vp-severity-chip--critical[b-v1qaz2bkcy] {
    background: color-mix(in srgb, var(--vp-down, #A93A2E) 10%, transparent);
    border-color: color-mix(in srgb, var(--vp-down, #A93A2E) 22%, transparent);
    color: var(--vp-down, #A93A2E);
}
.vp-severity-chip--critical .vp-severity-chip__dot[b-v1qaz2bkcy] {
    background: var(--vp-down, #A93A2E);
}

.vp-severity-chip--warning[b-v1qaz2bkcy] {
    background: var(--vp-amber-soft, #FBF6DC);
    border-color: color-mix(in srgb, var(--vp-amber-ink, #8A6B0F) 22%, transparent);
    color: var(--vp-amber-ink, #8A6B0F);
}
.vp-severity-chip--warning .vp-severity-chip__dot[b-v1qaz2bkcy] {
    background: var(--vp-amber-ink, #8A6B0F);
}

.vp-severity-chip--info[b-v1qaz2bkcy] {
    background: var(--vp-lavender-soft, #E6DEF2);
    border-color: color-mix(in srgb, var(--vp-lavender-ink, #5B3B8F) 22%, transparent);
    color: var(--vp-lavender-ink, #5B3B8F);
}
.vp-severity-chip--info .vp-severity-chip__dot[b-v1qaz2bkcy] {
    background: var(--vp-lavender-ink, #5B3B8F);
}

.vp-severity-chip--low[b-v1qaz2bkcy],
.vp-severity-chip--ok[b-v1qaz2bkcy] {
    background: color-mix(in srgb, var(--vp-up, #1F4A2D) 10%, transparent);
    border-color: color-mix(in srgb, var(--vp-up, #1F4A2D) 22%, transparent);
    color: var(--vp-up, #1F4A2D);
}
.vp-severity-chip--low .vp-severity-chip__dot[b-v1qaz2bkcy],
.vp-severity-chip--ok .vp-severity-chip__dot[b-v1qaz2bkcy] {
    background: var(--vp-up, #1F4A2D);
}

[data-theme="dark"] .vp-severity-chip--critical[b-v1qaz2bkcy],
:root[data-theme="dark"] .vp-severity-chip--critical[b-v1qaz2bkcy] {
    background: rgba(249, 87, 77, 0.16);
    border-color: rgba(249, 87, 77, 0.24);
    color: rgba(255, 206, 203, 0.94);
}

[data-theme="dark"] .vp-severity-chip--warning[b-v1qaz2bkcy],
:root[data-theme="dark"] .vp-severity-chip--warning[b-v1qaz2bkcy] {
    background: rgba(184, 138, 0, 0.18);
    border-color: rgba(184, 138, 0, 0.24);
    color: #f0c38e;
}

[data-theme="dark"] .vp-severity-chip--info[b-v1qaz2bkcy],
:root[data-theme="dark"] .vp-severity-chip--info[b-v1qaz2bkcy] {
    background: rgba(188, 169, 241, 0.14);
    border-color: rgba(188, 169, 241, 0.24);
    color: rgba(229, 218, 244, 0.96);
}

[data-theme="dark"] .vp-severity-chip--low[b-v1qaz2bkcy],
[data-theme="dark"] .vp-severity-chip--ok[b-v1qaz2bkcy],
:root[data-theme="dark"] .vp-severity-chip--low[b-v1qaz2bkcy],
:root[data-theme="dark"] .vp-severity-chip--ok[b-v1qaz2bkcy] {
    background: rgba(163, 233, 107, 0.18);
    border-color: rgba(163, 233, 107, 0.24);
    color: rgba(237, 250, 238, 0.96);
}
/* _content/Verapath.Components/Components/StatusChip/VerapathStatusChip.razor.rz.scp.css */
.vp-status-chip[b-6kwlpo7pvk] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    border: 1px solid transparent;
    font-family: var(--vp-font-heading, "SeasonSans-SemiBold", sans-serif);
    white-space: nowrap;
}

.vp-status-chip--regular[b-6kwlpo7pvk] {
    min-height: 32px;
    padding: 7px 12px;
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.vp-status-chip--compact[b-6kwlpo7pvk] {
    min-height: 26px;
    padding: 5px 10px;
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.vp-status-chip__slot[b-6kwlpo7pvk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 10px;
    height: 10px;
}

.vp-status-chip--neutral[b-6kwlpo7pvk] {
    background: rgba(224, 227, 226, 0.72);
    border-color: rgba(185, 192, 190, 0.68);
    color: var(--color-midnight, #223029);
}

.vp-status-chip--success[b-6kwlpo7pvk] {
    background: rgba(218, 244, 221, 0.92);
    border-color: rgba(14, 166, 101, 0.26);
    color: var(--color-green, #0ea665);
}

.vp-status-chip--warning[b-6kwlpo7pvk] {
    background: rgba(255, 252, 177, 0.92);
    border-color: rgba(255, 245, 21, 0.32);
    color: color-mix(in srgb, var(--color-midnight, #223029) 74%, var(--color-lemon, #FFF515) 26%);
}

.vp-status-chip--error[b-6kwlpo7pvk] {
    background: rgba(249, 87, 77, 0.12);
    border-color: rgba(249, 87, 77, 0.22);
    color: var(--color-red, #f9574d);
}

.vp-status-chip--info[b-6kwlpo7pvk] {
    background: rgba(229, 218, 244, 0.72);
    border-color: rgba(188, 169, 241, 0.28);
    color: color-mix(in srgb, var(--color-midnight, #223029) 74%, var(--color-purple, #bca9f1) 26%);
}

.vp-status-chip--accent[b-6kwlpo7pvk] {
    background: rgba(163, 233, 107, 0.2);
    border-color: rgba(163, 233, 107, 0.34);
    color: var(--color-midnight, #223029);
}

.vp-status-chip--lavender[b-6kwlpo7pvk] {
    background: var(--vp-lavender-soft, #E6DEF2);
    border-color: color-mix(in srgb, var(--vp-lavender-ink, #5B3B8F) 22%, transparent);
    color: var(--vp-lavender-ink, #5B3B8F);
}

.vp-status-chip--amber[b-6kwlpo7pvk] {
    background: var(--vp-amber-soft, #FBF6DC);
    border-color: color-mix(in srgb, var(--vp-amber-ink, #8A6B0F) 22%, transparent);
    color: var(--vp-amber-ink, #8A6B0F);
}

[data-theme="dark"] .vp-status-chip--neutral[b-6kwlpo7pvk],
:root[data-theme="dark"] .vp-status-chip--neutral[b-6kwlpo7pvk] {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.12);
    color: var(--vp-content-text, #ffffff);
}

[data-theme="dark"] .vp-status-chip--success[b-6kwlpo7pvk],
:root[data-theme="dark"] .vp-status-chip--success[b-6kwlpo7pvk] {
    background: rgba(14, 166, 101, 0.28);
    border-color: rgba(163, 233, 107, 0.22);
    color: rgba(218, 244, 221, 0.94);
}

[data-theme="dark"] .vp-status-chip--warning[b-6kwlpo7pvk],
:root[data-theme="dark"] .vp-status-chip--warning[b-6kwlpo7pvk] {
    background: rgba(255, 245, 21, 0.12);
    border-color: rgba(255, 245, 21, 0.22);
    color: rgba(255, 252, 177, 0.94);
}

[data-theme="dark"] .vp-status-chip--error[b-6kwlpo7pvk],
:root[data-theme="dark"] .vp-status-chip--error[b-6kwlpo7pvk] {
    background: rgba(249, 87, 77, 0.16);
    border-color: rgba(249, 87, 77, 0.22);
    color: rgba(255, 206, 203, 0.94);
}

[data-theme="dark"] .vp-status-chip--info[b-6kwlpo7pvk],
:root[data-theme="dark"] .vp-status-chip--info[b-6kwlpo7pvk] {
    background: rgba(188, 169, 241, 0.14);
    border-color: rgba(188, 169, 241, 0.24);
    color: rgba(229, 218, 244, 0.96);
}

[data-theme="dark"] .vp-status-chip--accent[b-6kwlpo7pvk],
:root[data-theme="dark"] .vp-status-chip--accent[b-6kwlpo7pvk] {
    background: rgba(163, 233, 107, 0.18);
    border-color: rgba(163, 233, 107, 0.24);
    color: rgba(237, 250, 238, 0.96);
}

[data-theme="dark"] .vp-status-chip--lavender[b-6kwlpo7pvk],
:root[data-theme="dark"] .vp-status-chip--lavender[b-6kwlpo7pvk] {
    background: rgba(188, 169, 241, 0.16);
    border-color: rgba(188, 169, 241, 0.24);
    color: rgba(229, 218, 244, 0.96);
}

[data-theme="dark"] .vp-status-chip--amber[b-6kwlpo7pvk],
:root[data-theme="dark"] .vp-status-chip--amber[b-6kwlpo7pvk] {
    background: rgba(184, 138, 0, 0.18);
    border-color: rgba(184, 138, 0, 0.24);
    color: #f0c38e;
}
/* _content/Verapath.Components/Components/Tabs/VerapathTabCards.razor.rz.scp.css */
/* VerapathTabCards — card-style tab strip with SupportingText */
/* Forked from VerapathTabs pre-Lab #227 to preserve existing consumers. */
/* New code: use VerapathTabs (underline nav). Migrate here only if subtitles are needed. */

.vp-tab-cards[b-nu89fmt4iw] {
    display: flex;
    width: 100%;
    --vp-tab-cards-border: rgba(34, 48, 41, 0.08);
    --vp-tab-cards-text: var(--vp-content-text, #223029);
    --vp-tab-cards-muted: var(--vp-placeholder-color, #909893);
    --vp-tab-cards-shadow: 0 18px 32px rgba(34, 48, 41, 0.08);
}

.vp-tab-cards__list[b-nu89fmt4iw] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

.vp-tab-cards__tab[b-nu89fmt4iw],
.vp-tab-cards__tab:visited[b-nu89fmt4iw] {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    min-width: 140px;
    padding: 14px 16px;
    border: 1px solid var(--vp-tab-cards-border);
    border-radius: 22px;
    background:
        radial-gradient(circle at top right, rgba(163, 233, 107, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 247, 247, 0.98));
    color: var(--vp-tab-cards-text);
    box-shadow: var(--vp-tab-cards-shadow);
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.vp-tab-cards__tab:hover:not(.vp-tab-cards__tab--disabled)[b-nu89fmt4iw] {
    transform: translateY(-1px);
    border-color: rgba(34, 48, 41, 0.14);
    box-shadow: 0 22px 38px rgba(34, 48, 41, 0.1);
}

.vp-tab-cards__tab:focus-visible[b-nu89fmt4iw] {
    outline: 2px solid var(--color-bright-green, #a3e96b);
    outline-offset: 2px;
}

.vp-tab-cards__tab--disabled[b-nu89fmt4iw] {
    opacity: 0.52;
    cursor: not-allowed;
    box-shadow: none;
}

.vp-tab-cards__tab--active[b-nu89fmt4iw] {
    border-color: rgba(163, 233, 107, 0.44);
    background:
        radial-gradient(circle at top right, rgba(163, 233, 107, 0.2), transparent 36%),
        linear-gradient(180deg, rgba(237, 250, 238, 0.98), rgba(255, 255, 255, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.78),
        0 24px 40px rgba(163, 233, 107, 0.16);
}

.vp-tab-cards--stretch .vp-tab-cards__tab[b-nu89fmt4iw] {
    flex: 1 1 180px;
}

.vp-tab-cards__label-row[b-nu89fmt4iw] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.vp-tab-cards__label[b-nu89fmt4iw] {
    font-family: var(--vp-font-heading, "SeasonSans-SemiBold", sans-serif);
    font-size: 16px;
    line-height: 1.2;
}

.vp-tab-cards__count[b-nu89fmt4iw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    min-height: 26px;
    padding: 0 8px;
    border-radius: 999px;
    background: rgba(188, 169, 241, 0.16);
    color: var(--vp-tab-cards-text);
    font-family: var(--vp-font-heading, "SeasonSans-SemiBold", sans-serif);
    font-size: 12px;
    line-height: 1;
}

.vp-tab-cards__supporting[b-nu89fmt4iw] {
    color: var(--vp-tab-cards-muted);
    font-size: 13px;
    line-height: 1.45;
}

@media (max-width: 719px) {
    .vp-tab-cards__tab[b-nu89fmt4iw],
    .vp-tab-cards__tab:visited[b-nu89fmt4iw] {
        width: 100%;
        min-width: 0;
    }
}

[data-theme="dark"] .vp-tab-cards[b-nu89fmt4iw],
:root[data-theme="dark"] .vp-tab-cards[b-nu89fmt4iw] {
    --vp-tab-cards-border: rgba(255, 255, 255, 0.1);
    --vp-tab-cards-text: var(--vp-content-text, #ffffff);
    --vp-tab-cards-muted: var(--vp-placeholder-color, #b9c0be);
    --vp-tab-cards-shadow: 0 22px 38px rgba(0, 0, 0, 0.24);
}

[data-theme="dark"] .vp-tab-cards .vp-tab-cards__tab[b-nu89fmt4iw],
[data-theme="dark"] .vp-tab-cards .vp-tab-cards__tab:visited[b-nu89fmt4iw],
:root[data-theme="dark"] .vp-tab-cards .vp-tab-cards__tab[b-nu89fmt4iw],
:root[data-theme="dark"] .vp-tab-cards .vp-tab-cards__tab:visited[b-nu89fmt4iw] {
    background:
        radial-gradient(circle at top right, rgba(163, 233, 107, 0.14), transparent 34%),
        linear-gradient(180deg, rgba(36, 59, 47, 0.98), rgba(26, 41, 34, 0.98));
}

[data-theme="dark"] .vp-tab-cards .vp-tab-cards__tab--active[b-nu89fmt4iw],
:root[data-theme="dark"] .vp-tab-cards .vp-tab-cards__tab--active[b-nu89fmt4iw] {
    border-color: rgba(163, 233, 107, 0.34);
    background:
        radial-gradient(circle at top right, rgba(163, 233, 107, 0.18), transparent 36%),
        linear-gradient(180deg, rgba(44, 73, 57, 0.98), rgba(30, 49, 39, 0.98));
}
/* _content/Verapath.Components/Components/Tabs/VerapathTabs.razor.rz.scp.css */
/* VerapathTabs — underline-style nav (Lab #227, findings #43-49) */

.vp-tabs[b-ih55ktl6p0] {
    display: flex;
    width: 100%;
    --vp-tabs-text: var(--vp-content-text, #223029);
    --vp-tabs-muted: var(--vp-placeholder-color, #909893);
    --vp-tabs-border: rgba(34, 48, 41, 0.12);
    /* Active label stays ink for readability; the underline carries the
       emerald active accent the design system assigns to tabs. */
    --vp-tabs-active: var(--vp-content-text, #223029);
    --vp-tabs-active-underline: var(--color-green, #0ea665);
}

/* ── Tab strip ── */
.vp-tabs__list[b-ih55ktl6p0] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    width: 100%;
    border-bottom: 1px solid var(--vp-tabs-border);
    overflow-x: auto;
    scrollbar-width: none;
}

.vp-tabs__list[b-ih55ktl6p0]::-webkit-scrollbar {
    display: none;
}

/* ── Individual tab — flat, no card ── */
.vp-tabs__tab[b-ih55ktl6p0],
.vp-tabs__tab:visited[b-ih55ktl6p0] {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    padding: 10px 16px;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: var(--vp-tabs-muted);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none;
    margin-bottom: -1px;
    transition: color 0.15s ease, border-bottom-color 0.15s ease;
}

.vp-tabs__tab:hover:not(.vp-tabs__tab--disabled):not(.vp-tabs__tab--active)[b-ih55ktl6p0] {
    color: var(--vp-tabs-text);
    border-bottom-color: var(--vp-tabs-border);
}

.vp-tabs__tab:focus-visible[b-ih55ktl6p0] {
    outline: 2px solid var(--color-bright-green, #a3e96b);
    outline-offset: 2px;
}

/* ── Active: 2px underline + midnight text + weight 600 ── */
.vp-tabs__tab--active[b-ih55ktl6p0] {
    color: var(--vp-tabs-active);
    font-weight: 600;
    border-bottom-color: var(--vp-tabs-active-underline, var(--vp-tabs-active));
}

/* ── Disabled: dotted underline, no opacity fade (WCAG) ── */
.vp-tabs__tab--disabled[b-ih55ktl6p0] {
    color: var(--vp-tabs-muted);
    cursor: not-allowed;
    border-bottom: 1px dotted var(--vp-tabs-border);
}

/* ── Stretch ── */
.vp-tabs--stretch .vp-tabs__tab[b-ih55ktl6p0] {
    flex: 1 1 auto;
    justify-content: center;
}

/* ── Label row ── */
.vp-tabs__label-row[b-ih55ktl6p0] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.vp-tabs__label[b-ih55ktl6p0] {
    font-family: var(--vp-font-heading, "SeasonSans-SemiBold", sans-serif);
    font-size: 14px;
    line-height: 1.2;
}

/* ── Count badge — neutral chip ── */
.vp-tabs__count[b-ih55ktl6p0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    padding: 1px 6px;
    border-radius: 999px;
    background: rgba(17, 28, 22, 0.06);
    color: var(--vp-tabs-muted);
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
}

.vp-tabs__tab--active .vp-tabs__count[b-ih55ktl6p0] {
    background: var(--color-midnight, #223029);
    color: #fff;
}

/* ── Mobile: horizontal scroll + snap ── */
@media (max-width: 719px) {
    .vp-tabs__list[b-ih55ktl6p0] {
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }

    .vp-tabs__tab[b-ih55ktl6p0] {
        scroll-snap-align: start;
    }
}

/* ── SegmentedControl — iOS tray treatment ── */
.vp-tabs--segmented[b-ih55ktl6p0] {
    width: auto;
    display: inline-flex;
}

.vp-tabs--segmented.vp-tabs--stretch[b-ih55ktl6p0] {
    width: 100%;
    display: flex;
}

.vp-tabs--segmented .vp-tabs__list[b-ih55ktl6p0] {
    border-bottom: none;
    overflow: visible;
    gap: 2px;
    padding: 4px;
    border-radius: 12px;
    background: rgba(224, 227, 226, 0.6);
    border: 1px solid rgba(34, 48, 41, 0.08);
    width: 100%;
}

.vp-tabs--segmented .vp-tabs__tab[b-ih55ktl6p0],
.vp-tabs--segmented .vp-tabs__tab:visited[b-ih55ktl6p0] {
    flex: 1 1 auto;
    justify-content: center;
    padding: 8px 14px;
    border-bottom: none;
    border-radius: 8px;
    background: transparent;
    box-shadow: none;
    margin-bottom: 0;
    color: var(--vp-tabs-muted);
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    transition: color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

.vp-tabs--segmented .vp-tabs__tab--active[b-ih55ktl6p0] {
    background: #fff;
    color: var(--vp-tabs-text);
    font-weight: 600;
    border-bottom: none;
    box-shadow: 0 1px 4px rgba(34, 48, 41, 0.12), 0 0 0 0.5px rgba(34, 48, 41, 0.06);
}

.vp-tabs--segmented .vp-tabs__tab:hover:not(.vp-tabs__tab--active):not(.vp-tabs__tab--disabled)[b-ih55ktl6p0] {
    color: var(--vp-tabs-text);
    border-bottom: none;
    border-bottom-color: transparent;
}

.vp-tabs--segmented .vp-tabs__tab--disabled[b-ih55ktl6p0] {
    border-bottom: none;
    border-bottom-color: transparent;
}

/* ── Dark mode ── */
[data-theme="dark"] .vp-tabs[b-ih55ktl6p0],
:root[data-theme="dark"] .vp-tabs[b-ih55ktl6p0] {
    --vp-tabs-text: var(--vp-content-text, #ffffff);
    --vp-tabs-muted: var(--vp-placeholder-color, #b9c0be);
    --vp-tabs-border: rgba(255, 255, 255, 0.14);
    --vp-tabs-active: var(--color-bright-green, #a3e96b);
}

[data-theme="dark"] .vp-tabs--segmented .vp-tabs__list[b-ih55ktl6p0],
:root[data-theme="dark"] .vp-tabs--segmented .vp-tabs__list[b-ih55ktl6p0] {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-tabs--segmented .vp-tabs__tab--active[b-ih55ktl6p0],
:root[data-theme="dark"] .vp-tabs--segmented .vp-tabs__tab--active[b-ih55ktl6p0] {
    background: rgba(34, 48, 41, 0.9);
    color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .vp-tabs__tab--active .vp-tabs__count[b-ih55ktl6p0],
:root[data-theme="dark"] .vp-tabs__tab--active .vp-tabs__count[b-ih55ktl6p0] {
    background: var(--color-bright-green, #a3e96b);
    color: var(--color-midnight, #223029);
}
/* _content/Verapath.Components/Components/Tabs/VerapathTabView.razor.rz.scp.css */
.vp-tab-view[b-wszitfvqun] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.vp-tab-view__strip[b-wszitfvqun] {
    display: block;
}

.vp-tab-view__panels[b-wszitfvqun] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

[b-wszitfvqun] .vp-tab-view__panel {
    display: flex;
    flex-direction: column;
    gap: 20px;
    outline: none;
}

[b-wszitfvqun] .vp-tab-view__panel[hidden] {
    display: none;
}
/* _content/Verapath.Components/Components/Timeline/VerapathActivityFeed.razor.rz.scp.css */
.vp-activity-feed[b-gwo0sw4uon] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-variant-numeric: tabular-nums;
}

.vp-activity-feed__row[b-gwo0sw4uon] {
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr);
    gap: 10px;
    min-height: 32px;
}

.vp-activity-feed__rail[b-gwo0sw4uon] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 4px;
}

.vp-activity-feed__dot[b-gwo0sw4uon] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
    z-index: 1;
}

.vp-activity-feed__dot--won[b-gwo0sw4uon] {
    background: var(--vp-up, #1F4A2D);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--vp-up, #1F4A2D) 14%, transparent);
}

.vp-activity-feed__dot--move[b-gwo0sw4uon] {
    background: var(--vp-lavender-ink, #5B3B8F);
    box-shadow: 0 0 0 3px var(--vp-lavender-soft, #E6DEF2);
}

.vp-activity-feed__dot--lost[b-gwo0sw4uon] {
    background: color-mix(in srgb, var(--vp-down, #A93A2E) 70%, #ffffff 30%);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--vp-down, #A93A2E) 12%, transparent);
}

.vp-activity-feed__dot--neutral[b-gwo0sw4uon] {
    background: color-mix(in srgb, var(--vp-content-text, #223029) 40%, transparent);
    box-shadow: 0 0 0 3px var(--vp-card-alt, #FAF7EF);
}

.vp-activity-feed__line[b-gwo0sw4uon] {
    flex: 1 1 auto;
    width: 1px;
    background: var(--vp-border-soft, #EEEAE0);
    margin-top: 4px;
    min-height: 12px;
}

.vp-activity-feed__body[b-gwo0sw4uon] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.vp-activity-feed__top[b-gwo0sw4uon] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}

.vp-activity-feed__household[b-gwo0sw4uon] {
    font-size: var(--vp-body-compact, 13px);
    font-weight: 600;
    color: var(--vp-content-text, #223029);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vp-activity-feed__amount[b-gwo0sw4uon] {
    font-size: var(--vp-body-compact, 13px);
    font-weight: 600;
    color: var(--vp-up, #1F4A2D);
    white-space: nowrap;
}

.vp-activity-feed__meta[b-gwo0sw4uon] {
    font-size: var(--vp-meta, 11px);
    color: color-mix(in srgb, var(--vp-content-text, #223029) 60%, transparent);
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px;
}

.vp-activity-feed__sep[b-gwo0sw4uon] {
    opacity: 0.5;
}

.vp-activity-feed__empty[b-gwo0sw4uon] {
    font-size: var(--vp-body-compact, 13px);
    color: color-mix(in srgb, var(--vp-content-text, #223029) 60%, transparent);
    padding: 16px 0;
    text-align: center;
}

[data-theme="dark"] .vp-activity-feed__line[b-gwo0sw4uon],
:root[data-theme="dark"] .vp-activity-feed__line[b-gwo0sw4uon] {
    background: rgba(255, 255, 255, 0.08);
}
/* _content/Verapath.Components/Components/Timeline/VerapathTimeline.razor.rz.scp.css */
.vp-timeline[b-h37qzs5yat] {
    --vp-timeline-day-width: 38px;
    --vp-timeline-row-height: 78px;
    display: flex;
    flex-direction: column;
    gap: var(--space-5, 20px);
    padding: 24px;
    border: 1px solid color-mix(in srgb, var(--color-midnight, #223029) 8%, transparent);
    border-radius: 28px;
    background:
        radial-gradient(circle at top right, color-mix(in srgb, var(--color-bright-green, #a3e96b) 18%, transparent), transparent 34%),
        linear-gradient(180deg, color-mix(in srgb, var(--color-white, #ffffff) 98%, transparent), color-mix(in srgb, var(--color-gray-04, #f7f7f7) 98%, transparent));
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--color-white, #ffffff) 82%, transparent),
        0 20px 36px color-mix(in srgb, var(--color-midnight, #223029) 8%, transparent);
}

.vp-timeline__header[b-h37qzs5yat],
.vp-timeline__header-actions[b-h37qzs5yat],
.vp-timeline__controls[b-h37qzs5yat] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4, 16px);
    flex-wrap: wrap;
}

.vp-timeline__header-copy[b-h37qzs5yat] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2, 8px);
}

.vp-timeline__title[b-h37qzs5yat] {
    margin: 0;
    font-family: var(--vp-font-heading, "SeasonSans-SemiBold", sans-serif);
    font-size: 28px;
    line-height: 1.08;
    color: var(--vp-content-text, var(--color-midnight, #223029));
}

.vp-timeline__description[b-h37qzs5yat],
.vp-timeline__range-meta[b-h37qzs5yat],
.vp-timeline__task-assignee[b-h37qzs5yat],
.vp-timeline__task-meta[b-h37qzs5yat] {
    margin: 0;
    color: var(--vp-placeholder-color, var(--color-gray-01, #909893));
    font-size: 14px;
    line-height: 1.6;
}

.vp-timeline__header-actions[b-h37qzs5yat] {
    justify-content: flex-end;
    margin-left: auto;
}

.vp-timeline__range-summary[b-h37qzs5yat] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1, 4px);
    min-width: 200px;
}

.vp-timeline__range-label[b-h37qzs5yat],
.vp-timeline__task-label[b-h37qzs5yat] {
    color: var(--vp-content-text, var(--color-midnight, #223029));
    font-family: var(--vp-font-heading, "SeasonSans-SemiBold", sans-serif);
    font-size: 13px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.vp-timeline__zoom[b-h37qzs5yat] {
    min-width: 160px;
    max-width: 200px;
}

.vp-timeline__board[b-h37qzs5yat] {
    display: grid;
    grid-template-columns: minmax(250px, 300px) minmax(0, 1fr);
    gap: 0;
    border: 1px solid color-mix(in srgb, var(--color-midnight, #223029) 8%, transparent);
    border-radius: 24px;
    overflow: hidden;
    background: color-mix(in srgb, var(--color-white, #ffffff) 90%, transparent);
}

.vp-timeline__task-column[b-h37qzs5yat] {
    display: grid;
    grid-template-rows: auto 1fr;
    border-right: 1px solid color-mix(in srgb, var(--color-midnight, #223029) 8%, transparent);
    background: color-mix(in srgb, var(--color-white, #ffffff) 88%, transparent);
}

.vp-timeline__task-header[b-h37qzs5yat] {
    position: sticky;
    top: 0;
    z-index: 4;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    /* Must match timeline header exactly: 40px + 36px + 36px = 112px */
    height: 112px;
    padding: 0 var(--space-5, 20px);
    border-bottom: 1px solid color-mix(in srgb, var(--color-midnight, #223029) 8%, transparent);
    background: color-mix(in srgb, var(--color-gray-04, #f7f7f7) 92%, transparent);
    overflow: hidden;
    box-sizing: border-box;
}

.vp-timeline__task-range[b-h37qzs5yat] {
    color: var(--vp-placeholder-color, var(--color-gray-01, #909893));
    font-size: 13px;
}

.vp-timeline__task-list[b-h37qzs5yat],
.vp-timeline__lane-list[b-h37qzs5yat] {
    display: flex;
    flex-direction: column;
}

.vp-timeline__task-row[b-h37qzs5yat],
.vp-timeline__lane[b-h37qzs5yat] {
    height: var(--vp-timeline-row-height);
}

.vp-timeline__task-row[b-h37qzs5yat] {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    padding: 10px 20px 10px calc(20px + var(--vp-timeline-task-indent, 0px));
    border: none;
    border-bottom: 1px solid color-mix(in srgb, var(--color-midnight, #223029) 6%, transparent);
    background: transparent;
    text-align: left;
    overflow: hidden;
    box-sizing: border-box;
    flex-shrink: 0;
}

.vp-timeline__task-row-button[b-h37qzs5yat] {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    min-width: 0;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
    overflow: hidden;
}

.vp-timeline__task-toggle[b-h37qzs5yat] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    padding: 0;
    border: none;
    border-radius: 4px;
    background: transparent;
    color: var(--vp-content-text, var(--color-midnight, #223029));
    cursor: pointer;
    transition: transform 0.12s ease;
}

.vp-timeline__task-toggle:hover[b-h37qzs5yat] {
    background: color-mix(in srgb, var(--color-midnight, #223029) 10%, transparent);
}

.vp-timeline__task-toggle--expanded[b-h37qzs5yat] {
    transform: rotate(90deg);
}

.vp-timeline__task-toggle--placeholder[b-h37qzs5yat] {
    cursor: default;
    background: transparent;
}

.vp-timeline__task-toggle--placeholder:hover[b-h37qzs5yat] {
    background: transparent;
}

.vp-timeline__task-row:hover[b-h37qzs5yat] {
    background: color-mix(in srgb, var(--color-gray-04, #f7f7f7) 80%, transparent);
}

.vp-timeline__task-row:last-child[b-h37qzs5yat],
.vp-timeline__lane:last-child[b-h37qzs5yat] {
    border-bottom: none;
}

.vp-timeline__task-row--selected[b-h37qzs5yat] {
    background: color-mix(in srgb, var(--color-bright-green, #a3e96b) 14%, var(--color-white, #ffffff));
}

.vp-timeline__task-copy[b-h37qzs5yat] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--space-1, 4px);
}

.vp-timeline__task-title[b-h37qzs5yat] {
    margin: 0;
    overflow: hidden;
    color: var(--vp-content-text, var(--color-midnight, #223029));
    font-family: var(--vp-font-heading, "SeasonSans-SemiBold", sans-serif);
    font-size: 16px;
    line-height: 1.25;
    /* Wrap long titles to at most two lines (then ellipsis) so they stay
       inside the task column instead of spilling over the chart lanes */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
}

.vp-timeline__scroll-panel[b-h37qzs5yat] {
    overflow-x: auto;
    overflow-y: visible;
    background: color-mix(in srgb, var(--color-white, #ffffff) 86%, transparent);
}

.vp-timeline__timeline-header[b-h37qzs5yat] {
    position: sticky;
    top: 0;
    z-index: 3;
    display: grid;
    grid-template-rows: 40px 36px 36px;
    min-width: calc(var(--vp-timeline-day-count) * var(--vp-timeline-day-width));
    border-bottom: 1px solid color-mix(in srgb, var(--color-midnight, #223029) 8%, transparent);
    background: color-mix(in srgb, var(--color-white, #ffffff) 94%, transparent);
}

.vp-timeline__months[b-h37qzs5yat],
.vp-timeline__weeks[b-h37qzs5yat],
.vp-timeline__days[b-h37qzs5yat],
.vp-timeline__milestones[b-h37qzs5yat],
.vp-timeline__lane[b-h37qzs5yat] {
    display: grid;
    grid-template-columns: repeat(var(--vp-timeline-day-count), minmax(var(--vp-timeline-day-width), var(--vp-timeline-day-width)));
    min-width: calc(var(--vp-timeline-day-count) * var(--vp-timeline-day-width));
}

.vp-timeline__month-segment[b-h37qzs5yat],
.vp-timeline__week-segment[b-h37qzs5yat] {
    display: flex;
    align-items: center;
    padding: 0 var(--space-3, 12px);
    border-right: 1px solid color-mix(in srgb, var(--color-midnight, #223029) 8%, transparent);
    color: var(--vp-content-text, var(--color-midnight, #223029));
    font-family: var(--vp-font-heading, "SeasonSans-SemiBold", sans-serif);
    white-space: nowrap;
}

.vp-timeline__month-segment[b-h37qzs5yat] {
    font-size: 13px;
    background: color-mix(in srgb, var(--color-gray-04, #f7f7f7) 96%, transparent);
}

.vp-timeline__week-segment[b-h37qzs5yat] {
    font-size: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    background: color-mix(in srgb, var(--color-light-purple-50, #f1edfa) 74%, var(--color-white, #ffffff));
}

.vp-timeline__day[b-h37qzs5yat] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    border-right: 1px solid color-mix(in srgb, var(--color-midnight, #223029) 8%, transparent);
    color: var(--vp-content-text, var(--color-midnight, #223029));
    background: color-mix(in srgb, var(--color-white, #ffffff) 92%, transparent);
}

.vp-timeline__day-name[b-h37qzs5yat] {
    font-size: 10px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--vp-placeholder-color, var(--color-gray-01, #909893));
}

.vp-timeline__day-number[b-h37qzs5yat] {
    font-family: var(--vp-font-heading, "SeasonSans-SemiBold", sans-serif);
    font-size: 12px;
}

.vp-timeline__day--today[b-h37qzs5yat] {
    background: color-mix(in srgb, var(--color-bright-green, #a3e96b) 22%, var(--color-white, #ffffff));
}

.vp-timeline__lane[b-h37qzs5yat] {
    position: relative;
    align-items: center;
    border-bottom: 1px solid color-mix(in srgb, var(--color-midnight, #223029) 6%, transparent);
}

.vp-timeline__lane-cell[b-h37qzs5yat] {
    grid-row: 1;
    align-self: stretch;
    height: var(--vp-timeline-row-height);
    border-right: 1px solid color-mix(in srgb, var(--color-midnight, #223029) 6%, transparent);
    background: transparent;
}

.vp-timeline__lane-cell--week-start[b-h37qzs5yat] {
    border-left: 1px solid color-mix(in srgb, var(--color-midnight, #223029) 14%, transparent);
}

.vp-timeline__lane-cell--today[b-h37qzs5yat] {
    background: color-mix(in srgb, var(--color-bright-green, #a3e96b) 12%, transparent);
}

.vp-timeline__bar[b-h37qzs5yat] {
    grid-row: 1;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 52px;
    margin: 0 var(--space-1, 4px);
    padding: 10px var(--space-3, 12px);
    border: 1px solid transparent;
    border-radius: 14px;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--color-midnight, #223029) 14%, transparent);
    cursor: pointer;
    text-align: left;
    overflow: visible;
}

.vp-timeline__bar:hover[b-h37qzs5yat] {
    transform: translateY(-1px);
    z-index: 20;
}

/* ── Hover popup tooltip ──────────────────────────────────────── */
.vp-timeline__bar-popup[b-h37qzs5yat] {
    display: none;
    position: absolute;
    bottom: calc(100% + var(--space-2, 8px));
    left: 50%;
    transform: translateX(-50%);
    z-index: 30;
    min-width: 200px;
    max-width: 280px;
    padding: 10px 14px;
    border-radius: 10px;
    background: var(--color-midnight, #223029);
    color: var(--color-white, #ffffff);
    box-shadow:
        0 4px 6px color-mix(in srgb, var(--color-midnight, #223029) 10%, transparent),
        0 12px 28px color-mix(in srgb, var(--color-midnight, #223029) 22%, transparent);
    pointer-events: none;
    flex-direction: column;
    gap: var(--space-1, 4px);
    white-space: normal;
}

.vp-timeline__bar-popup[b-h37qzs5yat]::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: var(--color-midnight, #223029);
}

.vp-timeline__bar:hover .vp-timeline__bar-popup[b-h37qzs5yat] {
    display: flex;
}

/* Edge-aware alignment — bars near either end of the visible range anchor the
   popup to the bar edge instead of centring it, so the scroll panel cannot clip it */
.vp-timeline__bar-popup--start[b-h37qzs5yat] {
    left: 0;
    transform: none;
}

.vp-timeline__bar-popup--start[b-h37qzs5yat]::after {
    left: var(--space-5, 20px);
    transform: none;
}

.vp-timeline__bar-popup--end[b-h37qzs5yat] {
    left: auto;
    right: 0;
    transform: none;
}

.vp-timeline__bar-popup--end[b-h37qzs5yat]::after {
    left: auto;
    right: var(--space-5, 20px);
    transform: none;
}

.vp-timeline__bar-popup-meta[b-h37qzs5yat] {
    align-self: flex-start;
    margin-top: 2px;
    padding: 2px var(--space-2, 8px);
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-white, #ffffff) 14%, transparent);
    font-size: 11px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--color-white, #ffffff) 88%, transparent);
}

.vp-timeline__bar-popup-title[b-h37qzs5yat] {
    font-family: var(--vp-font-heading, "SeasonSans-SemiBold", sans-serif);
    font-size: 13px;
    line-height: 1.3;
    color: var(--color-bright-green, #a3e96b);
}

.vp-timeline__bar-popup-line[b-h37qzs5yat] {
    font-size: 12px;
    line-height: 1.5;
    color: color-mix(in srgb, var(--color-white, #ffffff) 80%, transparent);
}

.vp-timeline__bar-title[b-h37qzs5yat],
.vp-timeline__bar-assignee[b-h37qzs5yat] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vp-timeline__bar-title[b-h37qzs5yat] {
    font-family: var(--vp-font-heading, "SeasonSans-SemiBold", sans-serif);
    font-size: 13px;
    line-height: 1.2;
}

.vp-timeline__bar-assignee[b-h37qzs5yat] {
    margin-top: 3px;
    font-size: 12px;
    line-height: 1.25;
    opacity: 0.84;
}

.vp-timeline__bar--selected[b-h37qzs5yat] {
    box-shadow:
        0 0 0 2px var(--color-lemon, #fff515),
        0 14px 28px color-mix(in srgb, var(--color-midnight, #223029) 18%, transparent);
}

.vp-timeline__bar--neutral[b-h37qzs5yat] {
    background: var(--color-gray-03, #e0e3e2);
    border-color: color-mix(in srgb, var(--color-midnight, #223029) 10%, transparent);
    color: var(--color-midnight, #223029);
}

.vp-timeline__bar--active[b-h37qzs5yat] {
    background: var(--color-bright-green, #a3e96b);
    border-color: color-mix(in srgb, var(--color-midnight, #223029) 12%, transparent);
    color: var(--color-midnight, #223029);
}

.vp-timeline__bar--open[b-h37qzs5yat] {
    background: var(--color-purple, #bca9f1);
    border-color: color-mix(in srgb, var(--color-midnight, #223029) 12%, transparent);
    color: var(--color-midnight, #223029);
}

.vp-timeline__bar--closed[b-h37qzs5yat] {
    background: var(--color-green, #0ea665);
    border-color: color-mix(in srgb, var(--color-midnight, #223029) 18%, transparent);
    color: var(--color-white, #ffffff);
}

.vp-timeline__bar--blocked[b-h37qzs5yat] {
    background: var(--color-red, #f9574d);
    border-color: color-mix(in srgb, var(--color-midnight, #223029) 18%, transparent);
    color: var(--color-white, #ffffff);
}

[data-theme="dark"] .vp-timeline[b-h37qzs5yat],
:root[data-theme="dark"] .vp-timeline[b-h37qzs5yat] {
    border-color: color-mix(in srgb, var(--color-white, #ffffff) 8%, transparent);
    background:
        radial-gradient(circle at top right, color-mix(in srgb, var(--color-bright-green, #a3e96b) 16%, transparent), transparent 34%),
        linear-gradient(180deg, color-mix(in srgb, var(--color-midnight, #223029) 82%, var(--color-green, #0ea665)), color-mix(in srgb, var(--color-midnight, #223029) 96%, black));
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--color-white, #ffffff) 4%, transparent),
        0 24px 42px color-mix(in srgb, black 24%, transparent);
}

[data-theme="dark"] .vp-timeline .vp-timeline__title[b-h37qzs5yat],
[data-theme="dark"] .vp-timeline .vp-timeline__range-label[b-h37qzs5yat],
[data-theme="dark"] .vp-timeline .vp-timeline__task-label[b-h37qzs5yat],
[data-theme="dark"] .vp-timeline .vp-timeline__task-title[b-h37qzs5yat],
[data-theme="dark"] .vp-timeline .vp-timeline__month-segment[b-h37qzs5yat],
[data-theme="dark"] .vp-timeline .vp-timeline__week-segment[b-h37qzs5yat],
[data-theme="dark"] .vp-timeline .vp-timeline__day[b-h37qzs5yat],
:root[data-theme="dark"] .vp-timeline .vp-timeline__title[b-h37qzs5yat],
:root[data-theme="dark"] .vp-timeline .vp-timeline__range-label[b-h37qzs5yat],
:root[data-theme="dark"] .vp-timeline .vp-timeline__task-label[b-h37qzs5yat],
:root[data-theme="dark"] .vp-timeline .vp-timeline__task-title[b-h37qzs5yat],
:root[data-theme="dark"] .vp-timeline .vp-timeline__month-segment[b-h37qzs5yat],
:root[data-theme="dark"] .vp-timeline .vp-timeline__week-segment[b-h37qzs5yat],
:root[data-theme="dark"] .vp-timeline .vp-timeline__day[b-h37qzs5yat] {
    color: var(--vp-content-text, var(--color-white, #ffffff));
}

[data-theme="dark"] .vp-timeline .vp-timeline__description[b-h37qzs5yat],
[data-theme="dark"] .vp-timeline .vp-timeline__range-meta[b-h37qzs5yat],
[data-theme="dark"] .vp-timeline .vp-timeline__task-assignee[b-h37qzs5yat],
[data-theme="dark"] .vp-timeline .vp-timeline__task-meta[b-h37qzs5yat],
[data-theme="dark"] .vp-timeline .vp-timeline__task-range[b-h37qzs5yat],
[data-theme="dark"] .vp-timeline .vp-timeline__day-name[b-h37qzs5yat],
:root[data-theme="dark"] .vp-timeline .vp-timeline__description[b-h37qzs5yat],
:root[data-theme="dark"] .vp-timeline .vp-timeline__range-meta[b-h37qzs5yat],
:root[data-theme="dark"] .vp-timeline .vp-timeline__task-assignee[b-h37qzs5yat],
:root[data-theme="dark"] .vp-timeline .vp-timeline__task-meta[b-h37qzs5yat],
:root[data-theme="dark"] .vp-timeline .vp-timeline__task-range[b-h37qzs5yat],
:root[data-theme="dark"] .vp-timeline .vp-timeline__day-name[b-h37qzs5yat] {
    color: var(--vp-placeholder-color, var(--color-gray-02, #b9c0be));
}

[data-theme="dark"] .vp-timeline .vp-timeline__board[b-h37qzs5yat],
[data-theme="dark"] .vp-timeline .vp-timeline__task-column[b-h37qzs5yat],
[data-theme="dark"] .vp-timeline .vp-timeline__scroll-panel[b-h37qzs5yat],
[data-theme="dark"] .vp-timeline .vp-timeline__timeline-header[b-h37qzs5yat],
:root[data-theme="dark"] .vp-timeline .vp-timeline__board[b-h37qzs5yat],
:root[data-theme="dark"] .vp-timeline .vp-timeline__task-column[b-h37qzs5yat],
:root[data-theme="dark"] .vp-timeline .vp-timeline__scroll-panel[b-h37qzs5yat],
:root[data-theme="dark"] .vp-timeline .vp-timeline__timeline-header[b-h37qzs5yat] {
    border-color: color-mix(in srgb, var(--color-white, #ffffff) 8%, transparent);
    background: color-mix(in srgb, var(--color-midnight, #223029) 92%, transparent);
}

[data-theme="dark"] .vp-timeline .vp-timeline__task-header[b-h37qzs5yat],
[data-theme="dark"] .vp-timeline .vp-timeline__month-segment[b-h37qzs5yat],
[data-theme="dark"] .vp-timeline .vp-timeline__day[b-h37qzs5yat],
:root[data-theme="dark"] .vp-timeline .vp-timeline__task-header[b-h37qzs5yat],
:root[data-theme="dark"] .vp-timeline .vp-timeline__month-segment[b-h37qzs5yat],
:root[data-theme="dark"] .vp-timeline .vp-timeline__day[b-h37qzs5yat] {
    background: color-mix(in srgb, var(--color-white, #ffffff) 4%, var(--color-midnight, #223029));
}

[data-theme="dark"] .vp-timeline .vp-timeline__week-segment[b-h37qzs5yat],
:root[data-theme="dark"] .vp-timeline .vp-timeline__week-segment[b-h37qzs5yat] {
    background: color-mix(in srgb, var(--color-purple, #bca9f1) 16%, var(--color-midnight, #223029));
}

[data-theme="dark"] .vp-timeline .vp-timeline__task-row--selected[b-h37qzs5yat],
:root[data-theme="dark"] .vp-timeline .vp-timeline__task-row--selected[b-h37qzs5yat] {
    background: color-mix(in srgb, var(--color-bright-green, #a3e96b) 10%, var(--color-midnight, #223029));
}

[data-theme="dark"] .vp-timeline .vp-timeline__task-row:hover[b-h37qzs5yat],
:root[data-theme="dark"] .vp-timeline .vp-timeline__task-row:hover[b-h37qzs5yat] {
    background: color-mix(in srgb, var(--color-white, #ffffff) 6%, var(--color-midnight, #223029));
}

[data-theme="dark"] .vp-timeline .vp-timeline__lane-cell--today[b-h37qzs5yat],
[data-theme="dark"] .vp-timeline .vp-timeline__day--today[b-h37qzs5yat],
:root[data-theme="dark"] .vp-timeline .vp-timeline__lane-cell--today[b-h37qzs5yat],
:root[data-theme="dark"] .vp-timeline .vp-timeline__day--today[b-h37qzs5yat] {
    background: color-mix(in srgb, var(--color-bright-green, #a3e96b) 18%, var(--color-midnight, #223029));
}

[data-theme="dark"] .vp-timeline .vp-timeline__bar--neutral[b-h37qzs5yat],
:root[data-theme="dark"] .vp-timeline .vp-timeline__bar--neutral[b-h37qzs5yat] {
    background: color-mix(in srgb, var(--color-gray-03, #e0e3e2) 22%, var(--color-midnight, #223029));
    border-color: color-mix(in srgb, var(--color-white, #ffffff) 12%, transparent);
    color: var(--color-white, #ffffff);
}

@media (max-width: 959px) {
    .vp-timeline[b-h37qzs5yat] {
        padding: var(--space-5, 20px);
        border-radius: 24px;
    }

    .vp-timeline__board[b-h37qzs5yat] {
        grid-template-columns: minmax(220px, 240px) minmax(0, 1fr);
    }

    .vp-timeline__header-actions[b-h37qzs5yat],
    .vp-timeline__controls[b-h37qzs5yat] {
        width: 100%;
    }

    .vp-timeline__range-summary[b-h37qzs5yat],
    .vp-timeline__zoom[b-h37qzs5yat] {
        width: 100%;
    }
}

@media (max-width: 719px) {
    .vp-timeline[b-h37qzs5yat] {
        --vp-timeline-day-width: 34px;
    }

    .vp-timeline__board[b-h37qzs5yat] {
        grid-template-columns: 220px minmax(0, 1fr);
    }

    .vp-timeline__task-header[b-h37qzs5yat],
    .vp-timeline__task-row[b-h37qzs5yat] {
        padding-left: var(--space-4, 16px);
        padding-right: var(--space-4, 16px);
    }

    .vp-timeline__bar[b-h37qzs5yat] {
        padding: var(--space-2, 8px) 10px;
    }
}

/* ---- Interactive-Gantt additions (all gated behind opt-in parameters) ---- */

.vp-timeline__zoom[b-h37qzs5yat] {
    min-width: 130px;
}

.vp-timeline__milestones[b-h37qzs5yat] {
    border-top: 1px dashed var(--color-gray-02, #b9c0be);
    padding: 2px 0;
}

.vp-timeline__milestone[b-h37qzs5yat] {
    grid-row: 1;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    overflow: visible;
    white-space: nowrap;
}

.vp-timeline__milestone-diamond[b-h37qzs5yat] {
    width: 10px;
    height: 10px;
    flex: 0 0 auto;
    margin-left: -5px;
    transform: rotate(45deg);
    background: var(--color-purple, #bca9f1);
    border: 1px solid var(--color-midnight, #223029);
}

.vp-timeline__milestone--completed .vp-timeline__milestone-diamond[b-h37qzs5yat] {
    background: var(--color-green, #0ea665);
}

.vp-timeline__milestone-label[b-h37qzs5yat] {
    font-size: 11px;
    color: var(--color-midnight, #223029);
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 140px;
}

.vp-timeline__lane-list[b-h37qzs5yat] {
    position: relative;
    /* Match the lanes' width so the arrow overlay spans the full day grid,
       not just the visible scroll viewport. */
    min-width: calc(var(--vp-timeline-day-count) * var(--vp-timeline-day-width));
}

.vp-timeline__dependencies[b-h37qzs5yat] {
    position: absolute;
    top: 0;
    left: 0;
    /* Sized to the day grid — sizing to the container box would compress the
       viewBox into the visible width and misalign every arrow when scrolled. */
    width: calc(var(--vp-timeline-day-count) * var(--vp-timeline-day-width));
    height: 100%;
    pointer-events: none;
    z-index: 2;
}

.vp-timeline__dependency[b-h37qzs5yat] {
    fill: none;
    stroke: var(--color-gray-01, #909893);
    stroke-width: 2px;
}

.vp-timeline__dependency--critical[b-h37qzs5yat] {
    stroke: var(--color-purple, #bca9f1);
    stroke-width: 3px;
}

.vp-timeline__dependency--violated[b-h37qzs5yat] {
    stroke: var(--color-red, #f9574d);
}

.vp-timeline__dependency-dot[b-h37qzs5yat] {
    fill: var(--color-gray-01, #909893);
}

.vp-timeline__dependency-dot--violated[b-h37qzs5yat] {
    fill: var(--color-red, #f9574d);
}

.vp-timeline__bar-progress[b-h37qzs5yat] {
    position: absolute;
    inset: auto 0 0 0;
    height: 5px;
    max-width: 100%;
    border-radius: 0 0 0 12px;
    background: color-mix(in srgb, var(--color-midnight, #223029) 45%, transparent);
    pointer-events: none;
}

.vp-timeline__bar--summary[b-h37qzs5yat] {
    min-height: 26px;
    padding: 2px var(--space-3, 12px);
    border-radius: 6px;
    border: 2px solid var(--color-midnight, #223029);
    background: color-mix(in srgb, var(--color-midnight, #223029) 12%, transparent);
    box-shadow: none;
    cursor: default;
}

.vp-timeline__bar--summary .vp-timeline__bar-assignee[b-h37qzs5yat] {
    display: none;
}

.vp-timeline__bar--critical[b-h37qzs5yat] {
    outline: 2px solid var(--color-purple, #bca9f1);
    outline-offset: 2px;
}

.vp-timeline__bar--overdue[b-h37qzs5yat] {
    border-right: 5px solid var(--color-red, #f9574d);
}

.vp-timeline__target-tick[b-h37qzs5yat] {
    grid-row: 1;
    justify-self: start;
    width: 0;
    height: 100%;
    border-left: 2px dashed var(--color-red, #f9574d);
    opacity: 0.55;
    pointer-events: none;
    z-index: 1;
}

.vp-timeline__offwindow[b-h37qzs5yat] {
    grid-row: 1;
    align-self: center;
    justify-self: stretch;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 14px;
    color: var(--color-gray-01, #909893);
    padding: 4px;
}

.vp-timeline__offwindow:hover[b-h37qzs5yat] {
    color: var(--color-midnight, #223029);
}

.vp-timeline__bar--dragging[b-h37qzs5yat] {
    opacity: 0.55;
}

.vp-timeline__bar-ghost[b-h37qzs5yat] {
    position: absolute;
    border: 2px dashed var(--color-midnight, #223029);
    border-radius: 14px;
    background: color-mix(in srgb, var(--color-bright-green, #a3e96b) 30%, transparent);
    pointer-events: none;
    z-index: 3;
}

.vp-timeline__bar-popup-line--overdue[b-h37qzs5yat] {
    color: var(--color-red, #f9574d);
}

/* The milestone lane adds a 24px row to the timeline header; the task-column
   header must grow identically or the first lane row misaligns. */
.vp-timeline--with-milestones .vp-timeline__timeline-header[b-h37qzs5yat] {
    grid-template-rows: 40px 36px 36px 24px;
}

.vp-timeline--with-milestones .vp-timeline__task-header[b-h37qzs5yat] {
    height: 136px;
}
/* _content/Verapath.Components/Components/Toast/VerapathToast.razor.rz.scp.css */
/* ── Toast card ─────────────────────────────────────────────────── */
.vp-toast[b-fs67wkl4zt] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 280px;
    max-width: 380px;
    border-radius: var(--border-radius-md, 6px);
    border: 1px solid transparent;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    overflow: hidden;
    padding: 12px 12px 12px 0;
    position: relative;
    pointer-events: all;
}

/* ── Slide-in animation ─────────────────────────────────────────── */
@keyframes vp-toast-in-b-fs67wkl4zt {
    from { transform: translateX(calc(100% + 24px)); opacity: 0; }
    to   { transform: translateX(0);                opacity: 1; }
}

@keyframes vp-toast-out-b-fs67wkl4zt {
    from { transform: translateX(0);                opacity: 1; }
    to   { transform: translateX(calc(100% + 24px)); opacity: 0; }
}

.vp-toast--enter[b-fs67wkl4zt] {
    animation: vp-toast-in-b-fs67wkl4zt 0.28s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.vp-toast--exit[b-fs67wkl4zt] {
    animation: vp-toast-out-b-fs67wkl4zt 0.28s ease-in forwards;
}

/* ── Left accent bar ────────────────────────────────────────────── */
.vp-toast__accent[b-fs67wkl4zt] {
    width: 4px;
    align-self: stretch;
    flex-shrink: 0;
    border-radius: 0;
}

/* ── Icon ───────────────────────────────────────────────────────── */
.vp-toast__icon[b-fs67wkl4zt] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

/* ── Text ───────────────────────────────────────────────────────── */
.vp-toast__text[b-fs67wkl4zt] {
    flex: 1;
    font-size: var(--font-size-label, 14px);
    line-height: 1.45;
    word-break: break-word;
}

/* ── Action button (optional, between text and close) ─────────────── */
.vp-toast__action[b-fs67wkl4zt] {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    background: transparent;
    border: 1px solid currentColor;
    border-radius: 999px;
    color: inherit;
    cursor: pointer;
    font: inherit;
    font-size: var(--font-size-label, 13px);
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    flex-shrink: 0;
}

.vp-toast__action:hover[b-fs67wkl4zt] {
    background: rgba(0, 0, 0, 0.06);
}

.vp-toast__action:focus-visible[b-fs67wkl4zt] {
    outline: 2px solid var(--color-bright-green, #a3e96b);
    outline-offset: 2px;
}

/* ── Close button ───────────────────────────────────────────────── */
.vp-toast__close[b-fs67wkl4zt] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    cursor: pointer;
    padding: 2px;
    border-radius: 3px;
    opacity: 0.55;
    flex-shrink: 0;
    transition: opacity 0.15s ease;
    color: inherit;
}

.vp-toast__close:hover[b-fs67wkl4zt] {
    opacity: 1;
}

/* ── Info ───────────────────────────────────────────────────────── */
.vp-toast--info[b-fs67wkl4zt] {
    background: var(--color-light-purple-50, #f1edfa);
    border-color: var(--color-purple, #bca9f1);
    color: #3d2e7a;
}

.vp-toast--info .vp-toast__accent[b-fs67wkl4zt] {
    background: var(--color-purple, #bca9f1);
}

.vp-toast--info .vp-toast__icon[b-fs67wkl4zt] {
    color: var(--color-purple, #bca9f1);
}

/* ── Success ────────────────────────────────────────────────────── */
.vp-toast--success[b-fs67wkl4zt] {
    background: var(--color-mint-50, #edfaee);
    border-color: var(--color-green, #0ea665);
    color: #0a5c3a;
}

.vp-toast--success .vp-toast__accent[b-fs67wkl4zt] {
    background: var(--color-green, #0ea665);
}

.vp-toast--success .vp-toast__icon[b-fs67wkl4zt] {
    color: var(--color-green, #0ea665);
}

/* ── Warning ────────────────────────────────────────────────────── */
.vp-toast--warning[b-fs67wkl4zt] {
    background: var(--color-pale-yellow-50, #FFFDD8);
    border-color: #c9a800;
    color: #5a4a00;
}

.vp-toast--warning .vp-toast__accent[b-fs67wkl4zt] {
    background: #c9a800;
}

.vp-toast--warning .vp-toast__icon[b-fs67wkl4zt] {
    color: #c9a800;
}

/* ── Error ──────────────────────────────────────────────────────── */
.vp-toast--error[b-fs67wkl4zt] {
    background: #fde8e7;
    border-color: var(--color-red, #f9574d);
    color: #7a1f1a;
}

.vp-toast--error .vp-toast__accent[b-fs67wkl4zt] {
    background: var(--color-red, #f9574d);
}

.vp-toast--error .vp-toast__icon[b-fs67wkl4zt] {
    color: var(--color-red, #f9574d);
}

/* ── Dark mode overrides ────────────────────────────────────────── */
:root[data-theme="dark"] .vp-toast--info[b-fs67wkl4zt],
[data-theme="dark"] .vp-toast--info[b-fs67wkl4zt] {
    background: #2a2240;
    border-color: var(--color-purple, #bca9f1);
    color: #d4c8f8;
}

:root[data-theme="dark"] .vp-toast--success[b-fs67wkl4zt],
[data-theme="dark"] .vp-toast--success[b-fs67wkl4zt] {
    background: #0d2e20;
    border-color: var(--color-green, #0ea665);
    color: #6ddead;
}

:root[data-theme="dark"] .vp-toast--warning[b-fs67wkl4zt],
[data-theme="dark"] .vp-toast--warning[b-fs67wkl4zt] {
    background: #2e2700;
    border-color: #c9a800;
    color: #f0d040;
}

:root[data-theme="dark"] .vp-toast--error[b-fs67wkl4zt],
[data-theme="dark"] .vp-toast--error[b-fs67wkl4zt] {
    background: #2e0f0d;
    border-color: var(--color-red, #f9574d);
    color: #f8a49f;
}
/* _content/Verapath.Components/Components/Typography/VerapathKicker.razor.rz.scp.css */
.vp-kicker[b-ziku41vf9b] {
    display: inline-block;
    font-size: var(--vp-kicker, 10px);
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--vp-content-text, #5b6660);
    opacity: 0.62;
    line-height: 1.2;
}
/* _content/Verapath.Components/Components/Typography/VerapathQuoteBlock.razor.rz.scp.css */
.vp-quote[b-6nbkqypmo2] {
    margin: 0;
    padding: 10px 14px;
    background: var(--vp-card-alt, #FAF7EF);
    border-left: 3px solid var(--vp-border-soft, #EEEAE0);
    border-radius: 0 4px 4px 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.vp-quote__body[b-6nbkqypmo2] {
    margin: 0;
    font-family: var(--font-serif, Georgia, "Times New Roman", serif);
    font-size: 15px;
    line-height: 1.45;
    color: var(--vp-content-text, #223029);
    font-style: italic;
}

.vp-quote__caption[b-6nbkqypmo2] {
    font-size: var(--vp-meta, 11px);
    color: color-mix(in srgb, var(--vp-content-text, #223029) 65%, transparent);
    line-height: 1.45;
}

.vp-quote--critical[b-6nbkqypmo2] {
    border-left-color: var(--vp-down, #A93A2E);
    background: color-mix(in srgb, var(--vp-down, #A93A2E) 6%, var(--vp-card-alt, #FAF7EF) 94%);
}

.vp-quote--warning[b-6nbkqypmo2] {
    border-left-color: var(--vp-amber-ink, #8A6B0F);
    background: var(--vp-amber-soft, #FBF6DC);
}

.vp-quote--info[b-6nbkqypmo2] {
    border-left-color: var(--vp-lavender-ink, #5B3B8F);
    background: color-mix(in srgb, var(--vp-lavender-ink, #5B3B8F) 4%, var(--vp-card-alt, #FAF7EF) 96%);
}
/* _content/Verapath.Components/Components/ViewConfig/VerapathColumnPicker.razor.rz.scp.css */
/* VerapathColumnPicker — Plane 2 (view configs). Scoped; references host tokens
   via var(--token, fallback) so it renders even without verapath-variables.css. */

.vp-colpicker[b-4ywodazamp] {
    position: relative;
    display: inline-block;
}

/* Trigger matches VerapathGrid's .vp-grid__ghost-btn exactly — the picker sits
   next to the grid's own Export button in list toolbars, and the two previously
   used different fills/type ("filled gray 14px" vs "outline 12px bold"). */
.vp-colpicker__trigger[b-4ywodazamp] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px var(--space-3, 12px);
    font-family: var(--font-heading, "Season Sans SemiBold"), system-ui, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--vp-content-text, #223029);
    background: var(--vp-card-bg, #ffffff);
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: 8px;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.vp-colpicker__trigger:hover[b-4ywodazamp] {
    background: var(--vp-surface-hover, #e0e3e2);
    border-color: var(--color-midnight, #223029);
}

.vp-colpicker__trigger.is-open[b-4ywodazamp] {
    border-color: var(--vp-accent, #a3e96b);
}

[data-theme="dark"] .vp-colpicker__trigger[b-4ywodazamp] {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.10);
    color: rgba(255, 255, 255, 0.86);
}

[data-theme="dark"] .vp-colpicker__trigger:hover[b-4ywodazamp] {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.30);
}

.vp-colpicker__trigger-icon[b-4ywodazamp] {
    font-size: 13px;
    line-height: 1;
}

/* Click-away scrim. */
.vp-colpicker__backdrop[b-4ywodazamp] {
    position: fixed;
    inset: 0;
    z-index: 40;
    background: transparent;
}

.vp-colpicker__panel[b-4ywodazamp] {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    z-index: 41;
    width: 260px;
    max-height: 60vh;
    overflow-y: auto;
    padding: 8px;
    background: var(--color-white, #ffffff);
    border: 1px solid var(--vp-border-default, var(--color-gray-02, #b9c0be));
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(34, 48, 41, 0.14);
}

.vp-colpicker__head[b-4ywodazamp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 6px 8px;
    border-bottom: 1px solid var(--vp-divider, var(--color-gray-03, #e0e3e2));
    margin-bottom: 4px;
}

.vp-colpicker__title[b-4ywodazamp] {
    font-size: var(--font-size-caption, 12px);
    font-weight: var(--font-weight-medium, 600);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-text-muted, #909893);
}

.vp-colpicker__reset[b-4ywodazamp] {
    font: inherit;
    font-size: var(--font-size-caption, 12px);
    color: var(--color-text-muted, #5b6b63);
    background: transparent;
    border: none;
    cursor: pointer;
    text-decoration: underline;
}

.vp-colpicker__reset:hover[b-4ywodazamp] {
    color: var(--color-text, #223029);
}

.vp-colpicker__density[b-4ywodazamp] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2, 6px);
    padding: 4px 6px 8px;
    border-bottom: 1px solid var(--vp-divider, var(--color-gray-03, #e0e3e2));
    margin-bottom: 4px;
}

.vp-colpicker__section-label[b-4ywodazamp] {
    font-size: var(--font-size-caption, 12px);
    font-weight: var(--font-weight-medium, 600);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-text-muted, #909893);
}

.vp-colpicker__density-toggle[b-4ywodazamp] {
    display: inline-flex;
    border: 1px solid var(--vp-border-default, var(--color-gray-03, #e0e3e2));
    border-radius: var(--border-radius-md, 8px);
    overflow: hidden;
}

.vp-colpicker__density-btn[b-4ywodazamp] {
    font: inherit;
    font-size: var(--font-size-caption, 12px);
    padding: 6px 12px;
    background: transparent;
    border: none;
    border-right: 1px solid var(--vp-border-default, var(--color-gray-03, #e0e3e2));
    color: var(--vp-content-text, #223029);
    cursor: pointer;
}

.vp-colpicker__density-btn:last-child[b-4ywodazamp] {
    border-right: none;
}

.vp-colpicker__density-btn.is-active[b-4ywodazamp] {
    background: var(--color-bright-green, #a3e96b);
    color: var(--color-midnight, #223029);
    font-weight: var(--font-weight-medium, 600);
}

.vp-colpicker__list[b-4ywodazamp] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.vp-colpicker__row[b-4ywodazamp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 4px 6px;
    border-radius: 5px;
}

.vp-colpicker__row:hover[b-4ywodazamp] {
    background: var(--color-gray-04, #f7f7f7);
}

.vp-colpicker__row:not(.is-locked)[b-4ywodazamp] {
    cursor: grab;
}

.vp-colpicker__row.is-locked[b-4ywodazamp] {
    opacity: 0.6;
}

/* Drag-to-reorder affordances (native HTML5 drag). */
.vp-colpicker__grip[b-4ywodazamp] {
    flex: 0 0 auto;
    width: 12px;
    font-size: 13px;
    line-height: 1;
    color: var(--color-text-muted, #909893);
    cursor: grab;
    user-select: none;
}

.vp-colpicker__row.is-dragging[b-4ywodazamp] {
    opacity: 0.4;
    cursor: grabbing;
}

.vp-colpicker__row.is-dragover[b-4ywodazamp] {
    background: var(--vp-accent-soft, var(--color-mint-50, #edfaee));
    box-shadow: inset 0 2px 0 var(--vp-accent, #a3e96b);
}

.vp-colpicker__check[b-4ywodazamp] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    cursor: pointer;
    flex: 1 1 auto;
}

.vp-colpicker__row.is-locked .vp-colpicker__check[b-4ywodazamp] {
    cursor: default;
}

.vp-colpicker__label[b-4ywodazamp] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--font-size-label, 14px);
    color: var(--color-text, #223029);
}

.vp-colpicker__move[b-4ywodazamp] {
    display: inline-flex;
    gap: 2px;
    flex: 0 0 auto;
}

.vp-colpicker__move-btn[b-4ywodazamp] {
    width: 22px;
    height: 22px;
    font: inherit;
    font-size: 12px;
    line-height: 1;
    color: var(--color-text, #223029);
    background: var(--color-white, #ffffff);
    border: 1px solid var(--vp-border-default, var(--color-gray-02, #b9c0be));
    border-radius: 4px;
    cursor: pointer;
}

.vp-colpicker__move-btn:hover:not(:disabled)[b-4ywodazamp] {
    border-color: var(--color-gray-01, #909893);
}

.vp-colpicker__move-btn:disabled[b-4ywodazamp] {
    opacity: 0.35;
    cursor: not-allowed;
}
/* _content/Verapath.Components/Components/ViewConfig/VerapathViewBar.razor.rz.scp.css */
/* Saved-view chip rail (Plane 2 capstone). Tokens fall back so the bar renders
   even if the host hasn't loaded verapath-variables.css. Aesthetic: refined,
   low-chrome pills with a single confident green accent and a warm amber cue for
   unsaved state — enterprise-calm, not toy-bright. */
.vp-viewbar[b-g2vi9w62qg] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 13px;
}

.vp-viewbar__chip-wrap[b-g2vi9w62qg] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.vp-viewbar__chip[b-g2vi9w62qg] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 32px;
    padding: 5px 13px;
    border: 1px solid rgba(185, 192, 190, 0.82);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: var(--vp-content-text, #223029);
    font-size: 13px;
    line-height: 1;
    cursor: pointer;
    transition: border-color .14s ease, background-color .14s ease, box-shadow .14s ease;
}

.vp-viewbar__chip:hover[b-g2vi9w62qg] {
    border-color: var(--color-bright-green, #a3e96b);
    background: rgba(255, 255, 255, 1);
}

.vp-viewbar__chip:focus-visible[b-g2vi9w62qg] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(163, 233, 107, 0.4);
}

.vp-viewbar__chip--active[b-g2vi9w62qg] {
    border-color: var(--color-bright-green, #a3e96b);
    background: rgba(163, 233, 107, 0.16);
    font-weight: 600;
}

/* When the active view is dirty, soften the chip's right edge so it visually
   joins the amber "Unsaved" trigger that sits flush beside it. */
.vp-viewbar__chip-wrap.is-dirty .vp-viewbar__chip--active[b-g2vi9w62qg] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-color: transparent;
    padding-right: 10px;
}

.vp-viewbar__chip--new[b-g2vi9w62qg] {
    border-style: dashed;
    color: var(--vp-placeholder-color, #6f7873);
    font-weight: 500;
}

.vp-viewbar__chip--new:hover[b-g2vi9w62qg] {
    color: var(--vp-content-text, #223029);
    background: rgba(163, 233, 107, 0.1);
}

.vp-viewbar__plus[b-g2vi9w62qg] {
    font-size: 15px;
    line-height: 1;
}

.vp-viewbar__star[b-g2vi9w62qg] {
    color: var(--color-green, #0ea665);
    font-size: 11px;
}

.vp-viewbar__glyph[b-g2vi9w62qg] {
    color: var(--color-purple, #8a74d6);
    font-size: 11px;
}

.vp-viewbar__count[b-g2vi9w62qg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 18px;
    padding: 0 6px;
    border-radius: 999px;
    background: rgba(34, 48, 41, 0.08);
    color: var(--vp-placeholder-color, #6f7873);
    font-size: 11px;
    font-weight: 600;
}

/* ── Unsaved trigger ──────────────────────────────────────────────────────
   The whole amber pill is the click target (the old bug: only a 1-char caret
   was). Reads as a status badge but behaves as a button. */
.vp-viewbar__dirty-trigger[b-g2vi9w62qg] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    margin-left: -1px;
    padding: 5px 12px 5px 11px;
    border: 1px solid var(--color-lemon, #d8a200);
    border-left-color: rgba(216, 162, 0, 0.45);
    border-radius: 0 999px 999px 0;
    background: rgba(216, 162, 0, 0.12);
    color: #8a6500;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transition: background-color .14s ease, box-shadow .14s ease;
}

.vp-viewbar__dirty-trigger:hover[b-g2vi9w62qg],
.vp-viewbar__dirty-trigger.is-open[b-g2vi9w62qg] {
    background: rgba(216, 162, 0, 0.22);
}

.vp-viewbar__dirty-trigger:focus-visible[b-g2vi9w62qg] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(216, 162, 0, 0.35);
}

.vp-viewbar__dirty-dot[b-g2vi9w62qg] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--color-lemon, #d8a200);
    box-shadow: 0 0 0 3px rgba(216, 162, 0, 0.22);
    /* gentle pulse so a fresh edit catches the eye once, then settles */
    animation: vp-viewbar-pulse-b-g2vi9w62qg 1.8s ease-out 2;
}

@keyframes vp-viewbar-pulse-b-g2vi9w62qg {
    0%   { box-shadow: 0 0 0 0 rgba(216, 162, 0, 0.45); }
    70%  { box-shadow: 0 0 0 6px rgba(216, 162, 0, 0); }
    100% { box-shadow: 0 0 0 0 rgba(216, 162, 0, 0); }
}

.vp-viewbar__edit[b-g2vi9w62qg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 6px;
    margin-left: 2px;
    border: none;
    background: transparent;
    color: var(--vp-placeholder-color, #6f7873);
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
    opacity: 0;
    transition: opacity .12s ease, color .12s ease;
}

.vp-viewbar__edit:hover[b-g2vi9w62qg] {
    color: var(--vp-content-text, #223029);
}

.vp-viewbar__chip-wrap:hover .vp-viewbar__edit[b-g2vi9w62qg],
.vp-viewbar__edit:focus-visible[b-g2vi9w62qg] {
    opacity: 1;
}

/* ── Popover ──────────────────────────────────────────────────────────────
   A titled card, not a bare menu — the head names what's unsaved so the action
   list reads unambiguously. Two-line menu items give each action a plain-English
   subtitle (the "friendly" ask). */
.vp-viewbar__popover[b-g2vi9w62qg] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 30;
    display: flex;
    flex-direction: column;
    min-width: 248px;
    padding: 6px;
    border: 1px solid rgba(34, 48, 41, 0.1);
    border-radius: 14px;
    background: var(--vp-card-bg, #ffffff);
    box-shadow: 0 1px 2px rgba(34, 48, 41, 0.06), 0 20px 44px rgba(34, 48, 41, 0.18);
    animation: vp-viewbar-pop-b-g2vi9w62qg .12s ease-out;
    transform-origin: top left;
}

@keyframes vp-viewbar-pop-b-g2vi9w62qg {
    from { opacity: 0; transform: translateY(-4px) scale(0.98); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

.vp-viewbar__popover-head[b-g2vi9w62qg] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding: 8px 10px 6px;
}

.vp-viewbar__popover-title[b-g2vi9w62qg] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: var(--vp-placeholder-color, #6f7873);
}

.vp-viewbar__popover-sub[b-g2vi9w62qg] {
    font-size: 13px;
    color: var(--vp-content-text, #223029);
}

.vp-viewbar__popover-sub strong[b-g2vi9w62qg] {
    font-weight: 600;
}

.vp-viewbar__menu-item[b-g2vi9w62qg] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    padding: 9px 10px;
    border: none;
    border-radius: 9px;
    background: transparent;
    color: var(--vp-content-text, #223029);
    text-align: left;
    cursor: pointer;
    transition: background-color .12s ease;
}

.vp-viewbar__menu-item:hover[b-g2vi9w62qg],
.vp-viewbar__menu-item:focus-visible[b-g2vi9w62qg] {
    outline: none;
    background: rgba(163, 233, 107, 0.18);
}

.vp-viewbar__menu-icon[b-g2vi9w62qg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    margin-top: 1px;
    border-radius: 7px;
    background: rgba(163, 233, 107, 0.22);
    color: var(--color-green, #0ea665);
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
}

.vp-viewbar__menu-text[b-g2vi9w62qg] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.vp-viewbar__menu-title[b-g2vi9w62qg] {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
}

.vp-viewbar__menu-sub[b-g2vi9w62qg] {
    font-size: 11.5px;
    color: var(--vp-placeholder-color, #6f7873);
    line-height: 1.25;
}

.vp-viewbar__menu-item--muted .vp-viewbar__menu-icon[b-g2vi9w62qg] {
    background: rgba(34, 48, 41, 0.07);
    color: var(--vp-placeholder-color, #6f7873);
}

.vp-viewbar__menu-sep[b-g2vi9w62qg] {
    height: 1px;
    margin: 5px 8px;
    background: rgba(34, 48, 41, 0.08);
}

/* ── Inline "name this view" field ───────────────────────────────────────── */
.vp-viewbar__name-field[b-g2vi9w62qg] {
    padding: 4px 8px 6px;
}

.vp-viewbar__name-input[b-g2vi9w62qg] {
    width: 100%;
    height: 36px;
    padding: 0 11px;
    border: 1px solid rgba(34, 48, 41, 0.2);
    border-radius: 9px;
    background: var(--vp-input-bg, #ffffff);
    color: var(--vp-content-text, #223029);
    font-size: 13px;
}

.vp-viewbar__name-input[b-g2vi9w62qg]::placeholder {
    color: var(--vp-placeholder-color, #9aa39d);
}

.vp-viewbar__name-input:focus[b-g2vi9w62qg] {
    outline: none;
    border-color: var(--color-bright-green, #a3e96b);
    box-shadow: 0 0 0 3px rgba(163, 233, 107, 0.32);
}

.vp-viewbar__name-actions[b-g2vi9w62qg] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 2px 8px 6px;
}

.vp-viewbar__btn[b-g2vi9w62qg] {
    min-height: 32px;
    padding: 0 14px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color .12s ease, border-color .12s ease, opacity .12s ease;
}

.vp-viewbar__btn--ghost[b-g2vi9w62qg] {
    border: 1px solid rgba(34, 48, 41, 0.18);
    background: transparent;
    color: var(--vp-content-text, #223029);
}

.vp-viewbar__btn--ghost:hover[b-g2vi9w62qg] {
    background: rgba(34, 48, 41, 0.05);
}

.vp-viewbar__btn--primary[b-g2vi9w62qg] {
    border: 1px solid var(--color-green, #0ea665);
    background: var(--color-bright-green, #a3e96b);
    color: #173b22;
}

.vp-viewbar__btn--primary:hover:not(:disabled)[b-g2vi9w62qg] {
    background: var(--color-green, #0ea665);
    border-color: var(--color-green, #0ea665);
    color: #ffffff;
}

.vp-viewbar__btn--primary:disabled[b-g2vi9w62qg] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ── Dark theme ───────────────────────────────────────────────────────────── */
[data-theme="dark"] .vp-viewbar .vp-viewbar__chip[b-g2vi9w62qg],
:root[data-theme="dark"] .vp-viewbar .vp-viewbar__chip[b-g2vi9w62qg] {
    background: rgba(34, 48, 41, 0.88);
    border-color: rgba(255, 255, 255, 0.1);
    color: var(--vp-content-text, #ffffff);
}

[data-theme="dark"] .vp-viewbar .vp-viewbar__dirty-trigger[b-g2vi9w62qg],
:root[data-theme="dark"] .vp-viewbar .vp-viewbar__dirty-trigger[b-g2vi9w62qg] {
    color: #f0c860;
    background: rgba(216, 162, 0, 0.18);
}

[data-theme="dark"] .vp-viewbar .vp-viewbar__popover[b-g2vi9w62qg],
:root[data-theme="dark"] .vp-viewbar .vp-viewbar__popover[b-g2vi9w62qg] {
    background: rgba(28, 40, 34, 0.99);
    border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .vp-viewbar .vp-viewbar__menu-item[b-g2vi9w62qg],
:root[data-theme="dark"] .vp-viewbar .vp-viewbar__menu-item[b-g2vi9w62qg] {
    color: var(--vp-content-text, #ffffff);
}

[data-theme="dark"] .vp-viewbar .vp-viewbar__name-input[b-g2vi9w62qg],
:root[data-theme="dark"] .vp-viewbar .vp-viewbar__name-input[b-g2vi9w62qg] {
    background: rgba(34, 48, 41, 0.88);
    border-color: rgba(255, 255, 255, 0.16);
    color: var(--vp-content-text, #ffffff);
}

@media (prefers-reduced-motion: reduce) {
    .vp-viewbar__dirty-dot[b-g2vi9w62qg] { animation: none; }
    .vp-viewbar__popover[b-g2vi9w62qg] { animation: none; }
}
/* _content/Verapath.Components/Components/Website/SiteHeader/SiteHeader.razor.rz.scp.css */
/* ─── Root nav bar ─────────────────────────────────────────────────── */

/* Light marketing chrome: glassy paper bar by default (and once scrolled);
   fully transparent while sitting over a page hero (vp-nav-hero, toggled by
   site.js at the top of the home page). Text/logo stay dark in both states. */
#vp-nav[b-sibx0wz5r8] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: color-mix(in srgb, var(--color-gray-04, #f8f8f3) 88%, transparent);
    border-bottom: 1px solid var(--color-gray-03, #e0e3e2);
    -webkit-backdrop-filter: blur(16px) saturate(1.2);
    backdrop-filter: blur(16px) saturate(1.2);
    transition:
        background-color 0.4s ease,
        border-color 0.4s ease,
        backdrop-filter 0.4s ease,
        -webkit-backdrop-filter 0.4s ease,
        box-shadow 0.4s ease;
}

/* Hero / transparent mode — set HeroMode="true" on home page */
#vp-nav.vp-nav-hero[b-sibx0wz5r8] {
    background: transparent;
    border-bottom-color: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: none;
}

/* ─── Inner grid ───────────────────────────────────────────────────── */

#vp-nav-inner[b-sibx0wz5r8] {
    display: grid;
    grid-template-columns: auto auto 1fr auto;
    align-items: center;
    gap: 28px;
    width: min(100%, 1366px);
    margin: 0 auto;
    padding: 18px 48px;
}

#vp-nav-left[b-sibx0wz5r8],
#vp-nav-center[b-sibx0wz5r8],
#vp-nav-right[b-sibx0wz5r8] {
    display: flex;
    align-items: center;
}

#vp-nav-center[b-sibx0wz5r8] {
    justify-self: start;
    min-width: 0;
}

#vp-nav-right[b-sibx0wz5r8] {
    justify-self: end;
    gap: 14px;
    min-width: 0;
}

/* ─── Logo ─────────────────────────────────────────────────────────── */

#vp-nav-logo[b-sibx0wz5r8] {
    display: inline-flex;
    align-items: center;
    line-height: 0;
}

#vp-nav-logo img[b-sibx0wz5r8] {
    display: block;
    height: 34px;
    width: auto;
}

/* Light chrome uses the dark (midnight) logo in every state. */
#vp-nav-logo .logo-light[b-sibx0wz5r8] {
    display: none;
}

#vp-nav-logo .logo-dark[b-sibx0wz5r8] {
    display: block;
}

/* ─── Nav links ────────────────────────────────────────────────────── */

#vp-nav-links[b-sibx0wz5r8] {
    display: flex;
    align-items: center;
    gap: 36px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#vp-nav-links a[b-sibx0wz5r8],
#vp-nav-auth[b-sibx0wz5r8] {
    color: var(--color-midnight, #223029);
    font-family: "SeasonSans-Regular", sans-serif;
    font-size: 1rem;
    line-height: 1.2;
    letter-spacing: -0.015em;
    text-decoration: none;
    transition: color 0.2s ease, opacity 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

#vp-nav-links a:hover[b-sibx0wz5r8] {
    color: var(--color-green, #0ea665);
}

#vp-nav-links a[aria-current="page"][b-sibx0wz5r8] {
    color: var(--color-green, #0ea665);
}

#vp-nav-auth:hover[b-sibx0wz5r8] {
    opacity: 0.78;
}

/* ─── Auth / secondary button ──────────────────────────────────────── */

#vp-nav-auth[b-sibx0wz5r8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 24px;
    border: 1px solid var(--color-gray-03, #e0e3e2);
    border-radius: 999px;
    background: transparent;
    cursor: pointer;
}

#vp-nav-auth:hover[b-sibx0wz5r8] {
    border-color: var(--color-green, #0ea665);
}

/* ─── Primary CTA button ───────────────────────────────────────────── */

#vp-nav-cta[b-sibx0wz5r8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 26px;
    border: none;
    border-radius: 999px;
    background: var(--color-bright-green, #a3e96b);
    color: var(--color-midnight, #223029);
    font-family: "SeasonSans-SemiBold", sans-serif;
    font-size: 1rem;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

#vp-nav-cta:hover[b-sibx0wz5r8] {
    background: #b6f184;
    transform: translateY(-1px);
}

/* ─── Hamburger ────────────────────────────────────────────────────── */

#vp-nav-hamburger[b-sibx0wz5r8] {
    display: none;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

#vp-nav-hamburger span[b-sibx0wz5r8] {
    display: block;
    width: 22px;
    height: 2px;
    margin: 4px auto;
    background: var(--color-midnight, #223029);
    transition: background-color 0.2s ease;
}

/* ─── Responsive ───────────────────────────────────────────────────── */

@media (max-width: 920px) {
    #vp-nav-inner[b-sibx0wz5r8] {
        grid-template-columns: auto 1fr auto;
        gap: 16px;
        padding: 16px 20px;
    }

    #vp-nav-center[b-sibx0wz5r8],
    #vp-nav-auth[b-sibx0wz5r8],
    #vp-nav-cta[b-sibx0wz5r8] {
        display: none;
    }

    #vp-nav-hamburger[b-sibx0wz5r8] {
        display: inline-block;
        justify-self: end;
    }
}
/* _content/Verapath.Components/Components/Wizard/VerapathWizard.razor.rz.scp.css */
/* ── Root ───────────────────────────────────────────────────────── */
.vp-wizard[b-t9kvivacpl] {
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-md, 6px);
    background: var(--vp-surface-input, #ffffff);
    color: var(--vp-input-color, #223029);
    font-size: var(--font-size-body, 16px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* When a popover-style input (e.g. DatePicker) is open inside the
   wizard body, the absolute-positioned panel gets clipped by the
   root's overflow:hidden + the body's overflow-y:auto. Relax both
   only while the popover is open so the page-level scrollbar takes
   over and the panel renders fully. */
.vp-wizard:has(.vp-date-picker--open)[b-t9kvivacpl],
.vp-wizard:has(.vp-dropdown--open)[b-t9kvivacpl] {
    overflow: visible;
}

/* ── Progress area ──────────────────────────────────────────────── */
.vp-wizard__progress-area[b-t9kvivacpl] {
    padding: 20px 24px 0;
}

.vp-wizard__progress-meta[b-t9kvivacpl] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 8px;
}

.vp-wizard__step-counter[b-t9kvivacpl] {
    font-size: var(--font-size-label, 14px);
    font-weight: var(--font-weight-medium, 500);
    color: var(--vp-placeholder-color, #909893);
}

.vp-wizard__step-pct[b-t9kvivacpl] {
    font-size: var(--font-size-label, 14px);
    font-weight: 600;
    color: var(--color-bright-green, #a3e96b);
}

.vp-wizard__track[b-t9kvivacpl] {
    width: 100%;
    height: 6px;
    background: var(--vp-content-bg, #f7f7f7);
    border-radius: 99px;
    overflow: hidden;
    border: 1px solid var(--vp-border-default, #b9c0be);
}

.vp-wizard__fill[b-t9kvivacpl] {
    height: 100%;
    background: var(--color-bright-green, #a3e96b);
    border-radius: 99px;
    transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    min-width: 6px;
}

/* ── Step header (title + description) ─────────────────────────── */
.vp-wizard__header[b-t9kvivacpl] {
    padding: 16px 24px 0;
}

.vp-wizard__title[b-t9kvivacpl] {
    font-size: 20px;
    font-weight: 600;
    color: var(--vp-input-color, #223029);
    margin: 0 0 4px 0;
    line-height: 1.3;
}

.vp-wizard__description[b-t9kvivacpl] {
    font-size: var(--font-size-label, 14px);
    color: var(--vp-placeholder-color, #909893);
    margin: 0 0 0 0;
    line-height: 1.5;
}

/* ── Body (step content) ────────────────────────────────────────── */
.vp-wizard__body[b-t9kvivacpl] {
    flex: 1;
    padding: 24px;
    overflow-y: auto;
    min-height: 80px;
}

/* Same rationale as the root .vp-wizard:has() rule — when a
   DatePicker/Dropdown popover is open, drop the body's own clip so
   the absolutely-positioned panel can render outside the body box. */
.vp-wizard__body:has(.vp-date-picker--open)[b-t9kvivacpl],
.vp-wizard__body:has(.vp-dropdown--open)[b-t9kvivacpl] {
    overflow: visible;
}

/* ── Footer ─────────────────────────────────────────────────────── */
.vp-wizard__footer[b-t9kvivacpl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    border-top: 1px solid var(--vp-divider, #e0e3e2);
    gap: 12px;
    flex-wrap: wrap;
}

.vp-wizard__footer-right[b-t9kvivacpl] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
}

/* ── Validation error ───────────────────────────────────────────── */
.vp-wizard__error[b-t9kvivacpl] {
    font-size: var(--font-size-label, 14px);
    color: var(--color-red, #f9574d);
    font-weight: var(--font-weight-medium, 500);
    animation: vp-wizard-error-in-b-t9kvivacpl 0.2s ease;
}

@keyframes vp-wizard-error-in-b-t9kvivacpl {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Dark mode ──────────────────────────────────────────────────── */
:root[data-theme="dark"] .vp-wizard[b-t9kvivacpl],
[data-theme="dark"] .vp-wizard[b-t9kvivacpl] {
    background: var(--vp-surface-input, #223029);
    border-color: var(--vp-border-default, #3a4e40);
    color: var(--vp-input-color, #ffffff);
}

:root[data-theme="dark"] .vp-wizard__track[b-t9kvivacpl],
[data-theme="dark"] .vp-wizard__track[b-t9kvivacpl] {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.12);
}

:root[data-theme="dark"] .vp-wizard__title[b-t9kvivacpl],
[data-theme="dark"] .vp-wizard__title[b-t9kvivacpl] {
    color: var(--vp-input-color, #ffffff);
}
/* _content/Verapath.Components/Components/Workflows/ContextVariablePicker.razor.rz.scp.css */
/* ── Backdrop ── */
.wf-var-picker__backdrop[b-k6ypk2yt0s] {
    position: fixed;
    inset: 0;
    z-index: 1000;
}

/* ── Container ── */
.wf-var-picker[b-k6ypk2yt0s] {
    position: absolute;
    z-index: 1001;
    min-width: 280px;
    width: min(460px, calc(100vw - 32px));
    max-width: calc(100vw - 32px);
    max-height: min(360px, 46vh);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--vp-card-bg, #ffffff);
    border: 1px solid var(--vp-card-border, rgba(15, 23, 19, 0.12));
    border-radius: var(--border-radius-md, 6px);
    box-shadow: var(--vp-card-shadow, 0 12px 28px rgba(15, 23, 19, 0.12));
}

.wf-var-picker--below[b-k6ypk2yt0s] {
    top: 100%;
    left: 0;
    margin-top: 4px;
}

.wf-var-picker--above[b-k6ypk2yt0s] {
    bottom: 100%;
    left: 0;
    margin-bottom: 4px;
}

/* ── Search ── */
.wf-var-picker__search-wrap[b-k6ypk2yt0s] {
    padding: 8px;
    border-bottom: 1px solid var(--vp-divider, #e0e3e2);
    flex-shrink: 0;
}

.wf-var-picker__search[b-k6ypk2yt0s] {
    width: 100%;
    height: 32px;
    padding: 0 10px;
    border: 1px solid var(--vp-card-border, rgba(15, 23, 19, 0.12));
    border-radius: var(--border-radius-sm, 4px);
    background: var(--vp-surface-subtle, #f7f7f7);
    color: var(--vp-content-text, #223029);
    font-size: 13px;
    outline: none;
    box-sizing: border-box;
}

.wf-var-picker__search:focus[b-k6ypk2yt0s] {
    border-color: var(--color-bright-green, #a3e96b);
    box-shadow: 0 0 0 2px rgba(163, 233, 107, 0.25);
}

/* ── List ── */
.wf-var-picker__list[b-k6ypk2yt0s] {
    overflow-y: auto;
    flex: 1;
    padding: 4px;
}

/* ── Group header ── */
.wf-var-picker__group-header[b-k6ypk2yt0s] {
    padding: 6px 8px 2px;
    font-size: 10px;
    font-weight: var(--font-weight-bold, 700);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--vp-placeholder-color, #909893);
}

/* ── Item ── */
.wf-var-picker__item[b-k6ypk2yt0s] {
    display: flex;
    align-items: center;
    gap: 7px;
    width: 100%;
    padding: 6px 8px;
    border: none;
    background: transparent;
    color: var(--vp-content-text, #223029);
    font-size: 13px;
    text-align: left;
    cursor: pointer;
    border-radius: var(--border-radius-sm, 4px);
}

.wf-var-picker__item:hover[b-k6ypk2yt0s],
.wf-var-picker__item:focus[b-k6ypk2yt0s] {
    outline: none;
    background: var(--vp-surface-hover, #e0e3e2);
}

/* ── Dot indicator ── */
.wf-var-picker__dot[b-k6ypk2yt0s] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.wf-var-picker__dot--green[b-k6ypk2yt0s]  { background: var(--color-green,  #0ea665); }
.wf-var-picker__dot--purple[b-k6ypk2yt0s] { background: var(--color-purple, #bca9f1); }
.wf-var-picker__dot--gray[b-k6ypk2yt0s]   { background: var(--color-gray-01, #909893); }
.wf-var-picker__dot--blue[b-k6ypk2yt0s]   { background: #106cd1; }
.wf-var-picker__dot--orange[b-k6ypk2yt0s] { background: #FF9800; }

/* ── Item name ── */
.wf-var-picker__item-name[b-k6ypk2yt0s] {
    flex: 1;
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Type badge ── */
.wf-var-picker__item-type[b-k6ypk2yt0s] {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--vp-placeholder-color, #909893);
    flex-shrink: 0;
    font-family: var(--font-mono, ui-monospace, monospace);
}

/* ── Empty ── */
.wf-var-picker__empty[b-k6ypk2yt0s] {
    padding: 16px 8px;
    font-size: 12px;
    color: var(--vp-placeholder-color, #909893);
    text-align: center;
}