/* _content/Verapath.Components/Components/Accordion/VerapathAccordion.razor.rz.scp.css */
/* ── Accordion container ─────────────────────────────────────────── */
.vp-accordion[b-9qlyz7j5tc] {
    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-9qlyz7j5tc] {
    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-9qlyz7j5tc] {
    background-color: var(--vp-surface-hover, #e0e3e2);
}

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

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

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

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

.vp-accordion__title[b-9qlyz7j5tc] {
    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-9qlyz7j5tc] {
    font-size: var(--font-size-label, 14px);
    color: var(--vp-placeholder-color, #909893);
    line-height: 1.3;
}

/* ── Chevron ─────────────────────────────────────────────────────── */
.vp-accordion__chevron[b-9qlyz7j5tc] {
    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-9qlyz7j5tc] {
    transform: rotate(180deg);
}

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

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

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

.vp-accordion__content[b-9qlyz7j5tc] {
    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-9qlyz7j5tc] {
    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-9qlyz7j5tc] {
    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-9qlyz7j5tc] {
    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-9qlyz7j5tc] {
    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-9qlyz7j5tc] {
    z-index: 1;
}
/* _content/Verapath.Components/Components/AskBox/VerapathAskBox.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   VerapathAskBox — redesigned shell + toolbar
   All colors route through semantic tokens; dark mode flips via
   [data-theme="dark"] on any ancestor (see verapath-variables.css).
   ═══════════════════════════════════════════════════════════════════ */

/* ── Container ───────────────────────────────────────────────────── */
.vp-ask-box[b-dhce6pm1j8] {
    display: flex;
    flex-direction: column;
    background: var(--vp-surface-input);
    border: 1.5px solid var(--vp-border-default);
    border-radius: 18px;
    padding: 12px 14px 10px;
    box-sizing: border-box;
    width: 100%;
    color: var(--vp-input-color);
    box-shadow:
        0 1px 3px rgba(34, 48, 41, 0.04),
        0 8px 24px rgba(34, 48, 41, 0.06);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.vp-ask-box__file-input[b-dhce6pm1j8] {
    display: none;
    visibility: hidden;
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    pointer-events: none;
}

.vp-ask-box:focus-within[b-dhce6pm1j8] {
    border-color: var(--color-midnight-60);
    box-shadow:
        0 1px 3px rgba(34, 48, 41, 0.04),
        0 10px 28px rgba(34, 48, 41, 0.09);
}

.vp-ask-box--drag[b-dhce6pm1j8] {
    border-color: var(--color-bright-green);
    box-shadow:
        0 0 0 3px rgba(201, 255, 86, 0.16),
        0 10px 28px rgba(34, 48, 41, 0.09);
    position: relative;
}

.vp-ask-box--drag[b-dhce6pm1j8]::after {
    content: "Drop files to attach";
    position: absolute;
    inset: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px dashed var(--color-bright-green);
    border-radius: 14px;
    background: rgba(201, 255, 86, 0.08);
    color: var(--vp-content-text);
    font-size: 14px;
    font-weight: 600;
    pointer-events: none;
    z-index: 1;
}

.vp-ask-box--drag > *[b-dhce6pm1j8] {
    position: relative;
    z-index: 2;
}

.vp-ask-box--disabled[b-dhce6pm1j8] {
    background: var(--vp-surface-disabled);
    border-color: var(--vp-border-disabled);
    box-shadow: none;
    cursor: not-allowed;
    /* The token delta between --vp-surface-input and --vp-surface-disabled is
       intentionally small (white -> gray-04 in light mode, ~3% delta). That
       is not enough on its own to communicate "this input is locked" while a
       response is generating. Layering an opacity step on top of the token
       swap gives an unambiguous visual without having to retune the tokens
       (which would ripple to every other disabled surface in the app). The
       0.65 value mirrors the existing .vp-ask-box__icon-btn:disabled treatment
       (opacity: 0.6) so the disabled affordance reads consistently across the
       container and its child controls. */
    opacity: 0.65;
}

/* When the box is disabled mid-flight, suppress the focus-within accent so a
   stale browser focus state cannot make the locked box look interactive. Any
   :focus-within ring would otherwise paint on top of the disabled tokens and
   undermine the "truly ready or not" contract the parent enforces via the
   IsSubmitting + Disabled flags. */
.vp-ask-box--disabled:focus-within[b-dhce6pm1j8] {
    border-color: var(--vp-border-disabled);
    box-shadow: none;
}

.vp-ask-box__attachments[b-dhce6pm1j8] {
    display: flex;
    flex-direction: column;
    margin-bottom: 4px;
}

/* ── Textarea ────────────────────────────────────────────────────── */
.vp-ask-box__textarea[b-dhce6pm1j8] {
    width: 100%;
    min-height: calc(2lh + 8px);
    max-height: calc(8lh + 8px);
    field-sizing: content;
    resize: none;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--vp-input-color);
    font-size: 15px;
    font-family: inherit;
    line-height: 1.55;
    padding: 6px 4px;
    box-sizing: border-box;
    overflow-y: auto;
}

@supports not (field-sizing: content) {
    .vp-ask-box__textarea[b-dhce6pm1j8] {
        min-height: 56px;
        max-height: 200px;
    }
}

.vp-ask-box__textarea[b-dhce6pm1j8]::placeholder {
    color: var(--vp-placeholder-color);
}

.vp-ask-box__textarea:disabled[b-dhce6pm1j8] {
    cursor: not-allowed;
    color: var(--vp-placeholder-color);
}

/* ── Toolbar row ─────────────────────────────────────────────────── */
.vp-ask-box__toolbar[b-dhce6pm1j8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding-top: 4px;
}

.vp-ask-box__toolbar-right[b-dhce6pm1j8] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Center slot — token meter etc. (redesign only, optional) */
.vp-ask-box__center[b-dhce6pm1j8] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-width: 0;
}

/* Shortcut kbd chip (⏎ to send / ⌘⌫ to stop) */
.vp-ask-box__shortcut[b-dhce6pm1j8] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-family: inherit;
    color: var(--vp-shortcut-color);
    padding: 3px 8px;
    border-radius: 6px;
    background: var(--vp-shortcut-bg);
    border: 1px solid var(--vp-shortcut-border);
    user-select: none;
    white-space: nowrap;
}

/* ── Icon buttons (+ / mic) — square with subtle border ──────────── */
.vp-ask-box__icon-btn[b-dhce6pm1j8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--vp-border-default);
    border-radius: 8px;
    background: var(--vp-surface-input);
    color: var(--vp-input-color);
    cursor: pointer;
    flex-shrink: 0;
    transition: background-color 0.12s ease, border-color 0.12s ease, transform 0.1s ease;
}

.vp-ask-box__icon-btn:hover:not(:disabled)[b-dhce6pm1j8] {
    background: var(--vp-icon-btn-hover-bg);
    border-color: var(--color-midnight-40);
}

.vp-ask-box__icon-btn:disabled[b-dhce6pm1j8] {
    color: var(--vp-placeholder-color);
    border-color: var(--vp-border-disabled);
    cursor: not-allowed;
    opacity: 0.6;
}

.vp-ask-box__icon-btn--active[b-dhce6pm1j8] {
    background: var(--color-midnight);
    color: var(--color-white);
    border-color: var(--color-midnight);
    transform: rotate(45deg);
}

.vp-ask-box__icon-btn--active:hover:not(:disabled)[b-dhce6pm1j8] {
    background: var(--color-midnight);
    border-color: var(--color-midnight);
}

/* ── Attach wrap + rich submenu ─────────────────────────────────── */
.vp-ask-box__attach-wrap[b-dhce6pm1j8] {
    position: relative;
}

.vp-ask-box__submenu[b-dhce6pm1j8] {
    position: absolute;
    bottom: calc(100% + 10px);
    left: 0;
    min-width: min(352px, calc(100vw - 32px));
    max-width: min(352px, calc(100vw - 32px));
    background: var(--color-white, #ffffff);
    border: 1px solid var(--vp-card-border, rgba(15, 23, 19, 0.08));
    border-radius: 18px;
    box-shadow:
        0 18px 44px rgba(34, 48, 41, 0.12),
        0 4px 16px rgba(34, 48, 41, 0.08);
    padding: 12px;
    z-index: 200;
    animation: vp-submenu-in-b-dhce6pm1j8 0.15s cubic-bezier(0.16, 1, 0.3, 1);
    box-sizing: border-box;
}

@keyframes vp-submenu-in-b-dhce6pm1j8 {
    from { opacity: 0; transform: translateY(6px) scale(0.97); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

.vp-ask-box__submenu-header[b-dhce6pm1j8] {
    padding: 2px 6px 8px;
    font-family: var(--font-heading);
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--vp-attach-header-color);
}

.vp-ask-box__submenu-item[b-dhce6pm1j8] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    width: 100%;
    padding: 10px 8px;
    border: 0;
    border-radius: 14px;
    background: transparent;
    font: inherit;
    text-align: left;
    color: var(--vp-content-text);
    cursor: pointer;
    transition: background-color 0.1s ease, transform 0.1s ease;
}

.vp-ask-box__submenu-item:hover[b-dhce6pm1j8] {
    background: var(--vp-attach-item-hover-bg);
    transform: translateY(-1px);
}

.vp-ask-box__submenu-icon[b-dhce6pm1j8] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: var(--vp-attach-item-icon-bg);
    color: var(--vp-attach-item-icon-color);
    display: grid;
    place-items: center;
    flex-shrink: 0;
    transition: background-color 0.12s ease, color 0.12s ease;
}

.vp-ask-box__submenu-item:hover .vp-ask-box__submenu-icon[b-dhce6pm1j8] {
    background: var(--color-midnight);
    color: var(--color-bright-green);
}

.vp-ask-box__submenu-icon svg[b-dhce6pm1j8] {
    width: 20px;
    height: 20px;
}

.vp-ask-box__submenu-body[b-dhce6pm1j8] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.vp-ask-box__submenu-label[b-dhce6pm1j8] {
    font-family: inherit;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 600;
    color: var(--vp-content-text);
    white-space: normal;
}

.vp-ask-box__submenu-desc[b-dhce6pm1j8] {
    font-size: 13px;
    color: var(--vp-attach-header-color);
    line-height: 1.45;
    white-space: normal;
}

.vp-ask-box__submenu-kbd[b-dhce6pm1j8] {
    font-size: 12px;
    color: var(--vp-attach-kbd-color);
    font-family: var(--font-mono);
    white-space: nowrap;
}

/* ── Submit / Stop buttons ──────────────────────────────────────── */
.vp-ask-box__submit-btn[b-dhce6pm1j8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    flex-shrink: 0;
    transition: background-color 0.15s ease, transform 0.1s ease, box-shadow 0.15s ease;
}

.vp-ask-box__submit-btn--send[b-dhce6pm1j8] {
    background: var(--color-midnight);
    color: var(--color-white);
}

.vp-ask-box__submit-btn--send:hover:not(:disabled)[b-dhce6pm1j8] {
    background: var(--color-midnight-80);
    transform: translateY(-1px);
}

.vp-ask-box__submit-btn--send:disabled[b-dhce6pm1j8] {
    background: var(--vp-border-disabled);
    color: var(--vp-placeholder-color);
    cursor: not-allowed;
}

.vp-ask-box__submit-btn--stop[b-dhce6pm1j8] {
    background: var(--color-red);
    color: var(--color-white);
}

.vp-ask-box__submit-btn--stop:hover[b-dhce6pm1j8] {
    background: #e03e34;
    transform: scale(1.03);
}

/* ── Dark mode adjustments (non-token shadow override) ─────────── */
[data-theme="dark"] .vp-ask-box[b-dhce6pm1j8],
:root[data-theme="dark"] .vp-ask-box[b-dhce6pm1j8] {
    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.35),
        0 10px 28px rgba(0, 0, 0, 0.25);
}

[data-theme="dark"] .vp-ask-box__submenu[b-dhce6pm1j8],
:root[data-theme="dark"] .vp-ask-box__submenu[b-dhce6pm1j8] {
    background: var(--color-midnight-95, #223029);
    box-shadow:
        0 12px 32px rgba(0, 0, 0, 0.45),
        0 2px 6px rgba(0, 0, 0, 0.25);
}

/* ── AI accuracy disclaimer (Apple AI guidance, 2024) ──────────────── */
.vp-ask-box__ai-disclaimer[b-dhce6pm1j8] {
    margin: 6px 4px 0;
    font-size: 11px;
    line-height: 1.35;
    color: var(--vp-text-muted, #909893);
    text-align: center;
}

[data-theme="dark"] .vp-ask-box__ai-disclaimer[b-dhce6pm1j8],
:root[data-theme="dark"] .vp-ask-box__ai-disclaimer[b-dhce6pm1j8] {
    color: var(--vp-text-muted, #b9c0be);
}
/* _content/Verapath.Components/Components/AskBox/VerapathMemoryManagerModal.razor.rz.scp.css */
/* Scoped styles for VerapathMemoryManagerModal.
   All colors reference Verapath design tokens with hardcoded fallbacks so
   the component still renders when the host app hasn't loaded
   verapath-variables.css. */

.vp-memory-manager__body[b-yb88338lx9] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    max-height: min(640px, calc(100vh - 220px));
    overflow-y: auto;
    padding: 4px 2px;
}

.vp-memory-manager__row--toggle[b-yb88338lx9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.vp-memory-manager__hint[b-yb88338lx9] {
    margin: 0;
    color: var(--color-gray-01, #909893);
    font-size: 13px;
    line-height: 1.45;
}

.vp-memory-manager__divider[b-yb88338lx9] {
    border: 0;
    border-top: 1px solid var(--color-gray-02, #b9c0be);
    margin: 4px 0;
}

.vp-memory-manager__list-header[b-yb88338lx9] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.vp-memory-manager__list-title[b-yb88338lx9] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-midnight, #223029);
}

[data-theme="dark"] .vp-memory-manager__list-title[b-yb88338lx9] {
    color: var(--color-white, #ffffff);
}

.vp-memory-manager__count[b-yb88338lx9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 22px;
    padding: 0 8px;
    border-radius: 11px;
    background: var(--color-gray-03, #e0e3e2);
    color: var(--color-midnight, #223029);
    font-size: 12px;
    font-weight: 600;
}

[data-theme="dark"] .vp-memory-manager__count[b-yb88338lx9] {
    background: rgba(255, 255, 255, 0.12);
    color: var(--color-white, #ffffff);
}

.vp-memory-manager__list-hint[b-yb88338lx9] {
    margin: 0;
    color: var(--color-gray-01, #909893);
    font-size: 13px;
    line-height: 1.45;
}

.vp-memory-manager__list-hint code[b-yb88338lx9] {
    padding: 1px 6px;
    border-radius: 4px;
    background: var(--color-gray-03, #e0e3e2);
    color: var(--color-midnight, #223029);
    font-family: "Fira Code", "Cascadia Mono", Consolas, monospace;
    font-size: 12px;
}

[data-theme="dark"] .vp-memory-manager__list-hint code[b-yb88338lx9] {
    background: rgba(255, 255, 255, 0.08);
    color: var(--color-white, #ffffff);
}

.vp-memory-manager__empty[b-yb88338lx9] {
    border: 1px dashed var(--color-gray-02, #b9c0be);
    border-radius: 8px;
    padding: 24px;
    text-align: center;
    color: var(--color-gray-01, #909893);
    font-size: 14px;
    line-height: 1.5;
}

.vp-memory-manager__items[b-yb88338lx9] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.vp-memory-manager__item[b-yb88338lx9] {
    border: 1px solid var(--color-gray-02, #b9c0be);
    border-radius: 10px;
    padding: 14px 16px;
    background: var(--color-white, #ffffff);
    display: flex;
    flex-direction: column;
    gap: 8px;
    transition: border-color 120ms ease, box-shadow 120ms ease;
}

[data-theme="dark"] .vp-memory-manager__item[b-yb88338lx9] {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.12);
}

.vp-memory-manager__item--editing[b-yb88338lx9] {
    border-color: var(--color-bright-green, #a3e96b);
    box-shadow: 0 0 0 2px rgba(163, 233, 107, 0.18);
}

.vp-memory-manager__item-head[b-yb88338lx9] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.vp-memory-manager__item-key[b-yb88338lx9] {
    font-family: "Fira Code", "Cascadia Mono", Consolas, monospace;
    font-size: 13px;
    font-weight: 600;
    color: var(--color-midnight, #223029);
    word-break: break-all;
}

[data-theme="dark"] .vp-memory-manager__item-key[b-yb88338lx9] {
    color: var(--color-white, #ffffff);
}

.vp-memory-manager__item-chips[b-yb88338lx9] {
    display: inline-flex;
    gap: 6px;
    flex-wrap: wrap;
}

.vp-memory-manager__item-value[b-yb88338lx9] {
    color: var(--color-midnight, #223029);
    font-size: 14px;
    line-height: 1.5;
    word-break: break-word;
}

[data-theme="dark"] .vp-memory-manager__item-value[b-yb88338lx9] {
    color: var(--color-white, #ffffff);
}

.vp-memory-manager__item-meta[b-yb88338lx9] {
    display: inline-flex;
    gap: 12px;
    color: var(--color-gray-01, #909893);
    font-size: 12px;
}

.vp-memory-manager__item-actor[b-yb88338lx9] {
    font-style: italic;
}

.vp-memory-manager__item-actions[b-yb88338lx9] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.vp-memory-manager__item-edit[b-yb88338lx9] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.vp-memory-manager__confirm-label[b-yb88338lx9] {
    font-size: 13px;
    color: var(--color-red, #f9574d);
    font-weight: 500;
    margin-right: 4px;
}
/* _content/Verapath.Components/Components/Attachments/VerapathAttachmentTray.razor.rz.scp.css */
.vp-attach-tray[b-30g65a6540] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 4px 6px;
    font-family: inherit;
}

.vp-attach-tray__card[b-30g65a6540] {
    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-30g65a6540] {
    background: rgba(249, 87, 77, 0.08);
    border-color: var(--color-red, #f9574d);
}

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

/* ── Preview / thumbnail ─────────────────────────────────── */
.vp-attach-tray__preview[b-30g65a6540] {
    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-30g65a6540] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

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

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

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

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

.vp-attach-tray__remove[b-30g65a6540] {
    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-30g65a6540],
.vp-attach-tray__card--error .vp-attach-tray__remove[b-30g65a6540] {
    opacity: 1;
}

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

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

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

.vp-attach-tray__sub[b-30g65a6540] {
    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-30g65a6540],
.vp-attach-tray__card--error .vp-attach-tray__status[b-30g65a6540] {
    color: var(--color-red, #f9574d);
}

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

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

/* ── Retry button ────────────────────────────────────────── */
.vp-attach-tray__retry[b-30g65a6540] {
    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-30g65a6540] {
    filter: brightness(1.05);
}

/* ── Dark-theme tweaks ───────────────────────────────────── */
.vp-attach-tray[data-theme="dark"] .vp-attach-tray__card[b-30g65a6540] {
    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-30g65a6540] {
    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-30g65a6540] {
    color: rgba(255, 255, 255, 0.92);
}
/* _content/Verapath.Components/Components/Box/VerapathBoxFilePicker.razor.rz.scp.css */
.vp-box-picker[b-jf906zeruv] {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
    min-height: 0;
    background: var(--vp-content-bg, #f7f7f7);
    color: var(--color-midnight, #223029);
}

.vp-box-picker__body[b-jf906zeruv] {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: 260px 1fr;
    grid-template-rows: minmax(0, 1fr);
    gap: 16px;
    padding: 16px 16px 0;
}

.vp-box-picker__rail[b-jf906zeruv] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-right: 1px solid var(--vp-border-default, #b9c0be);
    padding-right: 12px;
    overflow-y: auto;
}

.vp-box-picker__rail-section[b-jf906zeruv] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.vp-box-picker__rail-head[b-jf906zeruv] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.vp-box-picker__rail-title[b-jf906zeruv] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-midnight, #223029);
}

.vp-box-picker__sites[b-jf906zeruv] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.vp-box-picker__site[b-jf906zeruv] {
    width: 100%;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 10px;
    background: transparent;
    border: none;
    border-radius: 6px;
    color: var(--color-midnight, #223029);
    cursor: pointer;
    font-size: 13px;
}

.vp-box-picker__site:hover[b-jf906zeruv] {
    background: var(--vp-surface-input, #ffffff);
}

.vp-box-picker__site--active[b-jf906zeruv] {
    background: var(--color-mint-50, #edfaee);
    font-weight: 600;
}

.vp-box-picker__site-name[b-jf906zeruv] {
    display: block;
}

.vp-box-picker__site-host[b-jf906zeruv] {
    font-size: 11px;
    color: var(--color-gray-01, #909893);
}

.vp-box-picker__pane[b-jf906zeruv] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: hidden;
    min-height: 0;
}

.vp-box-picker__placeholder[b-jf906zeruv],
.vp-box-picker__empty[b-jf906zeruv],
.vp-box-picker__loading[b-jf906zeruv] {
    padding: 24px;
    color: var(--color-gray-01, #909893);
    text-align: center;
    font-size: 14px;
}

.vp-box-picker__breadcrumbs[b-jf906zeruv] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
    font-size: 13px;
}

.vp-box-picker__crumb[b-jf906zeruv] {
    padding: 4px 8px;
    background: transparent;
    border: none;
    color: var(--color-midnight, #223029);
    cursor: pointer;
    border-radius: 4px;
}

.vp-box-picker__crumb:hover[b-jf906zeruv] {
    background: var(--vp-surface-input, #ffffff);
    text-decoration: underline;
}

.vp-box-picker__crumb-sep[b-jf906zeruv] {
    color: var(--color-gray-01, #909893);
}

.vp-box-picker__items[b-jf906zeruv] {
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 1;
    overflow-y: auto;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: 6px;
    background: var(--vp-surface-input, #ffffff);
}

.vp-box-picker__item[b-jf906zeruv] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-bottom: 1px solid var(--vp-content-bg, #f7f7f7);
    font-size: 13px;
}

.vp-box-picker__item:last-child[b-jf906zeruv] {
    border-bottom: none;
}

.vp-box-picker__item--folder:hover[b-jf906zeruv] {
    background: var(--vp-content-bg, #f7f7f7);
}

.vp-box-picker__item-button[b-jf906zeruv] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    border: none;
    text-align: left;
    cursor: pointer;
    color: var(--color-midnight, #223029);
    padding: 0;
    font: inherit;
}

.vp-box-picker__item-row[b-jf906zeruv] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 0;
    font: inherit;
    color: var(--color-midnight, #223029);
}

.vp-box-picker__check[b-jf906zeruv] {
    width: 16px;
    height: 16px;
    accent-color: var(--color-bright-green, #a3e96b);
    cursor: pointer;
}

.vp-box-picker__item-icon[b-jf906zeruv] {
    font-size: 16px;
}

.vp-box-picker__item-name[b-jf906zeruv] {
    flex: 1;
    color: var(--color-midnight, #223029);
}

.vp-box-picker__item-name--file[b-jf906zeruv] {
    color: var(--color-midnight, #223029);
}

.vp-box-picker__item-meta[b-jf906zeruv] {
    font-size: 11px;
    color: var(--color-gray-01, #909893);
}

.vp-box-picker__more[b-jf906zeruv] {
    display: flex;
    justify-content: center;
    padding: 8px 0 4px;
}

.vp-box-picker__footer[b-jf906zeruv] {
    flex-shrink: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    border-top: 1px solid var(--vp-border-default, #b9c0be);
    background: var(--vp-content-bg, #f7f7f7);
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.06);
}

.vp-box-picker__back[b-jf906zeruv] {
    display: none;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    background: transparent;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: 4px;
    color: var(--color-midnight, #223029);
    cursor: pointer;
    font-size: 13px;
}

.vp-box-picker__back:hover[b-jf906zeruv] {
    background: var(--vp-surface-input, #ffffff);
}

@media (max-width: 720px) {
    .vp-box-picker__body[b-jf906zeruv] {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 12px 12px 0;
    }

    .vp-box-picker__rail[b-jf906zeruv] {
        border-right: none;
        padding-right: 0;
    }

    .vp-box-picker--rail-active .vp-box-picker__pane[b-jf906zeruv] {
        display: none;
    }

    .vp-box-picker--pane-active .vp-box-picker__rail[b-jf906zeruv] {
        display: none;
    }

    .vp-box-picker__back[b-jf906zeruv] {
        display: inline-flex;
    }

    .vp-box-picker__footer[b-jf906zeruv] {
        padding: 10px 12px;
    }

    .vp-box-picker__actions[b-jf906zeruv] {
        flex: 1;
        justify-content: flex-end;
    }

    .vp-box-picker__warning[b-jf906zeruv] {
        flex-basis: 100%;
        order: -1;
    }
}

.vp-box-picker__summary[b-jf906zeruv] {
    font-size: 13px;
    color: var(--color-midnight, #223029);
}

.vp-box-picker__warning[b-jf906zeruv] {
    flex: 1 1 220px;
    padding: 6px 12px;
    border-radius: 999px;
    background: var(--color-pale-yellow, #FFFCB1);
    color: var(--color-midnight, #223029);
    font-size: 12px;
    text-align: center;
}

.vp-box-picker__actions[b-jf906zeruv] {
    display: flex;
    gap: 8px;
    align-items: center;
}
/* _content/Verapath.Components/Components/Box/VerapathBoxFilePickerModal.razor.rz.scp.css */
@media (max-width: 720px) {
    .vp-box-picker-modal__consent[b-0avu6gdrp7] {
        padding: 16px;
    }

    .vp-box-picker-modal__consent-actions[b-0avu6gdrp7] {
        flex-direction: column;
        align-items: stretch;
    }
}

.vp-box-picker-modal__consent[b-0avu6gdrp7] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    background: var(--vp-content-bg, #f7f7f7);
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: 8px;
    color: var(--color-midnight, #223029);
}

.vp-box-picker-modal__consent-title[b-0avu6gdrp7] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.vp-box-picker-modal__consent-body[b-0avu6gdrp7] {
    margin: 0;
    font-size: 13px;
    color: var(--color-midnight, #223029);
}

.vp-box-picker-modal__consent-actions[b-0avu6gdrp7] {
    display: flex;
    gap: 12px;
    align-items: center;
}
/* _content/Verapath.Components/Components/Brand/VerapathLoader.razor.rz.scp.css */
.vp-loader[b-z1hmlgb9q7] {
    --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-z1hmlgb9q7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.vp-loader__anim[b-z1hmlgb9q7] {
    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-z1hmlgb9q7] {
    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-z1hmlgb9q7] {
    width: 100%;
    height: 100%;
}

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

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

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

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

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

.vp-loader__message[b-z1hmlgb9q7] {
    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-z1hmlgb9q7] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    color: var(--vp-loader-accent, #a3e96b);
    animation: vp-loader-spin-b-z1hmlgb9q7 1.1s linear infinite;
    transform-origin: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

.vp-loader__ripple[b-z1hmlgb9q7] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2px solid var(--vp-loader-accent, #a3e96b);
    animation: vp-loader-ripple-b-z1hmlgb9q7 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-z1hmlgb9q7 {
    0% {
        transform: scale(0.55);
        opacity: 0.9;
    }

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

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

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

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

:root[data-theme="dark"] .vp-loader--overlay[b-z1hmlgb9q7],
[data-theme="dark"] .vp-loader--overlay[b-z1hmlgb9q7] {
    background: rgba(34, 48, 41, 0.88);
}
/* _content/Verapath.Components/Components/Brand/VerapathLogo.razor.rz.scp.css */
/* ── Root ───────────────────────────────────────────────────────── */
.vp-logo[b-t9yr3bt8ip] {
    --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-t9yr3bt8ip] {
    width: var(--vp-logo-width, 48px);
    height: auto;
    aspect-ratio: 1;
}

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

/* ── Lockup variant ─────────────────────────────────────────────── */
.vp-logo--lockup .vp-logo__icon[b-t9yr3bt8ip] {
    /* 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-t9yr3bt8ip] {
    --vp-logo-gap: 8px;
}

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

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

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

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

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

}

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

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

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

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

.vp-breadcrumbs__segment[b-ldgxuo1qk7],
.vp-breadcrumbs__segment:visited[b-ldgxuo1qk7] {
    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-ldgxuo1qk7] {
    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-ldgxuo1qk7] {
    outline: 2px solid var(--color-bright-green, #a3e96b);
    outline-offset: 2px;
}

.vp-breadcrumbs__item--current .vp-breadcrumbs__segment[b-ldgxuo1qk7] {
    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-ldgxuo1qk7] {
    opacity: 0.56;
    cursor: not-allowed;
    pointer-events: none;
}

.vp-breadcrumbs__separator[b-ldgxuo1qk7] {
    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-ldgxuo1qk7] {
    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-ldgxuo1qk7] {
    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-ldgxuo1qk7] {
    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-ldgxuo1qk7] {
    outline: 2px solid var(--color-bright-green, #a3e96b);
    outline-offset: 2px;
}

.vp-breadcrumbs__sr-only[b-ldgxuo1qk7] {
    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-ldgxuo1qk7],
:root[data-theme="dark"] .vp-breadcrumbs[b-ldgxuo1qk7] {

}

[data-theme="dark"] .vp-breadcrumbs--compact[b-ldgxuo1qk7],
:root[data-theme="dark"] .vp-breadcrumbs--compact[b-ldgxuo1qk7] {
    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-ldgxuo1qk7],
:root[data-theme="dark"] .vp-breadcrumbs__item--current .vp-breadcrumbs__segment[b-ldgxuo1qk7] {
    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-ldgxuo1qk7],
[data-theme="dark"] .vp-breadcrumbs__segment:visited[b-ldgxuo1qk7],
[data-theme="dark"] .vp-breadcrumbs__ellipsis[b-ldgxuo1qk7],
:root[data-theme="dark"] .vp-breadcrumbs__segment[b-ldgxuo1qk7],
:root[data-theme="dark"] .vp-breadcrumbs__segment:visited[b-ldgxuo1qk7],
:root[data-theme="dark"] .vp-breadcrumbs__ellipsis[b-ldgxuo1qk7] {
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.88);
}

[data-theme="dark"] .vp-breadcrumbs__segment[href]:hover[b-ldgxuo1qk7],
[data-theme="dark"] .vp-breadcrumbs__ellipsis-button:hover[b-ldgxuo1qk7],
:root[data-theme="dark"] .vp-breadcrumbs__segment[href]:hover[b-ldgxuo1qk7] {
    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-ldgxuo1qk7] {
    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-ldgxuo1qk7],
:root[data-theme="dark"] .vp-breadcrumbs__separator[b-ldgxuo1qk7] {
    color: rgba(255, 255, 255, 0.46);
}

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

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

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

    .vp-breadcrumbs__segment[b-ldgxuo1qk7],
    .vp-breadcrumbs__segment:visited[b-ldgxuo1qk7] {
        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-z2f8o7aqxx] {
    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-z2f8o7aqxx] {
    height: var(--btn-custom-height, 32px);
    padding: 0 16px;
    font-size: 13px;
    border-radius: 999px;
    gap: 6px;
}

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

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

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

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

/* ── Primary ────────────────────────────────────────────────────── */
.vp-btn--primary[b-z2f8o7aqxx] {
    background-color: var(--btn-primary-bg, #a3e96b);
    color: var(--btn-primary-text, #223029);
}
.vp-btn--primary:hover:not(:disabled)[b-z2f8o7aqxx] {
    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-z2f8o7aqxx] {
    background-color: var(--btn-primary-bg-active, #7bbf47);
    transform: translateY(0);
    box-shadow: none;
}

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

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

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

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

/* ── Disabled (all variants) ────────────────────────────────────── */
.vp-btn:disabled[b-z2f8o7aqxx] {
    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-z2f8o7aqxx],
:root[data-theme="dark"] .vp-btn--ghost[b-z2f8o7aqxx] {
    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-z2f8o7aqxx],
:root[data-theme="dark"] .vp-btn--ghost:hover:not(:disabled)[b-z2f8o7aqxx] {
    background-color: rgba(255, 255, 255, 0.06);
}

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

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

.vp-btn__label[b-z2f8o7aqxx] {
    order: 0;
}
/* _content/Verapath.Components/Components/Calendar/VerapathCalendar.razor.rz.scp.css */
/* ── Root container ──────────────────────────────────────────────────── */
.vp-calendar[b-o5bzc1e98d] {
    --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-o5bzc1e98d] {
    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-o5bzc1e98d] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.vp-calendar__nav-btn[b-o5bzc1e98d] {
    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-o5bzc1e98d] {
    background: var(--vp-surface-hover, #e0e3e2);
    border-color: var(--vp-border-hover, #8a9590);
}

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

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

/* ── View tabs ───────────────────────────────────────────────────────── */
.vp-calendar__view-tabs[b-o5bzc1e98d] {
    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-o5bzc1e98d] {
    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-o5bzc1e98d] {
    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-o5bzc1e98d] {
    position: relative;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

/* ── Loading overlay ─────────────────────────────────────────────────── */
.vp-calendar__loading-overlay[b-o5bzc1e98d] {
    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-o5bzc1e98d] {
    background: rgba(26, 46, 34, 0.65);
}

.vp-calendar__loading-spinner[b-o5bzc1e98d] {
    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-o5bzc1e98d 0.75s linear infinite;
}

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

/* ── Month grid ──────────────────────────────────────────────────────── */
.vp-calendar__month-grid[b-o5bzc1e98d] {
    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-o5bzc1e98d] {
    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-o5bzc1e98d] {
    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-o5bzc1e98d] {
    background: var(--vp-content-bg, #f7f7f7);
    opacity: 0.6;
}

.vp-calendar__month-cell--today > .vp-calendar__month-cell-date[b-o5bzc1e98d] {
    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-o5bzc1e98d] {
    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-o5bzc1e98d] {
    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-o5bzc1e98d] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* ── All-day row ─────────────────────────────────────────────────────── */
.vp-calendar__all-day-row[b-o5bzc1e98d] {
    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-o5bzc1e98d] {
    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-o5bzc1e98d] {
    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-o5bzc1e98d] {
    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-o5bzc1e98d] {
    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-o5bzc1e98d] {
    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-o5bzc1e98d] {
    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-o5bzc1e98d] {
    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-o5bzc1e98d] {
    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-o5bzc1e98d] {
    display: flex;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}

/* ── Time axis ───────────────────────────────────────────────────────── */
.vp-calendar__time-axis[b-o5bzc1e98d] {
    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-o5bzc1e98d] {
    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-o5bzc1e98d] {
    flex: 1;
    position: relative;
    border-right: 1px solid var(--vp-border-default, #b9c0be);
}

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

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

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

/* ── Event block (time views) ────────────────────────────────────────── */
.vp-calendar__event[b-o5bzc1e98d] {
    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-o5bzc1e98d] {
    filter: brightness(0.93);
}

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

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

.vp-calendar__event-dot[b-o5bzc1e98d] {
    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-o5bzc1e98d] {
    position: relative;
    top: unset;
    left: unset;
    width: 100%;
    height: auto;
    min-height: unset;
    font-size: 11px;
}

/* ── Month event style ────────────────────────────────────────────────── */
.vp-calendar__event--month[b-o5bzc1e98d] {
    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-o5bzc1e98d] {
    position: absolute;
    left: -1px;
    right: 0;
    height: 2px;
    background: var(--color-bright-green, #a3e96b);
    z-index: 10;
    pointer-events: none;
}

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

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

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

[data-theme="dark"] .vp-calendar__nav-btn[b-o5bzc1e98d] {
    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-o5bzc1e98d] {
    background: rgba(255, 255, 255, 0.12);
}

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

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

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

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

[data-theme="dark"] .vp-calendar__month-weekday-header[b-o5bzc1e98d] {
    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-o5bzc1e98d] {
    background: var(--color-midnight, #1a2e22);
    border-color: rgba(255, 255, 255, 0.08);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[data-theme="dark"] .vp-calendar__month-grid[b-o5bzc1e98d] {
    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-m5p7pn4idq] {
    display: flex;
    gap: 20px;
    min-height: 340px;
    height: 100%;
    overflow: hidden;
}

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

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

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

.vp-calendar-detail__label[b-m5p7pn4idq] {
    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-m5p7pn4idq] {
    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-m5p7pn4idq] {
    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-m5p7pn4idq] {
    text-decoration: underline;
}

/* ── Attendees list ───────────────────────────────────────────────────── */
.vp-calendar-detail__attendees[b-m5p7pn4idq] {
    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-m5p7pn4idq] {
    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-m5p7pn4idq] {
    margin: 0 0 10px;
}

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

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

/* ── Side panel ───────────────────────────────────────────────────────── */
.vp-calendar-detail__side[b-m5p7pn4idq] {
    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-m5p7pn4idq],
[data-theme="dark"] .vp-calendar-detail__description[b-m5p7pn4idq],
[data-theme="dark"] .vp-calendar-detail__attendees[b-m5p7pn4idq] {
    color: var(--color-white, #ffffff);
}

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

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

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

    .vp-calendar-detail__side[b-m5p7pn4idq] {
        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-m5p7pn4idq] {
        grid-template-columns: 80px minmax(0, 1fr);
    }
}
/* _content/Verapath.Components/Components/Cards/NewsCard.razor.rz.scp.css */
/* ─── NewsCard ─────────────────────────────────────────────────────────────── */

.vp-news-card[b-3prlt7z59v] {
    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: 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-3prlt7z59v] {
    box-shadow: 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-3prlt7z59v] {
    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-3prlt7z59v] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.38s ease;
}

.vp-news-card:hover .vp-news-card__image[b-3prlt7z59v] {
    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-3prlt7z59v] {
    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;
}

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

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

.vp-news-card__title[b-3prlt7z59v] {
    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-3prlt7z59v] {
    margin: 0 0 18px;
    flex: 1;
    font-size: 15px;
    line-height: 1.65;
    /* --color-gray-01 (#909893) is the design-system token for secondary body text */
    color: var(--color-gray-01, #909893);
}

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

.vp-news-card__link[b-3prlt7z59v] {
    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-3prlt7z59v] {
    opacity: 0.65;
    gap: 8px;
}

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

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

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

[data-theme="dark"] .vp-news-card[b-3prlt7z59v] {
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18), 0 4px 20px rgba(0, 0, 0, 0.22);
}

[data-theme="dark"] .vp-news-card:hover[b-3prlt7z59v] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25), 0 12px 40px rgba(0, 0, 0, 0.32);
}

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

[data-theme="dark"] .vp-news-card__badge[b-3prlt7z59v] {
    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-3prlt7z59v] {
    color: var(--color-white, #ffffff);
}

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

[data-theme="dark"] .vp-news-card__link[b-3prlt7z59v] {
    color: var(--color-white, #ffffff);
}
/* _content/Verapath.Components/Components/Cards/VerapathApiCard.razor.rz.scp.css */
.vp-api-card[b-tauxc1qwdw] {
    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-tauxc1qwdw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

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

.vp-api-card__eyebrow[b-tauxc1qwdw] {
    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-tauxc1qwdw] {
    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-tauxc1qwdw] {
    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-tauxc1qwdw] {
    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-tauxc1qwdw] {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

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

.vp-api-card__fields[b-tauxc1qwdw] {
    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-tauxc1qwdw] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px 0;
}

.vp-api-card__field-label[b-tauxc1qwdw] {
    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-tauxc1qwdw] {
    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-tauxc1qwdw] {
    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-tauxc1qwdw] {
    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-tauxc1qwdw],
:root[data-theme="dark"] .vp-api-card[b-tauxc1qwdw] {
    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-tauxc1qwdw],
[data-theme="dark"].vp-api-card .vp-api-card__field-value[b-tauxc1qwdw],
:root[data-theme="dark"] .vp-api-card .vp-api-card__title[b-tauxc1qwdw],
:root[data-theme="dark"] .vp-api-card .vp-api-card__field-value[b-tauxc1qwdw] {
    color: var(--color-white, #ffffff);
}

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

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

[data-theme="dark"].vp-api-card .vp-api-card__media[b-tauxc1qwdw],
:root[data-theme="dark"] .vp-api-card .vp-api-card__media[b-tauxc1qwdw] {
    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-tauxc1qwdw],
:root[data-theme="dark"] .vp-api-card .vp-api-card__footer[b-tauxc1qwdw] {
    border-top-color: rgba(255, 255, 255, 0.08);
}

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

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

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

    .vp-api-card__fields[b-tauxc1qwdw] {
        grid-template-columns: 1fr;
    }
}
/* _content/Verapath.Components/Components/Cards/VerapathCard.razor.rz.scp.css */
.vp-card[b-r1jsdlkudq] {
    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-r1jsdlkudq] {
    padding: 28px;
    gap: 24px;
}

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

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

.vp-card__eyebrow[b-r1jsdlkudq] {
    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-r1jsdlkudq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

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

.vp-card__title[b-r1jsdlkudq] {
    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-r1jsdlkudq] {
    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-r1jsdlkudq] {
    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-r1jsdlkudq] {
    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-r1jsdlkudq] {
    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-r1jsdlkudq] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

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

.vp-card__field-label[b-r1jsdlkudq] {
    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-r1jsdlkudq] {
    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-r1jsdlkudq] {
    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-r1jsdlkudq] {
    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-r1jsdlkudq] {
    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-r1jsdlkudq] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

[data-theme="dark"].vp-card[b-r1jsdlkudq],
:root[data-theme="dark"] .vp-card[b-r1jsdlkudq] {
    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-r1jsdlkudq],
[data-theme="dark"].vp-card .vp-card__field-value[b-r1jsdlkudq],
:root[data-theme="dark"] .vp-card .vp-card__title[b-r1jsdlkudq],
:root[data-theme="dark"] .vp-card .vp-card__field-value[b-r1jsdlkudq] {
    color: var(--color-white, #ffffff);
}

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

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

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

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

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

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

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

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

    .vp-card__footer[b-r1jsdlkudq] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/Verapath.Components/Components/Cards/VerapathCardGroup.razor.rz.scp.css */
.vp-card-group[b-v72t7fueb4] {
    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/Charts/VerapathBarChart.razor.rz.scp.css */
.vp-chart-shell[b-0rt210vcwe] {
    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-0rt210vcwe] {
    display: block;
    overflow: visible;
    flex: 1 1 0;
    min-height: 0;
    width: 100%;
}

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

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

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

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

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

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

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

.vp-bar-chart__bar:hover[b-0rt210vcwe],
.vp-bar-chart__bar--hover[b-0rt210vcwe] {
    /* 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-0rt210vcwe] {
    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-0rt210vcwe] {
    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-0rt210vcwe 120ms ease-out;
}

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

.vp-bar-chart__tooltip-label[b-0rt210vcwe] {
    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-0rt210vcwe] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
}

.vp-bar-chart__tooltip-swatch[b-0rt210vcwe] {
    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-0rt210vcwe] {
    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-0rt210vcwe] {
    left: auto;
    right: calc(100% - var(--vp-tt-cursor-x, 50%) + 14px);
}

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

    to {
        transform: scaleY(1);
    }
}

.vp-bar-chart__svg--animated .vp-bar-chart__bar[b-0rt210vcwe] {
    transform-box: fill-box;
    transform-origin: center bottom;
    animation: vp-bar-chart-grow-b-0rt210vcwe 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-0rt210vcwe],
:root[data-theme="dark"] .vp-chart-shell[b-0rt210vcwe] {
    background: rgba(36, 59, 47, 0.98);
    border-color: rgba(255, 255, 255, 0.08);
}

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

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

[data-theme="dark"] .vp-chart__axis-line[b-0rt210vcwe],
[data-theme="dark"] .vp-chart__grid-line[b-0rt210vcwe],
:root[data-theme="dark"] .vp-chart__axis-line[b-0rt210vcwe],
:root[data-theme="dark"] .vp-chart__grid-line[b-0rt210vcwe] {
    stroke: rgba(255, 255, 255, 0.14);
}
/* _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-ufp1n7vzh7] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

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

.vp-heatmap__layout[b-ufp1n7vzh7] {
    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-ufp1n7vzh7] {
    /* 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-ufp1n7vzh7],
.vp-heatmap__row-label[b-ufp1n7vzh7] {
    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-ufp1n7vzh7] {
    justify-content: center;
    padding: 4px 2px;
    min-width: 0;
}

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

.vp-heatmap__cell[b-ufp1n7vzh7] {
    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-ufp1n7vzh7] {
    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-ufp1n7vzh7] {
    background: var(--vp-divider, #e0e3e2);
    opacity: 0.35;
}

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

.vp-heatmap__empty[b-ufp1n7vzh7] {
    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-ufp1n7vzh7] {
    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-ufp1n7vzh7] {
    display: block;
    height: 8px;
    border-radius: 4px;
}

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

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

.vp-h-bar-chart__svg[b-7l9osz27zl] {
    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-7l9osz27zl] {
    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-7l9osz27zl] .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-7l9osz27zl] {
    transition: filter 0.15s ease, transform 0.15s ease;
    cursor: pointer;
}

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

.vp-h-bar-chart__svg--animated .vp-h-bar-chart__bar[b-7l9osz27zl] {
    /* 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-7l9osz27zl 0.4s ease both;
    animation-delay: var(--vp-chart-delay, 0s);
    transform-origin: left center;
}

@keyframes vp-h-bar-chart-grow-b-7l9osz27zl {
    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-7l9osz27zl] {
    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-7l9osz27zl] {
    font-weight: 600;
    color: var(--vp-content-text, #223029);
}

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

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

.vp-h-bar-chart__tooltip-value[b-7l9osz27zl] {
    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-7l9osz27zl] {
    left: auto;
    right: calc(100% - var(--vp-tt-cursor-x, 50%) + 14px);
}

[data-theme="dark"] .vp-h-bar-chart__tooltip[b-7l9osz27zl],
:root[data-theme="dark"] .vp-h-bar-chart__tooltip[b-7l9osz27zl] {
    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-7l9osz27zl],
[data-theme="dark"] .vp-h-bar-chart__tooltip-value[b-7l9osz27zl],
:root[data-theme="dark"] .vp-h-bar-chart__tooltip-label[b-7l9osz27zl],
:root[data-theme="dark"] .vp-h-bar-chart__tooltip-value[b-7l9osz27zl] {
    color: rgba(255, 255, 255, 0.92);
}
/* _content/Verapath.Components/Components/Charts/VerapathLineChart.razor.rz.scp.css */
.vp-chart-shell[b-ybl0xph6dt] {
    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-ybl0xph6dt] {
    display: block;
    overflow: visible;
    flex: 1 1 0;
    min-height: 0;
    width: 100%;
}

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

.vp-line-chart__legend-item[b-ybl0xph6dt] {
    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-ybl0xph6dt] {
    width: 18px;
    height: 3px;
    border-radius: 2px;
    flex: 0 0 auto;
}

.vp-line-chart__legend-label[b-ybl0xph6dt] {
    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-ybl0xph6dt] {
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    fill: var(--vp-content-text);
    font-family: inherit;
}

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

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

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

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

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

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

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

.vp-line-chart__point[b-ybl0xph6dt] {
    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-ybl0xph6dt] {
    transform-origin: center;
    /* Soft pulse to draw the eye without animating distractingly —
       once on appearance, then static. */
    animation: vp-line-chart-anomaly-pop-b-ybl0xph6dt 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
}

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

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

    to {
        stroke-dashoffset: 0;
    }
}

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

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

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

.vp-line-chart__svg--animated .vp-line-chart__point[b-ybl0xph6dt] {
    opacity: 0;
    animation: vp-line-chart-pop-b-ybl0xph6dt 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-ybl0xph6dt],
:root[data-theme="dark"] .vp-chart-shell[b-ybl0xph6dt] {
    background: rgba(36, 59, 47, 0.98);
    border-color: rgba(255, 255, 255, 0.08);
}

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

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

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

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

[data-theme="dark"] .vp-line-chart__legend-label[b-ybl0xph6dt],
:root[data-theme="dark"] .vp-line-chart__legend-label[b-ybl0xph6dt] {
    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-ybl0xph6dt] {
    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-ybl0xph6dt],
:root[data-theme="dark"] .vp-line-chart__ruler[b-ybl0xph6dt] {
    stroke: rgba(255, 255, 255, 0.32);
}

.vp-line-chart__hover-dot[b-ybl0xph6dt] {
    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-ybl0xph6dt] {
    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-ybl0xph6dt] {
    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-ybl0xph6dt 120ms ease-out;
}

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

.vp-line-chart__tooltip-label[b-ybl0xph6dt] {
    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-ybl0xph6dt] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 2px 0;
    font-size: 12px;
}

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

.vp-line-chart__tooltip-swatch[b-ybl0xph6dt] {
    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-ybl0xph6dt] {
    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-ybl0xph6dt] {
    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-ybl0xph6dt] {
    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-ybl0xph6dt] {
    left: auto;
    right: calc(100% - var(--vp-tt-cursor-x, 50%) + 14px);
}
/* _content/Verapath.Components/Components/Charts/VerapathLiveChart.razor.rz.scp.css */
.vp-live-chart[b-f8jooj27ex] {
    position: relative;
    width: 100%;
    height: var(--vp-live-chart-height, 360px);
    background: var(--color-white, #ffffff);
    border: 1px solid var(--color-gray-03, #e0e3e2);
    border-radius: 8px;
    padding: 12px;
    box-sizing: border-box;
    overflow: hidden;
}

.vp-live-chart--placeholder[b-f8jooj27ex] {
    /* Reserved space so the message bubble doesn't reflow when the live chart
       swaps in after the first interactive render. */
    background: var(--color-gray-04, #f7f7f7);
}

.vp-live-chart[b-f8jooj27ex]  > div {
    width: 100% !important;
    height: 100% !important;
}
/* _content/Verapath.Components/Components/Charts/VerapathPieChart.razor.rz.scp.css */
.vp-chart-shell[b-vcilgv08zf] {
    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-vcilgv08zf] {
    margin-bottom: 12px;
}

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

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

.vp-pie-chart__layout[b-vcilgv08zf] {
    /* 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-vcilgv08zf] {
    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-vcilgv08zf] {
    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-vcilgv08zf] {
        flex-direction: column;
    }
    .vp-pie-chart__legend[b-vcilgv08zf] {
        flex: 0 0 auto;
        max-height: 40%;
    }
}

.vp-pie-chart__segment[b-vcilgv08zf] {
    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-vcilgv08zf],
.vp-pie-chart__segment--hover[b-vcilgv08zf] {
    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-vcilgv08zf] {
    filter: saturate(0.7);
    opacity: 0.6;
}

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

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

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

/* ── Hover tooltip card ─────────────────────────────────────────── */
.vp-pie-chart__tooltip[b-vcilgv08zf] {
    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-vcilgv08zf 120ms ease-out;
}

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

.vp-pie-chart__tooltip-label[b-vcilgv08zf] {
    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-vcilgv08zf] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
}

.vp-pie-chart__tooltip-swatch[b-vcilgv08zf] {
    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-vcilgv08zf] {
    font-variant-numeric: tabular-nums;
    color: rgba(255, 255, 255, 0.98);
}

.vp-pie-chart__tooltip-pct[b-vcilgv08zf] {
    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-vcilgv08zf] {
    left: auto;
    right: calc(100% - var(--vp-tt-cursor-x, 50%) + 14px);
}

.vp-pie-chart__slice-label[b-vcilgv08zf] {
    /* 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-vcilgv08zf] {
    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-vcilgv08zf] {
    stroke-width: 1.4;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0.85;
    pointer-events: none;
}

.vp-pie-chart__callout-label[b-vcilgv08zf] {
    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-vcilgv08zf],
:root[data-theme="dark"] .vp-pie-chart__callout-label[b-vcilgv08zf] {
    fill: rgba(255, 255, 255, 0.92);
}

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

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

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

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

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

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

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

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

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

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

.vp-pie-chart__svg--animated .vp-pie-chart__segment[b-vcilgv08zf] {
    opacity: 0;
    animation: vp-pie-chart-reveal-b-vcilgv08zf 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-vcilgv08zf] {
        grid-template-columns: minmax(0, 1fr) minmax(180px, 220px);
    }
}

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

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

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

[data-theme="dark"] .vp-pie-chart__inner[b-vcilgv08zf],
:root[data-theme="dark"] .vp-pie-chart__inner[b-vcilgv08zf] {
    fill: rgba(36, 59, 47, 0.98);
}
/* _content/Verapath.Components/Components/Charts/VerapathStackedBarChart.razor.rz.scp.css */
.vp-stacked-bar-chart[b-fft0iuzwt6] {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}

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

.vp-stacked-bar-chart__truncated[b-fft0iuzwt6] {
    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-fft0iuzwt6] .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-fft0iuzwt6] {
    transition: filter 0.15s ease, transform 0.15s ease;
    cursor: pointer;
}

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

.vp-stacked-bar-chart__tooltip[b-fft0iuzwt6] {
    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-fft0iuzwt6] {
    font-weight: 600;
}

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

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

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

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

.vp-stacked-bar-chart__tooltip-total[b-fft0iuzwt6] {
    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-fft0iuzwt6],
:root[data-theme="dark"] .vp-stacked-bar-chart__tooltip[b-fft0iuzwt6] {
    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-fft0iuzwt6],
[data-theme="dark"] .vp-stacked-bar-chart__tooltip-total[b-fft0iuzwt6],
:root[data-theme="dark"] .vp-stacked-bar-chart__tooltip-name[b-fft0iuzwt6],
:root[data-theme="dark"] .vp-stacked-bar-chart__tooltip-total[b-fft0iuzwt6] {
    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-fft0iuzwt6] {
    left: auto;
    right: calc(100% - var(--vp-tt-cursor-x, 50%) + 14px);
}
/* _content/Verapath.Components/Components/Charts/VerapathTreemap.razor.rz.scp.css */
.vp-treemap[b-j96i1jwtpl] {
    width: 100%;
    height: 100%;
    display: block;
}

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

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

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

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

.vp-treemap__value[b-j96i1jwtpl] {
    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-w281ko7cug] {
    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-w281ko7cug] {
    position: relative;
    display: flex;
    align-items: center;
}

.vp-chat-history__search-icon[b-w281ko7cug] {
    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-w281ko7cug] {
    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-w281ko7cug]::placeholder {
    color: var(--vp-sidebar-fg-muted, rgba(255, 255, 255, 0.55));
}

.vp-chat-history__search-input:focus[b-w281ko7cug] {
    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-w281ko7cug] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.vp-chat-history__bucket-label[b-w281ko7cug] {
    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-w281ko7cug] {
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 7px;
    transition: background-color 0.1s ease;
}

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

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

.vp-chat-history__row-body[b-w281ko7cug] {
    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-w281ko7cug] {
    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-w281ko7cug] {
    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__status-dot[b-w281ko7cug] {
    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-w281ko7cug] {
    animation: vp-chat-history-pulse-b-w281ko7cug 1.4s ease-in-out infinite;
}

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

/* ── Actions ─────────────────────────────────────────────── */
.vp-chat-history__actions[b-w281ko7cug] {
    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-w281ko7cug],
.vp-chat-history__row--menu-open .vp-chat-history__actions[b-w281ko7cug],
.vp-chat-history__row--active .vp-chat-history__actions[b-w281ko7cug] {
    opacity: 1;
}

.vp-chat-history__menu-btn[b-w281ko7cug] {
    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-w281ko7cug] {
    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-w281ko7cug] {
    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-w281ko7cug 0.1s ease;
}

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

.vp-chat-history__menu-item[b-w281ko7cug] {
    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-w281ko7cug] {
    background: var(--vp-sidebar-surface-strong, rgba(255, 255, 255, 0.1));
}

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

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

/* ── Inline rename ───────────────────────────────────────── */
.vp-chat-history__rename[b-w281ko7cug] {
    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-w281ko7cug] {
    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-w281ko7cug] {
    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-w281ko7cug] {
    opacity: 0.6;
    cursor: wait;
}

/* ── Empty / skeleton ────────────────────────────────────── */
.vp-chat-history__empty[b-w281ko7cug] {
    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-w281ko7cug] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 4px;
}

.vp-chat-history__skeleton-row[b-w281ko7cug] {
    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-w281ko7cug 1.4s ease-in-out infinite;
}

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

/* ── Light theme adjustments ─────────────────────────────── */
.vp-chat-history[data-theme="light"][b-w281ko7cug] {
    --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-w281ko7cug] {
    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/Citations/VerapathCitations.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   VerapathCitations — /AI redesign
   Mirrors conversation-redesign.html (lines 656–700).
   Numbered midnight-bg square chip, source host on the right.
   ═══════════════════════════════════════════════════════════════════ */

.vp-citations[b-r7ar891x6e] {
    margin-top: 14px;
    padding: 12px 14px;
    background: var(--vp-citation-bg);
    border: 1px solid var(--vp-citation-border);
    border-radius: 10px;
}

.vp-citations__header[b-r7ar891x6e] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 8px;
    color: var(--vp-msg-kind-color);
}

.vp-citations__header-icon[b-r7ar891x6e] {
    color: var(--vp-speaker-color);
    flex-shrink: 0;
}

.vp-citations__header-label[b-r7ar891x6e] {
    font-family: var(--font-heading);
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--vp-msg-kind-color);
}

.vp-citations__list[b-r7ar891x6e] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 6px;
    grid-template-columns: 1fr;
}

.vp-citation[b-r7ar891x6e] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--vp-msg-body-color);
    padding: 4px 2px;
    min-width: 0;
}

.vp-citation__num[b-r7ar891x6e] {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background: var(--vp-citation-num-bg);
    color: var(--vp-citation-num-color);
    display: grid;
    place-items: center;
    font-family: var(--font-heading);
    font-size: 11px;
    line-height: 1;
}

.vp-citation__link[b-r7ar891x6e] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    min-width: 0;
    text-decoration: none;
    color: inherit;
}

.vp-citation__link--static[b-r7ar891x6e] {
    color: var(--vp-msg-body-color);
    cursor: default;
}

.vp-citation__title[b-r7ar891x6e] {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--vp-msg-body-color);
    font-family: var(--font-body);
    font-size: 13px;
    line-height: 1.3;
}

.vp-citation__link:hover .vp-citation__title[b-r7ar891x6e],
.vp-citation__link:focus-visible .vp-citation__title[b-r7ar891x6e] {
    color: var(--vp-citation-link);
}

.vp-citation__host[b-r7ar891x6e] {
    color: var(--vp-msg-kind-color);
    font-size: 11.5px;
    flex-shrink: 0;
    font-family: var(--font-mono);
    white-space: nowrap;
}
/* _content/Verapath.Components/Components/Conversation/ChoicePromptBar.razor.rz.scp.css */
.vp-prompt-bar[b-kp4b5euwds] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px 12px;
    margin-bottom: 8px;
    background: var(--color-white, #ffffff);
    border: 1px solid var(--color-gray-02, #b9c0be);
    border-radius: 8px;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.04);
}

.vp-prompt-bar__head[b-kp4b5euwds] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    min-height: 18px;
}

.vp-prompt-bar__close[b-kp4b5euwds] {
    appearance: none;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 4px;
    background: transparent;
    color: var(--color-gray-01, #909893);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 120ms ease, color 120ms ease;
}

.vp-prompt-bar__close:hover[b-kp4b5euwds] {
    background: var(--color-gray-03, #e0e3e2);
    color: var(--color-midnight, #223029);
}

.vp-prompt-bar__close:focus-visible[b-kp4b5euwds] {
    outline: none;
    background: var(--color-gray-03, #e0e3e2);
    color: var(--color-midnight, #223029);
    box-shadow: 0 0 0 2px var(--color-bright-green, #a3e96b);
}

.vp-prompt-bar__prompt[b-kp4b5euwds] {
    margin: 0;
    font-size: 12px;
    color: var(--color-gray-01, #909893);
    flex: 1 1 auto;
    min-width: 0;
}

.vp-prompt-bar__list[b-kp4b5euwds] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 38vh;
    overflow-y: auto;
}

.vp-prompt-bar__row[b-kp4b5euwds] {
    appearance: none;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 10px;
    min-height: 32px;
    background: var(--color-gray-04, #f7f7f7);
    border: 1px solid var(--color-gray-02, #b9c0be);
    border-radius: 5px;
    color: var(--color-midnight, #223029);
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
    text-align: left;
    cursor: pointer;
    transition: background-color 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
}

.vp-prompt-bar__row:hover:not(:disabled)[b-kp4b5euwds] {
    background: var(--color-gray-03, #e0e3e2);
}

.vp-prompt-bar__row:focus-visible[b-kp4b5euwds] {
    outline: none;
    border-color: var(--color-bright-green, #a3e96b);
    box-shadow: 0 0 0 3px rgba(163, 233, 107, 0.18);
}

.vp-prompt-bar__row:disabled[b-kp4b5euwds] {
    cursor: not-allowed;
    opacity: 0.6;
}

.vp-prompt-bar__row--checked[b-kp4b5euwds] {
    background: var(--color-mint, #daf4dd);
    border-color: var(--color-bright-green, #a3e96b);
}

.vp-prompt-bar__row--other .vp-prompt-bar__label[b-kp4b5euwds] {
    color: var(--color-gray-01, #909893);
    font-weight: 500;
}

.vp-prompt-bar__row--other.vp-prompt-bar__row--checked .vp-prompt-bar__label[b-kp4b5euwds] {
    color: var(--color-midnight, #223029);
}

.vp-prompt-bar__indicator[b-kp4b5euwds] {
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    border-radius: 3px;
    border: 1.5px solid var(--color-gray-02, #b9c0be);
    background: var(--color-white, #ffffff);
    color: var(--color-midnight, #223029);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.vp-prompt-bar__row--checked .vp-prompt-bar__indicator[b-kp4b5euwds] {
    background: var(--color-bright-green, #a3e96b);
    border-color: var(--color-bright-green, #a3e96b);
}

.vp-prompt-bar__label[b-kp4b5euwds] {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
}

.vp-prompt-bar__badge[b-kp4b5euwds] {
    flex: 0 0 auto;
    min-width: 18px;
    height: 16px;
    padding: 0 4px;
    border-radius: 3px;
    background: var(--color-white, #ffffff);
    color: var(--color-gray-01, #909893);
    font-size: 10px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-gray-02, #b9c0be);
}

.vp-prompt-bar__row--checked .vp-prompt-bar__badge[b-kp4b5euwds] {
    color: var(--color-midnight, #223029);
    border-color: var(--color-bright-green, #a3e96b);
}

.vp-prompt-bar__other-input[b-kp4b5euwds] {
    margin-top: 2px;
}

.vp-prompt-bar__other-textbox[b-kp4b5euwds] {
    width: 100%;
    height: 36px;
    padding: 8px 10px;
    border: 1px solid var(--color-gray-02, #b9c0be);
    border-radius: 5px;
    background: var(--color-white, #ffffff);
    color: var(--color-midnight, #223029);
    font-family: inherit;
    font-size: 13px;
    box-sizing: border-box;
}

.vp-prompt-bar__other-textbox[b-kp4b5euwds]::placeholder {
    color: var(--color-gray-01, #909893);
}

.vp-prompt-bar__other-textbox:focus[b-kp4b5euwds] {
    outline: none;
    border-color: var(--color-bright-green, #a3e96b);
    box-shadow: 0 0 0 3px rgba(163, 233, 107, 0.18);
}

.vp-prompt-bar__actions[b-kp4b5euwds] {
    display: flex;
    justify-content: flex-end;
    margin-top: 2px;
}

/* ── Login row variant ──────────────────────────────────────────── */
.vp-prompt-bar__row--login[b-kp4b5euwds] {
    background: var(--color-mint-50, #edfaee);
    border-color: var(--color-bright-green, #a3e96b);
    color: var(--color-midnight, #223029);
}

.vp-prompt-bar__row--login:hover:not(:disabled)[b-kp4b5euwds] {
    background: var(--color-mint, #daf4dd);
}

.vp-prompt-bar__login-icon[b-kp4b5euwds] {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-green, #0ea665);
}

.vp-prompt-bar__login-badge[b-kp4b5euwds] {
    flex: 0 0 auto;
    height: 18px;
    padding: 0 8px;
    border-radius: 3px;
    background: var(--color-bright-green, #a3e96b);
    color: var(--color-midnight, #223029);
    font-size: 11px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* ── Awaiting sign-in state ─────────────────────────────────────── */
.vp-prompt-bar--awaiting[b-kp4b5euwds] {
    align-items: stretch;
}

.vp-prompt-bar__awaiting[b-kp4b5euwds] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 4px;
    font-size: 13px;
    color: var(--color-midnight, #223029);
}

.vp-prompt-bar__awaiting-text[b-kp4b5euwds] {
    flex: 1 1 auto;
}

.vp-prompt-bar__awaiting-spinner[b-kp4b5euwds] {
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid var(--color-gray-02, #b9c0be);
    border-top-color: var(--color-bright-green, #a3e96b);
    animation: vp-prompt-bar-spin-b-kp4b5euwds 0.8s linear infinite;
}

@keyframes vp-prompt-bar-spin-b-kp4b5euwds {
    to { transform: rotate(360deg); }
}
/* _content/Verapath.Components/Components/Conversation/ConversationTranscript.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   ConversationTranscript — /AI redesign
   Mirrors conversation-redesign.html (lines 288–700).
   All visuals via semantic tokens from verapath-variables.css.
   ═══════════════════════════════════════════════════════════════════ */

.vp-transcript[b-6qs22b9hsh] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.vp-transcript--empty[b-6qs22b9hsh] {
    color: var(--vp-convo-header-meta-color);
    font-size: 13px;
    padding: 2rem 0;
    text-align: center;
}

/* ── Message row ─────────────────────────────────────────────────── */
.vp-transcript__message[b-6qs22b9hsh] {
    display: grid;
    grid-template-columns: 32px 1fr;
    gap: 14px;
    align-items: start;
}

/* User message — right-aligned, mint bubble, asymmetric corners */
.vp-transcript__message--user[b-6qs22b9hsh] {
    grid-template-columns: 1fr;
    justify-items: end;
}

.vp-transcript__message--user .vp-msg-body[b-6qs22b9hsh] {
    max-width: 80%;
    background: var(--vp-bubble-user-bg);
    border: 1px solid var(--vp-bubble-user-border);
    border-radius: 18px 18px 4px 18px;
    padding: 10px 14px;
    font-size: 14.5px;
    line-height: 1.55;
    color: var(--vp-bubble-user-color);
}

/* Assistant message — avatar + flush body */
.vp-transcript__message--assistant .vp-msg-avatar[b-6qs22b9hsh] {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 2px;
}

.vp-transcript__message--assistant .vp-msg-avatar > *[b-6qs22b9hsh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.vp-transcript__message--assistant .vp-msg-avatar :is(svg, img)[b-6qs22b9hsh] {
    max-width: 100%;
    max-height: 100%;
}

.vp-transcript__message--assistant .vp-msg-body[b-6qs22b9hsh] {
    font-size: 14.5px;
    line-height: 1.65;
    color: var(--vp-msg-assistant-color);
    min-width: 0;
}

.vp-msg-body--streaming[b-6qs22b9hsh] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* ── Live (interactive) chart embedded in an assistant message ─── */
.vp-msg-live-chart[b-6qs22b9hsh] {
    margin-top: 12px;
    max-width: 720px;
}

/* ── Generated chart PNG (fallback path for the chart tool) ──────
   Renders the chart at chart size, not as a small attachment tile.
   The PNG has an intrinsic ratio (default 900×540 = 5:3); we let the
   image scale within a sensible max-width so bars/labels remain
   legible at any container width. */
.vp-msg-chart-image[b-6qs22b9hsh] {
    margin: 12px 0 0;
    max-width: 720px;
    width: 100%;
    background: var(--vp-figure-bg, var(--color-white, #ffffff));
    border: 1px solid var(--vp-figure-border, var(--color-gray-03, #e0e3e2));
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(10, 28, 22, 0.04);
}

.vp-msg-chart-image img[b-6qs22b9hsh] {
    display: block;
    width: 100%;
    height: auto;
}

/* ── File previews inside user bubble ────────────────────────────── */
.vp-msg-previews[b-6qs22b9hsh] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.vp-msg-preview[b-6qs22b9hsh] {
    margin: 0;
    display: flex;
    flex-direction: column;
    width: 148px;
    background: var(--vp-figure-bg);
    border: 1px solid var(--vp-figure-border);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(10, 28, 22, 0.04);
}

.vp-msg-preview img[b-6qs22b9hsh] {
    display: block;
    width: 100%;
    height: 180px;
    object-fit: cover;
    object-position: top center;
    background: var(--color-gray-04);
    border-bottom: 1px solid var(--vp-figure-border);
}

.vp-msg-preview figcaption[b-6qs22b9hsh] {
    padding: 7px 10px 8px;
    font-family: var(--font-heading);
    font-size: 12px;
    color: var(--vp-content-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

/* ── Typing dots (empty placeholder bubble) ──────────────────────── */
.vp-typing[b-6qs22b9hsh] {
    display: inline-flex;
    gap: 5px;
    padding: 10px 0;
    align-items: center;
}

.vp-typing-dot[b-6qs22b9hsh] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--color-gray-02);
    animation: vp-typing-bounce-b-6qs22b9hsh 1.3s ease-in-out infinite;
}

.vp-typing-dot:nth-child(2)[b-6qs22b9hsh] { animation-delay: 0.18s; }
.vp-typing-dot:nth-child(3)[b-6qs22b9hsh] { animation-delay: 0.36s; }

@keyframes vp-typing-bounce-b-6qs22b9hsh {
    0%, 55%, 100% { transform: translateY(0);    opacity: 0.35; }
    27%           { transform: translateY(-6px); opacity: 1;    }
}

/* ── Streaming cursor ────────────────────────────────────────────── */
.vp-cursor[b-6qs22b9hsh] {
    display: inline-block;
    width: 2px;
    height: 0.95em;
    background: var(--vp-msg-assistant-color);
    margin-left: 2px;
    vertical-align: text-bottom;
    animation: vp-cursor-blink-b-6qs22b9hsh 0.75s ease-in-out infinite;
}

@keyframes vp-cursor-blink-b-6qs22b9hsh {
    0%, 45%   { opacity: 1; }
    55%, 100% { opacity: 0; }
}

/* ── Live step chip (streaming) ──────────────────────────────────── */
.vp-step-live[b-6qs22b9hsh] {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    padding: 8px 14px;
    border-radius: 999px;
    background: var(--vp-step-live-bg);
    border: 1px solid var(--vp-step-live-border);
    font-family: var(--font-heading);
    font-size: 12.5px;
    color: var(--vp-step-live-color);
}

.vp-msg-body--streaming .vp-step-live[b-6qs22b9hsh] {
    margin-top: 6px;
}

.vp-step-live[b-6qs22b9hsh]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent 20%, var(--vp-step-live-shimmer) 50%, transparent 80%);
    transform: translateX(-100%);
    animation: vp-step-shimmer-b-6qs22b9hsh 2.2s linear infinite;
    pointer-events: none;
}

@keyframes vp-step-shimmer-b-6qs22b9hsh {
    to { transform: translateX(200%); }
}

.vp-step-live-dot[b-6qs22b9hsh] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--vp-step-live-dot);
    animation: vp-step-pulse-b-6qs22b9hsh 1.4s ease-in-out infinite;
    flex-shrink: 0;
}

.vp-step-live-check[b-6qs22b9hsh] {
    color: var(--vp-step-live-dot);
    flex-shrink: 0;
}

@keyframes vp-step-pulse-b-6qs22b9hsh {
    0%, 100% { opacity: 1;    transform: scale(1);   }
    50%      { opacity: 0.35; transform: scale(0.6); }
}

/* ── Steps panel (completed) ─────────────────────────────────────── */
.vp-transcript__steps-panel[b-6qs22b9hsh] {
    margin-top: 12px;
    border: 1px solid var(--vp-steps-panel-border);
    border-radius: 10px;
    overflow: hidden;
    background: var(--vp-steps-panel-bg);
}

/* While streaming, the panel sits just below the live chip — tighten the gap */
.vp-transcript__steps-panel--streaming[b-6qs22b9hsh] {
    margin-top: 8px;
}

.vp-transcript__steps-trigger[b-6qs22b9hsh] {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    padding: 10px 14px;
    font-family: var(--font-heading);
    font-size: 12.5px;
    color: var(--vp-steps-trigger-color);
    user-select: none;
}

.vp-transcript__steps-trigger[b-6qs22b9hsh]::-webkit-details-marker {
    display: none;
}

.vp-steps-trigger-icon[b-6qs22b9hsh] {
    color: var(--vp-steps-trigger-icon);
    flex-shrink: 0;
}

.vp-steps-trigger-icon--error[b-6qs22b9hsh] {
    color: var(--color-red);
}

.vp-steps-trigger-label[b-6qs22b9hsh] {
    flex: 1;
}

.vp-steps-trigger-chev[b-6qs22b9hsh] {
    color: var(--vp-steps-trigger-count);
    transition: transform 0.2s ease;
}

.vp-transcript__steps-panel[open] .vp-steps-trigger-chev[b-6qs22b9hsh] {
    transform: rotate(180deg);
}

.vp-steps-list[b-6qs22b9hsh] {
    border-top: 1px solid var(--vp-steps-panel-border);
    max-height: 500px;
    overflow-y: auto;
}

.vp-step-row[b-6qs22b9hsh] {
    display: grid;
    grid-template-columns: 13px minmax(0, 1fr) auto;
    align-items: start;
    column-gap: 10px;
    padding: 10px 14px;
    font-size: 12.5px;
    border-bottom: 1px solid var(--vp-steps-panel-border);
}

.vp-step-row:last-child[b-6qs22b9hsh] {
    border-bottom: 0;
}

/* Collapsible step row (when step.Detail is present) */
.vp-step-row.vp-step-row--collapsible[b-6qs22b9hsh] {
    padding: 0;
    display: block;
}

.vp-step-row-summary[b-6qs22b9hsh] {
    list-style: none;
    cursor: pointer;
    display: grid;
    grid-template-columns: 13px minmax(0, 1fr) auto 12px;
    align-items: center;
    column-gap: 10px;
    padding: 10px 14px;
    user-select: none;
}

.vp-step-row-summary[b-6qs22b9hsh]::-webkit-details-marker {
    display: none;
}

.vp-step-row-chev[b-6qs22b9hsh] {
    color: var(--vp-steps-trigger-count);
    transition: transform 0.2s ease;
    flex-shrink: 0;
}

.vp-step-row.vp-step-row--collapsible[open] .vp-step-row-chev[b-6qs22b9hsh] {
    transform: rotate(180deg);
}

.vp-step-row-detail[b-6qs22b9hsh] {
    padding: 0 14px 10px 37px;
    border-top: 1px dashed var(--vp-steps-panel-border);
}

.vp-step-row-icon[b-6qs22b9hsh] {
    color: var(--vp-steps-trigger-icon);
    flex-shrink: 0;
}

.vp-step-row-icon--error[b-6qs22b9hsh] {
    color: var(--color-red);
}

.vp-step-row-dot[b-6qs22b9hsh] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--vp-steps-trigger-count);
    flex-shrink: 0;
}

.vp-step-row-body[b-6qs22b9hsh] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.vp-step-row-title[b-6qs22b9hsh] {
    color: var(--vp-steps-trigger-color);
    min-width: 0;
    line-height: 1.45;
}

.vp-step-row-meta[b-6qs22b9hsh] {
    color: var(--vp-steps-trigger-count);
    font-size: 11.5px;
    line-height: 1.5;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.vp-step-row-status[b-6qs22b9hsh] {
    color: var(--vp-steps-trigger-count);
    align-self: center;
    white-space: nowrap;
    padding-left: 12px;
}

@media (max-width: 720px) {
    .vp-step-row[b-6qs22b9hsh] {
        grid-template-columns: 13px minmax(0, 1fr);
        row-gap: 6px;
    }

    .vp-step-row-status[b-6qs22b9hsh] {
        grid-column: 2;
        padding-left: 0;
        justify-self: start;
    }

    .vp-step-row-summary[b-6qs22b9hsh] {
        grid-template-columns: 13px minmax(0, 1fr) 12px;
        row-gap: 6px;
    }

    .vp-step-row-summary .vp-step-row-status[b-6qs22b9hsh] {
        grid-column: 2;
        padding-left: 0;
        justify-self: start;
    }

    .vp-step-row-detail[b-6qs22b9hsh] {
        padding-left: 14px;
    }
}

/* ── Action row (hover-reveal) ───────────────────────────────────── */
.vp-transcript__actions[b-6qs22b9hsh] {
    display: flex;
    gap: 2px;
    opacity: 0;
    transition: opacity 0.15s ease;
    margin-top: 8px;
}

.vp-transcript__message--assistant:hover .vp-transcript__actions[b-6qs22b9hsh],
.vp-transcript__actions:focus-within[b-6qs22b9hsh] {
    opacity: 1;
}

.vp-action-btn[b-6qs22b9hsh] {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: var(--vp-action-ghost-color);
    cursor: pointer;
    transition: background-color 0.12s ease, color 0.12s ease;
}

.vp-action-btn:hover:not(:disabled)[b-6qs22b9hsh] {
    background: var(--vp-action-ghost-hover-bg);
    color: var(--vp-action-ghost-hover-color);
}

.vp-action-btn:disabled[b-6qs22b9hsh] {
    cursor: default;
    opacity: 0.65;
}

.vp-action-btn--active-up[b-6qs22b9hsh] {
    color: var(--vp-action-up-color) !important;
}

.vp-action-btn--active-down[b-6qs22b9hsh] {
    color: var(--vp-action-down-color) !important;
}

.vp-action-btn--copied[b-6qs22b9hsh] {
    color: var(--vp-action-up-color);
}

/* ── Inline citation superscript refs (reserved class, used by markdown) */
.vp-cite-ref[b-6qs22b9hsh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    margin-left: 2px;
    border-radius: 4px;
    background: var(--vp-cite-ref-bg);
    color: var(--vp-cite-ref-color);
    font-family: var(--font-heading);
    font-size: 10px;
    vertical-align: super;
    line-height: 1;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.12s ease, color 0.12s ease;
}

.vp-cite-ref:hover[b-6qs22b9hsh] {
    background: var(--vp-cite-ref-hover-bg);
    color: var(--vp-cite-ref-hover-color);
}

/* ── Feedback modal body ─────────────────────────────────────────── */
.vp-transcript__feedback-body[b-6qs22b9hsh] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.vp-transcript__feedback-hint[b-6qs22b9hsh] {
    margin: 0;
    color: var(--vp-convo-header-meta-color);
    font-size: 13px;
    line-height: 1.5;
}

.vp-transcript__feedback-textarea[b-6qs22b9hsh] {
    width: 100%;
    min-height: 100px;
    padding: 10px 12px;
    border: 1px solid var(--vp-border-default);
    border-radius: 10px;
    background: var(--vp-surface-input);
    color: var(--vp-input-color);
    font: inherit;
    font-size: 13px;
    resize: vertical;
}

.vp-transcript__feedback-textarea:focus[b-6qs22b9hsh] {
    outline: none;
    border-color: var(--color-bright-green);
    box-shadow: 0 0 0 3px rgba(163, 233, 107, 0.18);
}

/* Choice-prompt UI lives in the standalone ChoicePromptBar component. */

/* ── Responsive ──────────────────────────────────────────────────── */
@media (max-width: 720px) {
    .vp-transcript__message--user .vp-msg-body[b-6qs22b9hsh] {
        max-width: 92%;
    }

    .vp-msg-preview[b-6qs22b9hsh] {
        width: 120px;
    }

    .vp-msg-preview img[b-6qs22b9hsh] {
        height: 150px;
    }
}

.vp-transcript__login-actions[b-6qs22b9hsh] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0;
}
/* _content/Verapath.Components/Components/DataTable/VerapathDataTable.razor.rz.scp.css */
.vp-data-table[b-a42woje1pn] {
    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-a42woje1pn],
.vp-data-table__toolbar[b-a42woje1pn],
.vp-data-table__footer[b-a42woje1pn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

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

.vp-data-table__eyebrow[b-a42woje1pn] {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    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-data-table__title[b-a42woje1pn] {
    margin: 0;
    font-family: var(--vp-font-heading, "SeasonSans-SemiBold", sans-serif);
    font-size: 28px;
    line-height: 1.08;
    color: var(--vp-content-text, #223029);
}

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

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

.vp-data-table__search[b-a42woje1pn] {
    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-a42woje1pn] {
    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-a42woje1pn] {
    display: inline-flex;
    align-items: center;
    color: var(--vp-placeholder-color, #909893);
}

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

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

.vp-data-table__shell[b-a42woje1pn] {
    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-a42woje1pn] {
    width: 100%;
    border-collapse: collapse;
}

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

.vp-data-table__table th[b-a42woje1pn] {
    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-a42woje1pn] {
    border-bottom: 1px solid rgba(34, 48, 41, 0.06);
}

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

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

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

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

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

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

.vp-data-table__sort[b-a42woje1pn] {
    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-a42woje1pn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 16px;
    color: var(--vp-placeholder-color, #909893);
}

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

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

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

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

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

.vp-data-table__page-size-select[b-a42woje1pn] {
    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-a42woje1pn] {
    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-a42woje1pn],
:root[data-theme="dark"] .vp-data-table .vp-data-table__page-size-select[b-a42woje1pn] {
    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-a42woje1pn] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.vp-data-table__pager-btn[b-a42woje1pn] {
    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-a42woje1pn] {
    opacity: 0.46;
    cursor: not-allowed;
}

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

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

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

.vp-data-table__skeleton-cell[b-a42woje1pn] {
    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-a42woje1pn 1.4s linear infinite;
}

[data-theme="dark"] .vp-data-table[b-a42woje1pn],
:root[data-theme="dark"] .vp-data-table[b-a42woje1pn] {
    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-a42woje1pn],
[data-theme="dark"] .vp-data-table .vp-data-table__title[b-a42woje1pn],
[data-theme="dark"] .vp-data-table .vp-data-table__summary strong[b-a42woje1pn],
[data-theme="dark"] .vp-data-table .vp-data-table__pager-info[b-a42woje1pn],
[data-theme="dark"] .vp-data-table .vp-data-table__cell[b-a42woje1pn],
:root[data-theme="dark"] .vp-data-table .vp-data-table__eyebrow[b-a42woje1pn],
:root[data-theme="dark"] .vp-data-table .vp-data-table__title[b-a42woje1pn],
:root[data-theme="dark"] .vp-data-table .vp-data-table__summary strong[b-a42woje1pn],
:root[data-theme="dark"] .vp-data-table .vp-data-table__pager-info[b-a42woje1pn],
:root[data-theme="dark"] .vp-data-table .vp-data-table__cell[b-a42woje1pn] {
    color: var(--vp-content-text, #ffffff);
}

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

[data-theme="dark"] .vp-data-table .vp-data-table__search[b-a42woje1pn],
[data-theme="dark"] .vp-data-table .vp-data-table__shell[b-a42woje1pn],
:root[data-theme="dark"] .vp-data-table .vp-data-table__search[b-a42woje1pn],
:root[data-theme="dark"] .vp-data-table .vp-data-table__shell[b-a42woje1pn] {
    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-a42woje1pn],
[data-theme="dark"] .vp-data-table .vp-data-table__table th[b-a42woje1pn],
[data-theme="dark"] .vp-data-table .vp-data-table__pager-btn[b-a42woje1pn],
:root[data-theme="dark"] .vp-data-table .vp-data-table__search-input[b-a42woje1pn],
:root[data-theme="dark"] .vp-data-table .vp-data-table__table th[b-a42woje1pn],
:root[data-theme="dark"] .vp-data-table .vp-data-table__pager-btn[b-a42woje1pn] {
    color: var(--vp-content-text, #ffffff);
}

[data-theme="dark"] .vp-data-table .vp-data-table__table th[b-a42woje1pn],
:root[data-theme="dark"] .vp-data-table .vp-data-table__table th[b-a42woje1pn] {
    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-a42woje1pn],
:root[data-theme="dark"] .vp-data-table .vp-data-table__row[b-a42woje1pn] {
    border-bottom-color: rgba(255, 255, 255, 0.06);
}

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

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

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

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

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

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

    .vp-data-table__pager[b-a42woje1pn] {
        width: 100%;
        justify-content: space-between;
    }
}
/* _content/Verapath.Components/Components/Diagram/Canvas/DefaultNodeRenderer.razor.rz.scp.css */
.vp-canvas__default-node[b-9t08yxv6t4] {
    width: 100%;
    height: 100%;
    min-width: 120px;
    min-height: 44px;
    padding: 8px 12px;
    background: var(--vp-card-bg, #ffffff);
    border: 1px solid var(--vp-card-border, rgba(15, 23, 19, 0.08));
    border-radius: var(--border-radius-md, 6px);
    box-shadow: var(--vp-card-shadow, 0 1px 3px rgba(15, 23, 19, 0.08));
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-body, system-ui, sans-serif);
    color: var(--vp-content-text, #223029);
    font-size: var(--font-size-body, 14px);
}

.vp-canvas__default-node-title[b-9t08yxv6t4] {
    font-weight: var(--font-weight-medium, 500);
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
/* _content/Verapath.Components/Components/Diagram/Canvas/DiagramCanvas.razor.rz.scp.css */
.vp-canvas[b-v790xx3goh] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: var(--vp-canvas-bg, #f7f7f7);
    outline: none;
    touch-action: none;
    user-select: none;
}

.vp-canvas__grid[b-v790xx3goh] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(to right, var(--vp-divider, rgba(34, 48, 41, 0.06)) 1px, transparent 1px),
        linear-gradient(to bottom, var(--vp-divider, rgba(34, 48, 41, 0.06)) 1px, transparent 1px);
}

.vp-canvas__stage[b-v790xx3goh] {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    /* transform + origin set inline by component */
}

.vp-canvas__links[b-v790xx3goh] {
    position: absolute;
    top: 0;
    left: 0;
    /* SVG extends beyond zero-size stage so paths render — overflow visible is the trick */
    overflow: visible;
    width: 1px;
    height: 1px;
    pointer-events: auto;
    /* Sit above group wrappers (which use z-index 0) so links crossing a ForEach group's
       interior stay visible, while regular nodes (z-index 2) still paint above the links. */
    z-index: 1;
}

.vp-canvas__nodes[b-v790xx3goh] {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
}

.vp-canvas__context-menu[b-v790xx3goh] {
    z-index: 1000;
    min-width: 160px;
    background: var(--color-white, #ffffff);
    color: var(--color-midnight, #223029);
    border: 1px solid var(--color-gray-02, #b9c0be);
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(34, 48, 41, 0.15);
    padding: 4px 0;
    font-size: 14px;
}

.vp-canvas__context-menu-item[b-v790xx3goh] {
    display: block;
    width: 100%;
    padding: 8px 14px;
    background: transparent;
    border: 0;
    text-align: left;
    cursor: pointer;
    color: inherit;
    font: inherit;
}

.vp-canvas__context-menu-item:hover[b-v790xx3goh] {
    background: var(--color-gray-04, #f7f7f7);
}
/* _content/Verapath.Components/Components/Diagram/Canvas/DiagramLinkRenderer.razor.rz.scp.css */
.vp-canvas__link[b-m9r13xkson] {
    cursor: pointer;
}

.vp-canvas__link-stroke[b-m9r13xkson] {
    stroke: var(--color-midnight, #223029);
    stroke-width: 2.5;
    fill: none;
    pointer-events: none;
}

[data-theme="dark"] .vp-canvas__link-stroke[b-m9r13xkson] {
    /* Brighter in dark mode — white gets lost against the dark canvas at thin strokes,
       and the forest-green canvas background calls for a warmer accent. */
    stroke: var(--color-bright-green, #a3e96b);
    stroke-width: 2.5;
    opacity: 0.85;
}

.vp-canvas__link-hit[b-m9r13xkson] {
    stroke: transparent;
    stroke-width: 12;
    fill: none;
    pointer-events: stroke;
}

.vp-canvas__link--selected .vp-canvas__link-stroke[b-m9r13xkson] {
    stroke: var(--color-bright-green, #a3e96b);
    stroke-width: 3;
}

.vp-canvas__link-waypoint[b-m9r13xkson] {
    fill: var(--color-white, #ffffff);
    stroke: var(--color-bright-green, #a3e96b);
    stroke-width: 2;
    cursor: move;
    pointer-events: all;
}

.vp-canvas__link-waypoint:hover[b-m9r13xkson] {
    fill: var(--color-bright-green, #a3e96b);
}
/* _content/Verapath.Components/Components/Diagram/Canvas/DiagramNodeWrapper.razor.rz.scp.css */
.vp-canvas__node[b-zeilvaqpft] {
    position: absolute;
    top: 0;
    left: 0;
    user-select: none;
    cursor: grab;
    transform-origin: top left;
    will-change: transform;
    /* Regular nodes sit above the links layer (z-index 1) so link endpoints tuck under cards. */
    z-index: 2;
}

/* Group wrappers (ForEach container) sit below the links layer so their opaque body
   doesn't occlude link paths that cross the group interior. */
.vp-canvas__node--group[b-zeilvaqpft] {
    z-index: 0;
}

.vp-canvas__node:active[b-zeilvaqpft] {
    cursor: grabbing;
}

.vp-canvas__node--selected[b-zeilvaqpft]::before {
    content: "";
    position: absolute;
    inset: -4px;
    border: 2px solid var(--color-bright-green, #a3e96b);
    border-radius: calc(var(--border-radius-md, 6px) + 3px);
    pointer-events: none;
    z-index: 1;
}

/* Locked wrappers are click-through so mousedowns can reach anything underneath them
   (e.g. the ForEach group behind its locked anchor). Port dots override this below. */
.vp-canvas__node--locked[b-zeilvaqpft] {
    pointer-events: none;
}

.vp-canvas__node--locked[b-zeilvaqpft]  .vp-canvas__port {
    pointer-events: auto;
}
/* _content/Verapath.Components/Components/Diagram/Canvas/DiagramPortRenderer.razor.rz.scp.css */
.vp-canvas__port[b-ezva9a9q2g] {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: crosshair;
    pointer-events: auto;
    z-index: 5;
}

.vp-canvas__port-dot[b-ezva9a9q2g] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--color-bright-green, #a3e96b);
    border: 2px solid var(--color-midnight, #223029);
    transition: transform 120ms ease, background-color 120ms ease;
}

.vp-canvas__port:hover .vp-canvas__port-dot[b-ezva9a9q2g] {
    transform: scale(1.25);
    background: var(--color-green, #0ea665);
}
/* _content/Verapath.Components/Components/Diagram/Canvas/NavigatorWidget.razor.rz.scp.css */
.vp-canvas__navigator[b-bkim1isht5] {
    position: absolute;
    background: var(--vp-card-bg, #ffffff);
    border: 1px solid var(--vp-card-border, rgba(15, 23, 19, 0.08));
    border-radius: var(--border-radius-md, 6px);
    box-shadow: var(--vp-card-shadow, 0 2px 6px rgba(15, 23, 19, 0.08));
    cursor: crosshair;
    overflow: hidden;
    z-index: 20;
}

.vp-canvas__navigator svg[b-bkim1isht5] {
    display: block;
    width: 100%;
    height: 100%;
}

.vp-canvas__navigator-node[b-bkim1isht5] {
    opacity: 0.8;
    stroke: var(--vp-card-border, rgba(15, 23, 19, 0.12));
    stroke-width: 0;
}

.vp-canvas__navigator-viewport[b-bkim1isht5] {
    stroke: var(--color-bright-green, #a3e96b);
    stroke-width: 2;
    stroke-dasharray: 4 3;
    vector-effect: non-scaling-stroke;
    pointer-events: none;
}
/* _content/Verapath.Components/Components/Diagram/Canvas/SelectionBoxWidget.razor.rz.scp.css */
.vp-canvas__selection-box[b-epefmhclpm] {
    position: absolute;
    border: 1px dashed var(--color-bright-green, #a3e96b);
    background: color-mix(in srgb, var(--color-bright-green, #a3e96b) 10%, transparent);
    pointer-events: none;
    z-index: 10;
}
/* _content/Verapath.Components/Components/Diagram/Canvas/ZoomControlsWidget.razor.rz.scp.css */
.vp-canvas__zoom[b-kp2t58tiob] {
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2px;
    padding: 4px;
    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: 0 4px 12px rgba(15, 23, 19, 0.1);
    z-index: 30;
}

.vp-canvas__zoom-btn[b-kp2t58tiob] {
    min-width: 34px;
    height: 28px;
    padding: 0 6px;
    border: none;
    background: transparent;
    color: var(--vp-content-text, #223029);
    font-size: 14px;
    font-weight: var(--font-weight-medium, 500);
    cursor: pointer;
    border-radius: var(--border-radius-sm, 4px);
    transition: background-color 0.12s ease;
}

.vp-canvas__zoom-btn:hover[b-kp2t58tiob],
.vp-canvas__zoom-btn:focus[b-kp2t58tiob] {
    outline: none;
    background: var(--vp-surface-hover, #e0e3e2);
}
/* _content/Verapath.Components/Components/Diagram/CustomNodes/ApprovalNode.razor.rz.scp.css */
.vp-node[b-3s2c3kit5x] {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    border: 1px solid var(--vp-card-border, rgba(15, 23, 19, 0.08));
    background: var(--vp-card-bg, #ffffff);
    box-shadow: var(--vp-card-shadow, 0 18px 45px rgba(15, 23, 19, 0.12));
    overflow: visible;
    display: flex;
    flex-direction: column;
    color: var(--vp-content-text, #223029);
}

.vp-node__header[b-3s2c3kit5x] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.9rem 1.1rem;
    background: linear-gradient(135deg, var(--color-pale-yellow, #fffcb1) 0%, #f5d643 100%);
    color: var(--color-midnight, #223029);
    border-radius: 16px 16px 0 0;
}

.vp-node__title-wrap[b-3s2c3kit5x] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.vp-node__title[b-3s2c3kit5x] {
    font-size: var(--font-size-body, 1rem);
    font-weight: var(--font-weight-bold, 700);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vp-node__subtitle[b-3s2c3kit5x] {
    font-size: 0.72rem;
    opacity: 0.78;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.vp-node__actions[b-3s2c3kit5x] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-shrink: 0;
}

.vp-node__icon-btn[b-3s2c3kit5x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    border: 1px solid rgba(15, 23, 19, 0.18);
    background: rgba(15, 23, 19, 0.08);
    color: inherit;
    cursor: pointer;
    font-size: 0.95rem;
    line-height: 1;
    padding: 0;
    transition: background-color 0.15s ease, transform 0.15s ease;
}

.vp-node__icon-btn:hover[b-3s2c3kit5x],
.vp-node__icon-btn:focus[b-3s2c3kit5x] {
    outline: none;
    background: rgba(15, 23, 19, 0.18);
    transform: translateY(-1px);
}

.vp-node__icon-btn--danger[b-3s2c3kit5x] {
    background: rgba(249, 87, 77, 0.22);
    border-color: rgba(249, 87, 77, 0.45);
    color: var(--color-red, #f9574d);
}

.vp-node__icon-btn--danger:hover[b-3s2c3kit5x],
.vp-node__icon-btn--danger:focus[b-3s2c3kit5x] {
    background: rgba(249, 87, 77, 0.4);
}

.vp-node__body[b-3s2c3kit5x] {
    flex: 1 1 auto;
    padding: 1rem 1.1rem 1.15rem;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    background: var(--vp-surface-disabled, #f7f7f7);
    border-radius: 0 0 16px 16px;
}

.vp-node__section-title[b-3s2c3kit5x] {
    font-size: 0.7rem;
    font-weight: var(--font-weight-bold, 700);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--vp-placeholder-color, #909893);
}

.vp-node__satisfied-by[b-3s2c3kit5x] {
    font-size: 0.85rem;
    color: var(--vp-content-text, #223029);
    font-weight: var(--font-weight-bold, 700);
}

.vp-node__warning[b-3s2c3kit5x] {
    font-size: 0.78rem;
    color: var(--color-red, #f9574d);
}

.vp-node__outcomes[b-3s2c3kit5x] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.vp-node__outcome[b-3s2c3kit5x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.28rem 0.55rem;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: var(--font-weight-bold, 700);
    gap: 0.4rem;
}

.vp-node__outcome--approve[b-3s2c3kit5x] {
    background: var(--color-mint, #daf4dd);
    color: var(--color-green, #0ea665);
}

.vp-node__outcome--reject[b-3s2c3kit5x] {
    background: rgba(249, 87, 77, 0.12);
    color: var(--color-red, #f9574d);
}

.vp-node__outcome--custom[b-3s2c3kit5x] {
    background: var(--color-gray-03, #e0e3e2);
    color: var(--vp-content-text, #223029);
}

.vp-node__outcome-label[b-3s2c3kit5x] {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vp-node__outcome-arrow[b-3s2c3kit5x] {
    flex-shrink: 0;
    opacity: 0.55;
    font-size: 0.95rem;
}

[b-3s2c3kit5x] .vp-canvas__port {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease, transform 0.15s ease;
}

.vp-node:hover[b-3s2c3kit5x] ~  .vp-canvas__port,
:host(:hover)[b-3s2c3kit5x]  .vp-canvas__port {
    opacity: 1;
    pointer-events: auto;
}
/* _content/Verapath.Components/Components/Diagram/CustomNodes/EndProcessNode.razor.rz.scp.css */
.vp-end-node[b-ztbx4lu2lo] {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    border: 1px solid var(--vp-card-border, rgba(15, 23, 19, 0.08));
    background: var(--vp-card-bg, #ffffff);
    box-shadow: var(--vp-card-shadow, 0 18px 45px rgba(15, 23, 19, 0.12));
    display: flex;
    flex-direction: column;
    color: var(--vp-content-text, #223029);
}

.vp-end-node__header[b-ztbx4lu2lo] {
    padding: 0.9rem 1.1rem;
    background: linear-gradient(135deg, var(--color-red, #f9574d) 0%, #c8463d 100%);
    color: var(--color-white, #ffffff);
    border-radius: 16px 16px 0 0;
}

.vp-end-node__title-wrap[b-ztbx4lu2lo] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.vp-end-node__title[b-ztbx4lu2lo] {
    font-size: var(--font-size-body, 1rem);
    font-weight: var(--font-weight-bold, 700);
}

.vp-end-node__subtitle[b-ztbx4lu2lo] {
    font-size: 0.72rem;
    opacity: 0.85;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.vp-end-node__body[b-ztbx4lu2lo] {
    flex: 1 1 auto;
    padding: 0.9rem 1.1rem 1.05rem;
    background: var(--vp-surface-disabled, #f7f7f7);
    border-radius: 0 0 16px 16px;
}

.vp-end-node__hint[b-ztbx4lu2lo] {
    font-size: 0.78rem;
    color: var(--vp-placeholder-color, #909893);
    line-height: 1.4;
}
/* _content/Verapath.Components/Components/Diagram/CustomNodes/EvaluatorNode.razor.rz.scp.css */
.vp-node[b-yjupux5ohr] {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    border: 1px solid var(--vp-card-border, rgba(15, 23, 19, 0.08));
    background: var(--vp-card-bg, #ffffff);
    box-shadow: var(--vp-card-shadow, 0 18px 45px rgba(15, 23, 19, 0.12));
    overflow: visible;
    display: flex;
    flex-direction: column;
    color: var(--vp-content-text, #223029);
}

.vp-node__header[b-yjupux5ohr] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.9rem 1.1rem;
    background: linear-gradient(135deg, var(--color-mint, #daf4dd) 0%, var(--color-green, #0ea665) 100%);
    color: var(--color-midnight, #223029);
    border-radius: 16px 16px 0 0;
}

.vp-node__title-wrap[b-yjupux5ohr] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.vp-node__title[b-yjupux5ohr] {
    font-size: var(--font-size-body, 1rem);
    font-weight: var(--font-weight-bold, 700);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vp-node__subtitle[b-yjupux5ohr] {
    font-size: 0.72rem;
    opacity: 0.78;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.vp-node__actions[b-yjupux5ohr] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-shrink: 0;
}

.vp-node__icon-btn[b-yjupux5ohr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    border: 1px solid rgba(15, 23, 19, 0.18);
    background: rgba(15, 23, 19, 0.08);
    color: inherit;
    cursor: pointer;
    font-size: 0.95rem;
    line-height: 1;
    padding: 0;
    transition: background-color 0.15s ease, transform 0.15s ease;
}

.vp-node__icon-btn:hover[b-yjupux5ohr],
.vp-node__icon-btn:focus[b-yjupux5ohr] {
    outline: none;
    background: rgba(15, 23, 19, 0.18);
    transform: translateY(-1px);
}

.vp-node__icon-btn--danger[b-yjupux5ohr] {
    background: rgba(249, 87, 77, 0.22);
    border-color: rgba(249, 87, 77, 0.45);
    color: var(--color-red, #f9574d);
}

.vp-node__icon-btn--danger:hover[b-yjupux5ohr],
.vp-node__icon-btn--danger:focus[b-yjupux5ohr] {
    background: rgba(249, 87, 77, 0.4);
}

.vp-node__body[b-yjupux5ohr] {
    flex: 1 1 auto;
    padding: 1rem 1.1rem 1.15rem;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    background: var(--vp-surface-disabled, #f7f7f7);
    border-radius: 0 0 16px 16px;
}

.vp-node__section-title[b-yjupux5ohr] {
    font-size: 0.7rem;
    font-weight: var(--font-weight-bold, 700);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--vp-placeholder-color, #909893);
}

.vp-node__satisfied-by[b-yjupux5ohr] {
    font-size: 0.85rem;
    color: var(--vp-content-text, #223029);
    font-weight: var(--font-weight-bold, 700);
}

.vp-node__description[b-yjupux5ohr] {
    font-size: 0.85rem;
    color: var(--vp-content-text, #223029);
    line-height: 1.4;
}

.vp-node__outcomes[b-yjupux5ohr] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.vp-node__outcome[b-yjupux5ohr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.28rem 0.55rem;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: var(--font-weight-bold, 700);
    gap: 0.4rem;
    border: 1px solid transparent;
}

.vp-node__outcome--eval-red[b-yjupux5ohr] {
    background: rgba(249, 87, 77, 0.18);
    border-color: var(--color-red, #f9574d);
    color: var(--color-red, #f9574d);
}

.vp-node__outcome--eval-yellow[b-yjupux5ohr] {
    background: var(--color-pale-yellow, #FFFCB1);
    border-color: var(--color-pale-yellow, #FFFCB1);
    color: var(--color-midnight, #223029);
}

.vp-node__outcome--eval-green[b-yjupux5ohr] {
    background: var(--color-mint, #daf4dd);
    border-color: var(--color-green, #0ea665);
    color: var(--color-green, #0ea665);
}

.vp-node__outcome-label[b-yjupux5ohr] {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vp-node__outcome-arrow[b-yjupux5ohr] {
    flex-shrink: 0;
    opacity: 0.55;
    font-size: 0.95rem;
}

[b-yjupux5ohr] .vp-canvas__port {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease, transform 0.15s ease;
}

.vp-node:hover[b-yjupux5ohr] ~  .vp-canvas__port,
:host(:hover)[b-yjupux5ohr]  .vp-canvas__port {
    opacity: 1;
    pointer-events: auto;
}
/* _content/Verapath.Components/Components/Diagram/CustomNodes/FileNode.razor.rz.scp.css */
.vp-node[b-levg1w1jcc] {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    border: 1px solid var(--vp-card-border, rgba(15, 23, 19, 0.08));
    background: var(--vp-card-bg, #ffffff);
    box-shadow: var(--vp-card-shadow, 0 18px 45px rgba(15, 23, 19, 0.12));
    overflow: visible;
    display: flex;
    flex-direction: column;
    color: var(--vp-content-text, #223029);
}

.vp-node__header[b-levg1w1jcc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.9rem 1.1rem;
    background: linear-gradient(135deg, var(--color-light-purple, #e5daf4) 0%, var(--color-purple, #bca9f1) 100%);
    color: var(--color-midnight, #223029);
    border-radius: 16px 16px 0 0;
}

.vp-node__title-wrap[b-levg1w1jcc] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.vp-node__title[b-levg1w1jcc] {
    font-size: var(--font-size-body, 1rem);
    font-weight: var(--font-weight-bold, 700);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vp-node__subtitle[b-levg1w1jcc] {
    font-size: 0.72rem;
    opacity: 0.78;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.vp-node__actions[b-levg1w1jcc] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-shrink: 0;
}

.vp-node__icon-btn[b-levg1w1jcc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    border: 1px solid rgba(15, 23, 19, 0.18);
    background: rgba(15, 23, 19, 0.08);
    color: inherit;
    cursor: pointer;
    font-size: 0.95rem;
    line-height: 1;
    padding: 0;
    transition: background-color 0.15s ease, transform 0.15s ease;
}

.vp-node__icon-btn:hover[b-levg1w1jcc],
.vp-node__icon-btn:focus[b-levg1w1jcc] {
    outline: none;
    background: rgba(15, 23, 19, 0.18);
    transform: translateY(-1px);
}

.vp-node__icon-btn--danger[b-levg1w1jcc] {
    background: rgba(249, 87, 77, 0.22);
    border-color: rgba(249, 87, 77, 0.45);
    color: var(--color-red, #f9574d);
}

.vp-node__icon-btn--danger:hover[b-levg1w1jcc],
.vp-node__icon-btn--danger:focus[b-levg1w1jcc] {
    background: rgba(249, 87, 77, 0.4);
}

.vp-node__body[b-levg1w1jcc] {
    flex: 1 1 auto;
    padding: 1rem 1.1rem 1.15rem;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    background: var(--vp-surface-disabled, #f7f7f7);
    border-radius: 0 0 16px 16px;
}

.vp-node__section-title[b-levg1w1jcc] {
    font-size: 0.7rem;
    font-weight: var(--font-weight-bold, 700);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--vp-placeholder-color, #909893);
}

.vp-node__satisfied-by[b-levg1w1jcc] {
    font-size: 0.85rem;
    color: var(--vp-content-text, #223029);
    font-weight: var(--font-weight-bold, 700);
}

.vp-node__placeholder[b-levg1w1jcc] {
    font-size: 0.78rem;
    color: var(--vp-placeholder-color, #909893);
    font-style: italic;
}

.vp-node__var-required[b-levg1w1jcc] {
    align-self: flex-start;
    font-size: 0.65rem;
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    background: rgba(249, 87, 77, 0.13);
    color: var(--color-red, #f9574d);
    border: 1px solid rgba(249, 87, 77, 0.32);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: var(--font-weight-bold, 700);
}

[b-levg1w1jcc] .vp-canvas__port {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease, transform 0.15s ease;
}

.vp-node:hover[b-levg1w1jcc] ~  .vp-canvas__port,
:host(:hover)[b-levg1w1jcc]  .vp-canvas__port {
    opacity: 1;
    pointer-events: auto;
}
/* _content/Verapath.Components/Components/Diagram/CustomNodes/ForEachAnchorNode.razor.rz.scp.css */
.vp-foreach-anchor[b-ytr6sqgnun] {
    /* Visual shell; content is the input/output ports rendered by DiagramNodeWrapper.
       The anchor shares its top-left with the ForEach group wrapper, so give it a
       stacking context above the group header so the port dots stay visible. */
    position: relative;
    z-index: 4;
    background: transparent;
    border: 1px dashed transparent;
    border-radius: 12px;
}
/* _content/Verapath.Components/Components/Diagram/CustomNodes/ForEachGroupNode.razor.rz.scp.css */
.vp-foreach-group[b-yuog3j73pk] {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 14px;
    border: 2px dashed var(--color-purple, #bca9f1);
    background: var(--color-light-purple-50, #f1edfa);
    box-shadow: 0 10px 30px rgba(15, 23, 19, 0.08);
    overflow: visible;
}

/* Dark-mode palette: muted purple that sits on the midnight canvas without glaring.
   Using a plain descendant selector — Blazor scoped CSS appends the scope attribute to the
   RIGHTMOST simple selector, so `[data-theme="dark"] .vp-foreach-group` becomes
   `[data-theme="dark"] .vp-foreach-group[b-xxxxx]` and matches correctly. */
[data-theme="dark"] .vp-foreach-group[b-yuog3j73pk] {
    border-color: rgba(188, 169, 241, 0.45);
    background: rgba(188, 169, 241, 0.08);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

[data-theme="dark"] .vp-foreach-group__body[b-yuog3j73pk] {
    border-color: rgba(188, 169, 241, 0.22);
}

[data-theme="dark"] .vp-foreach-group__header[b-yuog3j73pk] {
    background: linear-gradient(135deg, #4a3a7a 0%, #2d2447 100%);
    color: var(--color-white, #ffffff);
}

[data-theme="dark"] .vp-foreach-group__resize[b-yuog3j73pk] {
    background-image: linear-gradient(135deg, transparent 50%, rgba(188, 169, 241, 0.7) 50%);
}

.vp-foreach-group--collapsed[b-yuog3j73pk] {
    height: auto;
}

.vp-foreach-group__body[b-yuog3j73pk] {
    position: absolute;
    inset: 50px 12px 12px 12px;
    border: 1px dashed rgba(188, 169, 241, 0.5);
    border-radius: 10px;
    pointer-events: none;
}

.vp-foreach-group__header[b-yuog3j73pk] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.65rem 0.9rem;
    background: linear-gradient(135deg, var(--color-purple, #bca9f1) 0%, #7c5dc7 100%);
    color: var(--color-white, #ffffff);
    border-radius: 12px 12px 0 0;
}

.vp-foreach-group--collapsed .vp-foreach-group__header[b-yuog3j73pk] {
    border-radius: 12px;
}

.vp-foreach-group__title-wrap[b-yuog3j73pk] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
    cursor: grab;
}

.vp-foreach-group__title-wrap:active[b-yuog3j73pk] {
    cursor: grabbing;
}

.vp-foreach-group__title[b-yuog3j73pk] {
    font-size: var(--font-size-body, 1rem);
    font-weight: var(--font-weight-bold, 700);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vp-foreach-group__subtitle[b-yuog3j73pk] {
    font-size: 0.7rem;
    opacity: 0.85;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.vp-foreach-group__actions[b-yuog3j73pk] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-shrink: 0;
}

.vp-foreach-group__badge[b-yuog3j73pk] {
    display: inline-flex;
    align-items: center;
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.22);
    color: var(--color-white, #ffffff);
    border: 1px solid rgba(255, 255, 255, 0.4);
    font-size: 0.66rem;
    font-weight: var(--font-weight-bold, 700);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.vp-foreach-group__action[b-yuog3j73pk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.35);
    background: rgba(255, 255, 255, 0.12);
    color: var(--color-white, #ffffff);
    cursor: pointer;
    line-height: 1;
    padding: 0;
    transition: background-color 0.15s ease, transform 0.15s ease;
}

.vp-foreach-group__action:hover[b-yuog3j73pk],
.vp-foreach-group__action:focus[b-yuog3j73pk] {
    outline: none;
    background: rgba(255, 255, 255, 0.22);
    transform: translateY(-1px);
}

.vp-foreach-group__action--danger[b-yuog3j73pk] {
    background: rgba(249, 87, 77, 0.22);
    border-color: rgba(249, 87, 77, 0.45);
}

.vp-foreach-group__action--danger:hover[b-yuog3j73pk],
.vp-foreach-group__action--danger:focus[b-yuog3j73pk] {
    background: rgba(249, 87, 77, 0.4);
}

.vp-foreach-group__resize[b-yuog3j73pk] {
    position: absolute;
    right: 4px;
    bottom: 4px;
    width: 14px;
    height: 14px;
    border: none;
    background: transparent;
    background-image: linear-gradient(135deg, transparent 50%, var(--color-purple, #bca9f1) 50%);
    cursor: nwse-resize;
    padding: 0;
    border-bottom-right-radius: 10px;
}
/* _content/Verapath.Components/Components/Diagram/CustomNodes/GenericNode.razor.rz.scp.css */
.vp-node[b-nv211vqeo6] {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    border: 1px solid var(--vp-card-border, rgba(15, 23, 19, 0.08));
    background: var(--vp-card-bg, #ffffff);
    box-shadow: var(--vp-card-shadow, 0 18px 45px rgba(15, 23, 19, 0.12));
    overflow: visible;
    display: flex;
    flex-direction: column;
    color: var(--vp-content-text, #223029);
}

.vp-node__header[b-nv211vqeo6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.9rem 1.1rem;
    background: linear-gradient(135deg, var(--color-midnight, #223029) 0%, #0f1713 100%);
    color: var(--color-white, #ffffff);
    border-radius: 16px 16px 0 0;
}

.vp-node--collapsed .vp-node__header[b-nv211vqeo6] {
    border-radius: 16px;
}

.vp-node__title-wrap[b-nv211vqeo6] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.vp-node__title[b-nv211vqeo6] {
    font-size: var(--font-size-body, 1rem);
    font-weight: var(--font-weight-bold, 700);
    letter-spacing: 0.01em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vp-node__subtitle[b-nv211vqeo6] {
    font-size: 0.75rem;
    opacity: 0.75;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.vp-node__actions[b-nv211vqeo6] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-shrink: 0;
}

.vp-node__badge[b-nv211vqeo6] {
    display: inline-flex;
    align-items: center;
    padding: 0.18rem 0.6rem;
    border-radius: 999px;
    background: rgba(163, 233, 107, 0.18);
    color: var(--color-bright-green, #a3e96b);
    border: 1px solid rgba(163, 233, 107, 0.35);
    font-size: 0.68rem;
    font-weight: var(--font-weight-bold, 700);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.vp-node__icon-btn[b-nv211vqeo6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.25);
    background: rgba(255, 255, 255, 0.08);
    color: var(--color-white, #ffffff);
    cursor: pointer;
    font-size: 0.95rem;
    line-height: 1;
    transition: background-color 0.15s ease, transform 0.15s ease;
    padding: 0;
}

.vp-node__icon-btn:hover[b-nv211vqeo6],
.vp-node__icon-btn:focus[b-nv211vqeo6] {
    outline: none;
    background: rgba(255, 255, 255, 0.18);
    transform: translateY(-1px);
}

.vp-node__icon-btn--danger[b-nv211vqeo6] {
    background: rgba(249, 87, 77, 0.22);
    border-color: rgba(249, 87, 77, 0.45);
}

.vp-node__icon-btn--danger:hover[b-nv211vqeo6],
.vp-node__icon-btn--danger:focus[b-nv211vqeo6] {
    background: rgba(249, 87, 77, 0.38);
}

.vp-node__body[b-nv211vqeo6] {
    flex: 1 1 auto;
    padding: 1rem 1.1rem 1.15rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    background: var(--vp-surface-disabled, #f7f7f7);
    border-radius: 0 0 16px 16px;
}

.vp-node--collapsed .vp-node__body[b-nv211vqeo6] {
    display: none;
}

.vp-node__status-row[b-nv211vqeo6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.65rem;
}

.vp-node__section-title[b-nv211vqeo6] {
    font-size: 0.72rem;
    font-weight: var(--font-weight-bold, 700);
    letter-spacing: 0.11em;
    text-transform: uppercase;
    color: var(--vp-placeholder-color, #909893);
}

.vp-node__status[b-nv211vqeo6] {
    border-radius: 999px;
    padding: 0.2rem 0.55rem;
    font-size: 0.65rem;
    font-weight: var(--font-weight-bold, 700);
    text-transform: uppercase;
    letter-spacing: 0.07em;
}

.vp-node__status--ok[b-nv211vqeo6] {
    background: rgba(14, 166, 101, 0.15);
    color: var(--color-green, #0ea665);
    border: 1px solid rgba(14, 166, 101, 0.32);
}

.vp-node__status--warn[b-nv211vqeo6] {
    background: rgba(249, 87, 77, 0.13);
    color: var(--color-red, #f9574d);
    border: 1px solid rgba(249, 87, 77, 0.32);
}

.vp-node__warning[b-nv211vqeo6] {
    font-size: 0.78rem;
    color: var(--color-red, #f9574d);
}

.vp-node__summary[b-nv211vqeo6] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.vp-node__summary li[b-nv211vqeo6] {
    font-size: 0.85rem;
    color: var(--vp-content-text, #223029);
}

/* Hide canvas ports by default; reveal on hover/focus. The generic canvas shows ports
   always, but inside a workflow node we prefer the peek-on-hover affordance. */
[b-nv211vqeo6] .vp-canvas__port {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease, transform 0.15s ease;
}

.vp-node:hover[b-nv211vqeo6] ~  .vp-canvas__port,
:host(:hover)[b-nv211vqeo6]  .vp-canvas__port {
    opacity: 1;
    pointer-events: auto;
}
/* _content/Verapath.Components/Components/Diagram/CustomNodes/NoteNode.razor.rz.scp.css */
.vp-note[b-8zre21m998] {
    position: relative;
    background: var(--color-pale-yellow, #FFFCB1);
    border: 1px solid var(--color-pale-yellow-50, #FFFDD8);
    border-radius: 10px;
    padding: 1rem;
    color: var(--color-midnight, #223029);
    box-shadow: 0 10px 24px rgba(15, 23, 19, 0.12);
    overflow: hidden;
}

.vp-note__delete[b-8zre21m998] {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 1.6rem;
    height: 1.6rem;
    border: none;
    border-radius: 50%;
    background: rgba(249, 87, 77, 0.18);
    color: var(--color-red, #f9574d);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.15s ease, background-color 0.15s ease;
    padding: 0;
}

.vp-note:hover .vp-note__delete[b-8zre21m998] {
    opacity: 1;
}

.vp-note__delete:hover[b-8zre21m998] {
    background: rgba(249, 87, 77, 0.35);
}

.vp-note__content[b-8zre21m998],
.vp-note__editor[b-8zre21m998] {
    width: 100%;
    height: 100%;
    white-space: pre-wrap;
    word-break: break-word;
    overflow-y: auto;
    font-family: var(--font-body, system-ui, sans-serif);
}

.vp-note__editor[b-8zre21m998] {
    resize: none;
    border: none;
    background: transparent;
    padding: 0;
    color: inherit;
    outline: none;
}
/* _content/Verapath.Components/Components/Diagram/CustomNodes/StartVariablesNode.razor.rz.scp.css */
.vp-node[b-ttco6tygyr] {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    border: 1px solid var(--vp-card-border, rgba(15, 23, 19, 0.08));
    background: var(--vp-card-bg, #ffffff);
    box-shadow: var(--vp-card-shadow, 0 18px 45px rgba(15, 23, 19, 0.12));
    overflow: visible;
    display: flex;
    flex-direction: column;
    color: var(--vp-content-text, #223029);
}

.vp-node__header[b-ttco6tygyr] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.9rem 1.1rem;
    background: linear-gradient(135deg, var(--color-bright-green, #a3e96b) 0%, #5fb52e 100%);
    color: var(--color-midnight, #223029);
    border-radius: 16px 16px 0 0;
}

.vp-node__title-wrap[b-ttco6tygyr] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.vp-node__title[b-ttco6tygyr] {
    font-size: var(--font-size-body, 1rem);
    font-weight: var(--font-weight-bold, 700);
    letter-spacing: 0.01em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vp-node__subtitle[b-ttco6tygyr] {
    font-size: 0.72rem;
    opacity: 0.78;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.vp-node__actions[b-ttco6tygyr] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-shrink: 0;
}

.vp-node__icon-btn[b-ttco6tygyr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    border: 1px solid rgba(15, 23, 19, 0.18);
    background: rgba(15, 23, 19, 0.08);
    color: inherit;
    cursor: pointer;
    font-size: 0.95rem;
    line-height: 1;
    padding: 0;
    transition: background-color 0.15s ease, transform 0.15s ease;
}

.vp-node__icon-btn:hover[b-ttco6tygyr],
.vp-node__icon-btn:focus[b-ttco6tygyr] {
    outline: none;
    background: rgba(15, 23, 19, 0.18);
    transform: translateY(-1px);
}

.vp-node__body[b-ttco6tygyr] {
    flex: 1 1 auto;
    padding: 1rem 1.1rem 1.15rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    background: var(--vp-surface-disabled, #f7f7f7);
    border-radius: 0 0 16px 16px;
}

.vp-node__section-title[b-ttco6tygyr] {
    font-size: 0.72rem;
    font-weight: var(--font-weight-bold, 700);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--vp-placeholder-color, #909893);
}

.vp-node__warning[b-ttco6tygyr] {
    font-size: 0.78rem;
    color: var(--color-red, #f9574d);
}

.vp-node__summary[b-ttco6tygyr] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.vp-node__summary li[b-ttco6tygyr] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.85rem;
    color: var(--vp-content-text, #223029);
}

.vp-node__var-name[b-ttco6tygyr] {
    font-weight: var(--font-weight-bold, 700);
}

.vp-node__var-type[b-ttco6tygyr] {
    font-size: 0.7rem;
    color: var(--vp-placeholder-color, #909893);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.vp-node__var-required[b-ttco6tygyr] {
    font-size: 0.65rem;
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    background: rgba(249, 87, 77, 0.13);
    color: var(--color-red, #f9574d);
    border: 1px solid rgba(249, 87, 77, 0.32);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: var(--font-weight-bold, 700);
}

.vp-node__more[b-ttco6tygyr] {
    font-size: 0.75rem;
    color: var(--vp-placeholder-color, #909893);
    font-style: italic;
}

[b-ttco6tygyr] .vp-canvas__port {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease, transform 0.15s ease;
}

.vp-node:hover[b-ttco6tygyr] ~  .vp-canvas__port,
:host(:hover)[b-ttco6tygyr]  .vp-canvas__port {
    opacity: 1;
    pointer-events: auto;
}
/* _content/Verapath.Components/Components/Diagram/CustomNodes/WebhookNode.razor.rz.scp.css */
.vp-node[b-v9cosvnt49] {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    border: 1px solid var(--vp-card-border, rgba(15, 23, 19, 0.08));
    background: var(--vp-card-bg, #ffffff);
    box-shadow: var(--vp-card-shadow, 0 18px 45px rgba(15, 23, 19, 0.12));
    overflow: visible;
    display: flex;
    flex-direction: column;
    color: var(--vp-content-text, #223029);
}

.vp-node__header[b-v9cosvnt49] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.9rem 1.1rem;
    background: linear-gradient(135deg, #b2eaea 0%, #3abfbf 100%);
    color: var(--color-midnight, #223029);
    border-radius: 16px 16px 0 0;
}

.vp-node__title-wrap[b-v9cosvnt49] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.vp-node__title[b-v9cosvnt49] {
    font-size: var(--font-size-body, 1rem);
    font-weight: var(--font-weight-bold, 700);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vp-node__subtitle[b-v9cosvnt49] {
    font-size: 0.72rem;
    opacity: 0.78;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.vp-node__actions[b-v9cosvnt49] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-shrink: 0;
}

.vp-node__icon-btn[b-v9cosvnt49] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    border: 1px solid rgba(15, 23, 19, 0.18);
    background: rgba(15, 23, 19, 0.08);
    color: inherit;
    cursor: pointer;
    font-size: 0.95rem;
    line-height: 1;
    padding: 0;
    transition: background-color 0.15s ease, transform 0.15s ease;
}

.vp-node__icon-btn:hover[b-v9cosvnt49],
.vp-node__icon-btn:focus[b-v9cosvnt49] {
    outline: none;
    background: rgba(15, 23, 19, 0.18);
    transform: translateY(-1px);
}

.vp-node__icon-btn--danger[b-v9cosvnt49] {
    background: rgba(249, 87, 77, 0.22);
    border-color: rgba(249, 87, 77, 0.45);
    color: var(--color-red, #f9574d);
}

.vp-node__icon-btn--danger:hover[b-v9cosvnt49],
.vp-node__icon-btn--danger:focus[b-v9cosvnt49] {
    background: rgba(249, 87, 77, 0.4);
}

.vp-node__body[b-v9cosvnt49] {
    flex: 1 1 auto;
    padding: 1rem 1.1rem 1.15rem;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    background: var(--vp-surface-disabled, #f7f7f7);
    border-radius: 0 0 16px 16px;
}

.vp-node__section-title[b-v9cosvnt49] {
    font-size: 0.7rem;
    font-weight: var(--font-weight-bold, 700);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--vp-placeholder-color, #909893);
}

.vp-node__satisfied-by[b-v9cosvnt49] {
    font-size: 0.85rem;
    color: var(--vp-content-text, #223029);
    font-weight: var(--font-weight-bold, 700);
}

[b-v9cosvnt49] .vp-canvas__port {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease, transform 0.15s ease;
}

.vp-node:hover[b-v9cosvnt49] ~  .vp-canvas__port,
:host(:hover)[b-v9cosvnt49]  .vp-canvas__port {
    opacity: 1;
    pointer-events: auto;
}
/* _content/Verapath.Components/Components/Diagram/GreenLight/GreenLightNoteNode.razor.rz.scp.css */
.vp-note[b-auly56x117] {
    position: relative;
    background: var(--color-pale-yellow, #FFFCB1);
    border: 1px solid var(--color-pale-yellow-50, #FFFDD8);
    border-radius: 10px;
    padding: 1rem;
    color: var(--color-midnight, #223029);
    box-shadow: 0 10px 24px rgba(15, 23, 19, 0.12);
    overflow: hidden;
}

.vp-note__delete[b-auly56x117] {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 1.6rem;
    height: 1.6rem;
    border: none;
    border-radius: 50%;
    background: rgba(249, 87, 77, 0.18);
    color: var(--color-red, #f9574d);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.15s ease, background-color 0.15s ease;
    padding: 0;
}

.vp-note:hover .vp-note__delete[b-auly56x117] {
    opacity: 1;
}

.vp-note__delete:hover[b-auly56x117] {
    background: rgba(249, 87, 77, 0.35);
}

.vp-note__content[b-auly56x117],
.vp-note__editor[b-auly56x117] {
    width: 100%;
    height: 100%;
    white-space: pre-wrap;
    word-break: break-word;
    overflow-y: auto;
    font-family: var(--font-body, system-ui, sans-serif);
}

.vp-note__editor[b-auly56x117] {
    resize: none;
    border: none;
    background: transparent;
    padding: 0;
    color: inherit;
    outline: none;
}
/* _content/Verapath.Components/Components/Diagram/NodePopups/AgentNodePopup.razor.rz.scp.css */
.vp-agent[b-r26ed5larf] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.vp-agent__helper[b-r26ed5larf] {
    font-size: 12px;
    color: var(--vp-placeholder-color, #909893);
    line-height: 1.6;
}

.vp-agent__helper code[b-r26ed5larf] {
    padding: 1px 4px;
    background: var(--vp-code-bg, #e0e3e2);
    border-radius: var(--border-radius-sm, 4px);
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: 11px;
}

.vp-agent__advanced[b-r26ed5larf] {
    margin-top: 4px;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-md, 6px);
    background: var(--vp-surface-disabled, #f7f7f7);
}

.vp-agent__advanced-toggle[b-r26ed5larf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 14px;
    background: transparent;
    border: none;
    color: var(--vp-content-text, #223029);
    font-size: 13px;
    font-weight: var(--font-weight-medium, 500);
    text-align: left;
    cursor: pointer;
    border-radius: var(--border-radius-md, 6px);
}

.vp-agent__advanced-toggle:hover[b-r26ed5larf],
.vp-agent__advanced-toggle:focus[b-r26ed5larf] {
    outline: none;
    background: var(--vp-surface-hover, #e0e3e2);
}

.vp-agent__chev[b-r26ed5larf] {
    transition: transform 0.15s ease;
    font-size: 12px;
}

.vp-agent__advanced-toggle--open .vp-agent__chev[b-r26ed5larf] {
    transform: rotate(180deg);
}

.vp-agent__advanced-body[b-r26ed5larf] {
    padding: 12px 14px 14px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-top: 1px solid var(--vp-divider, #e0e3e2);
}

.vp-agent__checkboxes[b-r26ed5larf] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
/* _content/Verapath.Components/Components/Diagram/NodePopups/AgentRawNodePopup.razor.rz.scp.css */
.vp-agent-raw[b-ehvzcf4psx] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.vp-agent-raw__checkboxes[b-ehvzcf4psx] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 4px 0;
}

.vp-agent-raw__row[b-ehvzcf4psx] {
    display: flex;
    gap: 12px;
}

.vp-agent-raw__row-cell[b-ehvzcf4psx] {
    flex: 1 1 0;
    min-width: 0;
}
/* _content/Verapath.Components/Components/Diagram/NodePopups/ApiNodePopup.razor.rz.scp.css */
.vp-api[b-9uf10ko4lh] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.vp-api__empty[b-9uf10ko4lh] {
    padding: 6px 10px;
    font-size: 12px;
    color: var(--vp-placeholder-color, #909893);
    font-style: italic;
}

.vp-api__readonly[b-9uf10ko4lh] {
    padding: 10px 12px;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-md, 6px);
    background: var(--vp-surface-disabled, #f7f7f7);
    color: var(--vp-content-text, #223029);
    font-size: 13px;
}

.vp-api__error[b-9uf10ko4lh] {
    padding: 10px 12px;
    border: 1px solid rgba(249, 87, 77, 0.35);
    border-radius: var(--border-radius-md, 6px);
    background: rgba(249, 87, 77, 0.08);
    color: var(--color-red, #f9574d);
    font-size: 12px;
}

.vp-api__warning[b-9uf10ko4lh] {
    padding: 8px 10px;
    border: 1px solid rgba(212, 138, 58, 0.4);
    border-radius: var(--border-radius-sm, 4px);
    background: rgba(255, 252, 177, 0.3);
    color: #a8651f;
    font-size: 12px;
}

.vp-api__detail[b-9uf10ko4lh] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-md, 6px);
    background: var(--vp-surface-disabled, #f7f7f7);
}

.vp-api__section[b-9uf10ko4lh] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.vp-api__section-title[b-9uf10ko4lh] {
    font-size: 11px;
    font-weight: var(--font-weight-bold, 700);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--vp-placeholder-color, #909893);
}

.vp-api__section-empty[b-9uf10ko4lh] {
    font-size: 12px;
    color: var(--vp-placeholder-color, #909893);
    font-style: italic;
}

.vp-api__header-list[b-9uf10ko4lh] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.vp-api__header-item[b-9uf10ko4lh] {
    padding: 8px 10px;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-sm, 4px);
    background: var(--vp-card-bg, #ffffff);
}

.vp-api__header-main[b-9uf10ko4lh] {
    display: flex;
    gap: 8px;
    align-items: baseline;
}

.vp-api__header-key[b-9uf10ko4lh] {
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: 12px;
    font-weight: var(--font-weight-medium, 500);
    color: var(--vp-content-text, #223029);
    flex-shrink: 0;
}

.vp-api__header-value[b-9uf10ko4lh] {
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: 12px;
    color: var(--vp-placeholder-color, #909893);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vp-api__meta[b-9uf10ko4lh] {
    font-size: 11px;
    color: var(--vp-placeholder-color, #909893);
    line-height: 1.5;
}

.vp-api__param[b-9uf10ko4lh] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px 10px;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-sm, 4px);
    background: var(--vp-card-bg, #ffffff);
    margin-top: 6px;
}

.vp-api__param-label[b-9uf10ko4lh] {
    font-size: 13px;
    font-weight: var(--font-weight-medium, 500);
    color: var(--vp-label-color, #223029);
}
/* _content/Verapath.Components/Components/Diagram/NodePopups/ApprovalNodePopup.razor.rz.scp.css */
.vp-graph-input[b-w7nwmlcq8q] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.vp-graph-input__helper[b-w7nwmlcq8q] {
    font-size: 12px;
    color: var(--vp-placeholder-color, #909893);
    line-height: 1.6;
}

.vp-graph-input__helper code[b-w7nwmlcq8q] {
    padding: 1px 4px;
    background: var(--vp-code-bg, #e0e3e2);
    border-radius: var(--border-radius-sm, 4px);
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: 11px;
}

.vp-graph-input__error[b-w7nwmlcq8q] {
    padding: 8px 10px;
    border: 1px solid rgba(249, 87, 77, 0.35);
    border-radius: var(--border-radius-sm, 4px);
    background: rgba(249, 87, 77, 0.08);
    color: var(--color-red, #f9574d);
    font-size: 12px;
}

.vp-graph-input__section-title[b-w7nwmlcq8q] {
    font-size: 11px;
    font-weight: var(--font-weight-bold, 700);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--vp-placeholder-color, #909893);
    padding: 6px 0 2px;
    border-bottom: 1px solid var(--vp-divider, #e0e3e2);
}

/* Wrapper around a search textbox + its floating results dropdown. The wrapper holds
   the textbox inline; the results are absolutely positioned so they don't reflow the
   surrounding popup content (Result Variable, etc). */
.vp-graph-input__search-field[b-w7nwmlcq8q] {
    position: relative;
}

/* Search results dropdown — used by both group + user searches */
.vp-graph-input__search-results[b-w7nwmlcq8q] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 20;
    margin-top: 4px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 4px;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-md, 6px);
    background: var(--vp-card-bg, #ffffff);
    box-shadow: 0 10px 24px rgba(15, 23, 19, 0.14);
    max-height: 220px;
    overflow-y: auto;
}

.vp-graph-input__search-row[b-w7nwmlcq8q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    padding: 6px 8px;
    border: none;
    background: transparent;
    color: var(--vp-content-text, #223029);
    font-size: 12px;
    text-align: left;
    cursor: pointer;
    border-radius: var(--border-radius-sm, 4px);
}

.vp-graph-input__search-row:hover[b-w7nwmlcq8q],
.vp-graph-input__search-row:focus[b-w7nwmlcq8q] {
    outline: none;
    background: var(--vp-surface-hover, #e0e3e2);
}

.vp-graph-input__search-title[b-w7nwmlcq8q] {
    font-weight: var(--font-weight-medium, 500);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vp-graph-input__search-meta[b-w7nwmlcq8q] {
    font-size: 10px;
    font-family: var(--font-mono, ui-monospace, monospace);
    color: var(--vp-placeholder-color, #909893);
    flex-shrink: 0;
}

.vp-graph-input__selected-group[b-w7nwmlcq8q] {
    padding: 8px 10px;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-sm, 4px);
    background: var(--vp-surface-disabled, #f7f7f7);
    color: var(--vp-content-text, #223029);
    font-size: 13px;
}

.vp-graph-input__user-list[b-w7nwmlcq8q] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.vp-graph-input__user-row[b-w7nwmlcq8q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 6px 8px;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-sm, 4px);
    background: var(--vp-card-bg, #ffffff);
}

.vp-graph-input__user-address[b-w7nwmlcq8q] {
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: 12px;
    color: var(--vp-content-text, #223029);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vp-graph-input__user-remove[b-w7nwmlcq8q] {
    width: 28px;
    height: 28px;
    border: 1px solid rgba(249, 87, 77, 0.35);
    border-radius: var(--border-radius-sm, 4px);
    background: rgba(249, 87, 77, 0.1);
    color: var(--color-red, #f9574d);
    cursor: pointer;
    font-size: 12px;
    padding: 0;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.vp-graph-input__user-remove:hover[b-w7nwmlcq8q],
.vp-graph-input__user-remove:focus[b-w7nwmlcq8q] {
    outline: none;
    background: rgba(249, 87, 77, 0.25);
}

.vp-approval__color-swatch[b-w7nwmlcq8q] {
    width: 32px;
    height: 28px;
    padding: 0;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-sm, 4px);
    background: transparent;
    cursor: pointer;
    flex-shrink: 0;
}

.vp-approval__color-swatch[b-w7nwmlcq8q]::-webkit-color-swatch-wrapper {
    padding: 2px;
}

.vp-approval__color-swatch[b-w7nwmlcq8q]::-webkit-color-swatch {
    border: none;
    border-radius: 2px;
}
/* _content/Verapath.Components/Components/Diagram/NodePopups/CreateIndexNodePopup.razor.rz.scp.css */
.vp-createindex__name-row[b-36h9gub0xb] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
}

.vp-createindex__name-row > :first-child[b-36h9gub0xb] {
    flex: 1;
}

.vp-createindex__insert-btn[b-36h9gub0xb] {
    width: 34px;
    height: 34px;
    border: 1px solid var(--color-gray-02, #b9c0be);
    border-radius: 6px;
    background: var(--color-white, #fff);
    cursor: pointer;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.vp-createindex__insert-btn:hover[b-36h9gub0xb] {
    background: var(--color-gray-04, #f7f7f7);
}

.vp-createindex__picker-anchor[b-36h9gub0xb] {
    position: relative;
    z-index: 10;
}

.vp-createindex__sections[b-36h9gub0xb] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 12px;
}

.vp-createindex__section[b-36h9gub0xb] {
    border: 1px solid var(--color-gray-02, #b9c0be);
    border-radius: 6px;
    padding: 12px;
    background: var(--color-gray-04, #f7f7f7);
}

.vp-createindex__section-header[b-36h9gub0xb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.vp-createindex__section-label[b-36h9gub0xb] {
    font-weight: 600;
    font-size: 13px;
    color: var(--color-midnight, #223029);
}

.vp-createindex__remove[b-36h9gub0xb] {
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 14px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vp-createindex__remove:hover[b-36h9gub0xb] {
    background: var(--color-gray-03, #e0e3e2);
}

.vp-createindex__label[b-36h9gub0xb] {
    font-size: 12px;
    font-weight: 500;
    color: var(--color-midnight, #223029);
    margin-bottom: 4px;
    display: block;
}

.vp-createindex__files[b-36h9gub0xb] {
    border: 1px solid var(--color-gray-02, #b9c0be);
    border-radius: 6px;
    background: var(--color-white, #fff);
    padding: 8px;
    max-height: 200px;
    overflow-y: auto;
}

.vp-createindex__files-header[b-36h9gub0xb] {
    padding-bottom: 6px;
    border-bottom: 1px solid var(--color-gray-03, #e0e3e2);
    margin-bottom: 6px;
}

.vp-createindex__file-row[b-36h9gub0xb] {
    padding: 2px 0;
}

.vp-createindex__files-empty[b-36h9gub0xb] {
    color: var(--color-gray-01, #909893);
    font-size: 12px;
    font-style: italic;
    padding: 4px 0;
}

.vp-createindex__files-truncated[b-36h9gub0xb] {
    background: var(--color-pale-yellow-50, #FFFDD8);
    border: 1px solid var(--color-pale-yellow, #FFFCB1);
    color: var(--color-midnight, #223029);
    font-size: 12px;
    border-radius: 4px;
    padding: 6px 8px;
    margin-bottom: 6px;
}

.vp-createindex__helper-note[b-36h9gub0xb] {
    color: var(--color-gray-01, #909893);
    font-size: 12px;
    margin-top: 6px;
}
/* _content/Verapath.Components/Components/Diagram/NodePopups/DatabaseNodePopup.razor.rz.scp.css */
.vp-db-info[b-e3wbj38rs2] {
    padding: 10px 12px;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-md, 6px);
    background: var(--vp-surface-disabled, #f7f7f7);
}

.vp-db-info__description[b-e3wbj38rs2] {
    font-size: 12px;
    color: var(--vp-content-text, #223029);
    margin-bottom: 6px;
}

.vp-db-info__schema[b-e3wbj38rs2] {
    margin: 0;
    padding: 8px;
    background: var(--vp-code-bg, #e0e3e2);
    border-radius: var(--border-radius-sm, 4px);
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: 11px;
    color: var(--vp-content-text, #223029);
    white-space: pre-wrap;
    max-height: 160px;
    overflow-y: auto;
}
/* _content/Verapath.Components/Components/Diagram/NodePopups/EmailAddressEditor.razor.rz.scp.css */
/* ── outer wrapper ───────────────────────────────────────────────────────── */

.vp-email-editor[b-qjyosunxmr] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    position: relative;
}

/* ── chip box (replaces textarea) ────────────────────────────────────────── */

.vp-email-editor__chipbox[b-qjyosunxmr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    min-height: 38px;
    padding: 4px 8px;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-md, 6px);
    background: var(--vp-surface-input, #ffffff);
    cursor: text;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.vp-email-editor__chipbox--focused[b-qjyosunxmr] {
    border-color: var(--color-green, #0ea665);
    box-shadow: 0 0 0 3px rgba(14, 166, 101, 0.12);
    outline: none;
}

/* ── individual chips ────────────────────────────────────────────────────── */

.vp-email-editor__chip[b-qjyosunxmr] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    max-width: 240px;
    padding: 2px 6px;
    border-radius: 999px;
    font-size: 11px;
    line-height: 1.4;
    white-space: nowrap;
    user-select: none;
}

/* plain email address chip */
.vp-email-editor__chip--email[b-qjyosunxmr] {
    background: var(--vp-surface-disabled, #f0f2f1);
    border: 1px solid var(--vp-border-default, #b9c0be);
    color: var(--vp-content-text, #223029);
}

/* {{ variable }} chip */
.vp-email-editor__chip--variable[b-qjyosunxmr] {
    background: rgba(14, 166, 101, 0.10);
    border: 1px solid rgba(14, 166, 101, 0.35);
    color: var(--color-green, #0ea665);
    font-family: var(--font-mono, ui-monospace, monospace);
}

.vp-email-editor__chip-label[b-qjyosunxmr] {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

.vp-email-editor__chip-remove[b-qjyosunxmr] {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    opacity: 0.55;
    cursor: pointer;
    font-size: 13px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.vp-email-editor__chip-remove:hover[b-qjyosunxmr],
.vp-email-editor__chip-remove:focus[b-qjyosunxmr] {
    outline: none;
    opacity: 1;
}

/* ── inline text input inside chip box ───────────────────────────────────── */

.vp-email-editor__chip-input[b-qjyosunxmr] {
    flex: 1 1 80px;
    min-width: 60px;
    border: none;
    outline: none;
    background: transparent;
    font-size: 12px;
    color: var(--vp-content-text, #223029);
    padding: 2px 0;
    line-height: 1.4;
}

.vp-email-editor__chip-input[b-qjyosunxmr]::placeholder {
    color: var(--vp-placeholder-color, #909893);
}

/* ── action bar ──────────────────────────────────────────────────────────── */

.vp-email-editor__bar[b-qjyosunxmr] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding-top: 2px;
}

.vp-email-editor__action[b-qjyosunxmr] {
    padding: 4px 10px;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: 999px;
    background: var(--vp-surface-input, #ffffff);
    color: var(--vp-content-text, #223029);
    font-size: 11px;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.vp-email-editor__action:hover[b-qjyosunxmr],
.vp-email-editor__action:focus[b-qjyosunxmr] {
    outline: none;
    background: var(--color-bright-green, #a3e96b);
    border-color: var(--color-bright-green, #a3e96b);
    color: var(--color-midnight, #223029);
}

/* ── contact picker dropdown ─────────────────────────────────────────────── */

.vp-email-editor__picker[b-qjyosunxmr] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-md, 6px);
    background: var(--vp-card-bg, #ffffff);
    box-shadow: var(--vp-card-shadow, 0 6px 18px rgba(15, 23, 19, 0.08));
    max-height: 320px;
    overflow: hidden;
}

.vp-email-editor__search-input[b-qjyosunxmr] {
    width: 100%;
    padding: 5px 8px;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-sm, 4px);
    background: var(--vp-surface-input, #ffffff);
    font-size: 12px;
    color: var(--vp-content-text, #223029);
    outline: none;
    box-sizing: border-box;
}

.vp-email-editor__search-input:focus[b-qjyosunxmr] {
    border-color: var(--color-green, #0ea665);
    box-shadow: 0 0 0 3px rgba(14, 166, 101, 0.12);
}

.vp-email-editor__results[b-qjyosunxmr] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    overflow-y: auto;
    max-height: 240px;
}

.vp-email-editor__category[b-qjyosunxmr] {
    padding: 4px 8px;
    font-size: 10px;
    font-weight: var(--font-weight-bold, 700);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--vp-placeholder-color, #909893);
}

.vp-email-editor__row[b-qjyosunxmr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border: none;
    background: transparent;
    color: var(--vp-content-text, #223029);
    font-size: 12px;
    text-align: left;
    cursor: pointer;
    border-radius: var(--border-radius-sm, 4px);
}

.vp-email-editor__row:hover[b-qjyosunxmr],
.vp-email-editor__row:focus[b-qjyosunxmr] {
    outline: none;
    background: var(--vp-surface-hover, #e0e3e2);
}

.vp-email-editor__row-name[b-qjyosunxmr] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: var(--font-weight-medium, 500);
}

.vp-email-editor__row-email[b-qjyosunxmr] {
    font-size: 10px;
    font-family: var(--font-mono, ui-monospace, monospace);
    color: var(--vp-placeholder-color, #909893);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 160px;
}

.vp-email-editor__row-type[b-qjyosunxmr] {
    font-size: 10px;
    color: var(--vp-placeholder-color, #909893);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    flex-shrink: 0;
}

/* ── loading / empty states ──────────────────────────────────────────────── */

.vp-email-editor__loading[b-qjyosunxmr],
.vp-email-editor__empty[b-qjyosunxmr] {
    padding: 12px 8px;
    font-size: 12px;
    color: var(--vp-placeholder-color, #909893);
    text-align: center;
    font-style: italic;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.vp-email-editor__spinner[b-qjyosunxmr] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid var(--vp-border-default, #b9c0be);
    border-top-color: var(--color-bright-green, #a3e96b);
    animation: vp-email-spin-b-qjyosunxmr 0.9s linear infinite;
    flex-shrink: 0;
}

@keyframes vp-email-spin-b-qjyosunxmr {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

/* ── variable picker anchor ──────────────────────────────────────────────── */

/* Zero-height marker sitting directly under the action bar; the absolutely-
   positioned ContextVariablePicker uses this as its containing block so the
   picker floats over the fields below instead of pushing them down. */
.vp-email-editor__context-anchor[b-qjyosunxmr] {
    position: relative;
    z-index: 3;
}
/* _content/Verapath.Components/Components/Diagram/NodePopups/EndNodePopup.razor.rz.scp.css */
.vp-end__row[b-nho8l79vd9] {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 8px;
    align-items: center;
    margin-bottom: 8px;
}

.vp-end__remove[b-nho8l79vd9] {
    width: 36px;
    height: 36px;
    border: 1px solid rgba(249, 87, 77, 0.35);
    border-radius: var(--border-radius-md, 6px);
    background: rgba(249, 87, 77, 0.1);
    color: var(--color-red, #f9574d);
    cursor: pointer;
    font-size: 16px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.vp-end__remove:hover[b-nho8l79vd9],
.vp-end__remove:focus[b-nho8l79vd9] {
    outline: none;
    background: rgba(249, 87, 77, 0.25);
}

.vp-end__variable-dropdown[b-nho8l79vd9] {
    --input-height: 44px;
    --font-size-body: 13px;
    --font-size-label: 11px;
    --vp-field-padding-x: 10px;
}
/* _content/Verapath.Components/Components/Diagram/NodePopups/Evaluator/ValidationRulesBuilder.razor.rz.scp.css */
.vp-eval-builder[b-146z0tvjnp] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

.vp-eval-builder > *[b-146z0tvjnp] {
    min-width: 0;
}

.vp-eval-builder__toolbar[b-146z0tvjnp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.vp-eval-builder__count[b-146z0tvjnp] {
    font-size: 12px;
    color: var(--vp-placeholder-color, #909893);
}

.vp-eval-builder__toolbar-actions[b-146z0tvjnp] {
    display: flex;
    gap: 8px;
}

.vp-eval-builder__error[b-146z0tvjnp] {
    margin: 4px 0;
}

.vp-eval-rule[b-146z0tvjnp] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px;
    border: 1px solid var(--color-gray-02, #b9c0be);
    border-radius: 6px;
    background: var(--color-gray-04, #f7f7f7);
    min-width: 0;
}

.vp-eval-rule > *[b-146z0tvjnp] {
    min-width: 0;
}

.vp-eval-rule__header[b-146z0tvjnp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vp-eval-rule__title[b-146z0tvjnp] {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-midnight, #223029);
}

.vp-eval-rule__delete[b-146z0tvjnp] {
    background: transparent;
    border: none;
    color: var(--color-red, #f9574d);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 4px;
}

.vp-eval-rule__delete:hover[b-146z0tvjnp] {
    background: var(--color-red, #f9574d);
    color: var(--color-white, #ffffff);
}

.vp-eval-rule__grid[b-146z0tvjnp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    min-width: 0;
}

.vp-eval-rule__grid > *[b-146z0tvjnp] {
    min-width: 0;
}

@media (max-width: 600px) {
    .vp-eval-rule__grid[b-146z0tvjnp] {
        grid-template-columns: 1fr;
    }
}
/* _content/Verapath.Components/Components/Diagram/NodePopups/FileNodePopup.razor.rz.scp.css */
.vp-file-node__status[b-ei5v6ayfdw] {
    margin-top: 6px;
    display: flex;
}
/* _content/Verapath.Components/Components/Diagram/NodePopups/ForEachNodePopup.razor.rz.scp.css */
.vp-foreach[b-m84xe646el] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.vp-foreach__card[b-m84xe646el] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-md, 6px);
    background: var(--vp-surface-disabled, #f7f7f7);
}

.vp-foreach__field-header[b-m84xe646el] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-top: 4px;
}

.vp-foreach__field-header:first-child[b-m84xe646el] {
    margin-top: 0;
}

.vp-foreach__label[b-m84xe646el] {
    font-size: var(--font-size-label, 14px);
    font-weight: var(--font-weight-medium, 500);
    color: var(--vp-label-color, #223029);
}

.vp-foreach__note[b-m84xe646el] {
    font-size: 11px;
    color: var(--vp-placeholder-color, #909893);
    font-style: italic;
}

.vp-foreach__error[b-m84xe646el] {
    padding: 8px 10px;
    border: 1px solid rgba(249, 87, 77, 0.35);
    border-radius: var(--border-radius-sm, 4px);
    background: rgba(249, 87, 77, 0.08);
    color: var(--color-red, #f9574d);
    font-size: 12px;
}

.vp-foreach__routing[b-m84xe646el] {
    padding: 10px 12px;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-md, 6px);
    background: var(--vp-surface-disabled, #f7f7f7);
}

.vp-foreach__routing-title[b-m84xe646el] {
    font-size: 12px;
    font-weight: var(--font-weight-bold, 700);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--vp-placeholder-color, #909893);
    margin-bottom: 8px;
}

.vp-foreach__routing-legend[b-m84xe646el] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.vp-foreach__pill[b-m84xe646el] {
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: var(--font-weight-medium, 500);
    border: 1px solid transparent;
}

.vp-foreach__pill--in[b-m84xe646el] {
    background: rgba(188, 169, 241, 0.14);
    color: #7c5dc7;
    border-color: rgba(188, 169, 241, 0.35);
}

.vp-foreach__pill--out[b-m84xe646el] {
    background: rgba(14, 166, 101, 0.15);
    color: var(--color-green, #0ea665);
    border-color: rgba(14, 166, 101, 0.3);
}

.vp-foreach__pill--body[b-m84xe646el] {
    background: var(--vp-code-bg, #e0e3e2);
    color: var(--vp-content-text, #223029);
    border-color: var(--vp-border-default, #b9c0be);
}

.vp-foreach__examples-title[b-m84xe646el] {
    font-size: 12px;
    font-weight: var(--font-weight-bold, 700);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--vp-placeholder-color, #909893);
}

.vp-foreach__path-list[b-m84xe646el] {
    margin: 6px 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 180px;
    overflow-y: auto;
}

.vp-foreach__path-list code[b-m84xe646el] {
    padding: 2px 6px;
    background: var(--vp-code-bg, #e0e3e2);
    border-radius: var(--border-radius-sm, 4px);
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: 11px;
}

.vp-foreach__sample[b-m84xe646el] {
    padding: 8px 10px;
    border-radius: var(--border-radius-sm, 4px);
    background: var(--vp-card-bg, #ffffff);
    border: 1px solid var(--vp-border-default, #b9c0be);
}

.vp-foreach__empty[b-m84xe646el] {
    padding: 10px 12px;
    border: 1px dashed var(--color-red, #f9574d);
    border-radius: var(--border-radius-md, 6px);
    background: rgba(249, 87, 77, 0.06);
    color: var(--vp-content-text, #223029);
}

.vp-foreach__empty strong[b-m84xe646el] {
    display: block;
    margin-bottom: 4px;
    font-size: 12px;
    color: var(--color-red, #f9574d);
}

.vp-foreach__empty p[b-m84xe646el] {
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
}
/* _content/Verapath.Components/Components/Diagram/NodePopups/GraphInputNodePopup.razor.rz.scp.css */
.vp-graph-input[b-eo589n80ae] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.vp-graph-input__helper[b-eo589n80ae] {
    font-size: 12px;
    color: var(--vp-placeholder-color, #909893);
    line-height: 1.6;
}

.vp-graph-input__helper code[b-eo589n80ae] {
    padding: 1px 4px;
    background: var(--vp-code-bg, #e0e3e2);
    border-radius: var(--border-radius-sm, 4px);
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: 11px;
}

.vp-graph-input__error[b-eo589n80ae] {
    padding: 8px 10px;
    border: 1px solid rgba(249, 87, 77, 0.35);
    border-radius: var(--border-radius-sm, 4px);
    background: rgba(249, 87, 77, 0.08);
    color: var(--color-red, #f9574d);
    font-size: 12px;
}

.vp-graph-input__section-title[b-eo589n80ae] {
    font-size: 11px;
    font-weight: var(--font-weight-bold, 700);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--vp-placeholder-color, #909893);
    padding: 6px 0 2px;
    border-bottom: 1px solid var(--vp-divider, #e0e3e2);
}

/* Wrapper around a search textbox + its floating results dropdown. The wrapper holds
   the textbox inline; the results are absolutely positioned so they don't reflow the
   surrounding popup content (Result Variable, etc). */
.vp-graph-input__search-field[b-eo589n80ae] {
    position: relative;
}

/* Search results dropdown — used by both group + user searches */
.vp-graph-input__search-results[b-eo589n80ae] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 20;
    margin-top: 4px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 4px;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-md, 6px);
    background: var(--vp-card-bg, #ffffff);
    box-shadow: 0 10px 24px rgba(15, 23, 19, 0.14);
    max-height: 220px;
    overflow-y: auto;
}

.vp-graph-input__search-row[b-eo589n80ae] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    padding: 6px 8px;
    border: none;
    background: transparent;
    color: var(--vp-content-text, #223029);
    font-size: 12px;
    text-align: left;
    cursor: pointer;
    border-radius: var(--border-radius-sm, 4px);
}

.vp-graph-input__search-row:hover[b-eo589n80ae],
.vp-graph-input__search-row:focus[b-eo589n80ae] {
    outline: none;
    background: var(--vp-surface-hover, #e0e3e2);
}

.vp-graph-input__search-title[b-eo589n80ae] {
    font-weight: var(--font-weight-medium, 500);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vp-graph-input__search-meta[b-eo589n80ae] {
    font-size: 10px;
    font-family: var(--font-mono, ui-monospace, monospace);
    color: var(--vp-placeholder-color, #909893);
    flex-shrink: 0;
}

.vp-graph-input__selected-group[b-eo589n80ae] {
    padding: 8px 10px;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-sm, 4px);
    background: var(--vp-surface-disabled, #f7f7f7);
    color: var(--vp-content-text, #223029);
    font-size: 13px;
}

.vp-graph-input__user-list[b-eo589n80ae] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.vp-graph-input__user-row[b-eo589n80ae] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 6px 8px;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-sm, 4px);
    background: var(--vp-card-bg, #ffffff);
}

.vp-graph-input__user-address[b-eo589n80ae] {
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: 12px;
    color: var(--vp-content-text, #223029);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vp-graph-input__user-remove[b-eo589n80ae] {
    width: 28px;
    height: 28px;
    border: 1px solid rgba(249, 87, 77, 0.35);
    border-radius: var(--border-radius-sm, 4px);
    background: rgba(249, 87, 77, 0.1);
    color: var(--color-red, #f9574d);
    cursor: pointer;
    font-size: 12px;
    padding: 0;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.vp-graph-input__user-remove:hover[b-eo589n80ae],
.vp-graph-input__user-remove:focus[b-eo589n80ae] {
    outline: none;
    background: rgba(249, 87, 77, 0.25);
}
/* _content/Verapath.Components/Components/Diagram/NodePopups/GreenLightStartNodePopup.razor.rz.scp.css */
/* ── GL design tokens (sourced from --vp-* / --color-* globals) ───────────── */
.vm-content[b-drhxumvddc] {
    --gl-bg:           var(--vp-content-bg, #f7f7f7);
    --gl-surface:      var(--vp-surface-input, #ffffff);
    --gl-border:       var(--vp-border-default, #b9c0be);
    --gl-border-light: var(--vp-divider, #e0e3e2);
    --gl-text:         var(--vp-content-text, #223029);
    --gl-text-2:       color-mix(in srgb, var(--vp-content-text, #223029) 55%, var(--vp-placeholder-color, #909893));
    --gl-text-muted:   var(--vp-placeholder-color, #909893);
    --gl-green-500:    var(--color-green, #0ea665);
    --gl-green-600:    color-mix(in srgb, var(--color-green, #0ea665) 75%, var(--color-midnight, #223029));
    --gl-green-light:  var(--color-mint, #daf4dd);
    --gl-red-500:      var(--color-red, #f9574d);
    --gl-red-light:    color-mix(in srgb, var(--color-red, #f9574d) 10%, var(--color-white, #ffffff));
    --gl-focus:        var(--color-bright-green, #a3e96b);
    --gl-r:            var(--border-radius-md, 6px);
    --gl-r-sm:         var(--border-radius-sm, 4px);
    --gl-shadow-sm:    0 1px 3px rgba(0,0,0,.08);

    container-type: inline-size;
    container-name: vmcontent;

    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 4px 0 0;
    font-size: 13px;
    color: var(--gl-text);
    background: var(--gl-bg);
    min-height: 0;
}

/* ── Meta card ────────────────────────────────────────────────── */
.vm-meta[b-drhxumvddc] {
    background: var(--gl-surface);
    border: 1px solid var(--gl-border);
    border-radius: var(--gl-r);
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: var(--gl-shadow-sm);
}

.vm-meta-title[b-drhxumvddc] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--gl-text);
    line-height: 1.2;
}

.vm-meta-grid[b-drhxumvddc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.vm-active-row[b-drhxumvddc] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 2px;
    font-size: 13px;
    color: var(--gl-text-2);
}

/* ── Shared field / label / input ─────────────────────────────── */
.vm-field[b-drhxumvddc] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.vm-field-full[b-drhxumvddc] {
    grid-column: 1 / -1;
}

.vm-lbl[b-drhxumvddc] {
    font-size: 11px;
    font-weight: 600;
    color: var(--gl-text-2);
    letter-spacing: .03em;
    text-transform: uppercase;
}

.vm-req[b-drhxumvddc] {
    color: var(--gl-red-500);
}

.vm-helper[b-drhxumvddc] {
    font-size: 11px;
    color: var(--gl-text-muted);
    margin-top: 2px;
}

.vm-input[b-drhxumvddc],
.vm-textarea[b-drhxumvddc],
.vm-content input[type="text"][b-drhxumvddc],
.vm-content input[type="search"][b-drhxumvddc],
.vm-content select[b-drhxumvddc],
.vm-content textarea[b-drhxumvddc] {
    width: 100%;
    padding: 5px 8px;
    font-size: 13px;
    color: var(--gl-text);
    background: var(--gl-surface);
    border: 1px solid var(--gl-border);
    border-radius: var(--gl-r-sm);
    outline: none;
    box-sizing: border-box;
    transition: border-color 120ms, box-shadow 120ms;
    font-family: inherit;
}

.vm-input:focus[b-drhxumvddc],
.vm-textarea:focus[b-drhxumvddc],
.vm-content input:focus[b-drhxumvddc],
.vm-content select:focus[b-drhxumvddc],
.vm-content textarea:focus[b-drhxumvddc] {
    border-color: var(--gl-focus);
    box-shadow: 0 0 0 2px rgba(163,233,107,.25);
}

.vm-textarea[b-drhxumvddc],
.vm-content textarea[b-drhxumvddc] {
    resize: vertical;
}

/* ── Eyebrow ──────────────────────────────────────────────────── */
.vm-eyebrow[b-drhxumvddc] {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--gl-green-500);
}

/* ── Toggle switch ────────────────────────────────────────────── */
.vm-toggle[b-drhxumvddc] {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 16px;
    border-radius: 8px;
    background: var(--gl-border);
    cursor: pointer;
    flex-shrink: 0;
    transition: background 150ms;
    vertical-align: middle;
    user-select: none;
}

.vm-toggle[b-drhxumvddc]::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--gl-surface);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    transition: transform 150ms;
}

.vm-toggle.on[b-drhxumvddc] {
    background: var(--gl-green-500);
}

.vm-toggle.on[b-drhxumvddc]::after {
    transform: translateX(12px);
}

/* ── Toolbar ──────────────────────────────────────────────────── */
.vm-toolbar[b-drhxumvddc] {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    flex-wrap: wrap;
    padding: 0;
}

.vm-toolbar-titles[b-drhxumvddc] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 140px;
}

.vm-toolbar-h3[b-drhxumvddc] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--gl-text);
    line-height: 1.2;
}

.vm-heading-row[b-drhxumvddc] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.vm-count-badge[b-drhxumvddc] {
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    color: var(--gl-text-2);
    background: var(--gl-surface);
    border: 1px solid var(--gl-border);
    border-radius: 20px;
    padding: 2px 8px;
    white-space: nowrap;
    line-height: 1.4;
}

.vm-search[b-drhxumvddc] {
    width: 200px;
    padding: 5px 8px 5px 28px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23909893' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 8px center;
}

/* ── Buttons ──────────────────────────────────────────────────── */
.vm-btn[b-drhxumvddc] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 500;
    border-radius: var(--gl-r-sm);
    border: 1px solid transparent;
    cursor: pointer;
    white-space: nowrap;
    font-family: inherit;
    transition: background 120ms, border-color 120ms;
}

.vm-btn-sm[b-drhxumvddc] {
    padding: 4px 10px;
    font-size: 12px;
}

.vm-btn-green[b-drhxumvddc] {
    background: var(--gl-green-500);
    color: var(--gl-surface);
    border-color: var(--gl-green-500);
}

.vm-btn-green:hover[b-drhxumvddc] {
    background: var(--gl-green-600);
    border-color: var(--gl-green-600);
}

.vm-btn-danger[b-drhxumvddc] {
    background: var(--gl-red-light);
    color: var(--gl-red-500);
    border-color: color-mix(in srgb, var(--color-red, #f9574d) 25%, var(--color-white, #ffffff));
}

.vm-btn-danger:hover[b-drhxumvddc] {
    background: color-mix(in srgb, var(--color-red, #f9574d) 18%, var(--color-white, #ffffff));
}

.vm-add-dashed[b-drhxumvddc] {
    background: transparent;
    color: var(--gl-text-2);
    border: 1px dashed var(--gl-border);
    width: 100%;
    justify-content: center;
    padding: 7px 12px;
}

.vm-add-dashed:hover[b-drhxumvddc] {
    background: var(--gl-surface);
    border-color: var(--gl-text-muted);
}

.vm-icon-btn[b-drhxumvddc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--gl-r-sm);
    cursor: pointer;
    color: var(--gl-text-muted);
    transition: background 100ms, color 100ms;
    padding: 0;
}

.vm-icon-btn:hover[b-drhxumvddc] {
    background: var(--gl-bg);
    color: var(--gl-text-2);
    border-color: var(--gl-border-light);
}

.vm-icon-btn-danger:hover[b-drhxumvddc] {
    background: var(--gl-red-light);
    color: var(--gl-red-500);
    border-color: color-mix(in srgb, var(--color-red, #f9574d) 25%, var(--color-white, #ffffff));
}

/* ── Variant A: table (desktop, > 540px) ─────────────────────── */
.vm-table-shell[b-drhxumvddc] {
    background: var(--gl-surface);
    border: 1px solid var(--gl-border);
    border-radius: var(--gl-r);
    overflow: hidden;
    box-shadow: var(--gl-shadow-sm);
}

.vm-vtable[b-drhxumvddc] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.vm-vtable thead[b-drhxumvddc] {
    background: var(--gl-bg);
    border-bottom: 1px solid var(--gl-border);
}

.vm-vtable th[b-drhxumvddc] {
    padding: 7px 10px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--gl-text-2);
    text-align: left;
    white-space: nowrap;
}

.vm-th-drag[b-drhxumvddc] { width: 28px; }
.vm-th-type[b-drhxumvddc] { width: 120px; }
.vm-th-flags[b-drhxumvddc] { width: 100px; }
.vm-th-actions[b-drhxumvddc] { width: 60px; }

.vm-vtable tbody tr[b-drhxumvddc] {
    border-bottom: 1px solid var(--gl-border-light);
    transition: background 80ms;
}

.vm-vtable tbody tr:last-child[b-drhxumvddc] {
    border-bottom: none;
}

.vm-vtable tbody tr:hover[b-drhxumvddc] {
    background: var(--gl-bg);
}

.vm-vtable td[b-drhxumvddc] {
    padding: 6px 8px;
    vertical-align: middle;
}

.vm-vtable td.vm-drag-cell[b-drhxumvddc] {
    width: 28px;
    text-align: center;
    padding: 0 4px;
}

.vm-drag[b-drhxumvddc] {
    font-size: 12px;
    color: var(--gl-text-muted);
    cursor: grab;
    user-select: none;
    letter-spacing: -1px;
    display: inline-block;
    line-height: 1;
}

.vm-drag:active[b-drhxumvddc] {
    cursor: grabbing;
}

.vm-name-input[b-drhxumvddc],
.vm-default-input[b-drhxumvddc] {
    width: 100%;
    padding: 4px 7px;
    font-size: 13px;
    border: 1px solid transparent;
    border-radius: var(--gl-r-sm);
    background: transparent;
    color: var(--gl-text);
    outline: none;
    box-sizing: border-box;
    transition: border-color 120ms, background 120ms;
    font-family: inherit;
}

.vm-name-input:hover[b-drhxumvddc],
.vm-default-input:hover[b-drhxumvddc] {
    background: var(--gl-bg);
    border-color: var(--gl-border);
}

.vm-name-input:focus[b-drhxumvddc],
.vm-default-input:focus[b-drhxumvddc] {
    background: var(--gl-surface);
    border-color: var(--gl-focus);
    box-shadow: 0 0 0 2px rgba(163,233,107,.25);
}

.vm-default-input[b-drhxumvddc] {
    color: var(--gl-text-2);
}

.vm-default-input[b-drhxumvddc]::placeholder {
    color: var(--gl-text-muted);
}

.vm-type-cell[b-drhxumvddc] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.vm-type-swatch[b-drhxumvddc] {
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}

.vm-type-select[b-drhxumvddc] {
    flex: 1;
    padding: 4px 6px;
    font-size: 12px;
    border: 1px solid transparent;
    border-radius: var(--gl-r-sm);
    background: transparent;
    color: var(--gl-text);
    cursor: pointer;
    outline: none;
    font-family: inherit;
}

.vm-type-select:hover[b-drhxumvddc] {
    background: var(--gl-bg);
    border-color: var(--gl-border);
}

.vm-type-select:focus[b-drhxumvddc] {
    border-color: var(--gl-focus);
    background: var(--gl-surface);
    box-shadow: 0 0 0 2px rgba(163,233,107,.25);
}

.vm-flags-cell[b-drhxumvddc] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.vm-flag-toggle[b-drhxumvddc] {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    user-select: none;
}

.vm-flag-label[b-drhxumvddc] {
    font-size: 11px;
    color: var(--gl-text-2);
    white-space: nowrap;
}

.vm-vtable td.vm-row-actions-cell[b-drhxumvddc] {
    padding: 4px 8px;
}

.vm-row-actions[b-drhxumvddc] {
    display: flex;
    align-items: center;
    gap: 2px;
    justify-content: flex-end;
}

.vm-add-row[b-drhxumvddc] {
    padding: 8px;
    border-top: 1px solid var(--gl-border-light);
}

/* ── Variant C: expandable rows (mobile, ≤ 540px) ────────────── */
.vm-vlist[b-drhxumvddc] {
    display: none;
    flex-direction: column;
    gap: 6px;
}

.vm-vrow[b-drhxumvddc] {
    background: var(--gl-surface);
    border: 1px solid var(--gl-border);
    border-radius: var(--gl-r);
    overflow: hidden;
    box-shadow: var(--gl-shadow-sm);
    transition: box-shadow 120ms;
}

.vm-vrow.is-open[b-drhxumvddc] {
    box-shadow: 0 2px 6px rgba(0,0,0,.1);
}

.vm-vrow-head[b-drhxumvddc] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    cursor: pointer;
    user-select: none;
    min-height: 52px;
}

.vm-vrow-head:hover[b-drhxumvddc] {
    background: var(--gl-bg);
}

.vm-vrow-summary[b-drhxumvddc] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.vm-vrow-name-line[b-drhxumvddc] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.vm-vrow-name[b-drhxumvddc] {
    font-weight: 600;
    font-size: 13px;
    color: var(--gl-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vm-vrow-pills[b-drhxumvddc] {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

.vm-pill[b-drhxumvddc] {
    display: inline-block;
    padding: 1px 5px;
    font-size: 10px;
    font-weight: 600;
    border-radius: 3px;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.vm-pill-req[b-drhxumvddc] {
    background: var(--color-pale-yellow, #FFFCB1);
    color: var(--gl-text);
}

.vm-pill-sec[b-drhxumvddc] {
    background: var(--color-light-purple, #e5daf4);
    color: color-mix(in srgb, var(--color-purple, #bca9f1) 60%, var(--color-midnight, #223029));
}

.vm-vrow-meta-line[b-drhxumvddc] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.vm-type-pill[b-drhxumvddc] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    color: var(--gl-text-2);
    background: var(--gl-bg);
    border: 1px solid var(--gl-border-light);
    border-radius: 3px;
    padding: 1px 6px;
}

.vm-swatch[b-drhxumvddc] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

.vm-vrow-default[b-drhxumvddc] {
    font-size: 11px;
    color: var(--gl-text-2);
}

.vm-vrow-default.empty[b-drhxumvddc] {
    color: var(--gl-text-muted);
    font-style: italic;
}

.vm-vrow-actions[b-drhxumvddc] {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
}

.vm-chev-btn[b-drhxumvddc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--gl-r-sm);
    cursor: pointer;
    color: var(--gl-text-muted);
    transition: background 100ms;
    padding: 0;
}

.vm-chev-btn:hover[b-drhxumvddc] {
    background: var(--gl-bg);
    border-color: var(--gl-border-light);
}

.vm-chev[b-drhxumvddc] {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid currentColor;
    transition: transform 200ms;
}

.vm-vrow.is-open .vm-chev[b-drhxumvddc] {
    transform: rotate(180deg);
}

.vm-vrow-body[b-drhxumvddc] {
    border-top: 1px solid var(--gl-border-light);
    padding: 14px 12px;
    background: var(--gl-bg);
}

.vm-vrow-grid[b-drhxumvddc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.vm-flags-row[b-drhxumvddc] {
    display: flex;
    align-items: flex-start;
    gap: 0;
    padding: 2px 0;
}

.vm-flag[b-drhxumvddc] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    flex: 1;
}

.vm-flag .vm-flag-label[b-drhxumvddc] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 12px;
    font-weight: 600;
    color: var(--gl-text);
}

.vm-flag-desc[b-drhxumvddc] {
    font-size: 11px;
    font-weight: 400;
    color: var(--gl-text-muted);
}

.vm-sep[b-drhxumvddc] {
    width: 1px;
    align-self: stretch;
    background: var(--gl-border-light);
    margin: 0 12px;
}

.vm-ed-foot[b-drhxumvddc] {
    display: flex;
    justify-content: flex-end;
    padding-top: 4px;
}

.vm-add-card[b-drhxumvddc] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    padding: 12px;
    background: transparent;
    border: 1.5px dashed var(--gl-border);
    border-radius: var(--gl-r);
    cursor: pointer;
    color: var(--gl-text-2);
    font-size: 13px;
    font-weight: 500;
    font-family: inherit;
    transition: background 100ms, border-color 100ms;
}

.vm-add-card:hover[b-drhxumvddc] {
    background: var(--gl-surface);
    border-color: var(--gl-text-muted);
}

/* ── Footer hint ──────────────────────────────────────────────── */
.vm-foot-hint[b-drhxumvddc] {
    margin: 0;
    font-size: 11px;
    color: var(--gl-text-muted);
    text-align: center;
}

/* ── Container query: ≤540px → switch to Variant C ───────────── */
@container vmcontent (max-width: 540px) {
    .vm-meta-grid[b-drhxumvddc] {
        grid-template-columns: 1fr;
    }

    .vm-toolbar[b-drhxumvddc] {
        flex-direction: column;
        align-items: stretch;
    }

    .vm-search[b-drhxumvddc] {
        width: 100%;
    }

    .vm-toolbar-add-btn[b-drhxumvddc] {
        display: none;
    }

    .vm-table-shell[b-drhxumvddc] {
        display: none;
    }

    .vm-vlist[b-drhxumvddc] {
        display: flex;
    }

    /* Hide drag handle and duplicate button in collapsed mobile cards */
    .vm-vlist .vm-vrow-head .vm-drag[b-drhxumvddc] {
        display: none;
    }

    .vm-vlist .vm-vrow-head .vm-icon-btn[b-drhxumvddc] {
        display: none;
    }
}
/* _content/Verapath.Components/Components/Diagram/NodePopups/IfThenPopup.razor.rz.scp.css */
.vp-ifthen__routing[b-uaf20lxvgg] {
    padding: 10px 12px;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-md, 6px);
    background: var(--vp-surface-disabled, #f7f7f7);
}

.vp-ifthen__routing-title[b-uaf20lxvgg] {
    font-size: 12px;
    font-weight: var(--font-weight-bold, 700);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--vp-placeholder-color, #909893);
    margin-bottom: 6px;
}

.vp-ifthen__routing-legend[b-uaf20lxvgg] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.vp-ifthen__pill[b-uaf20lxvgg] {
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: var(--font-weight-medium, 500);
    border: 1px solid transparent;
}

.vp-ifthen__pill--true[b-uaf20lxvgg] {
    background: rgba(14, 166, 101, 0.15);
    color: var(--color-green, #0ea665);
    border-color: rgba(14, 166, 101, 0.3);
}

.vp-ifthen__pill--false[b-uaf20lxvgg] {
    background: rgba(249, 87, 77, 0.13);
    color: var(--color-red, #f9574d);
    border-color: rgba(249, 87, 77, 0.3);
}
/* _content/Verapath.Components/Components/Diagram/NodePopups/JsonSchemaEditor.razor.rz.scp.css */
.vp-json-schema[b-8yw7ceato0] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.vp-json-schema__tabs[b-8yw7ceato0] {
    display: inline-flex;
    gap: 2px;
    padding: 2px;
    background: var(--vp-surface-disabled, #f7f7f7);
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-md, 6px);
    align-self: flex-start;
}

.vp-json-schema__tab[b-8yw7ceato0] {
    padding: 6px 14px;
    border: none;
    border-radius: var(--border-radius-sm, 4px);
    background: transparent;
    color: var(--vp-content-text, #223029);
    font-size: 12px;
    font-weight: var(--font-weight-medium, 500);
    cursor: pointer;
}

.vp-json-schema__tab:hover[b-8yw7ceato0],
.vp-json-schema__tab:focus[b-8yw7ceato0] {
    outline: none;
    background: var(--vp-surface-hover, #e0e3e2);
}

.vp-json-schema__tab--active[b-8yw7ceato0] {
    background: var(--vp-card-bg, #ffffff);
    border: 1px solid var(--vp-border-default, #b9c0be);
    font-weight: var(--font-weight-bold, 700);
}

.vp-json-schema__empty[b-8yw7ceato0] {
    padding: 14px;
    border: 1px dashed var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-sm, 4px);
    color: var(--vp-placeholder-color, #909893);
    font-size: 12px;
    text-align: center;
    font-style: italic;
}

.vp-json-schema__field-list[b-8yw7ceato0] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.vp-json-schema__field-row[b-8yw7ceato0] {
    display: grid;
    grid-template-columns: minmax(120px, 1.2fr) 120px minmax(160px, 2fr) auto;
    gap: 6px;
    align-items: center;
}

.vp-json-schema__remove[b-8yw7ceato0] {
    width: 36px;
    height: 36px;
    border: 1px solid rgba(249, 87, 77, 0.35);
    border-radius: var(--border-radius-md, 6px);
    background: rgba(249, 87, 77, 0.1);
    color: var(--color-red, #f9574d);
    cursor: pointer;
    font-size: 14px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.vp-json-schema__remove:hover[b-8yw7ceato0],
.vp-json-schema__remove:focus[b-8yw7ceato0] {
    outline: none;
    background: rgba(249, 87, 77, 0.25);
}

.vp-json-schema__error[b-8yw7ceato0] {
    padding: 8px 10px;
    border: 1px solid rgba(249, 87, 77, 0.35);
    border-radius: var(--border-radius-sm, 4px);
    background: rgba(249, 87, 77, 0.08);
    color: var(--color-red, #f9574d);
    font-size: 12px;
}

@media (max-width: 700px) {
    .vp-json-schema__field-row[b-8yw7ceato0] {
        grid-template-columns: 1fr;
    }

    .vp-json-schema__remove[b-8yw7ceato0] {
        justify-self: end;
    }
}
/* _content/Verapath.Components/Components/Diagram/NodePopups/KnowledgeBaseFileNodePopup.razor.rz.scp.css */
.vp-kb__suggest[b-zizbntt4en] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px 10px;
    border: 1px dashed var(--color-bright-green, #a3e96b);
    border-radius: var(--border-radius-md, 6px);
    background: rgba(163, 233, 107, 0.08);
    margin-bottom: 6px;
}
/* _content/Verapath.Components/Components/Diagram/NodePopups/SetVariablePopup.razor.rz.scp.css */
.vp-setvar[b-7mrmrzo94m] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.vp-setvar__list[b-7mrmrzo94m] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.vp-setvar__row[b-7mrmrzo94m] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(180px, 1fr) auto;
    gap: 12px;
    align-items: flex-start;
    padding: 12px;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-md, 6px);
    background: var(--vp-surface-disabled, #f7f7f7);
}

.vp-setvar__label[b-7mrmrzo94m] {
    display: block;
    margin-bottom: 4px;
    font-size: 11px;
    font-weight: var(--font-weight-medium, 500);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--vp-placeholder-color, #909893);
}

.vp-setvar__expr-block[b-7mrmrzo94m],
.vp-setvar__target-block[b-7mrmrzo94m] {
    min-width: 0;
    position: relative;
}

.vp-setvar__expr-row[b-7mrmrzo94m] {
    display: flex;
    gap: 6px;
    align-items: flex-start;
}

.vp-setvar__expr-row > :first-child[b-7mrmrzo94m] {
    flex: 1 1 auto;
    min-width: 0;
}

.vp-setvar__insert-btn[b-7mrmrzo94m] {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-md, 6px);
    background: var(--vp-surface-input, #ffffff);
    color: var(--color-bright-green, #a3e96b);
    font-size: 16px;
    font-weight: var(--font-weight-bold, 700);
    cursor: pointer;
    padding: 0;
}

.vp-setvar__insert-btn:hover[b-7mrmrzo94m],
.vp-setvar__insert-btn:focus[b-7mrmrzo94m] {
    outline: none;
    background: var(--color-bright-green, #a3e96b);
    color: var(--color-midnight, #223029);
    border-color: var(--color-bright-green, #a3e96b);
}

.vp-setvar__picker-anchor[b-7mrmrzo94m] {
    position: relative;
    z-index: 3;
}

.vp-setvar__picker-anchor[b-7mrmrzo94m]  .wf-var-picker--below {
    position: static;
    margin-top: 4px;
}

.vp-setvar__suggestions[b-7mrmrzo94m] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 4px;
    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 6px 18px rgba(15, 23, 19, 0.12));
    z-index: 10;
    display: flex;
    flex-direction: column;
    padding: 4px;
}

.vp-setvar__suggestion[b-7mrmrzo94m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    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);
}

.vp-setvar__suggestion:hover[b-7mrmrzo94m],
.vp-setvar__suggestion:focus[b-7mrmrzo94m] {
    outline: none;
    background: var(--vp-surface-hover, #e0e3e2);
}

.vp-setvar__suggestion-name[b-7mrmrzo94m] {
    font-family: var(--font-mono, ui-monospace, monospace);
}

.vp-setvar__suggestion-type[b-7mrmrzo94m] {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--vp-placeholder-color, #909893);
}

.vp-setvar__remove[b-7mrmrzo94m] {
    width: 36px;
    height: 36px;
    align-self: end;
    border: 1px solid rgba(249, 87, 77, 0.35);
    border-radius: var(--border-radius-md, 6px);
    background: rgba(249, 87, 77, 0.1);
    color: var(--color-red, #f9574d);
    cursor: pointer;
    font-size: 14px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.vp-setvar__remove:hover[b-7mrmrzo94m],
.vp-setvar__remove:focus[b-7mrmrzo94m] {
    outline: none;
    background: rgba(249, 87, 77, 0.25);
}

.vp-setvar__warning[b-7mrmrzo94m] {
    padding: 10px 12px;
    border: 1px solid rgba(212, 138, 58, 0.4);
    border-radius: var(--border-radius-md, 6px);
    background: rgba(255, 252, 177, 0.3);
    color: #a8651f;
    font-size: 12px;
    line-height: 1.5;
}

.vp-setvar__warning p[b-7mrmrzo94m] {
    margin: 0 0 6px;
}

.vp-setvar__warning p:last-child[b-7mrmrzo94m] {
    margin-bottom: 0;
}

@media (max-width: 700px) {
    .vp-setvar__row[b-7mrmrzo94m] {
        grid-template-columns: 1fr;
    }

    .vp-setvar__remove[b-7mrmrzo94m] {
        justify-self: end;
    }
}
/* _content/Verapath.Components/Components/Diagram/NodePopups/StartNodePopup.razor.rz.scp.css */
.vp-start[b-hb6087jsg5] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.vp-start__section[b-hb6087jsg5] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-md, 6px);
    background: var(--vp-surface-disabled, #f7f7f7);
}

.vp-start__section-title[b-hb6087jsg5] {
    margin: 0;
    font-size: 11px;
    font-weight: var(--font-weight-bold, 700);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--vp-placeholder-color, #909893);
}

.vp-start__empty[b-hb6087jsg5] {
    margin: 0;
    font-size: 12px;
    color: var(--vp-placeholder-color, #909893);
    font-style: italic;
}

.vp-start__var-row[b-hb6087jsg5] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    background: var(--vp-card-bg, #ffffff);
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-sm, 4px);
    font-size: 13px;
}

.vp-start__var-row--input[b-hb6087jsg5] {
    border-color: rgba(163, 233, 107, 0.45);
    background: rgba(163, 233, 107, 0.06);
}

.vp-start__var-row--schema[b-hb6087jsg5] {
    border-color: rgba(14, 166, 101, 0.35);
}

.vp-start__var-row--state[b-hb6087jsg5] {
    border-color: rgba(188, 169, 241, 0.45);
}

.vp-start__dot[b-hb6087jsg5] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.vp-start__dot--input[b-hb6087jsg5]  { background: var(--color-bright-green, #a3e96b); }
.vp-start__dot--schema[b-hb6087jsg5] { background: var(--color-green, #0ea665); }
.vp-start__dot--state[b-hb6087jsg5]  { background: var(--color-purple, #bca9f1); }

.vp-start__var-name[b-hb6087jsg5] {
    font-family: var(--font-mono, ui-monospace, monospace);
    font-weight: var(--font-weight-medium, 500);
    color: var(--vp-content-text, #223029);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 1;
}

.vp-start__type-badge[b-hb6087jsg5] {
    padding: 2px 6px;
    border-radius: 999px;
    background: var(--vp-code-bg, #e0e3e2);
    color: var(--vp-content-text, #223029);
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: 10px;
    text-transform: lowercase;
}

.vp-start__required[b-hb6087jsg5] {
    padding: 2px 6px;
    border-radius: 999px;
    background: rgba(249, 87, 77, 0.13);
    color: var(--color-red, #f9574d);
    font-size: 10px;
    font-weight: var(--font-weight-bold, 700);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.vp-start__readonly[b-hb6087jsg5] {
    color: var(--vp-placeholder-color, #909893);
    font-size: 11px;
    font-style: italic;
    margin-left: auto;
}

.vp-start__default[b-hb6087jsg5] {
    color: var(--vp-placeholder-color, #909893);
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: 11px;
    margin-left: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 180px;
}

.vp-start__icon-btn[b-hb6087jsg5] {
    width: 24px;
    height: 24px;
    border: none;
    border-radius: var(--border-radius-sm, 4px);
    background: transparent;
    color: var(--vp-content-text, #223029);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 13px;
    flex-shrink: 0;
}

.vp-start__icon-btn:hover[b-hb6087jsg5],
.vp-start__icon-btn:focus[b-hb6087jsg5] {
    outline: none;
    background: var(--vp-surface-hover, #e0e3e2);
}

.vp-start__icon-btn--danger[b-hb6087jsg5] {
    color: var(--color-red, #f9574d);
}

.vp-start__icon-btn--danger:hover[b-hb6087jsg5],
.vp-start__icon-btn--danger:focus[b-hb6087jsg5] {
    background: rgba(249, 87, 77, 0.12);
}

.vp-start__edit[b-hb6087jsg5] {
    padding: 12px;
    background: var(--vp-card-bg, #ffffff);
    border: 1px solid var(--color-bright-green, #a3e96b);
    border-radius: var(--border-radius-md, 6px);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.vp-start__edit-row[b-hb6087jsg5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.vp-start__edit-cell[b-hb6087jsg5] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.vp-start__edit-cell--checkbox[b-hb6087jsg5] {
    align-self: end;
    padding-bottom: 6px;
}

.vp-start__edit-label[b-hb6087jsg5] {
    font-size: 11px;
    font-weight: var(--font-weight-medium, 500);
    color: var(--vp-label-color, #223029);
    letter-spacing: 0.04em;
}

.vp-start__edit-actions[b-hb6087jsg5] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    padding-top: 4px;
    border-top: 1px solid var(--vp-divider, #e0e3e2);
}

.vp-start__add-dialog[b-hb6087jsg5] {
    padding: 12px;
    border: 1px solid var(--color-bright-green, #a3e96b);
    border-radius: var(--border-radius-md, 6px);
    background: rgba(163, 233, 107, 0.06);
}
/* _content/Verapath.Components/Components/Diagram/NodePopups/While/WhileRulesBuilder.razor.rz.scp.css */
.vp-while-builder[b-2ba2v580fp] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

.vp-while-builder > *[b-2ba2v580fp] {
    min-width: 0;
}

.vp-while-builder__toolbar[b-2ba2v580fp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.vp-while-builder__count[b-2ba2v580fp] {
    font-size: 12px;
    color: var(--vp-placeholder-color, #909893);
}

.vp-while-builder__toolbar-actions[b-2ba2v580fp] {
    display: flex;
    gap: 8px;
}

.vp-while-builder__error[b-2ba2v580fp] {
    margin: 4px 0;
}

.vp-while-rule[b-2ba2v580fp] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px;
    border: 1px solid var(--color-gray-02, #b9c0be);
    border-radius: 6px;
    background: var(--color-gray-04, #f7f7f7);
    min-width: 0;
}

.vp-while-rule > *[b-2ba2v580fp] {
    min-width: 0;
}

.vp-while-rule__header[b-2ba2v580fp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vp-while-rule__title[b-2ba2v580fp] {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-midnight, #223029);
}

.vp-while-rule__delete[b-2ba2v580fp] {
    background: transparent;
    border: none;
    color: var(--color-red, #f9574d);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 4px;
}

.vp-while-rule__delete:hover[b-2ba2v580fp] {
    background: var(--color-red, #f9574d);
    color: var(--color-white, #ffffff);
}

.vp-while-rule__grid[b-2ba2v580fp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    min-width: 0;
}

.vp-while-rule__grid > *[b-2ba2v580fp] {
    min-width: 0;
}

@media (max-width: 600px) {
    .vp-while-rule__grid[b-2ba2v580fp] {
        grid-template-columns: 1fr;
    }
}
/* _content/Verapath.Components/Components/Diagram/NodePopups/_Popup.razor.rz.scp.css */
/* Shared popup styles consumed by every workflow node popup. Collocated with an empty
   stub razor so the CSS isolates into its own scope. Import via the parent caller. */

.vp-popup__body[b-tvyr14m1e2] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 4px 0;
}

.vp-popup__field[b-tvyr14m1e2] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.vp-popup__field-label[b-tvyr14m1e2] {
    font-size: var(--font-size-label, 14px);
    font-weight: var(--font-weight-medium, 500);
    color: var(--vp-label-color, #223029);
}

.vp-popup__field-required[b-tvyr14m1e2] {
    color: var(--color-red, #f9574d);
    margin-left: 2px;
}

.vp-popup__hint[b-tvyr14m1e2] {
    font-size: 12px;
    color: var(--vp-placeholder-color, #909893);
}

.vp-popup__error[b-tvyr14m1e2] {
    font-size: 12px;
    color: var(--color-red, #f9574d);
}
/* _content/Verapath.Components/Components/Diagram/NodePopups/_PopupStub.razor.rz.scp.css */
.vp-popup-stub[b-zaj0b0k51o] {
    padding: 16px;
}

.vp-popup-stub__notice[b-zaj0b0k51o] {
    padding: 14px 16px;
    border: 1px dashed var(--color-bright-green, #a3e96b);
    border-radius: var(--border-radius-md, 6px);
    background: rgba(163, 233, 107, 0.08);
    color: var(--vp-content-text, #223029);
}

.vp-popup-stub__notice strong[b-zaj0b0k51o] {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--color-green, #0ea665);
}

.vp-popup-stub__notice p[b-zaj0b0k51o] {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
}
/* _content/Verapath.Components/Components/Drawer/VerapathDrawer.razor.rz.scp.css */
/* ── Backdrop ────────────────────────────────────────────────────── */
.vp-drawer__backdrop[b-n3o1bn2a7b] {
    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-n3o1bn2a7b 0.15s ease;
}

/* ── Panel ───────────────────────────────────────────────────────── */
.vp-drawer__panel[b-n3o1bn2a7b] {
    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-n3o1bn2a7b] {
    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-n3o1bn2a7b 0.2s ease;
}

.vp-drawer__panel--left[b-n3o1bn2a7b] {
    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-n3o1bn2a7b 0.2s ease;
}

.vp-drawer__panel--sm[b-n3o1bn2a7b] { width: min(420px, 100vw); }
.vp-drawer__panel--md[b-n3o1bn2a7b] { width: min(560px, 100vw); }
.vp-drawer__panel--lg[b-n3o1bn2a7b] { width: min(760px, 100vw); }

/* ── Animations ──────────────────────────────────────────────────── */
@keyframes vp-drawer-fade-in-b-n3o1bn2a7b {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes vp-drawer-slide-in-right-b-n3o1bn2a7b {
    from { transform: translateX(24px);  opacity: 0; }
    to   { transform: translateX(0);     opacity: 1; }
}

@keyframes vp-drawer-slide-in-left-b-n3o1bn2a7b {
    from { transform: translateX(-24px); opacity: 0; }
    to   { transform: translateX(0);     opacity: 1; }
}

/* ── Header ──────────────────────────────────────────────────────── */
.vp-drawer__header[b-n3o1bn2a7b] {
    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-n3o1bn2a7b] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.vp-drawer__eyebrow[b-n3o1bn2a7b] {
    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-n3o1bn2a7b] {
    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-n3o1bn2a7b] {
    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-n3o1bn2a7b] {
    background: var(--vp-divider, #e0e3e2);
    color: var(--vp-input-color, #223029);
}

/* ── Body ────────────────────────────────────────────────────────── */
.vp-drawer__body[b-n3o1bn2a7b] {
    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-n3o1bn2a7b] {
    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-n3o1bn2a7b],
    .vp-drawer__panel--sm[b-n3o1bn2a7b],
    .vp-drawer__panel--md[b-n3o1bn2a7b],
    .vp-drawer__panel--lg[b-n3o1bn2a7b] {
        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-n3o1bn2a7b] {
        padding: 16px;
    }

    .vp-drawer__body[b-n3o1bn2a7b] {
        padding: 16px;
    }

    .vp-drawer__footer[b-n3o1bn2a7b] {
        padding: 14px 16px calc(14px + env(safe-area-inset-bottom, 0px));
        flex-wrap: wrap;
    }

    .vp-drawer__footer > *[b-n3o1bn2a7b] {
        flex: 1 1 auto;
    }
}
/* _content/Verapath.Components/Components/Editor/VerapathKeyValueEditor.razor.rz.scp.css */
.vp-key-value-editor[b-hxnfvvn2yh] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.vp-key-value-editor__header[b-hxnfvvn2yh] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.vp-key-value-editor__title[b-hxnfvvn2yh] {
    margin: 0;
    font-size: 1rem;
}

.vp-key-value-editor__description[b-hxnfvvn2yh] {
    margin: 0;
    font-size: 0.84rem;
    color: color-mix(in srgb, currentColor 64%, transparent);
}

.vp-key-value-editor__rows[b-hxnfvvn2yh] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.vp-key-value-editor__row[b-hxnfvvn2yh] {
    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-hxnfvvn2yh] {
        grid-template-columns: 1fr;
    }
}
/* _content/Verapath.Components/Components/Editor/VerapathRichTextEditor.razor.rz.scp.css */
/* ─── VerapathRichTextEditor ─────────────────────────────────────────────── */

.vp-editor[b-n0mvl2tmqo] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.vp-editor__label[b-n0mvl2tmqo] {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-midnight, #223029);
}

/* 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-n0mvl2tmqo] {
    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-n0mvl2tmqo] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.vp-editor__wrapper:focus-within[b-n0mvl2tmqo] {
    border-color: var(--color-bright-green, #a3e96b);
    box-shadow: 0 0 0 2px var(--color-bright-green, #a3e96b);
}

/* Quill toolbar — override default styles to match design system */
.vp-editor :global(.ql-toolbar.ql-snow)[b-n0mvl2tmqo] {
    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-n0mvl2tmqo] {
    border: none;
    font-family: inherit;
    font-size: 15px;
    color: var(--color-midnight, #223029);
}

.vp-editor :global(.ql-editor)[b-n0mvl2tmqo] {
    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-n0mvl2tmqo] {
    color: var(--color-gray-01, #909893);
    font-style: normal;
}

/* Quill toolbar button hover */
.vp-editor :global(.ql-toolbar button:hover)[b-n0mvl2tmqo],
.vp-editor :global(.ql-toolbar button.ql-active)[b-n0mvl2tmqo] {
    color: var(--color-midnight, #223029);
}

.vp-editor :global(.ql-toolbar .ql-stroke)[b-n0mvl2tmqo] {
    stroke: var(--color-gray-01, #909893);
}

.vp-editor :global(.ql-toolbar button:hover .ql-stroke)[b-n0mvl2tmqo],
.vp-editor :global(.ql-toolbar button.ql-active .ql-stroke)[b-n0mvl2tmqo] {
    stroke: var(--color-midnight, #223029);
}

.vp-editor :global(.ql-toolbar .ql-fill)[b-n0mvl2tmqo] {
    fill: var(--color-gray-01, #909893);
}

.vp-editor :global(.ql-toolbar button:hover .ql-fill)[b-n0mvl2tmqo],
.vp-editor :global(.ql-toolbar button.ql-active .ql-fill)[b-n0mvl2tmqo] {
    fill: var(--color-midnight, #223029);
}

/* Helper text */
.vp-editor__helper[b-n0mvl2tmqo] {
    font-size: 12px;
    color: var(--color-gray-01, #909893);
}

.vp-editor__helper--warning[b-n0mvl2tmqo] {
    color: var(--color-red, #f9574d);
}

/* Hide the Quill container when we've fallen back to a textarea */
.vp-editor__container--hidden[b-n0mvl2tmqo] {
    display: none !important;
}

/* Plain-textarea fallback shown when Quill fails to load (e.g. CDN blocked) */
.vp-editor__fallback[b-n0mvl2tmqo] {
    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(--color-midnight, #223029);
    background: transparent;
    box-sizing: border-box;
}

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

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

[data-theme="dark"] .vp-editor__wrapper[b-n0mvl2tmqo] {
    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-n0mvl2tmqo] {
    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-n0mvl2tmqo] {
    color: var(--color-white, #ffffff);
}
/* _content/Verapath.Components/Components/EmptyState/VerapathEmptyState.razor.rz.scp.css */
.vp-empty-state[b-1q4jp3soup] {
    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-1q4jp3soup] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    max-width: 560px;
    text-align: center;
}

.vp-empty-state__illustration[b-1q4jp3soup] {
    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-1q4jp3soup] {
    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-1q4jp3soup] {
    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-1q4jp3soup] {
    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-1q4jp3soup] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.vp-empty-state__title[b-1q4jp3soup] {
    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-1q4jp3soup] {
    margin: 0;
    color: var(--vp-placeholder-color, #909893);
    font-size: 15px;
    line-height: 1.7;
}

.vp-empty-state__meta[b-1q4jp3soup] {
    color: var(--vp-content-text, #223029);
    font-size: 14px;
    line-height: 1.6;
}

.vp-empty-state__actions[b-1q4jp3soup] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

.vp-empty-state--search .vp-empty-state__illustration[b-1q4jp3soup] {
    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-1q4jp3soup] {
    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-1q4jp3soup],
[data-theme="dark"] .vp-empty-state:not([data-theme="light"])[b-1q4jp3soup],
:root[data-theme="dark"] .vp-empty-state:not([data-theme="light"])[b-1q4jp3soup] {
    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-1q4jp3soup],
.vp-empty-state[data-theme="dark"] .vp-empty-state__eyebrow[b-1q4jp3soup],
[data-theme="dark"] .vp-empty-state:not([data-theme="light"]) .vp-empty-state__illustration[b-1q4jp3soup],
[data-theme="dark"] .vp-empty-state:not([data-theme="light"]) .vp-empty-state__eyebrow[b-1q4jp3soup],
:root[data-theme="dark"] .vp-empty-state:not([data-theme="light"]) .vp-empty-state__illustration[b-1q4jp3soup],
:root[data-theme="dark"] .vp-empty-state:not([data-theme="light"]) .vp-empty-state__eyebrow[b-1q4jp3soup] {
    color: var(--vp-content-text, #ffffff);
}

.vp-empty-state[data-theme="dark"] .vp-empty-state__illustration[b-1q4jp3soup],
[data-theme="dark"] .vp-empty-state:not([data-theme="light"]) .vp-empty-state__illustration[b-1q4jp3soup],
:root[data-theme="dark"] .vp-empty-state:not([data-theme="light"]) .vp-empty-state__illustration[b-1q4jp3soup] {
    background: rgba(255, 255, 255, 0.08);
}

.vp-empty-state[data-theme="dark"] .vp-empty-state__title[b-1q4jp3soup],
.vp-empty-state[data-theme="dark"] .vp-empty-state__meta[b-1q4jp3soup],
[data-theme="dark"] .vp-empty-state:not([data-theme="light"]) .vp-empty-state__title[b-1q4jp3soup],
[data-theme="dark"] .vp-empty-state:not([data-theme="light"]) .vp-empty-state__meta[b-1q4jp3soup],
:root[data-theme="dark"] .vp-empty-state:not([data-theme="light"]) .vp-empty-state__title[b-1q4jp3soup],
:root[data-theme="dark"] .vp-empty-state:not([data-theme="light"]) .vp-empty-state__meta[b-1q4jp3soup] {
    color: var(--vp-content-text, #ffffff);
}

.vp-empty-state[data-theme="dark"] .vp-empty-state__description[b-1q4jp3soup],
[data-theme="dark"] .vp-empty-state:not([data-theme="light"]) .vp-empty-state__description[b-1q4jp3soup],
:root[data-theme="dark"] .vp-empty-state:not([data-theme="light"]) .vp-empty-state__description[b-1q4jp3soup] {
    color: var(--vp-placeholder-color, #b9c0be);
}

@media (max-width: 719px) {
    .vp-empty-state[b-1q4jp3soup] {
        padding: 20px;
        border-radius: 24px;
    }

    .vp-empty-state__title[b-1q4jp3soup] {
        font-size: 24px;
    }

    .vp-empty-state__actions[b-1q4jp3soup] {
        width: 100%;
        flex-direction: column;
    }
}
/* _content/Verapath.Components/Components/FilterPills/VerapathFilterPills.razor.rz.scp.css */
.vp-filterpills[b-xkawur1ym1] {
    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-xkawur1ym1] {
    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-xkawur1ym1] {
    color: var(--color-midnight, #223029);
}

.vp-filterpills__pill--active[b-xkawur1ym1] {
    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-xkawur1ym1] {
    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-xkawur1ym1] {
    background: rgba(163, 233, 107, 0.22);
    color: var(--color-midnight, #223029);
}

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

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

[data-theme="dark"] .vp-filterpills__pill:hover[b-xkawur1ym1] {
    color: #ffffff;
}

[data-theme="dark"] .vp-filterpills__pill--active[b-xkawur1ym1] {
    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-xkawur1ym1] {
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.55);
}
/* _content/Verapath.Components/Components/Forms/VerapathForm.razor.rz.scp.css */
.vp-form[b-uleuwwtawf] {
    width: 100%;
}

.vp-form--narrow[b-uleuwwtawf] {
    max-width: 860px;
}

.vp-form__surface[b-uleuwwtawf] {
    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-uleuwwtawf] {
    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-uleuwwtawf] {
    width: 100%;
    justify-content: center;
}

.vp-form__header[b-uleuwwtawf] {
    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-uleuwwtawf] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.vp-form__eyebrow[b-uleuwwtawf] {
    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-uleuwwtawf] {
    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-uleuwwtawf] {
    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-uleuwwtawf] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-shrink: 0;
}

.vp-form__layout[b-uleuwwtawf] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
    gap: clamp(20px, 2vw, 28px);
    align-items: start;
}

.vp-form__layout--single[b-uleuwwtawf] {
    grid-template-columns: minmax(0, 1fr);
}

.vp-form__main[b-uleuwwtawf] {
    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-uleuwwtawf] {
    position: sticky;
    top: 24px;
}

.vp-form__footer[b-uleuwwtawf] {
    padding-top: 6px;
}

.vp-form--compact .vp-form__surface[b-uleuwwtawf] {
    gap: 18px;
    padding: clamp(16px, 2vw, 22px);
    border-radius: 22px;
}

.vp-form--compact .vp-form__header[b-uleuwwtawf] {
    gap: 14px;
    padding-bottom: 14px;
}

.vp-form--compact .vp-form__header-copy[b-uleuwwtawf] {
    gap: 6px;
}

.vp-form--compact .vp-form__title[b-uleuwwtawf] {
    font-size: clamp(22px, 2.2vw, 30px);
}

.vp-form--compact .vp-form__description[b-uleuwwtawf] {
    font-size: 14px;
    line-height: 1.55;
}

.vp-form--compact .vp-form__layout[b-uleuwwtawf] {
    gap: 18px;
}

.vp-form--compact .vp-form__main[b-uleuwwtawf] {
    gap: var(--vp-form-gap-compact, 14px);
}

.vp-form--compact .vp-form__footer[b-uleuwwtawf] {
    padding-top: 2px;
}

.vp-form[b-uleuwwtawf] (.vp-form-grid) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--vp-form-gap, 18px);
}

.vp-form[b-uleuwwtawf] (.vp-form-grid--two) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vp-form[b-uleuwwtawf] (.vp-form-grid--three) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.vp-form[b-uleuwwtawf] (.vp-form-span-2) {
    grid-column: span 2;
}

.vp-form[b-uleuwwtawf] (.vp-form-span-3),
.vp-form[b-uleuwwtawf] (.vp-form-span-full) {
    grid-column: 1 / -1;
}

.vp-form[b-uleuwwtawf] (.vp-form-stack) {
    display: flex;
    flex-direction: column;
    gap: var(--vp-form-gap-compact, 14px);
}

.vp-form[b-uleuwwtawf] (.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-uleuwwtawf] (.vp-form-actions) {
    display: flex;
    justify-content: flex-end;
    gap: calc(var(--vp-field-message-gap, 8px) + 4px);
    flex-wrap: wrap;
}

.vp-form[b-uleuwwtawf] (.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-uleuwwtawf] (.vp-form-grid) {
    gap: var(--vp-form-gap-compact, 14px);
}

.vp-form--compact[b-uleuwwtawf] (.vp-form-stack) {
    gap: calc(var(--vp-field-message-gap, 8px) + 2px);
}

.vp-form--compact[b-uleuwwtawf] (.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-uleuwwtawf] (.vp-form-actions) {
    gap: calc(var(--vp-field-message-gap, 8px) + 2px);
}

.vp-form--compact[b-uleuwwtawf] (.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-uleuwwtawf],
[data-theme="dark"] .vp-form__surface[b-uleuwwtawf] {
    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-uleuwwtawf],
[data-theme="dark"] .vp-form__loading-overlay[b-uleuwwtawf] {
    background: rgba(34, 48, 41, 0.78);
}

[data-theme="dark"].vp-form .vp-form__header[b-uleuwwtawf],
[data-theme="dark"] .vp-form__header[b-uleuwwtawf] {
    border-bottom-color: rgba(255, 255, 255, 0.09);
}

[data-theme="dark"].vp-form .vp-form__eyebrow[b-uleuwwtawf],
[data-theme="dark"] .vp-form__eyebrow[b-uleuwwtawf] {
    color: rgba(255, 255, 255, 0.55);
}

[data-theme="dark"].vp-form .vp-form__title[b-uleuwwtawf],
[data-theme="dark"] .vp-form__title[b-uleuwwtawf] {
    color: var(--color-white, #ffffff);
}

[data-theme="dark"].vp-form .vp-form__description[b-uleuwwtawf],
[data-theme="dark"] .vp-form__description[b-uleuwwtawf] {
    color: rgba(255, 255, 255, 0.66);
}

[data-theme="dark"].vp-form[b-uleuwwtawf] (.vp-form-checkbox-group),
[data-theme="dark"] .vp-form[b-uleuwwtawf] (.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-uleuwwtawf] (.vp-form-callout),
[data-theme="dark"] .vp-form[b-uleuwwtawf] (.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-uleuwwtawf] {
        grid-template-columns: minmax(0, 1fr);
    }

    .vp-form__aside[b-uleuwwtawf] {
        position: static;
        order: -1;
    }
}

@media (max-width: 719px) {
    .vp-form__surface[b-uleuwwtawf] {
        padding: 18px;
        border-radius: 24px;
    }

    .vp-form--compact .vp-form__surface[b-uleuwwtawf] {
        padding: 16px;
        border-radius: 20px;
    }

    .vp-form__header[b-uleuwwtawf] {
        flex-direction: column;
    }

    .vp-form[b-uleuwwtawf] (.vp-form-grid--two),
    .vp-form[b-uleuwwtawf] (.vp-form-grid--three) {
        grid-template-columns: minmax(0, 1fr);
    }

    .vp-form[b-uleuwwtawf] (.vp-form-span-2),
    .vp-form[b-uleuwwtawf] (.vp-form-span-3) {
        grid-column: auto;
    }

    .vp-form[b-uleuwwtawf] (.vp-form-actions) {
        flex-direction: column-reverse;
        align-items: stretch;
    }
}
/* _content/Verapath.Components/Components/Forms/VerapathFormField.razor.rz.scp.css */
.vp-form-field[b-ahucnhm13a] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.vp-form-field__header[b-ahucnhm13a] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.vp-form-field__copy[b-ahucnhm13a] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.vp-form-field__label[b-ahucnhm13a] {
    font-size: 0.96rem;
    font-weight: 700;
}

.vp-form-field__description[b-ahucnhm13a] {
    margin: 0;
    font-size: 0.84rem;
    line-height: 1.5;
    color: color-mix(in srgb, currentColor 65%, transparent);
}

.vp-form-field__content[b-ahucnhm13a] {
    min-width: 0;
}

.vp-form-field__footer[b-ahucnhm13a] {
    font-size: 0.82rem;
}

.vp-form-field__message--helper[b-ahucnhm13a] {
    color: color-mix(in srgb, currentColor 62%, transparent);
}

.vp-form-field__message--error[b-ahucnhm13a] {
    color: #d14545;
}
/* _content/Verapath.Components/Components/Forms/VerapathFormSection.razor.rz.scp.css */
.vp-form-section[b-6yctljm61t] {
    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-6yctljm61t] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--vp-form-gap-compact, 14px);
}

.vp-form-section__copy[b-6yctljm61t] {
    display: flex;
    flex-direction: column;
    gap: var(--vp-field-gap, 6px);
    min-width: 0;
}

.vp-form-section__eyebrow[b-6yctljm61t] {
    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-6yctljm61t] {
    margin: 0;
    font-family: "Season Sans SemiBold";
    font-size: 20px;
    line-height: 1.12;
    color: var(--color-midnight, #223029);
}

.vp-form-section__description[b-6yctljm61t] {
    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-6yctljm61t] {
    flex-shrink: 0;
}

.vp-form-section__body[b-6yctljm61t] {
    display: flex;
    flex-direction: column;
    gap: var(--vp-form-gap, 18px);
}

.vp-form-section--compact[b-6yctljm61t] {
    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-6yctljm61t] {
    gap: calc(var(--vp-field-message-gap, 8px) + 2px);
}

.vp-form-section--compact .vp-form-section__copy[b-6yctljm61t] {
    gap: var(--vp-field-label-gap, 3px);
}

.vp-form-section--compact .vp-form-section__title[b-6yctljm61t] {
    font-size: 18px;
}

.vp-form-section--compact .vp-form-section__description[b-6yctljm61t] {
    font-size: 13px;
    line-height: 1.5;
}

.vp-form-section--compact .vp-form-section__body[b-6yctljm61t] {
    gap: var(--vp-form-gap-compact, 14px);
}

[data-theme="dark"].vp-form-section[b-6yctljm61t],
[data-theme="dark"] .vp-form-section[b-6yctljm61t] {
    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-6yctljm61t],
[data-theme="dark"] .vp-form-section__eyebrow[b-6yctljm61t] {
    color: rgba(255, 255, 255, 0.5);
}

[data-theme="dark"].vp-form-section .vp-form-section__title[b-6yctljm61t],
[data-theme="dark"] .vp-form-section__title[b-6yctljm61t] {
    color: var(--color-white, #ffffff);
}

[data-theme="dark"].vp-form-section .vp-form-section__description[b-6yctljm61t],
[data-theme="dark"] .vp-form-section__description[b-6yctljm61t] {
    color: rgba(255, 255, 255, 0.65);
}

@media (max-width: 719px) {
    .vp-form-section[b-6yctljm61t] {
        padding: 18px;
        border-radius: 20px;
    }

    .vp-form-section--compact[b-6yctljm61t] {
        padding: 14px;
        border-radius: 16px;
    }

    .vp-form-section__header[b-6yctljm61t] {
        flex-direction: column;
    }
}
/* _content/Verapath.Components/Components/Forms/VerapathPageActionBar.razor.rz.scp.css */
.vp-page-action-bar[b-f7cvx83hgy] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
}

.vp-page-action-bar__primary[b-f7cvx83hgy],
.vp-page-action-bar__secondary[b-f7cvx83hgy] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}
/* _content/Verapath.Components/Components/Forms/VerapathSettingsRow.razor.rz.scp.css */
.vp-settings-row[b-brbs5wlw0t] {
    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-brbs5wlw0t] {
    min-width: 0;
}

.vp-settings-row__label[b-brbs5wlw0t] {
    display: block;
    font-weight: 700;
}

.vp-settings-row__description[b-brbs5wlw0t] {
    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-brbs5wlw0t] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

@media (max-width: 720px) {
    .vp-settings-row[b-brbs5wlw0t] {
        grid-template-columns: 1fr;
    }

    .vp-settings-row__controls[b-brbs5wlw0t] {
        justify-content: flex-start;
    }
}
/* _content/Verapath.Components/Components/GreenLight/GreenLightProgressBar.razor.rz.scp.css */
/* ── Desktop bar ─────────────────────────────────────────── */
.gl-progress-bar[b-0p74awqqv1] {
    display: flex;
    gap: 3px;
    width: 100%;
}

.gl-progress-bar--dense[b-0p74awqqv1] { gap: 1px; }
.gl-progress-bar--ultra[b-0p74awqqv1] { gap: 0; }

.gl-progress-bar__seg[b-0p74awqqv1] {
    flex: 1 1 0;
    height: 8px;
    border-radius: 2px;
    background: var(--vp-border-default, #e0e3e2);
}

.gl-progress-bar--dense .gl-progress-bar__seg[b-0p74awqqv1] { height: 6px; }
.gl-progress-bar--ultra .gl-progress-bar__seg[b-0p74awqqv1] { height: 4px; border-radius: 0; }

.gl-progress-bar__seg--green[b-0p74awqqv1]   { background: var(--vp-status-success, #0ea665); }
.gl-progress-bar__seg--yellow[b-0p74awqqv1]  { background: var(--vp-status-warning, #f59e0b); }
.gl-progress-bar__seg--red[b-0p74awqqv1]     { background: var(--vp-status-danger,  #f9574d); }
.gl-progress-bar__seg--unknown[b-0p74awqqv1] { background: var(--vp-border-default, #e0e3e2); }

/* ── Mobile compact pill ─────────────────────────────────── */
.gl-progress-pill[b-0p74awqqv1] {
    display: none;
    align-items: center;
    gap: 6px;
    height: 28px;
    padding: 0 10px;
    border-radius: 14px;
    background: var(--vp-canvas-bg, #f7f7f7);
    border: 1px solid var(--vp-border-default, #e0e3e2);
    font-size: 13px;
    font-weight: 600;
    color: var(--vp-content-text, #223029);
    white-space: nowrap;
}

.gl-progress-pill__dot[b-0p74awqqv1] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    flex-shrink: 0;
    background: var(--vp-border-default, #e0e3e2);
}

.gl-progress-pill__dot--green[b-0p74awqqv1]   { background: var(--vp-status-success, #0ea665); }
.gl-progress-pill__dot--yellow[b-0p74awqqv1]  { background: var(--vp-status-warning, #f59e0b); }
.gl-progress-pill__dot--red[b-0p74awqqv1]     { background: var(--vp-status-danger,  #f9574d); }
.gl-progress-pill__dot--unknown[b-0p74awqqv1] { background: var(--vp-border-default, #e0e3e2); }

/* ── Responsive swap ─────────────────────────────────────── */
@media (max-width: 640px) {
    .gl-progress-bar[b-0p74awqqv1]  { display: none; }
    .gl-progress-pill[b-0p74awqqv1] { display: flex; }
}
/* _content/Verapath.Components/Components/GreenLight/GreenLightStepDefinitionSummary.razor.rz.scp.css */
.gl-step-def[b-gylm19glsy] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.gl-step-def__empty[b-gylm19glsy] {
    margin: 0;
    font-size: 14px;
    color: var(--vp-placeholder-color, #909893);
}

/* ── Meta row (type badge + approval badge) ── */

.gl-step-def__meta[b-gylm19glsy] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.gl-step-def__type-badge[b-gylm19glsy] {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 999px;
    background: rgba(33, 128, 141, 0.10);
    color: #175d66;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
}

.gl-step-def__approval-badge[b-gylm19glsy] {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 999px;
    background: rgba(180, 35, 24, 0.08);
    color: #b42318;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
}

/* ── Description ── */

.gl-step-def__desc[b-gylm19glsy] {
    margin: 0;
    font-size: 14px;
    line-height: 1.55;
    color: var(--color-midnight, #223029);
}

/* ── Grouped sections ── */

.gl-step-def__group[b-gylm19glsy] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.gl-step-def__group-label[b-gylm19glsy] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: var(--vp-placeholder-color, #909893);
}

.gl-step-def__count[b-gylm19glsy] {
    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(--color-midnight, #223029);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

/* ── Config field grid ── */

.gl-step-def__field-grid[b-gylm19glsy] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 16px;
}

.gl-step-def__field[b-gylm19glsy] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.gl-step-def__field-label[b-gylm19glsy] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--vp-placeholder-color, #909893);
}

.gl-step-def__field-val[b-gylm19glsy] {
    font-size: 14px;
    color: var(--color-midnight, #223029);
    word-break: break-word;
}

code.gl-step-def__field-val[b-gylm19glsy] {
    display: inline-block;
    padding: 2px 7px;
    border-radius: 5px;
    background: rgba(34, 48, 41, 0.07);
    font-size: 13px;
}

/* ── Validation rule cards ── */

.gl-step-def__rule[b-gylm19glsy] {
    border: 1px solid var(--color-gray-02, #b9c0be);
    border-radius: 10px;
    background: var(--color-gray-04, #f7f7f7);
    overflow: hidden;
    transition: border-color 0.15s;
}

.gl-step-def__rule--open[b-gylm19glsy] {
    border-color: rgba(33, 128, 141, 0.30);
}

.gl-step-def__rule-header[b-gylm19glsy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 10px 14px;
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: left;
    color: inherit;
}

.gl-step-def__rule-header:hover[b-gylm19glsy] {
    background: rgba(33, 128, 141, 0.06);
}

.gl-step-def__rule-preview[b-gylm19glsy] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    min-width: 0;
}

.gl-step-def__rule-num[b-gylm19glsy] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-midnight, #223029);
    white-space: nowrap;
}

.gl-step-def__rule-expr[b-gylm19glsy] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--vp-placeholder-color, #909893);
    flex-wrap: wrap;
    min-width: 0;
}

.gl-step-def__rule-expr code[b-gylm19glsy] {
    padding: 2px 6px;
    border-radius: 4px;
    background: rgba(34, 48, 41, 0.07);
    color: var(--color-midnight, #223029);
    font-size: 12px;
}

.gl-step-def__op[b-gylm19glsy] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: var(--vp-placeholder-color, #909893);
    text-transform: uppercase;
}

.gl-step-def__rule-end[b-gylm19glsy] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.gl-step-def__chevron[b-gylm19glsy] {
    color: var(--vp-placeholder-color, #909893);
    transition: transform 0.18s;
    flex-shrink: 0;
}

.gl-step-def__chevron--open[b-gylm19glsy] {
    transform: rotate(180deg);
}

.gl-step-def__rule-body[b-gylm19glsy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 16px;
    padding: 12px 14px 14px;
    border-top: 1px solid var(--color-gray-02, #b9c0be);
}

.gl-step-def__rule-field[b-gylm19glsy] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.gl-step-def__rule-field--full[b-gylm19glsy] {
    grid-column: 1 / -1;
}

/* ── Status mappings ── */

.gl-step-def__mapping-list[b-gylm19glsy] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.gl-step-def__mapping[b-gylm19glsy] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 8px 12px;
    border: 1px solid var(--color-gray-02, #b9c0be);
    border-radius: 8px;
    background: var(--color-gray-04, #f7f7f7);
}

.gl-step-def__mapping-clause[b-gylm19glsy] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    min-width: 0;
}

.gl-step-def__mapping-clause code[b-gylm19glsy] {
    padding: 2px 7px;
    border-radius: 4px;
    background: rgba(34, 48, 41, 0.07);
    color: var(--color-midnight, #223029);
    font-size: 12px;
}

.gl-step-def__muted[b-gylm19glsy] {
    font-size: 12px;
    color: var(--vp-placeholder-color, #909893);
}

.gl-step-def__arrow[b-gylm19glsy] {
    color: var(--vp-placeholder-color, #909893);
    flex-shrink: 0;
}

/* ── Output assignments ── */

.gl-step-def__assignment-list[b-gylm19glsy] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.gl-step-def__assignment[b-gylm19glsy] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 8px 12px;
    border: 1px solid var(--color-gray-02, #b9c0be);
    border-radius: 8px;
    background: var(--color-gray-04, #f7f7f7);
}

.gl-step-def__assignment-target[b-gylm19glsy] {
    padding: 2px 7px;
    border-radius: 4px;
    background: rgba(33, 128, 141, 0.10);
    color: #175d66;
    font-size: 12px;
    font-weight: 600;
}

.gl-step-def__assignment-source[b-gylm19glsy] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    min-width: 0;
}

.gl-step-def__assignment-source code[b-gylm19glsy] {
    padding: 2px 7px;
    border-radius: 4px;
    background: rgba(34, 48, 41, 0.07);
    color: var(--color-midnight, #223029);
    font-size: 12px;
}

.gl-step-def__source-type[b-gylm19glsy] {
    font-size: 11px;
    color: var(--vp-placeholder-color, #909893);
    font-style: italic;
}

.gl-step-def__transform[b-gylm19glsy] {
    font-size: 12px;
    color: var(--vp-placeholder-color, #909893);
}

/* ── Responsive ── */

@media (max-width: 600px) {
    .gl-step-def__field-grid[b-gylm19glsy],
    .gl-step-def__rule-body[b-gylm19glsy] {
        grid-template-columns: 1fr;
    }

    .gl-step-def__rule-field--full[b-gylm19glsy] {
        grid-column: 1;
    }
}

/* ═══════════════════════════════════════════════════════
   Evaluator traffic-light cards  (gl-ev-*)
   ═══════════════════════════════════════════════════════ */

/* "Observed this run" strip */
.gl-ev-observed[b-gylm19glsy] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 11px 14px;
    background: var(--gl-surface-soft, #f4f3ef);
    border: 1px dashed var(--gl-border-strong, #d6d2c7);
    border-radius: 10px;
    font-size: 13px;
    color: var(--gl-text-muted, #5a6471);
}

.gl-ev-observed__row[b-gylm19glsy] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.gl-ev-observed__eq[b-gylm19glsy] {
    font-weight: 600;
    color: var(--gl-text-muted, #5a6471);
}

.gl-ev-field-token[b-gylm19glsy] {
    display: inline-block;
    font-family: ui-monospace, 'Cascadia Code', monospace;
    font-size: 12.5px;
    background: #fff;
    border: 1px solid var(--gl-border-muted, #efece4);
    color: var(--gl-text, #1c2024);
    padding: 1px 7px;
    border-radius: 6px;
    white-space: nowrap;
}

.gl-ev-val[b-gylm19glsy] {
    font-family: ui-monospace, 'Cascadia Code', monospace;
    font-size: 14px;
    font-weight: 600;
    color: var(--gl-text, #1c2024);
}

.gl-ev-vs[b-gylm19glsy] {
    font-weight: 600;
    color: var(--gl-text, #1c2024);
}

/* Cards grid */
.gl-ev-cards[b-gylm19glsy] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.gl-ev-cards--stack[b-gylm19glsy] {
    grid-template-columns: 1fr;
}

/* Base card */
@keyframes gl-ev-card-in-b-gylm19glsy {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

.gl-ev-card[b-gylm19glsy] {
    border: 1px solid var(--gl-border, #e6e3db);
    border-radius: 12px;
    padding: 16px;
    background: var(--gl-surface, #fff);
    display: flex;
    flex-direction: column;
    position: relative;
    transition: transform .2s, box-shadow .2s;
    animation: gl-ev-card-in-b-gylm19glsy .24s cubic-bezier(.2,.7,.2,1) both;
}

.gl-ev-card:not(.gl-ev-card--matched)[b-gylm19glsy] {
    opacity: .82;
}

/* Traffic-light bulb housing */
.gl-ev-light[b-gylm19glsy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #1a1d22;
    flex-shrink: 0;
}

.gl-ev-bulb[b-gylm19glsy] {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: rgba(255,255,255,.14);
}

/* Colored (unlit) bulbs — show color without glow */
.gl-ev-card--green  .gl-ev-bulb[b-gylm19glsy] { background: var(--gl-light-green,  #34d063); }
.gl-ev-card--yellow .gl-ev-bulb[b-gylm19glsy] { background: var(--gl-light-yellow, #e8b020); }
.gl-ev-card--red    .gl-ev-bulb[b-gylm19glsy] { background: var(--gl-light-red,    #d8483a); }

/* Lit (matched) bulbs — add glow */
.gl-ev-card--matched.gl-ev-card--green  .gl-ev-bulb[b-gylm19glsy] {
    background: var(--gl-light-green, #34d063);
    box-shadow: 0 0 12px var(--gl-light-green, #34d063), inset 0 0 4px rgba(255,255,255,.5);
}
.gl-ev-card--matched.gl-ev-card--yellow .gl-ev-bulb[b-gylm19glsy] {
    background: var(--gl-light-yellow, #e8b020);
    box-shadow: 0 0 12px var(--gl-light-yellow, #e8b020), inset 0 0 4px rgba(255,255,255,.5);
}
.gl-ev-card--matched.gl-ev-card--red    .gl-ev-bulb[b-gylm19glsy] {
    background: var(--gl-light-red, #d8483a);
    box-shadow: 0 0 12px var(--gl-light-red, #d8483a), inset 0 0 4px rgba(255,255,255,.5);
}

/* Outcome label */
.gl-ev-label[b-gylm19glsy] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin: 12px 0 4px;
}

.gl-ev-card--green  .gl-ev-label[b-gylm19glsy] { color: var(--gl-green-700, #1d6f3d); }
.gl-ev-card--yellow .gl-ev-label[b-gylm19glsy] { color: var(--gl-amber-600, #b3791a); }
.gl-ev-card--red    .gl-ev-label[b-gylm19glsy] { color: var(--gl-red-600, #b03327); }

/* "When" sentence */
.gl-ev-when[b-gylm19glsy] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    font-size: 14px;
    color: var(--gl-text, #1c2024);
    line-height: 1.5;
    margin: 0 0 12px;
}

.gl-ev-op-word[b-gylm19glsy] {
    font-size: 14px;
    color: var(--gl-text-muted, #5a6471);
}

/* Footer summary */
.gl-ev-footer[b-gylm19glsy] {
    margin-top: auto;
    font-size: 12.5px;
    color: var(--gl-text-muted, #5a6471);
    line-height: 1.4;
    padding-top: 10px;
    border-top: 1px dashed var(--gl-border-muted, #efece4);
}

/* Matched card border + shadow per outcome */
.gl-ev-card--matched.gl-ev-card--green[b-gylm19glsy] {
    border-color: var(--gl-green-500, #2fa85a);
    box-shadow: 0 0 0 3px var(--gl-green-50, #eff6ea), 0 4px 16px rgba(47,168,90,.12);
    transform: translateY(-1px);
}
.gl-ev-card--matched.gl-ev-card--yellow[b-gylm19glsy] {
    border-color: var(--gl-light-yellow, #e8b020);
    box-shadow: 0 0 0 3px var(--gl-amber-50, #fbecc8), 0 4px 16px rgba(232,176,32,.14);
    transform: translateY(-1px);
}
.gl-ev-card--matched.gl-ev-card--red[b-gylm19glsy] {
    border-color: var(--gl-light-red, #d8483a);
    box-shadow: 0 0 0 3px var(--gl-red-50, #fce8e6), 0 4px 16px rgba(216,72,58,.12);
    transform: translateY(-1px);
}

/* "Applied" pill */
.gl-ev-applied[b-gylm19glsy] {
    position: absolute;
    top: -10px;
    right: 12px;
    display: inline-flex;
    align-items: center;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    padding: 4px 9px;
    border-radius: 999px;
    color: #fff;
}

.gl-ev-card--matched.gl-ev-card--green  .gl-ev-applied[b-gylm19glsy] {
    background: var(--gl-green-500, #2fa85a);
    box-shadow: 0 4px 10px rgba(47,168,90,.3);
}
.gl-ev-card--matched.gl-ev-card--yellow .gl-ev-applied[b-gylm19glsy] {
    background: var(--gl-light-yellow, #e8b020);
    box-shadow: 0 4px 10px rgba(232,176,32,.3);
    color: #4a3208;
}
.gl-ev-card--matched.gl-ev-card--red    .gl-ev-applied[b-gylm19glsy] {
    background: var(--gl-light-red, #d8483a);
    box-shadow: 0 4px 10px rgba(216,72,58,.3);
}

/* "No rule matched" note */
.gl-ev-no-match[b-gylm19glsy] {
    margin: 0;
    font-size: 13px;
    color: var(--gl-text-muted, #5a6471);
    padding: 8px 12px;
    background: rgba(34, 48, 41, 0.04);
    border-radius: 8px;
    border: 1px solid var(--gl-border, #e6e3db);
}

.gl-ev-cards--none-matched .gl-ev-card[b-gylm19glsy] {
    opacity: .55;
}

/* Responsive: single column below 760px */
@media (max-width: 760px) {
    .gl-ev-cards[b-gylm19glsy] {
        grid-template-columns: 1fr;
    }
}
/* _content/Verapath.Components/Components/GreenLight/GreenLightValidationRulesViewer.razor.rz.scp.css */
.gl-rules-viewer[b-2zl3z9lhil] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.gl-rules-viewer__count[b-2zl3z9lhil] {
    font-size: 12px;
    color: var(--vp-placeholder-color, #909893);
}

.gl-rules-viewer__empty[b-2zl3z9lhil] {
    margin: 0;
    font-size: 14px;
    color: var(--vp-placeholder-color, #909893);
}

/* ── Rule card ── */

.gl-rules-viewer__rule[b-2zl3z9lhil] {
    border: 1px solid var(--color-gray-02, #b9c0be);
    border-radius: 12px;
    background: var(--color-gray-04, #f7f7f7);
    overflow: hidden;
    transition: border-color 0.15s;
}

.gl-rules-viewer__rule--open[b-2zl3z9lhil] {
    border-color: rgba(33, 128, 141, 0.32);
}

/* ── Header (always visible, acts as toggle) ── */

.gl-rules-viewer__header[b-2zl3z9lhil] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 12px 14px;
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: left;
    color: inherit;
}

.gl-rules-viewer__header:hover[b-2zl3z9lhil] {
    background: rgba(33, 128, 141, 0.06);
}

.gl-rules-viewer__headline[b-2zl3z9lhil] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    min-width: 0;
}

.gl-rules-viewer__num[b-2zl3z9lhil] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-midnight, #223029);
    white-space: nowrap;
}

.gl-rules-viewer__preview[b-2zl3z9lhil] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--vp-placeholder-color, #909893);
    flex-wrap: wrap;
    min-width: 0;
}

.gl-rules-viewer__preview code[b-2zl3z9lhil] {
    padding: 2px 6px;
    border-radius: 4px;
    background: rgba(34, 48, 41, 0.07);
    color: var(--color-midnight, #223029);
    font-size: 12px;
}

.gl-rules-viewer__op-badge[b-2zl3z9lhil] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: var(--vp-placeholder-color, #909893);
    text-transform: uppercase;
}

.gl-rules-viewer__header-end[b-2zl3z9lhil] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.gl-rules-viewer__chevron[b-2zl3z9lhil] {
    color: var(--vp-placeholder-color, #909893);
    transition: transform 0.18s;
    flex-shrink: 0;
}

.gl-rules-viewer__chevron--open[b-2zl3z9lhil] {
    transform: rotate(180deg);
}

/* ── Expanded body ── */

.gl-rules-viewer__body[b-2zl3z9lhil] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 16px;
    padding: 0 14px 14px;
    border-top: 1px solid var(--color-gray-02, #b9c0be);
    padding-top: 14px;
}

.gl-rules-viewer__field[b-2zl3z9lhil] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.gl-rules-viewer__field--full[b-2zl3z9lhil] {
    grid-column: 1 / -1;
}

.gl-rules-viewer__label[b-2zl3z9lhil] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--vp-placeholder-color, #909893);
}

.gl-rules-viewer__val[b-2zl3z9lhil] {
    font-size: 14px;
    color: var(--color-midnight, #223029);
    word-break: break-word;
}

code.gl-rules-viewer__val[b-2zl3z9lhil] {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 6px;
    background: rgba(34, 48, 41, 0.07);
    font-size: 13px;
}

.gl-rules-viewer__row[b-2zl3z9lhil] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 16px;
}

@media (max-width: 600px) {
    .gl-rules-viewer__body[b-2zl3z9lhil],
    .gl-rules-viewer__row[b-2zl3z9lhil] {
        grid-template-columns: 1fr;
    }

    .gl-rules-viewer__field--full[b-2zl3z9lhil] {
        grid-column: 1;
    }
}
/* _content/Verapath.Components/Components/Grid/GridColumnFilterEditor.razor.rz.scp.css */
.vp-grid__filter-panel[b-r0obnvc2w3] {
    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-r0obnvc2w3] {
    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-r0obnvc2w3] {
    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-r0obnvc2w3] {
    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-r0obnvc2w3] {
    background: var(--vp-surface-hover, #e0e3e2);
    color: var(--color-midnight, #223029);
}

[data-theme="dark"] .vp-grid__filter-header[b-r0obnvc2w3] {
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-grid__filter-close:hover[b-r0obnvc2w3] {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}

/* ── Body ────────────────────────────────────────────────── */
.vp-grid__filter-body[b-r0obnvc2w3] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 12px 4px;
}

.vp-grid__filter-label[b-r0obnvc2w3] {
    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-r0obnvc2w3] {
    color: rgba(255, 255, 255, 0.55);
}

.vp-grid__filter-input[b-r0obnvc2w3],
.vp-grid__filter-select[b-r0obnvc2w3] {
    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-r0obnvc2w3],
.vp-grid__filter-select:focus[b-r0obnvc2w3] {
    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-r0obnvc2w3],
[data-theme="dark"] .vp-grid__filter-select[b-r0obnvc2w3] {
    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-r0obnvc2w3],
:root[data-theme="dark"] .vp-grid__filter-select option[b-r0obnvc2w3] {
    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-r0obnvc2w3] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 2px;
}

.vp-grid__filter-preset[b-r0obnvc2w3] {
    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-r0obnvc2w3] {
    background: var(--vp-surface-hover, #e0e3e2);
    border-color: var(--color-midnight, #223029);
}

[data-theme="dark"] .vp-grid__filter-preset[b-r0obnvc2w3] {
    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-r0obnvc2w3] {
    background: rgba(255, 255, 255, 0.10);
    border-color: rgba(255, 255, 255, 0.28);
}

/* ── Boolean segmented control ──────────────────────────── */
.vp-grid__filter-segment[b-r0obnvc2w3] {
    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-r0obnvc2w3] {
    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-r0obnvc2w3] {
    color: var(--color-midnight, #223029);
}

.vp-grid__filter-segment-btn--active[b-r0obnvc2w3] {
    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-r0obnvc2w3] {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] .vp-grid__filter-segment-btn[b-r0obnvc2w3] {
    color: rgba(255, 255, 255, 0.6);
}

[data-theme="dark"] .vp-grid__filter-segment-btn:hover[b-r0obnvc2w3] {
    color: #ffffff;
}

[data-theme="dark"] .vp-grid__filter-segment-btn--active[b-r0obnvc2w3] {
    background: var(--color-bright-green, #a3e96b);
    color: var(--color-midnight, #223029);
}

/* ── Select / multi-select list ─────────────────────────── */
.vp-grid__filter-option-list[b-r0obnvc2w3] {
    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-r0obnvc2w3] {
    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-r0obnvc2w3] {
    background: var(--vp-surface-hover, #e0e3e2);
}

.vp-grid__filter-option input[type="checkbox"][b-r0obnvc2w3] {
    accent-color: var(--color-bright-green, #a3e96b);
    cursor: pointer;
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.vp-grid__filter-empty[b-r0obnvc2w3] {
    padding: 12px 8px;
    color: var(--color-gray-01, #909893);
    font-size: 12px;
    text-align: center;
}

[data-theme="dark"] .vp-grid__filter-option-list[b-r0obnvc2w3] {
    background: rgba(255, 255, 255, 0.02);
    border-color: rgba(255, 255, 255, 0.10);
}

[data-theme="dark"] .vp-grid__filter-option:hover[b-r0obnvc2w3] {
    background: rgba(255, 255, 255, 0.06);
}

/* ── Footer ──────────────────────────────────────────────── */
.vp-grid__filter-footer[b-r0obnvc2w3] {
    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-r0obnvc2w3],
.vp-grid__filter-btn-secondary[b-r0obnvc2w3] {
    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-r0obnvc2w3] {
    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-r0obnvc2w3] {
    background: color-mix(in srgb, var(--color-bright-green, #a3e96b) 88%, var(--color-midnight, #223029) 12%);
}

.vp-grid__filter-btn-secondary[b-r0obnvc2w3] {
    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-r0obnvc2w3] {
    background: var(--vp-surface-hover, #e0e3e2);
    border-color: var(--color-midnight, #223029);
}

.vp-grid__filter-btn-secondary:disabled[b-r0obnvc2w3] {
    opacity: 0.5;
    cursor: not-allowed;
}

[data-theme="dark"] .vp-grid__filter-footer[b-r0obnvc2w3] {
    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-r0obnvc2w3] {
    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-r0obnvc2w3] {
    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-s30drcxhn7] {
    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-s30drcxhn7] {
    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-s30drcxhn7] (.vp-grid__name-cell) {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.vp-grid[b-s30drcxhn7] (.vp-grid__name-block) {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.vp-grid[b-s30drcxhn7] (.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-s30drcxhn7] (.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-s30drcxhn7] (.vp-grid__name) {
    color: #ffffff;
}

.vp-grid[b-s30drcxhn7] (.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-s30drcxhn7] (.vp-grid__sub) {
    color: rgba(255, 255, 255, 0.55);
}

.vp-grid[b-s30drcxhn7] (.vp-grid__code-chip) {
    display: inline-block;
    padding: 3px 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-s30drcxhn7] (.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-s30drcxhn7] (.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-s30drcxhn7] (.vp-grid__updated) {
    color: rgba(255, 255, 255, 0.55);
}

.vp-grid[b-s30drcxhn7] (.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-s30drcxhn7] (.vp-grid__more-btn:hover) {
    background: var(--vp-surface-hover, #e0e3e2);
    color: var(--color-midnight, #223029);
}

[data-theme="dark"] .vp-grid[b-s30drcxhn7] (.vp-grid__more-btn) {
    color: rgba(255, 255, 255, 0.55);
}

[data-theme="dark"] .vp-grid[b-s30drcxhn7] (.vp-grid__more-btn:hover) {
    background: rgba(255, 255, 255, 0.06);
    color: #ffffff;
}

/* ── Bulk selection bar ────────────────────────────────────────── */
.vp-grid__bulkbar[b-s30drcxhn7] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 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-s30drcxhn7 0.18s ease-out;
}

.vp-grid__bulkbar-count[b-s30drcxhn7] {
    font-family: var(--font-mono, ui-monospace, monospace);
    color: var(--color-gray-01, #909893);
    margin-right: auto;
}

.vp-grid__bulkbar-clear[b-s30drcxhn7] {
    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: 4px 10px;
    border-radius: 6px;
    transition: background-color 0.12s ease, color 0.12s ease;
}

.vp-grid__bulkbar-clear:hover[b-s30drcxhn7] {
    background: var(--vp-surface-hover, #e0e3e2);
    color: var(--color-midnight, #223029);
}

@keyframes vp-grid-bulkbar-enter-b-s30drcxhn7 {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

[data-theme="dark"] .vp-grid__bulkbar[b-s30drcxhn7] {
    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-s30drcxhn7] {
    color: rgba(255, 255, 255, 0.55);
}

[data-theme="dark"] .vp-grid__bulkbar-clear:hover[b-s30drcxhn7] {
    background: rgba(255, 255, 255, 0.06);
    color: #ffffff;
}

/* ── Toolbar ────────────────────────────────────────────────────── */
.vp-grid__toolbar[b-s30drcxhn7] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--vp-divider, #e0e3e2);
    flex-wrap: wrap;
}

[data-theme="dark"] .vp-grid__toolbar[b-s30drcxhn7] {
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

.vp-grid__toolbar-filter[b-s30drcxhn7] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.vp-grid__toolbar-spacer[b-s30drcxhn7] {
    flex: 1 1 auto;
    min-width: 0;
}

.vp-grid__toolbar-advanced[b-s30drcxhn7] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.vp-grid__toolbar-actions[b-s30drcxhn7] {
    display: flex;
    align-items: center;
    gap: 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-s30drcxhn7] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 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-s30drcxhn7] {
    background: var(--vp-surface-hover, #e0e3e2);
    border-color: var(--color-midnight, #223029);
}

[data-theme="dark"] .vp-grid__ghost-btn[b-s30drcxhn7] {
    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-s30drcxhn7] {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.30);
}

/* ── Columns panel ──────────────────────────────────────────────── */
.vp-grid__columns-wrapper[b-s30drcxhn7] {
    position: relative;
}

.vp-grid__col-backdrop[b-s30drcxhn7] {
    position: fixed;
    inset: 0;
    z-index: 99;
}

.vp-grid__col-panel[b-s30drcxhn7] {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    z-index: 100;
    background: var(--vp-card-bg, #ffffff);
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
    min-width: 180px;
    padding: 6px 0;
}

.vp-grid__col-option[b-s30drcxhn7] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
    cursor: pointer;
    font-size: 13px;
    color: var(--vp-content-text, #223029);
    transition: background-color 0.1s ease;
}

.vp-grid__col-option:hover[b-s30drcxhn7] {
    background: var(--vp-surface-hover, #e0e3e2);
}

.vp-grid__col-option input[type="checkbox"][b-s30drcxhn7] {
    accent-color: var(--color-bright-green, #a3e96b);
    cursor: pointer;
    width: 15px;
    height: 15px;
}

[data-theme="dark"] .vp-grid__col-panel[b-s30drcxhn7] {
    background: color-mix(in srgb, var(--color-midnight, #223029) 90%, #000 10%);
    border-color: rgba(255, 255, 255, 0.10);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.36);
}

[data-theme="dark"] .vp-grid__col-option[b-s30drcxhn7] {
    color: rgba(255, 255, 255, 0.82);
}

[data-theme="dark"] .vp-grid__col-option:hover[b-s30drcxhn7] {
    background: rgba(255, 255, 255, 0.05);
}

/* ── Resize overlay ─────────────────────────────────────────────── */
.vp-grid__resize-overlay[b-s30drcxhn7] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    cursor: col-resize;
}

/* ── Table wrapper ──────────────────────────────────────────────── */
.vp-grid__table-wrapper[b-s30drcxhn7] {
    overflow-x: auto;
    flex: 1;
}

/* ── Table ──────────────────────────────────────────────────────── */
.vp-grid__table[b-s30drcxhn7] {
    width: 100%;
    border-collapse: collapse;
}

/* ── Header ─────────────────────────────────────────────────────── */
.vp-grid__header-row[b-s30drcxhn7] {
    background: transparent;
}

.vp-grid__th[b-s30drcxhn7] {
    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-s30drcxhn7] {
    border-bottom-color: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.5);
}

.vp-grid__th--sorted[b-s30drcxhn7] {
    color: var(--color-midnight, #223029);
}

[data-theme="dark"] .vp-grid__th--sorted[b-s30drcxhn7] {
    color: var(--color-bright-green, #a3e96b);
}

.vp-grid__th-actions[b-s30drcxhn7] {
    text-align: center;
    width: 1px;
    white-space: nowrap;
    padding: 0 16px;
}

.vp-grid__th-content[b-s30drcxhn7] {
    display: flex;
    align-items: center;
    gap: 5px;
    position: relative;
    padding: 14px 12px;
}

.vp-grid__th-label[b-s30drcxhn7] {
    font: inherit;
    color: inherit;
}

/* Sort button */
.vp-grid__sort-btn[b-s30drcxhn7] {
    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-s30drcxhn7] {
    color: var(--color-midnight, #223029);
}

[data-theme="dark"] .vp-grid__sort-btn:hover[b-s30drcxhn7] {
    color: #ffffff;
}

/* Resize handle */
.vp-grid__resize-handle[b-s30drcxhn7] {
    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-s30drcxhn7] {
    background: var(--vp-border-default, #b9c0be);
}

.vp-grid__resize-handle:active[b-s30drcxhn7],
.vp-grid__resize-handle:hover[b-s30drcxhn7] {
    background: var(--color-bright-green, #a3e96b);
}

/* ── Selection column ───────────────────────────────────────────── */
.vp-grid__th-select[b-s30drcxhn7],
.vp-grid__td-select[b-s30drcxhn7] {
    width: 42px;
    min-width: 42px;
    padding: 0 0 0 16px;
    text-align: left;
    vertical-align: middle;
}

.vp-grid__select-checkbox[b-s30drcxhn7] {
    accent-color: var(--color-bright-green, #a3e96b);
    cursor: pointer;
    width: 16px;
    height: 16px;
    margin: 0;
}

/* ── Rows ───────────────────────────────────────────────────────── */
.vp-grid__row[b-s30drcxhn7] {
    transition: background-color 0.1s ease;
}

.vp-grid__row:nth-child(even)[b-s30drcxhn7] {
    background: rgba(15, 23, 19, 0.015);
}

[data-theme="dark"] .vp-grid__row:nth-child(even)[b-s30drcxhn7] {
    background: rgba(255, 255, 255, 0.015);
}

.vp-grid__row:hover[b-s30drcxhn7] {
    background: var(--vp-content-bg, #f7f7f7);
}

[data-theme="dark"] .vp-grid__row:hover[b-s30drcxhn7] {
    background: rgba(255, 255, 255, 0.03);
}

.vp-grid__row--clickable[b-s30drcxhn7] {
    cursor: pointer;
}

.vp-grid__row--editing[b-s30drcxhn7] {
    background: var(--color-pale-yellow-50, #FFFDD8);
}

.vp-grid__row--editing:hover[b-s30drcxhn7] {
    background: var(--color-pale-yellow, #FFFCB1);
}

[data-theme="dark"] .vp-grid__row--editing[b-s30drcxhn7] {
    background: rgba(255, 245, 21, 0.08);
}

.vp-grid__row--selected[b-s30drcxhn7] {
    background: color-mix(in srgb, var(--color-bright-green, #a3e96b) 10%, transparent);
}

.vp-grid__row--selected:hover[b-s30drcxhn7] {
    background: color-mix(in srgb, var(--color-bright-green, #a3e96b) 16%, transparent);
}

[data-theme="dark"] .vp-grid__row--selected[b-s30drcxhn7] {
    background: color-mix(in srgb, var(--color-bright-green, #a3e96b) 12%, transparent);
}

[data-theme="dark"] .vp-grid__row--selected:hover[b-s30drcxhn7] {
    background: color-mix(in srgb, var(--color-bright-green, #a3e96b) 20%, transparent);
}

.vp-grid__row--expanded[b-s30drcxhn7],
.vp-grid__row--expanded:hover[b-s30drcxhn7] {
    background: var(--vp-content-bg, #f7f7f7);
}

[data-theme="dark"] .vp-grid__row--expanded[b-s30drcxhn7],
[data-theme="dark"] .vp-grid__row--expanded:hover[b-s30drcxhn7] {
    background: rgba(255, 255, 255, 0.04);
}

/* ── Cells ──────────────────────────────────────────────────────── */
.vp-grid__td[b-s30drcxhn7] {
    padding: 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-s30drcxhn7] {
    color: rgba(255, 255, 255, 0.86);
}

/* Cell alignment + numeric/mono variants */
.vp-grid__td--right[b-s30drcxhn7] { text-align: right; }
.vp-grid__td--center[b-s30drcxhn7] { text-align: center; }
.vp-grid__td--mono[b-s30drcxhn7] {
    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-s30drcxhn7] {
    color: rgba(255, 255, 255, 0.58);
}

.vp-grid__td-actions[b-s30drcxhn7] {
    width: 1px;
    white-space: nowrap;
    padding: 8px 12px;
    text-align: center;
}

.vp-grid__cell-input[b-s30drcxhn7] {
    width: 100%;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: 4px;
    padding: 4px 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-s30drcxhn7] {
    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-s30drcxhn7] {
    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-s30drcxhn7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 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-s30drcxhn7] {
    background: var(--btn-secondary-bg, #e0e3e2);
    color: var(--btn-secondary-text, #223029);
}

.vp-grid__action-btn--edit:hover[b-s30drcxhn7] {
    background: var(--btn-secondary-bg-hover, #b9c0be);
}

.vp-grid__action-btn--save[b-s30drcxhn7] {
    background: var(--btn-primary-bg, #a3e96b);
    color: var(--btn-primary-text, #223029);
    margin-right: 6px;
}

.vp-grid__action-btn--save:hover[b-s30drcxhn7] {
    background: var(--btn-primary-bg-hover, #8fd455);
}

.vp-grid__action-btn--cancel[b-s30drcxhn7] {
    background: var(--btn-secondary-bg, #e0e3e2);
    color: var(--btn-secondary-text, #223029);
}

.vp-grid__action-btn--cancel:hover[b-s30drcxhn7] {
    background: var(--btn-secondary-bg-hover, #b9c0be);
}

/* ── Empty state ────────────────────────────────────────────────── */
.vp-grid__empty[b-s30drcxhn7] {
    text-align: center;
    color: var(--color-gray-01, #909893);
    padding: 48px 16px;
    font-size: 14px;
}

/* ── Expand column ──────────────────────────────────────────────── */
.vp-grid__th-expand[b-s30drcxhn7] {
    width: 36px;
    min-width: 36px;
    padding: 0 4px;
}

.vp-grid__td-expand[b-s30drcxhn7] {
    width: 36px;
    min-width: 36px;
    padding: 0 4px;
    text-align: center;
    vertical-align: middle;
}

.vp-grid__expand-btn[b-s30drcxhn7] {
    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-s30drcxhn7] {
    background: var(--vp-surface-hover, #e0e3e2);
    color: var(--vp-content-text, #223029);
}

.vp-grid__expand-btn--open[b-s30drcxhn7] {
    transform: rotate(90deg);
    color: var(--color-bright-green, #a3e96b);
}

/* ── Child rows ─────────────────────────────────────────────────── */
.vp-grid__row--child[b-s30drcxhn7] {
    background: var(--vp-content-bg, #f7f7f7);
}

.vp-grid__row--child:hover[b-s30drcxhn7] {
    background: var(--vp-surface-hover, #e0e3e2);
}

.vp-grid__td--child[b-s30drcxhn7] {
    font-size: 13px;
    color: var(--color-gray-01, #909893);
}

.vp-grid__td-expand--child[b-s30drcxhn7] {
    border-left: 2px solid var(--color-bright-green, #a3e96b);
}

.vp-grid__row--child-template[b-s30drcxhn7] {
    background: var(--vp-content-bg, #f7f7f7);
}

.vp-grid__child-content[b-s30drcxhn7] {
    padding: 0;
}

[data-theme="dark"] .vp-grid__row--child[b-s30drcxhn7],
[data-theme="dark"] .vp-grid__row--child-template[b-s30drcxhn7] {
    background: rgba(255, 255, 255, 0.04);
}

/* ── Footer (count · hints) ─────────────────────────────────────── */
.vp-grid__footer[b-s30drcxhn7] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px 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-s30drcxhn7] {
    border-top-color: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.5);
}

.vp-grid__footer-count[b-s30drcxhn7] {
    flex: 1 1 140px;
    min-width: 0;
}

.vp-grid__footer-hints[b-s30drcxhn7] {
    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-s30drcxhn7] {
    color: rgba(255, 255, 255, 0.45);
}

/* ── Jump-to-page control ───────────────────────────────────────── */
.vp-grid__pager-jump[b-s30drcxhn7] {
    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-s30drcxhn7] {
    width: 4rem;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: 8px;
    padding: 6px 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-s30drcxhn7]::-webkit-outer-spin-button,
.vp-grid__pager-jump-input[b-s30drcxhn7]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.vp-grid__pager-jump-input:focus[b-s30drcxhn7] {
    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-s30drcxhn7] {
    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-s30drcxhn7] {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}

/* ── Export modal content ───────────────────────────────────────── */
.vp-grid__export-meta[b-s30drcxhn7] {
    font-size: 13px;
    color: var(--vp-content-text, #223029);
    margin: 0 0 16px 0;
}

.vp-grid__export-cols-header[b-s30drcxhn7] {
    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: 8px;
}

.vp-grid__export-links[b-s30drcxhn7] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--color-gray-01, #909893);
    font-weight: normal;
}

.vp-grid__export-link[b-s30drcxhn7] {
    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-s30drcxhn7] {
    opacity: 0.8;
}

.vp-grid__export-col-list[b-s30drcxhn7] {
    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: 4px 0;
    margin-bottom: 12px;
}

.vp-grid__export-col-row[b-s30drcxhn7] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 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-s30drcxhn7] {
    background: var(--vp-surface-hover, #e0e3e2);
}

.vp-grid__export-col-row input[type="checkbox"][b-s30drcxhn7] {
    accent-color: var(--color-bright-green, #a3e96b);
    cursor: pointer;
    width: 15px;
    height: 15px;
    flex-shrink: 0;
}

.vp-grid__export-hidden-tag[b-s30drcxhn7] {
    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-s30drcxhn7] {
    margin-top: 4px;
    padding: 10px 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-s30drcxhn7],
    .vp-grid[data-mobile-mode="stacked"] .vp-grid__td:nth-child(n+3)[b-s30drcxhn7] {
        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-s30drcxhn7] {
        overflow-x: unset;
    }

    .vp-grid[data-mobile-mode="recordlist"] .vp-grid__table[b-s30drcxhn7],
    .vp-grid[data-mobile-mode="recordlist"] .vp-grid__table thead[b-s30drcxhn7],
    .vp-grid[data-mobile-mode="recordlist"] .vp-grid__table tbody[b-s30drcxhn7] {
        display: block;
    }

    .vp-grid[data-mobile-mode="recordlist"] .vp-grid__header-row[b-s30drcxhn7] {
        display: none;
    }

    .vp-grid[data-mobile-mode="recordlist"] .vp-grid__row[b-s30drcxhn7] {
        display: block;
        border: 1px solid var(--vp-card-border, rgba(15, 23, 19, 0.06));
        border-radius: 12px;
        margin: 8px 12px;
        padding: 4px 0;
    }

    .vp-grid[data-mobile-mode="recordlist"] .vp-grid__row:nth-child(even)[b-s30drcxhn7] {
        background: transparent;
    }

    .vp-grid[data-mobile-mode="recordlist"] .vp-grid__td[b-s30drcxhn7] {
        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-s30drcxhn7] {
        border-bottom: none;
    }

    [data-theme="dark"] .vp-grid[data-mobile-mode="recordlist"] .vp-grid__row[b-s30drcxhn7] {
        border-color: rgba(255, 255, 255, 0.08);
    }

    [data-theme="dark"] .vp-grid[data-mobile-mode="recordlist"] .vp-grid__td[b-s30drcxhn7] {
        border-bottom-color: rgba(255, 255, 255, 0.05);
    }
}

/* ── Per-column filter button (column header) ───────────────────── */
.vp-grid__filter-btn[b-s30drcxhn7] {
    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-s30drcxhn7] {
    opacity: 1;
}

.vp-grid__filter-btn:hover[b-s30drcxhn7] {
    background: var(--vp-surface-hover, #e0e3e2);
    color: var(--color-midnight, #223029);
}

.vp-grid__filter-btn--active[b-s30drcxhn7] {
    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-s30drcxhn7] {
    background: color-mix(in srgb, var(--color-bright-green, #a3e96b) 50%, transparent);
}

[data-theme="dark"] .vp-grid__filter-btn[b-s30drcxhn7] {
    color: rgba(255, 255, 255, 0.5);
}

[data-theme="dark"] .vp-grid__filter-btn:hover[b-s30drcxhn7] {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}

[data-theme="dark"] .vp-grid__filter-btn--active[b-s30drcxhn7] {
    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-s30drcxhn7] {
    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-s30drcxhn7] {
    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-s30drcxhn7] {
    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-s30drcxhn7] {
    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-s30drcxhn7] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px 16px 4px;
    border-bottom: 1px solid var(--vp-divider, #e0e3e2);
}

[data-theme="dark"] .vp-grid__active-filter-chips[b-s30drcxhn7] {
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

.vp-grid__filter-chip[b-s30drcxhn7] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 4px 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-s30drcxhn7] {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
    white-space: nowrap;
}

.vp-grid__filter-chip-label strong[b-s30drcxhn7] {
    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-s30drcxhn7] {
    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-s30drcxhn7] {
    background: rgba(15, 23, 19, 0.08);
}

[data-theme="dark"] .vp-grid__filter-chip[b-s30drcxhn7] {
    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-s30drcxhn7] {
    color: rgba(255, 255, 255, 0.88);
}

[data-theme="dark"] .vp-grid__filter-chip-remove:hover[b-s30drcxhn7] {
    background: rgba(255, 255, 255, 0.14);
}
/* _content/Verapath.Components/Components/Grid/VerapathRebalanceGrid.razor.rz.scp.css */
.vp-rebalance-grid[b-zsheka00hd] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.vp-rebalance-grid__header[b-zsheka00hd] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.vp-rebalance-grid__title[b-zsheka00hd] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-midnight, #223029);
}

.vp-rebalance-grid__description[b-zsheka00hd] {
    margin: 0;
    color: var(--color-gray-01, #909893);
    font-size: 0.85rem;
}

.vp-rebalance-grid__profile-bar[b-zsheka00hd] {
    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-zsheka00hd] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.vp-rebalance-grid__profile-label[b-zsheka00hd] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--color-midnight, #223029);
}

.vp-rebalance-grid__profile-select[b-zsheka00hd] {
    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-zsheka00hd] {
    color: var(--color-red, #f9574d);
    font-size: 1rem;
    line-height: 1;
}

.vp-rebalance-grid__profile-actions[b-zsheka00hd] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.vp-rebalance-grid__btn[b-zsheka00hd] {
    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-zsheka00hd] {
    background: var(--color-gray-03, #e0e3e2);
}

.vp-rebalance-grid__btn:disabled[b-zsheka00hd] {
    color: var(--color-gray-01, #909893);
    cursor: not-allowed;
    opacity: 0.6;
}

.vp-rebalance-grid__btn--primary[b-zsheka00hd] {
    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-zsheka00hd] {
    filter: brightness(0.95);
    background: var(--color-bright-green, #a3e96b);
}

/* ── Horizontal scroll + no-wrap for the inner grid ─────────────── */
.vp-rebalance-grid__scroll[b-zsheka00hd] {
    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-zsheka00hd]  .vp-grid__table-wrapper {
    overflow: auto;
    max-height: var(--vp-rebalance-grid-max-height, 70vh);
    position: relative;
}

.vp-rebalance-grid__scroll[b-zsheka00hd]  .vp-grid__td,
.vp-rebalance-grid__scroll[b-zsheka00hd]  .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-zsheka00hd]  .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-zsheka00hd]  .vp-grid__header-row > .vp-grid__th:first-child,
.vp-rebalance-grid--freeze[b-zsheka00hd]  .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-zsheka00hd]  .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-zsheka00hd]  .vp-grid__td-select,
.vp-rebalance-grid--freeze[b-zsheka00hd]  .vp-grid__th-select,
.vp-rebalance-grid--freeze[b-zsheka00hd]  .vp-grid__td-expand,
.vp-rebalance-grid--freeze[b-zsheka00hd]  .vp-grid__th-expand {
    background: inherit;
}

/* ── Column picker ─────────────────────────────────────────────── */
.vp-rebalance-grid__picker-backdrop[b-zsheka00hd] {
    position: fixed;
    inset: 0;
    background: rgba(34, 48, 41, 0.25);
    z-index: 1000;
}

.vp-rebalance-grid__picker[b-zsheka00hd],
.vp-rebalance-grid__saveas[b-zsheka00hd] {
    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-zsheka00hd] {
    width: min(420px, 95vw);
    top: 22vh;
}

.vp-rebalance-grid__picker-header[b-zsheka00hd] {
    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-zsheka00hd] {
    background: transparent;
    border: 0;
    font-size: 1.3rem;
    line-height: 1;
    cursor: pointer;
    color: var(--color-midnight, #223029);
}

.vp-rebalance-grid__picker-body[b-zsheka00hd] {
    overflow-y: auto;
    padding: 12px 16px;
}

.vp-rebalance-grid__picker-group[b-zsheka00hd] {
    margin-bottom: 14px;
}

.vp-rebalance-grid__picker-group h4[b-zsheka00hd] {
    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-zsheka00hd] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0;
    font-size: 0.9rem;
    cursor: pointer;
}

/* ── Save-as ───────────────────────────────────────────────────── */
.vp-rebalance-grid__saveas-body[b-zsheka00hd] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.vp-rebalance-grid__saveas-input[b-zsheka00hd] {
    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-zsheka00hd] {
    outline: 2px solid var(--color-bright-green, #a3e96b);
    outline-offset: -2px;
}

.vp-rebalance-grid__saveas-default[b-zsheka00hd] {
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 0.85rem;
}

.vp-rebalance-grid__saveas-actions[b-zsheka00hd] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 6px;
}

/* ── Lot expansion table ───────────────────────────────────────── */
.vp-rebalance-grid__lots[b-zsheka00hd] {
    padding: 8px 12px;
    background: var(--color-gray-04, #f7f7f7);
}

.vp-rebalance-grid__lots-empty[b-zsheka00hd] {
    padding: 8px 0;
    color: var(--color-gray-01, #909893);
    font-style: italic;
    font-size: 0.85rem;
}

.vp-rebalance-grid__lots-table[b-zsheka00hd] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}

.vp-rebalance-grid__lots-table th[b-zsheka00hd],
.vp-rebalance-grid__lots-table td[b-zsheka00hd] {
    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-zsheka00hd] {
    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-3v34aq7kjl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: currentColor;
    flex: 0 0 auto;
}

[data-theme="dark"] .vp-icon[b-3v34aq7kjl],
:root[data-theme="dark"] .vp-icon[b-3v34aq7kjl] {
    color: currentColor;
}
/* _content/Verapath.Components/Components/Icons/VerapathIconBadge.razor.rz.scp.css */
.vp-icon-badge[b-1vxdkokut9] {
    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-1vxdkokut9] {
    border-radius: 22px;
}

.vp-icon-badge--default[b-1vxdkokut9] {
    background: rgba(34, 48, 41, 0.06);
    color: var(--color-midnight, #223029);
}

.vp-icon-badge--accent[b-1vxdkokut9] {
    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-1vxdkokut9] {
    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-1vxdkokut9],
:root[data-theme="dark"] .vp-icon-badge[b-1vxdkokut9] {
    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-1vxdkokut9],
:root[data-theme="dark"] .vp-icon-badge--accent[b-1vxdkokut9] {
    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-1vxdkokut9],
:root[data-theme="dark"] .vp-icon-badge--inverse[b-1vxdkokut9] {
    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-e4zebp23qz] {
    position: relative;
    flex-shrink: 0;
    display: inline-block;
}

.vp-agent-picker--disabled[b-e4zebp23qz] {
    opacity: 0.6;
    pointer-events: none;
}

.vp-agent-picker__trigger[b-e4zebp23qz] {
    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-e4zebp23qz],
.vp-agent-picker__trigger--open[b-e4zebp23qz] {
    border-color: var(--color-gray-03, #e0e3e2);
    background: var(--color-gray-04, #f7f7f7);
}

.vp-agent-picker__trigger:disabled[b-e4zebp23qz] {
    cursor: not-allowed;
}

.vp-agent-picker__avatar[b-e4zebp23qz] {
    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-e4zebp23qz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.vp-agent-picker__label[b-e4zebp23qz] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    min-width: 0;
}

.vp-agent-picker__name[b-e4zebp23qz] {
    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-e4zebp23qz] {
    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-e4zebp23qz] {
    color: var(--vp-placeholder-color, #909893);
    flex-shrink: 0;
    transition: transform 0.15s ease;
    margin-left: 2px;
}

.vp-agent-picker__chevron--open[b-e4zebp23qz] {
    transform: rotate(180deg);
}

.vp-agent-picker__panel[b-e4zebp23qz] {
    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-e4zebp23qz 0.12s ease;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

@keyframes vp-agent-picker-in-b-e4zebp23qz {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

.vp-agent-picker__search[b-e4zebp23qz] {
    position: relative;
    padding: 4px;
}

.vp-agent-picker__search-icon[b-e4zebp23qz] {
    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-e4zebp23qz] {
    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-e4zebp23qz]::placeholder {
    color: var(--vp-placeholder-color, #909893);
}

.vp-agent-picker__search-input:focus[b-e4zebp23qz] {
    border-color: var(--color-bright-green, #a3e96b);
    box-shadow: 0 0 0 2px rgba(163, 233, 107, 0.25);
}

.vp-agent-picker__options[b-e4zebp23qz] {
    max-height: 320px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.vp-agent-picker__option[b-e4zebp23qz] {
    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-e4zebp23qz] {
    background-color: var(--vp-surface-hover, #e0e3e2);
}

.vp-agent-picker__option--selected[b-e4zebp23qz] {
    background-color: rgba(163, 233, 107, 0.15);
}

.vp-agent-picker__option-avatar[b-e4zebp23qz] {
    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-e4zebp23qz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.vp-agent-picker__option-body[b-e4zebp23qz] {
    display: flex;
    flex: 1;
    min-width: 0;
    flex-direction: column;
    gap: 1px;
}

.vp-agent-picker__option-name[b-e4zebp23qz] {
    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-e4zebp23qz] {
    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-e4zebp23qz] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    color: var(--color-bright-green, #72c54a);
}

.vp-agent-picker__empty[b-e4zebp23qz] {
    padding: 12px;
    font-size: 13px;
    color: var(--vp-placeholder-color, #909893);
    text-align: center;
}

@media (max-width: 720px) {
    .vp-agent-picker__avatar[b-e4zebp23qz] {
        width: 28px;
        height: 28px;
    }

    .vp-agent-picker__model[b-e4zebp23qz] {
        display: none;
    }

    .vp-agent-picker__name[b-e4zebp23qz] {
        max-width: 14ch;
    }

    .vp-agent-picker__panel[b-e4zebp23qz] {
        min-width: min(320px, calc(100vw - 24px));
        max-width: min(320px, calc(100vw - 24px));
    }
}

[data-theme="dark"] .vp-agent-picker__trigger[b-e4zebp23qz],
:root[data-theme="dark"] .vp-agent-picker__trigger[b-e4zebp23qz] {
    background: transparent;
    border-color: transparent;
}

[data-theme="dark"] .vp-agent-picker__trigger:hover[b-e4zebp23qz],
[data-theme="dark"] .vp-agent-picker__trigger--open[b-e4zebp23qz],
:root[data-theme="dark"] .vp-agent-picker__trigger:hover[b-e4zebp23qz],
:root[data-theme="dark"] .vp-agent-picker__trigger--open[b-e4zebp23qz] {
    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__panel[b-e4zebp23qz],
:root[data-theme="dark"] .vp-agent-picker__panel[b-e4zebp23qz] {
    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-e4zebp23qz],
:root[data-theme="dark"] .vp-agent-picker__option--selected[b-e4zebp23qz] {
    background-color: rgba(163, 233, 107, 0.1);
}

[data-theme="dark"] .vp-agent-picker__option-avatar[b-e4zebp23qz],
:root[data-theme="dark"] .vp-agent-picker__option-avatar[b-e4zebp23qz] {
    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-jvrdmee9u6] {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: var(--vp-field-gap, 6px);
    vertical-align: top;
}

/* ── Row ─────────────────────────────────────────────────────────── */
.vp-checkbox-row[b-jvrdmee9u6] {
    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-jvrdmee9u6] { cursor: not-allowed; }

/* ── Hide native input (keep accessible) ─────────────────────────── */
.vp-checkbox__native[b-jvrdmee9u6] {
    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-jvrdmee9u6] {
    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-jvrdmee9u6] {
    border-color: var(--vp-border-hover, #223029);
}

.vp-checkbox__native:focus-visible + .vp-checkbox__box[b-jvrdmee9u6] {
    box-shadow: 0 0 0 3px rgba(163, 233, 107, 0.45);
    border-color: var(--color-bright-green, #a3e96b);
}

.vp-checkbox__box--checked[b-jvrdmee9u6] {
    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-jvrdmee9u6] {
    background-color: #8fd458;
    border-color: #8fd458;
}

.vp-checkbox__box--error[b-jvrdmee9u6] { border-color: var(--color-red, #f9574d); }
.vp-checkbox-row:hover .vp-checkbox__box--error:not(.vp-checkbox__box--checked)[b-jvrdmee9u6] {
    border-color: var(--color-red, #f9574d);
}

.vp-checkbox-field--disabled .vp-checkbox__box[b-jvrdmee9u6] {
    background-color: var(--vp-surface-disabled, #f7f7f7);
    border-color: var(--vp-border-disabled, #e0e3e2);
}

.vp-checkbox-field--disabled .vp-checkbox__box--checked[b-jvrdmee9u6] {
    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-jvrdmee9u6] {
    display: inline;
    font-size: var(--font-size-body, 16px);
    color: var(--vp-label-color, #223029);
    line-height: 1.5;
}

.vp-checkbox__content[b-jvrdmee9u6] {
    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-jvrdmee9u6] { color: var(--color-gray-01, #909893); }

.vp-checkbox__required[b-jvrdmee9u6] {
    color: var(--color-red, #f9574d);
    font-weight: 700;
    margin-left: 3px;
}

/* ── Footer ──────────────────────────────────────────────────────── */
.vp-checkbox-field__footer[b-jvrdmee9u6] { display: block; }

.vp-checkbox-field__message[b-jvrdmee9u6] {
    display: block;
    font-size: var(--font-size-label, 14px);
    line-height: 1.4;
}
.vp-checkbox-field__message--helper[b-jvrdmee9u6] { color: var(--vp-placeholder-color, #909893); }
.vp-checkbox-field__message--error[b-jvrdmee9u6]  { color: var(--color-red, #f9574d); }
/* _content/Verapath.Components/Components/Inputs/DatePicker/VerapathDatePicker.razor.rz.scp.css */
.vp-date-picker[b-nuyndhh59x] {
    display: flex;
    flex-direction: column;
    gap: var(--vp-field-gap, 6px);
    width: 100%;
}

.vp-date-picker__label[b-nuyndhh59x] {
    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-nuyndhh59x] {
    color: var(--color-red, #f9574d);
    font-weight: 700;
    line-height: 1;
}

.vp-date-picker__container[b-nuyndhh59x] {
    position: relative;
}

.vp-date-picker__field[b-nuyndhh59x] {
    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-nuyndhh59x] { height: 48px; }
.vp-date-picker__field--size-large[b-nuyndhh59x]   { height: 59px; }

/* Focus ring via box-shadow — no border-width change = no layout shift */
.vp-date-picker__field--focused[b-nuyndhh59x] {
    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-nuyndhh59x] {
    background: var(--vp-surface-disabled, #f7f7f7);
}

.vp-date-picker--disabled .vp-date-picker__field[b-nuyndhh59x] {
    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-nuyndhh59x] {
    color: var(--color-gray-01, #909893);
}

.vp-date-picker--error .vp-date-picker__field[b-nuyndhh59x] {
    border-color: var(--vp-focus-ring-error, var(--color-red, #f9574d));
}

.vp-date-picker--error .vp-date-picker__field--focused[b-nuyndhh59x] {
    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-nuyndhh59x] {
    border: 2px solid var(--color-green, #0ea665);
}

.vp-date-picker__icon[b-nuyndhh59x] {
    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-nuyndhh59x] {
    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-nuyndhh59x]::placeholder {
    color: var(--vp-placeholder-color, #909893);
}

.vp-date-picker__input:disabled[b-nuyndhh59x] {
    cursor: not-allowed;
    color: var(--color-gray-01, #909893);
}

.vp-date-picker__action[b-nuyndhh59x] {
    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-nuyndhh59x] {
    color: var(--vp-label-color, #223029);
    background: var(--vp-surface-hover, #e0e3e2);
}

.vp-date-picker--open .vp-date-picker__action:last-child[b-nuyndhh59x] {
    transform: rotate(180deg);
}

.vp-date-picker__action:disabled[b-nuyndhh59x] {
    cursor: not-allowed;
    opacity: 0.5;
}

.vp-date-picker__backdrop[b-nuyndhh59x] {
    position: fixed;
    inset: 0;
    z-index: 99;
    background: transparent;
}

.vp-date-picker__panel[b-nuyndhh59x] {
    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-nuyndhh59x] {
    display: grid;
    grid-template-columns: 32px 1fr 32px;
    align-items: center;
    gap: 8px;
}

.vp-date-picker__month-nav[b-nuyndhh59x] {
    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-nuyndhh59x] {
    background: var(--vp-surface-hover, #e0e3e2);
}

.vp-date-picker__month-label[b-nuyndhh59x] {
    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-nuyndhh59x] {
    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-nuyndhh59x],
.vp-date-picker__year-grid[b-nuyndhh59x] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.vp-date-picker__month-cell[b-nuyndhh59x],
.vp-date-picker__year-cell[b-nuyndhh59x] {
    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-nuyndhh59x],
.vp-date-picker__year-cell:hover[b-nuyndhh59x] {
    background: var(--vp-surface-hover, #e0e3e2);
}

.vp-date-picker__month-cell--today[b-nuyndhh59x],
.vp-date-picker__year-cell--today[b-nuyndhh59x] {
    border-color: rgba(163, 233, 107, 0.5);
}

.vp-date-picker__month-cell--selected[b-nuyndhh59x],
.vp-date-picker__year-cell--selected[b-nuyndhh59x] {
    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-nuyndhh59x] {
    color: var(--vp-placeholder-color, #909893);
}

.vp-date-picker__weekday-row[b-nuyndhh59x],
.vp-date-picker__calendar[b-nuyndhh59x] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 6px;
}

.vp-date-picker__weekday[b-nuyndhh59x] {
    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-nuyndhh59x] {
    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-nuyndhh59x] {
    background: var(--vp-surface-hover, #e0e3e2);
}

.vp-date-picker__day--today[b-nuyndhh59x] {
    border-color: rgba(163, 233, 107, 0.5);
}

.vp-date-picker__day--selected[b-nuyndhh59x] {
    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-nuyndhh59x] {
    opacity: 0.35;
    cursor: not-allowed;
}

.vp-date-picker__day--empty[b-nuyndhh59x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    color: transparent;
    pointer-events: none;
}

.vp-date-picker__panel-footer[b-nuyndhh59x] {
    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-nuyndhh59x] {
    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-nuyndhh59x] {
    background: var(--vp-surface-hover, #e0e3e2);
}

.vp-date-picker__footer-action:disabled[b-nuyndhh59x] {
    opacity: 0.45;
    cursor: not-allowed;
}

.vp-date-picker__footer[b-nuyndhh59x] {
    display: flex;
    gap: var(--vp-field-message-gap, 8px);
}

.vp-date-picker__message[b-nuyndhh59x] {
    font-size: var(--font-size-label, 14px);
    line-height: 1.4;
}

.vp-date-picker__message--helper[b-nuyndhh59x] {
    color: var(--vp-placeholder-color, #909893);
}

.vp-date-picker__message--error[b-nuyndhh59x] {
    color: var(--color-red, #f9574d);
}

.vp-date-picker__message--success[b-nuyndhh59x] {
    color: var(--color-green, #0ea665);
}

[data-theme="dark"] .vp-date-picker__field[b-nuyndhh59x],
[data-theme="dark"] .vp-date-picker__panel[b-nuyndhh59x] {
    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-nuyndhh59x],
[data-theme="dark"] .vp-date-picker--disabled .vp-date-picker__field[b-nuyndhh59x] {
    background: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .vp-date-picker__label[b-nuyndhh59x],
[data-theme="dark"] .vp-date-picker__input[b-nuyndhh59x],
[data-theme="dark"] .vp-date-picker__month-label[b-nuyndhh59x],
[data-theme="dark"] .vp-date-picker__month-nav[b-nuyndhh59x],
[data-theme="dark"] .vp-date-picker__day[b-nuyndhh59x],
[data-theme="dark"] .vp-date-picker__month-cell[b-nuyndhh59x],
[data-theme="dark"] .vp-date-picker__year-cell[b-nuyndhh59x],
[data-theme="dark"] .vp-date-picker__footer-action[b-nuyndhh59x] {
    color: rgba(255, 255, 255, 0.92);
}

[data-theme="dark"] .vp-date-picker__year-cell--outside[b-nuyndhh59x] {
    color: rgba(255, 255, 255, 0.42);
}

[data-theme="dark"] .vp-date-picker__month-label:hover[b-nuyndhh59x],
[data-theme="dark"] .vp-date-picker__month-cell:hover[b-nuyndhh59x],
[data-theme="dark"] .vp-date-picker__year-cell:hover[b-nuyndhh59x] {
    background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-date-picker__month-cell--selected[b-nuyndhh59x],
[data-theme="dark"] .vp-date-picker__year-cell--selected[b-nuyndhh59x] {
    background: var(--color-bright-green, #a3e96b);
    color: var(--color-midnight, #223029);
}

[data-theme="dark"] .vp-date-picker__icon[b-nuyndhh59x],
[data-theme="dark"] .vp-date-picker__action[b-nuyndhh59x],
[data-theme="dark"] .vp-date-picker__weekday[b-nuyndhh59x],
[data-theme="dark"] .vp-date-picker__message--helper[b-nuyndhh59x] {
    color: rgba(255, 255, 255, 0.52);
}

[data-theme="dark"] .vp-date-picker__input[b-nuyndhh59x]::placeholder {
    color: rgba(255, 255, 255, 0.42);
}

[data-theme="dark"] .vp-date-picker__month-nav:hover[b-nuyndhh59x],
[data-theme="dark"] .vp-date-picker__action:hover:not(:disabled)[b-nuyndhh59x],
[data-theme="dark"] .vp-date-picker__day:hover:not(:disabled)[b-nuyndhh59x],
[data-theme="dark"] .vp-date-picker__footer-action:hover:not(:disabled)[b-nuyndhh59x] {
    background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-date-picker__panel-footer[b-nuyndhh59x] {
    border-top-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-date-picker__day--today[b-nuyndhh59x] {
    border-color: rgba(163, 233, 107, 0.44);
}

[data-theme="dark"] .vp-date-picker__day--selected[b-nuyndhh59x] {
    background: var(--color-bright-green, #a3e96b);
    color: var(--color-midnight, #223029);
}

@media (max-width: 640px) {
    .vp-date-picker__panel[b-nuyndhh59x] {
        width: 100%;
        min-width: 0;
    }
}
/* _content/Verapath.Components/Components/Inputs/Dropdown/VerapathDropdown.razor.rz.scp.css */
/* ── Field container ─────────────────────────────────────────────── */
.vp-dropdown[b-9rzdcjbzx9] {
    display: flex;
    flex-direction: column;
    gap: var(--vp-field-gap, 6px);
    width: 100%;
}

/* ── Label ───────────────────────────────────────────────────────── */
.vp-dropdown__label[b-9rzdcjbzx9] {
    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-9rzdcjbzx9] {
    color: var(--color-red, #f9574d);
    font-weight: 700;
    line-height: 1;
}

/* ── Container (positions the panel) ────────────────────────────── */
.vp-dropdown__container[b-9rzdcjbzx9] {
    position: relative;
}

/* ── Trigger button ──────────────────────────────────────────────── */
.vp-dropdown__trigger[b-9rzdcjbzx9] {
    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-9rzdcjbzx9] { height: 48px; }
.vp-dropdown--size-large   .vp-dropdown__trigger[b-9rzdcjbzx9] { height: 59px; }

.vp-dropdown__trigger:hover:not(:disabled)[b-9rzdcjbzx9] {
    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-9rzdcjbzx9] {
    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-9rzdcjbzx9] {
    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-9rzdcjbzx9] {
    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-9rzdcjbzx9] {
    border: 2px solid var(--color-green, #0ea665);
}

/* Success + open */
.vp-dropdown--success.vp-dropdown--open .vp-dropdown__trigger[b-9rzdcjbzx9] {
    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-9rzdcjbzx9] {
    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-9rzdcjbzx9] {
    color: var(--color-gray-01, #909893);
}

/* ── Value text ──────────────────────────────────────────────────── */
.vp-dropdown__value[b-9rzdcjbzx9] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--vp-input-color, #223029);
}

.vp-dropdown__value--placeholder[b-9rzdcjbzx9] {
    color: var(--vp-placeholder-color, #909893);
}

/* ── Trigger clear button (multi-select) ────────────────────────── */
.vp-dropdown__clear[b-9rzdcjbzx9] {
    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-9rzdcjbzx9] {
    color: var(--vp-label-color, #223029);
    background-color: var(--vp-surface-hover, #e0e3e2);
}

/* ── Chevron ─────────────────────────────────────────────────────── */
.vp-dropdown__chevron[b-9rzdcjbzx9] {
    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-9rzdcjbzx9] {
    transform: rotate(180deg);
}

/* ── Click-outside backdrop ──────────────────────────────────────── */
.vp-dropdown__backdrop[b-9rzdcjbzx9] {
    position: fixed;
    inset: 0;
    z-index: 99;
    background: transparent;
    cursor: default;
}

/* ── Dropdown panel ──────────────────────────────────────────────── */
.vp-dropdown__panel[b-9rzdcjbzx9] {
    /* 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-9rzdcjbzx9] {
    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-9rzdcjbzx9] {
    display: inline-flex;
    flex-shrink: 0;
    color: var(--vp-placeholder-color, #909893);
}

.vp-dropdown__search-input[b-9rzdcjbzx9] {
    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-9rzdcjbzx9]::placeholder {
    color: var(--vp-placeholder-color, #909893);
}

.vp-dropdown__search-clear[b-9rzdcjbzx9] {
    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-9rzdcjbzx9] {
    color: var(--vp-label-color, #223029);
    background-color: var(--vp-surface-hover, #e0e3e2);
}

.vp-dropdown__search-divider[b-9rzdcjbzx9] {
    height: 1px;
    background: var(--vp-divider, #e0e3e2);
    flex-shrink: 0;
}

/* ── Options list ────────────────────────────────────────────────── */
.vp-dropdown__options[b-9rzdcjbzx9] {
    overflow-y: auto;
    flex: 1;
    padding: 4px 0;
}

/* ── Single option ───────────────────────────────────────────────── */
.vp-dropdown__option[b-9rzdcjbzx9] {
    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-9rzdcjbzx9] {
    background-color: var(--vp-surface-hover, #e0e3e2);
}

.vp-dropdown__option--selected[b-9rzdcjbzx9] {
    background-color: rgba(163, 233, 107, 0.12);
    color: var(--color-midnight, #223029);
}

.vp-dropdown__option--selected:hover:not(.vp-dropdown__option--disabled)[b-9rzdcjbzx9] {
    background-color: rgba(163, 233, 107, 0.2);
}

.vp-dropdown__option--disabled[b-9rzdcjbzx9] {
    opacity: 0.45;
    cursor: not-allowed;
}

/* ── Check mark slot ─────────────────────────────────────────────── */
.vp-dropdown__option-check[b-9rzdcjbzx9] {
    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-9rzdcjbzx9] {
    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-9rzdcjbzx9] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.vp-dropdown__option-label[b-9rzdcjbzx9] {
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vp-dropdown__option-desc[b-9rzdcjbzx9] {
    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-9rzdcjbzx9] {
    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-9rzdcjbzx9] {
    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-9rzdcjbzx9] {
    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-9rzdcjbzx9] {
    opacity: 0.8;
}

/* ── Footer (error / helper) ─────────────────────────────────────── */
.vp-dropdown__footer[b-9rzdcjbzx9] {
    display: flex;
    gap: var(--vp-field-message-gap, 8px);
}

.vp-dropdown__message[b-9rzdcjbzx9] {
    font-size: var(--font-size-label, 14px);
    line-height: 1.4;
}

.vp-dropdown__message--helper[b-9rzdcjbzx9]  { color: var(--vp-placeholder-color, #909893); }
.vp-dropdown__message--error[b-9rzdcjbzx9]   { color: var(--color-red, #f9574d); }
.vp-dropdown__message--success[b-9rzdcjbzx9] { 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-9rzdcjbzx9] {
    color: var(--color-midnight, #223029);
}

[data-theme="dark"] .vp-dropdown__option--selected .vp-dropdown__option-check[b-9rzdcjbzx9] {
    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-9rzdcjbzx9] {
    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-7jf1xn65xr] {
    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-7jf1xn65xr] {
    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-7jf1xn65xr] {
    color: var(--color-red, #f9574d);
    font-weight: 700;
    line-height: 1;
}

[b-7jf1xn65xr] .vp-file-input__native,
.vp-file-input__native[b-7jf1xn65xr] {
    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-7jf1xn65xr] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-height: 208px;
    padding: 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-7jf1xn65xr] {
    border-color: var(--vp-file-border-strong);
    box-shadow: var(--vp-file-shadow-strong);
    transform: translateY(-1px);
}

.vp-file-input__surface--focused[b-7jf1xn65xr] {
    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-7jf1xn65xr] {
    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-7jf1xn65xr] {
    min-height: 0;
}

.vp-file-input--chat[b-7jf1xn65xr] {
    gap: var(--vp-form-gap-compact, 14px);
}

.vp-file-input__composer[b-7jf1xn65xr] {
    display: flex;
    flex-direction: column;
    gap: var(--vp-form-gap-compact, 14px);
}

.vp-file-input__surface--composer[b-7jf1xn65xr] {
    min-height: 0;
    padding: 14px 16px;
    border-radius: 20px;
    gap: 12px;
    box-shadow: 0 12px 28px rgba(34, 48, 41, 0.06);
}

.vp-file-input__composer-header[b-7jf1xn65xr] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.vp-file-input__composer-copy[b-7jf1xn65xr] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.vp-file-input__composer-title[b-7jf1xn65xr] {
    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-7jf1xn65xr] {
    color: var(--vp-file-muted);
    font-size: 13px;
    line-height: 1.45;
}

.vp-file-input__composer-previews[b-7jf1xn65xr] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.vp-file-input__composer-preview[b-7jf1xn65xr] {
    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-7jf1xn65xr] {
    justify-content: center;
    align-items: center;
    min-height: 156px;
    min-width: 164px;
}

.vp-file-input__composer-name-row[b-7jf1xn65xr] {
    width: 100%;
    padding-right: 20px;
}

.vp-file-input__composer-image[b-7jf1xn65xr] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: rgba(224, 227, 226, 0.18);
}

.vp-file-input__composer-preview-body[b-7jf1xn65xr] {
    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-7jf1xn65xr] {
    width: 100%;
    height: 100%;
    border: none;
    background: rgba(224, 227, 226, 0.18);
}

.vp-file-input__composer-document[b-7jf1xn65xr] {
    width: 100%;
    height: 100%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    color: var(--vp-file-text);
    text-align: center;
}

.vp-file-input__composer-document-type[b-7jf1xn65xr] {
    align-self: center;
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 3px 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-7jf1xn65xr],
.vp-file-input__composer-document strong[b-7jf1xn65xr] {
    margin: 0;
    color: var(--vp-file-text);
}

.vp-file-input__composer-document p[b-7jf1xn65xr] {
    font-size: 12px;
    line-height: 1.45;
}

.vp-file-input__composer-document strong[b-7jf1xn65xr] {
    font-family: "Season Sans SemiBold", sans-serif;
    font-size: 20px;
    letter-spacing: 0.05em;
}

.vp-file-input__composer-footer[b-7jf1xn65xr] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.vp-file-input__composer-name[b-7jf1xn65xr] {
    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-7jf1xn65xr] {
    color: var(--vp-file-muted);
    font-size: 12px;
    line-height: 1.4;
}

.vp-file-input__composer-status-dots[b-7jf1xn65xr] {
    display: inline-flex;
    margin-left: 2px;
}

.vp-file-input__composer-status-dots span[b-7jf1xn65xr] {
    animation: vp-file-input-dots-b-7jf1xn65xr 1.2s infinite;
}

.vp-file-input__composer-status-dots span:nth-child(2)[b-7jf1xn65xr] {
    animation-delay: 0.2s;
}

.vp-file-input__composer-status-dots span:nth-child(3)[b-7jf1xn65xr] {
    animation-delay: 0.4s;
}

.vp-file-input__composer-progress[b-7jf1xn65xr] {
    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-7jf1xn65xr] {
    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-7jf1xn65xr] {
    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-7jf1xn65xr] {
    background: rgba(34, 48, 41, 0.14);
}

.vp-file-input__composer-input-shell[b-7jf1xn65xr] {
    display: flex;
    padding: 14px 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-7jf1xn65xr] {
    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-7jf1xn65xr] {
    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-7jf1xn65xr]::placeholder {
    color: var(--vp-file-muted);
}

.vp-file-input__empty[b-7jf1xn65xr] {
    min-height: 168px;
    display: grid;
    place-items: center;
    gap: 18px;
    text-align: center;
    padding: 8px;
}

.vp-file-input__empty-icon[b-7jf1xn65xr] {
    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-7jf1xn65xr] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 520px;
}

.vp-file-input__empty-title[b-7jf1xn65xr],
.vp-file-input__surface-title[b-7jf1xn65xr] {
    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-7jf1xn65xr],
.vp-file-input__surface-subtitle[b-7jf1xn65xr],
.vp-file-input__surface-status[b-7jf1xn65xr],
.vp-file-input__preview-size[b-7jf1xn65xr],
.vp-file-input__message--helper[b-7jf1xn65xr],
.vp-file-input__item-meta[b-7jf1xn65xr],
.vp-file-input__rejections li span[b-7jf1xn65xr] {
    color: var(--vp-file-muted);
}

.vp-file-input__empty-subtitle[b-7jf1xn65xr],
.vp-file-input__empty-meta[b-7jf1xn65xr],
.vp-file-input__surface-subtitle[b-7jf1xn65xr],
.vp-file-input__surface-status[b-7jf1xn65xr],
.vp-file-input__preview-size[b-7jf1xn65xr],
.vp-file-input__preview-note[b-7jf1xn65xr],
.vp-file-input__message[b-7jf1xn65xr],
.vp-file-input__item-meta[b-7jf1xn65xr],
.vp-file-input__rejections li span[b-7jf1xn65xr] {
    font-size: 14px;
    line-height: 1.5;
}

.vp-file-input__empty-meta[b-7jf1xn65xr] {
    color: var(--vp-file-muted);
}

.vp-file-input__surface-header[b-7jf1xn65xr],
.vp-file-input__list-header[b-7jf1xn65xr] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.vp-file-input__surface-copy[b-7jf1xn65xr] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.vp-file-input__surface-title[b-7jf1xn65xr] {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.vp-file-input__surface-status[b-7jf1xn65xr] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(224, 227, 226, 0.72);
}

.vp-file-input__preview-grid[b-7jf1xn65xr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
    gap: 12px;
    min-width: 0;
}

.vp-file-input__preview-grid--single[b-7jf1xn65xr] {
    grid-template-columns: minmax(0, 1fr);
}

.vp-file-input__preview-card[b-7jf1xn65xr] {
    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-7jf1xn65xr],
.vp-file-input__preview-frame[b-7jf1xn65xr],
.vp-file-input__preview-sheet[b-7jf1xn65xr],
.vp-file-input__preview-text[b-7jf1xn65xr],
.vp-file-input__preview-glyph[b-7jf1xn65xr],
.vp-file-input__preview-card--summary[b-7jf1xn65xr] {
    min-height: var(--vp-file-preview-height);
}

.vp-file-input__preview-image[b-7jf1xn65xr],
.vp-file-input__preview-frame[b-7jf1xn65xr] {
    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-7jf1xn65xr],
.vp-file-input__preview-sheet[b-7jf1xn65xr],
.vp-file-input__preview-glyph[b-7jf1xn65xr],
.vp-file-input__preview-card--summary[b-7jf1xn65xr] {
    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-7jf1xn65xr] {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 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-7jf1xn65xr] {
    margin: 0;
    color: var(--vp-file-text);
    font-size: 14px;
    line-height: 1.6;
}

.vp-file-input__preview-note[b-7jf1xn65xr] {
    display: inline-flex;
    align-items: center;
    color: var(--vp-file-muted);
}

.vp-file-input__preview-sheet-name[b-7jf1xn65xr] {
    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-7jf1xn65xr] {
    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-7jf1xn65xr] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.vp-file-input__preview-table td[b-7jf1xn65xr] {
    padding: 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-7jf1xn65xr] {
    border-bottom: none;
}

.vp-file-input__preview-table td:last-child[b-7jf1xn65xr] {
    border-right: none;
}

.vp-file-input__preview-glyph[b-7jf1xn65xr] {
    align-items: center;
    text-align: center;
}

.vp-file-input__preview-glyph span[b-7jf1xn65xr],
.vp-file-input__preview-more[b-7jf1xn65xr] {
    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-7jf1xn65xr],
.vp-file-input__preview-more-label[b-7jf1xn65xr] {
    font-size: 13px;
    color: var(--vp-file-muted);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.vp-file-input__preview-card--summary[b-7jf1xn65xr] {
    align-items: center;
    text-align: center;
    border-style: dashed;
}

.vp-file-input__preview-meta[b-7jf1xn65xr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 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-7jf1xn65xr],
.vp-file-input__item-name[b-7jf1xn65xr],
.vp-file-input__list-title[b-7jf1xn65xr],
.vp-file-input__rejections-title[b-7jf1xn65xr] {
    color: var(--vp-file-text);
    font-family: "Season Sans SemiBold", sans-serif;
}

.vp-file-input__preview-name[b-7jf1xn65xr],
.vp-file-input__item-name[b-7jf1xn65xr] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1 1 auto;
}

.vp-file-input__list[b-7jf1xn65xr],
.vp-file-input__rejections[b-7jf1xn65xr] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 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-7jf1xn65xr] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

.vp-file-input__item[b-7jf1xn65xr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 14px;
    background: var(--vp-file-surface-alt);
    min-width: 0;
}

.vp-file-input__item-copy[b-7jf1xn65xr] {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.vp-file-input__clear-all[b-7jf1xn65xr],
.vp-file-input__item-remove[b-7jf1xn65xr] {
    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: 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-7jf1xn65xr],
.vp-file-input__item-remove:hover[b-7jf1xn65xr] {
    background: rgba(34, 48, 41, 0.08);
}

.vp-file-input__rejections[b-7jf1xn65xr] {
    background: rgba(249, 87, 77, 0.08);
    border-color: rgba(249, 87, 77, 0.22);
}

.vp-file-input__rejections-list[b-7jf1xn65xr] {
    margin: 0;
    padding-left: 18px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.vp-file-input__rejections li[b-7jf1xn65xr] {
    color: var(--vp-file-text);
}

.vp-file-input__rejections li strong[b-7jf1xn65xr] {
    display: inline-block;
    margin-right: 6px;
}

.vp-file-input__rejections-source[b-7jf1xn65xr] {
    display: inline-block;
    margin-left: 6px;
    font-size: 0.85em;
    opacity: 0.75;
    font-style: italic;
}

.vp-file-input__footer[b-7jf1xn65xr] {
    display: flex;
    gap: var(--vp-field-message-gap, 8px);
}

.vp-file-input__message[b-7jf1xn65xr] {
    line-height: 1.4;
}

.vp-file-input__message--error[b-7jf1xn65xr] {
    color: var(--color-red, #f9574d);
}

.vp-file-input__message--success[b-7jf1xn65xr] {
    color: var(--color-green, #0ea665);
}

.vp-file-input--error .vp-file-input__surface[b-7jf1xn65xr] {
    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-7jf1xn65xr] {
    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-7jf1xn65xr] {
    color: var(--color-gray-01, #909893);
}

.vp-file-input--disabled .vp-file-input__surface[b-7jf1xn65xr],
.vp-file-input__surface[data-disabled="True"][b-7jf1xn65xr],
.vp-file-input__surface[data-disabled="true"][b-7jf1xn65xr] {
    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-7jf1xn65xr] {
    border-color: rgba(185, 192, 190, 0.92);
    box-shadow: none;
}

.vp-file-input--disabled .vp-file-input__empty-icon[b-7jf1xn65xr] {
    background: rgba(224, 227, 226, 0.9);
}

[data-theme="dark"] .vp-file-input[b-7jf1xn65xr],
:root[data-theme="dark"] .vp-file-input[b-7jf1xn65xr],
.vp-file-input[data-theme="dark"][b-7jf1xn65xr] {
    --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-7jf1xn65xr],
:root[data-theme="dark"] .vp-file-input .vp-file-input__label[b-7jf1xn65xr],
.vp-file-input[data-theme="dark"] .vp-file-input__label[b-7jf1xn65xr] {
    color: var(--vp-file-text);
}

[data-theme="dark"] .vp-file-input .vp-file-input__surface[b-7jf1xn65xr],
:root[data-theme="dark"] .vp-file-input .vp-file-input__surface[b-7jf1xn65xr],
.vp-file-input[data-theme="dark"] .vp-file-input__surface[b-7jf1xn65xr] {
    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-7jf1xn65xr],
:root[data-theme="dark"] .vp-file-input .vp-file-input__surface--drag[b-7jf1xn65xr],
.vp-file-input[data-theme="dark"] .vp-file-input__surface--drag[b-7jf1xn65xr] {
    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-7jf1xn65xr],
[data-theme="dark"] .vp-file-input .vp-file-input__preview-sheet[b-7jf1xn65xr],
[data-theme="dark"] .vp-file-input .vp-file-input__preview-glyph[b-7jf1xn65xr],
[data-theme="dark"] .vp-file-input .vp-file-input__preview-card--summary[b-7jf1xn65xr],
:root[data-theme="dark"] .vp-file-input .vp-file-input__preview-text[b-7jf1xn65xr],
:root[data-theme="dark"] .vp-file-input .vp-file-input__preview-sheet[b-7jf1xn65xr],
:root[data-theme="dark"] .vp-file-input .vp-file-input__preview-glyph[b-7jf1xn65xr],
:root[data-theme="dark"] .vp-file-input .vp-file-input__preview-card--summary[b-7jf1xn65xr],
.vp-file-input[data-theme="dark"] .vp-file-input__preview-text[b-7jf1xn65xr],
.vp-file-input[data-theme="dark"] .vp-file-input__preview-sheet[b-7jf1xn65xr],
.vp-file-input[data-theme="dark"] .vp-file-input__preview-glyph[b-7jf1xn65xr],
.vp-file-input[data-theme="dark"] .vp-file-input__preview-card--summary[b-7jf1xn65xr] {
    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-7jf1xn65xr],
[data-theme="dark"] .vp-file-input .vp-file-input__list[b-7jf1xn65xr],
[data-theme="dark"] .vp-file-input .vp-file-input__rejections[b-7jf1xn65xr],
[data-theme="dark"] .vp-file-input .vp-file-input__preview-meta[b-7jf1xn65xr],
:root[data-theme="dark"] .vp-file-input .vp-file-input__preview-card[b-7jf1xn65xr],
:root[data-theme="dark"] .vp-file-input .vp-file-input__list[b-7jf1xn65xr],
:root[data-theme="dark"] .vp-file-input .vp-file-input__rejections[b-7jf1xn65xr],
:root[data-theme="dark"] .vp-file-input .vp-file-input__preview-meta[b-7jf1xn65xr],
.vp-file-input[data-theme="dark"] .vp-file-input__preview-card[b-7jf1xn65xr],
.vp-file-input[data-theme="dark"] .vp-file-input__list[b-7jf1xn65xr],
.vp-file-input[data-theme="dark"] .vp-file-input__rejections[b-7jf1xn65xr],
.vp-file-input[data-theme="dark"] .vp-file-input__preview-meta[b-7jf1xn65xr] {
    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-7jf1xn65xr],
[data-theme="dark"] .vp-file-input .vp-file-input__list[b-7jf1xn65xr],
[data-theme="dark"] .vp-file-input .vp-file-input__rejections[b-7jf1xn65xr],
:root[data-theme="dark"] .vp-file-input .vp-file-input__preview-meta[b-7jf1xn65xr],
:root[data-theme="dark"] .vp-file-input .vp-file-input__list[b-7jf1xn65xr],
:root[data-theme="dark"] .vp-file-input .vp-file-input__rejections[b-7jf1xn65xr],
.vp-file-input[data-theme="dark"] .vp-file-input__preview-meta[b-7jf1xn65xr],
.vp-file-input[data-theme="dark"] .vp-file-input__list[b-7jf1xn65xr],
.vp-file-input[data-theme="dark"] .vp-file-input__rejections[b-7jf1xn65xr] {
    background: rgba(34, 48, 41, 0.88);
}

[data-theme="dark"] .vp-file-input .vp-file-input__item[b-7jf1xn65xr],
[data-theme="dark"] .vp-file-input .vp-file-input__preview-table-wrap[b-7jf1xn65xr],
:root[data-theme="dark"] .vp-file-input .vp-file-input__item[b-7jf1xn65xr],
:root[data-theme="dark"] .vp-file-input .vp-file-input__preview-table-wrap[b-7jf1xn65xr],
.vp-file-input[data-theme="dark"] .vp-file-input__item[b-7jf1xn65xr],
.vp-file-input[data-theme="dark"] .vp-file-input__preview-table-wrap[b-7jf1xn65xr] {
    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-7jf1xn65xr],
:root[data-theme="dark"] .vp-file-input .vp-file-input__preview-table td[b-7jf1xn65xr],
.vp-file-input[data-theme="dark"] .vp-file-input__preview-table td[b-7jf1xn65xr] {
    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-7jf1xn65xr],
[data-theme="dark"] .vp-file-input .vp-file-input__item-remove:hover[b-7jf1xn65xr],
:root[data-theme="dark"] .vp-file-input .vp-file-input__clear-all:hover[b-7jf1xn65xr],
:root[data-theme="dark"] .vp-file-input .vp-file-input__item-remove:hover[b-7jf1xn65xr],
.vp-file-input[data-theme="dark"] .vp-file-input__clear-all:hover[b-7jf1xn65xr],
.vp-file-input[data-theme="dark"] .vp-file-input__item-remove:hover[b-7jf1xn65xr] {
    background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-file-input .vp-file-input__composer-preview[b-7jf1xn65xr],
[data-theme="dark"] .vp-file-input .vp-file-input__composer-input-shell[b-7jf1xn65xr],
:root[data-theme="dark"] .vp-file-input .vp-file-input__composer-preview[b-7jf1xn65xr],
:root[data-theme="dark"] .vp-file-input .vp-file-input__composer-input-shell[b-7jf1xn65xr],
.vp-file-input[data-theme="dark"] .vp-file-input__composer-preview[b-7jf1xn65xr],
.vp-file-input[data-theme="dark"] .vp-file-input__composer-input-shell[b-7jf1xn65xr] {
    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-7jf1xn65xr],
:root[data-theme="dark"] .vp-file-input .vp-file-input__composer-preview-body[b-7jf1xn65xr],
.vp-file-input[data-theme="dark"] .vp-file-input__composer-preview-body[b-7jf1xn65xr] {
    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-7jf1xn65xr],
:root[data-theme="dark"] .vp-file-input .vp-file-input__composer-progress[b-7jf1xn65xr],
.vp-file-input[data-theme="dark"] .vp-file-input__composer-progress[b-7jf1xn65xr] {
    background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-file-input .vp-file-input__composer-remove:hover[b-7jf1xn65xr],
:root[data-theme="dark"] .vp-file-input .vp-file-input__composer-remove:hover[b-7jf1xn65xr],
.vp-file-input[data-theme="dark"] .vp-file-input__composer-remove:hover[b-7jf1xn65xr] {
    background: rgba(255, 255, 255, 0.12);
}

@keyframes vp-file-input-dots-b-7jf1xn65xr {
    0%,
    20%,
    100% {
        opacity: 0.25;
    }

    50% {
        opacity: 1;
    }
}

@media (max-width: 719px) {
    .vp-file-input__surface[b-7jf1xn65xr] {
        min-height: 188px;
        padding: 18px;
        border-radius: 20px;
    }

    .vp-file-input__surface-header[b-7jf1xn65xr],
    .vp-file-input__list-header[b-7jf1xn65xr],
    .vp-file-input__item[b-7jf1xn65xr] {
        flex-direction: column;
        align-items: stretch;
    }

    .vp-file-input__preview-grid[b-7jf1xn65xr] {
        grid-template-columns: minmax(0, 1fr);
    }

    .vp-file-input__composer-previews[b-7jf1xn65xr] {
        flex-direction: column;
    }

    .vp-file-input__composer-preview[b-7jf1xn65xr] {
        width: 100%;
        min-width: 0;
    }

    .vp-file-input__preview-meta[b-7jf1xn65xr] {
        flex-direction: column;
        align-items: flex-start;
    }

    .vp-file-input__clear-all[b-7jf1xn65xr],
    .vp-file-input__item-remove[b-7jf1xn65xr] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/Verapath.Components/Components/Inputs/NumberInput/VerapathNumberInput.razor.rz.scp.css */
.vp-number-field[b-t7e0g8eiao] {
    display: flex;
    flex-direction: column;
    gap: var(--vp-field-gap, 6px);
    width: 100%;
}

.vp-number-field__label[b-t7e0g8eiao] {
    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-t7e0g8eiao] {
    color: var(--color-red, #f9574d);
    font-weight: 700;
    line-height: 1;
}

.vp-number-field__wrapper[b-t7e0g8eiao] {
    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-t7e0g8eiao] { height: 48px; }
.vp-number-field--size-large   .vp-number-field__wrapper[b-t7e0g8eiao] { height: 59px; }

/* Focus ring via box-shadow — no border-width change = no layout shift */
.vp-number-field__wrapper--focused[b-t7e0g8eiao] {
    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-t7e0g8eiao] {
    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-t7e0g8eiao]::placeholder {
    color: var(--vp-placeholder-color, #909893);
}

.vp-number-field__input:disabled[b-t7e0g8eiao] {
    cursor: not-allowed;
    color: var(--color-gray-01, #909893);
}

/* Remove browser number spinners */
.vp-number-field__input[b-t7e0g8eiao]::-webkit-outer-spin-button,
.vp-number-field__input[b-t7e0g8eiao]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.vp-number-field__input[b-t7e0g8eiao] { -moz-appearance: textfield; }

/* ── Error state ─────────────────────────────────────────────────── */
.vp-number-field--error .vp-number-field__wrapper[b-t7e0g8eiao] {
    border-color: var(--vp-focus-ring-error, var(--color-red, #f9574d));
}

.vp-number-field--error .vp-number-field__wrapper--focused[b-t7e0g8eiao] {
    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-t7e0g8eiao] {
    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-t7e0g8eiao] {
    color: var(--color-gray-01, #909893);
}

/* ── Footer ──────────────────────────────────────────────────────── */
.vp-number-field__footer[b-t7e0g8eiao] {
    display: flex;
    gap: var(--vp-field-message-gap, 8px);
}

.vp-number-field__message[b-t7e0g8eiao] {
    font-size: var(--font-size-label, 14px);
    line-height: 1.4;
}

.vp-number-field__message--helper[b-t7e0g8eiao] { color: var(--vp-placeholder-color, #909893); }
.vp-number-field__message--error[b-t7e0g8eiao]  { color: var(--color-red, #f9574d); }

/* ── Dark mode ───────────────────────────────────────────────────── */
[data-theme="dark"] .vp-number-field__wrapper[b-t7e0g8eiao] {
    background: rgba(34, 48, 41, 0.98);
    border-color: rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] .vp-number-field__label[b-t7e0g8eiao] {
    color: rgba(255, 255, 255, 0.92);
}

[data-theme="dark"] .vp-number-field__input[b-t7e0g8eiao] {
    color: rgba(255, 255, 255, 0.92);
}

[data-theme="dark"] .vp-number-field__input[b-t7e0g8eiao]::placeholder {
    color: rgba(255, 255, 255, 0.42);
}

[data-theme="dark"] .vp-number-field--disabled .vp-number-field__wrapper[b-t7e0g8eiao] {
    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-t7e0g8eiao] {
    border-color: var(--vp-focus-ring-error, #f9574d);
}

[data-theme="dark"] .vp-number-field__message--helper[b-t7e0g8eiao] {
    color: rgba(255, 255, 255, 0.52);
}
/* _content/Verapath.Components/Components/Inputs/Switch/VerapathSwitch.razor.rz.scp.css */
/* ── Field container ─────────────────────────────────────────────── */
.vp-switch-field[b-0f36fa28zb] {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: var(--vp-field-gap, 6px);
    vertical-align: top;
}

/* ── Row ─────────────────────────────────────────────────────────── */
.vp-switch-row[b-0f36fa28zb] {
    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-0f36fa28zb] { cursor: not-allowed; }

/* ── Hide native input (keep accessible) ─────────────────────────── */
.vp-switch__native[b-0f36fa28zb] {
    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-0f36fa28zb] {
    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-0f36fa28zb] {
    background-color: var(--vp-border-hover, var(--color-gray-01, #909893));
}

.vp-switch__native:focus-visible + .vp-switch__track[b-0f36fa28zb] {
    box-shadow: 0 0 0 3px rgba(163, 233, 107, 0.45);
}

/* On state */
.vp-switch__track--on[b-0f36fa28zb] {
    background-color: var(--color-bright-green, #a3e96b);
}

.vp-switch-row:hover .vp-switch__track--on[b-0f36fa28zb] {
    background-color: #8fd458;
}

/* Error state */
.vp-switch-field--error .vp-switch__track[b-0f36fa28zb] {
    background-color: var(--color-red, #f9574d);
}

/* Disabled state */
.vp-switch-field--disabled .vp-switch__track[b-0f36fa28zb] {
    background-color: var(--vp-border-disabled, var(--color-gray-03, #e0e3e2));
}

.vp-switch-field--disabled .vp-switch__track--on[b-0f36fa28zb] {
    background-color: var(--vp-border-disabled, var(--color-gray-03, #e0e3e2));
}

/* ── Thumb ───────────────────────────────────────────────────────── */
.vp-switch__thumb[b-0f36fa28zb] {
    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-0f36fa28zb] {
    transform: translateX(16px);
}

.vp-switch-field--disabled .vp-switch__thumb[b-0f36fa28zb] {
    background-color: var(--color-gray-04, #f7f7f7);
    box-shadow: none;
}

/* ── Label text ──────────────────────────────────────────────────── */
.vp-switch__content[b-0f36fa28zb] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--vp-field-label-gap, 3px);
    padding-top: 1px;
}

.vp-switch__label[b-0f36fa28zb] {
    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-0f36fa28zb] {
    color: var(--color-gray-01, #909893);
}

.vp-switch__description[b-0f36fa28zb] {
    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-0f36fa28zb] {
    color: var(--color-red, #f9574d);
    font-weight: 700;
    margin-left: 3px;
}

/* ── Footer ──────────────────────────────────────────────────────── */
.vp-switch-field__footer[b-0f36fa28zb] { display: block; }

.vp-switch-field__message[b-0f36fa28zb] {
    display: block;
    font-size: var(--font-size-label, 14px);
    line-height: 1.4;
}

.vp-switch-field__message--helper[b-0f36fa28zb] { color: var(--vp-placeholder-color, var(--color-gray-01, #909893)); }
.vp-switch-field__message--error[b-0f36fa28zb]  { color: var(--color-red, #f9574d); }
/* _content/Verapath.Components/Components/Inputs/TextArea/VerapathTextArea.razor.rz.scp.css */
/* ── Field container ─────────────────────────────────────────────── */
.vp-field[b-ibpktvurhw] {
    display: flex;
    flex-direction: column;
    gap: var(--vp-field-gap, 6px);
    width: 100%;
}

.vp-field__label[b-ibpktvurhw] {
    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-ibpktvurhw] {
    color: var(--color-red, #f9574d);
    font-weight: 700;
    line-height: 1;
}

/* ── Wrapper ─────────────────────────────────────────────────────── */
.vp-field__wrapper[b-ibpktvurhw] {
    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-ibpktvurhw] {
    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-ibpktvurhw] { min-height: 120px; }
.vp-field--size-large   .vp-field__wrapper--area[b-ibpktvurhw] { 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-ibpktvurhw] {
    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-ibpktvurhw] {
    background-color: var(--vp-surface-disabled, #f7f7f7);
    cursor: default;
}

.vp-field--disabled .vp-field__wrapper[b-ibpktvurhw] {
    background-color: var(--vp-surface-disabled, #f7f7f7);
    border-color: var(--vp-border-disabled, #e0e3e2);
    cursor: not-allowed;
}

.vp-field--disabled .vp-field__label[b-ibpktvurhw] { color: var(--color-gray-01, #909893); }

.vp-field--error .vp-field__wrapper[b-ibpktvurhw] { 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-ibpktvurhw] {
    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-ibpktvurhw] { border: 2px solid var(--color-green, #0ea665); }

.vp-field--success .vp-field__wrapper--focused[b-ibpktvurhw] {
    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-ibpktvurhw] {
    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-ibpktvurhw]::placeholder { color: var(--vp-placeholder-color, #909893); }
.vp-field__textarea:disabled[b-ibpktvurhw] { cursor: not-allowed; color: var(--color-gray-01, #909893); }

/* ── Footer ──────────────────────────────────────────────────────── */
.vp-field__footer[b-ibpktvurhw] { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--vp-field-message-gap, 8px); }
.vp-field__message[b-ibpktvurhw] { font-size: var(--font-size-label, 14px); line-height: 1.4; }
.vp-field__message--helper[b-ibpktvurhw]  { color: var(--vp-placeholder-color, #909893); }
.vp-field__message--error[b-ibpktvurhw]   { color: var(--color-red,   #f9574d); }
.vp-field__message--success[b-ibpktvurhw] { color: var(--color-green, #0ea665); }

.vp-field__char-count[b-ibpktvurhw] {
    font-size: 12px;
    color: var(--vp-placeholder-color, #909893);
    white-space: nowrap;
    flex-shrink: 0;
    margin-left: auto;
}

.vp-field__char-count--limit[b-ibpktvurhw] { color: var(--color-red, #f9574d); font-weight: 600; }
/* _content/Verapath.Components/Components/Inputs/TextBox/VariableAwareTextBox.razor.rz.scp.css */
.vp-var-input[b-lzqdfui0vs] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.vp-var-input__bar[b-lzqdfui0vs] {
    display: flex;
    justify-content: flex-end;
}

.vp-var-input__picker-anchor[b-lzqdfui0vs] {
    position: relative;
    z-index: 3;
}

.vp-var-input__picker-anchor[b-lzqdfui0vs]  .wf-var-picker--below {
    right: 0;
    left: auto;
}


.vp-var-input__insert-btn[b-lzqdfui0vs] {
    background: transparent;
    border: none;
    color: var(--color-midnight, #223029);
    font-size: 12px;
    font-weight: var(--font-weight-medium, 500);
    cursor: pointer;
    padding: 4px 6px;
    border-radius: 4px;
}

.vp-var-input__insert-btn:hover[b-lzqdfui0vs] {
    background: var(--color-gray-04, #f7f7f7);
}

.vp-var-input__insert-btn:focus-visible[b-lzqdfui0vs] {
    outline: 2px solid var(--color-bright-green, #a3e96b);
    outline-offset: 1px;
}
/* _content/Verapath.Components/Components/Inputs/TextBox/VerapathTextBox.razor.rz.scp.css */
/* ── Field container ─────────────────────────────────────────────── */
.vp-field[b-5ems70rvkc] {
    display: flex;
    flex-direction: column;
    gap: var(--vp-field-gap, 6px);
    width: 100%;
}

/* ── Label ───────────────────────────────────────────────────────── */
.vp-field__label[b-5ems70rvkc] {
    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-5ems70rvkc] {
    color: var(--color-red, #f9574d);
    font-weight: 700;
    line-height: 1;
}

/* ── Input wrapper ───────────────────────────────────────────────── */
.vp-field__wrapper[b-5ems70rvkc] {
    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-5ems70rvkc] { height: 48px; }
.vp-field--size-large   .vp-field__wrapper[b-5ems70rvkc] { height: 59px; }

/* Focus ring via box-shadow — no border-width change = no layout shift (audit #13) */
.vp-field__wrapper--focused[b-5ems70rvkc] {
    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-5ems70rvkc] {
    background-color: var(--vp-surface-disabled, #f7f7f7);
    cursor: default;
}

/* ── Disabled state ──────────────────────────────────────────────── */
.vp-field--disabled .vp-field__wrapper[b-5ems70rvkc] {
    background-color: var(--vp-surface-disabled, #f7f7f7);
    border-color: var(--vp-border-disabled, #e0e3e2);
    cursor: not-allowed;
}

.vp-field--disabled .vp-field__label[b-5ems70rvkc] {
    color: var(--color-gray-01, #909893);
}

/* ── Error state ─────────────────────────────────────────────────── */
.vp-field--error .vp-field__wrapper[b-5ems70rvkc] {
    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-5ems70rvkc] {
    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-5ems70rvkc] {
    border: 2px solid var(--color-green, #0ea665);
}

.vp-field--success .vp-field__wrapper--focused[b-5ems70rvkc] {
    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-5ems70rvkc] {
    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-5ems70rvkc]::placeholder {
    color: var(--vp-placeholder-color, #909893);
}

.vp-field__input:disabled[b-5ems70rvkc] {
    cursor: not-allowed;
    color: var(--color-gray-01, #909893);
}

/* Remove number input spinners */
.vp-field__input[type="number"][b-5ems70rvkc]::-webkit-outer-spin-button,
.vp-field__input[type="number"][b-5ems70rvkc]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.vp-field__input[type="number"][b-5ems70rvkc] { -moz-appearance: textfield; }

/* ── Prefix text ─────────────────────────────────────────────────── */
.vp-field__prefix-text[b-5ems70rvkc] {
    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-5ems70rvkc] {
    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-5ems70rvkc],
.vp-field__clear[b-5ems70rvkc] {
    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-5ems70rvkc],
.vp-field__clear:hover[b-5ems70rvkc] {
    color: var(--vp-label-color, #223029);
    background-color: var(--vp-surface-hover, #e0e3e2);
}

/* ── Footer ──────────────────────────────────────────────────────── */
.vp-field__footer[b-5ems70rvkc] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--vp-field-message-gap, 8px);
}

.vp-field__message[b-5ems70rvkc] { font-size: var(--font-size-label, 14px); line-height: 1.4; }
.vp-field__message--helper[b-5ems70rvkc]  { color: var(--vp-placeholder-color, #909893); }
.vp-field__message--error[b-5ems70rvkc]   { color: var(--color-red,   #f9574d); }
.vp-field__message--success[b-5ems70rvkc] { color: var(--color-green, #0ea665); }

.vp-field__char-count[b-5ems70rvkc] {
    font-size: 12px;
    color: var(--vp-placeholder-color, #909893);
    white-space: nowrap;
    flex-shrink: 0;
    margin-left: auto;
}

.vp-field__char-count--limit[b-5ems70rvkc] {
    color: var(--color-red, #f9574d);
    font-weight: 600;
}
/* _content/Verapath.Components/Components/Inputs/TimePicker/VerapathTimePicker.razor.rz.scp.css */
.vp-time-field[b-lwaoyfwegp] {
    display: flex;
    flex-direction: column;
    gap: var(--vp-field-gap, 6px);
    width: 100%;
}

.vp-time-field__label[b-lwaoyfwegp] {
    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-lwaoyfwegp] {
    color: var(--color-red, #f9574d);
    font-weight: 700;
    line-height: 1;
}

.vp-time-field__wrapper[b-lwaoyfwegp] {
    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-lwaoyfwegp] { height: 48px; }
.vp-time-field--size-large   .vp-time-field__wrapper[b-lwaoyfwegp] { height: 59px; }

.vp-time-field__wrapper--focused[b-lwaoyfwegp] {
    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-lwaoyfwegp] {
    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-lwaoyfwegp] {
    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-lwaoyfwegp]::placeholder {
    color: var(--vp-placeholder-color, #909893);
}

.vp-time-field__input:disabled[b-lwaoyfwegp] {
    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-lwaoyfwegp]::-webkit-calendar-picker-indicator {
    opacity: 0;
    cursor: pointer;
}

/* ── Error state ─────────────────────────────────────────────────── */
.vp-time-field--error .vp-time-field__wrapper[b-lwaoyfwegp] {
    border-color: var(--vp-focus-ring-error, var(--color-red, #f9574d));
}

.vp-time-field--error .vp-time-field__wrapper--focused[b-lwaoyfwegp] {
    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-lwaoyfwegp] {
    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-lwaoyfwegp] {
    color: var(--color-gray-01, #909893);
}

/* ── Footer ──────────────────────────────────────────────────────── */
.vp-time-field__footer[b-lwaoyfwegp] {
    display: flex;
    gap: var(--vp-field-message-gap, 8px);
}

.vp-time-field__message[b-lwaoyfwegp] {
    font-size: var(--font-size-label, 14px);
    line-height: 1.4;
}

.vp-time-field__message--helper[b-lwaoyfwegp] { color: var(--vp-placeholder-color, #909893); }
.vp-time-field__message--error[b-lwaoyfwegp]  { color: var(--color-red, #f9574d); }

/* ── Dark mode ───────────────────────────────────────────────────── */
[data-theme="dark"] .vp-time-field__wrapper[b-lwaoyfwegp] {
    background: rgba(34, 48, 41, 0.98);
    border-color: rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] .vp-time-field__label[b-lwaoyfwegp],
[data-theme="dark"] .vp-time-field__input[b-lwaoyfwegp] {
    color: rgba(255, 255, 255, 0.92);
}

[data-theme="dark"] .vp-time-field__icon[b-lwaoyfwegp] {
    color: rgba(255, 255, 255, 0.62);
}

[data-theme="dark"] .vp-time-field__input[b-lwaoyfwegp]::placeholder {
    color: rgba(255, 255, 255, 0.42);
}

[data-theme="dark"] .vp-time-field--disabled .vp-time-field__wrapper[b-lwaoyfwegp] {
    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-lwaoyfwegp] {
    border-color: var(--vp-focus-ring-error, #f9574d);
}

[data-theme="dark"] .vp-time-field__message--helper[b-lwaoyfwegp] {
    color: rgba(255, 255, 255, 0.52);
}
/* _content/Verapath.Components/Components/Links/VerapathLinkGroup.razor.rz.scp.css */
.vp-linkgroup[b-xeyma6v9g4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 0 26px;
}

.vp-linkgroup--compact[b-xeyma6v9g4] {
    gap: 6px;
    margin-bottom: 18px;
}

.vp-linkgroup__header[b-xeyma6v9g4] {
    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-xeyma6v9g4] {
    cursor: pointer;
}

.vp-linkgroup__header-copy[b-xeyma6v9g4] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.vp-linkgroup__header-icon[b-xeyma6v9g4],
.vp-linkgroup__supporting[b-xeyma6v9g4] {
    display: none;
}

.vp-linkgroup__header-text[b-xeyma6v9g4] {
    display: flex;
    min-width: 0;
}

.vp-linkgroup__label[b-xeyma6v9g4] {
    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-xeyma6v9g4] {
    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-xeyma6v9g4] {
    background: rgba(255, 255, 255, 0.07);
    color: rgba(226, 231, 226, 0.9);
}

.vp-linkgroup__chevron--open[b-xeyma6v9g4] {
    transform: rotate(180deg);
}

.vp-linkgroup__items[b-xeyma6v9g4] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

[data-theme="light"] .vp-linkgroup__label[b-xeyma6v9g4] {
    color: var(--color-gray-01, #909893);
}

[data-theme="light"] .vp-linkgroup__chevron[b-xeyma6v9g4] {
    color: var(--color-gray-01, #909893);
    background: rgba(34, 48, 41, 0.04);
}

[data-theme="light"] .vp-linkgroup__header:hover .vp-linkgroup__chevron[b-xeyma6v9g4] {
    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-2yncbugar6],
a.vp-linkitem[b-2yncbugar6],
a.vp-linkitem:link[b-2yncbugar6],
a.vp-linkitem:visited[b-2yncbugar6],
a.vp-linkitem:hover[b-2yncbugar6],
a.vp-linkitem:active[b-2yncbugar6],
a.vp-linkitem:focus[b-2yncbugar6],
a.vp-linkitem:focus-visible[b-2yncbugar6] {
    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-2yncbugar6],
.vp-linkitem:focus-visible[b-2yncbugar6],
a.vp-linkitem:hover[b-2yncbugar6],
a.vp-linkitem:focus-visible[b-2yncbugar6] {
    background: rgba(34, 48, 41, 0.05);
}

.vp-linkitem:focus-visible[b-2yncbugar6] {
    outline: 2px solid rgba(163, 233, 107, 0.4);
    outline-offset: 2px;
}

.vp-linkitem--disabled[b-2yncbugar6],
.vp-linkitem--disabled:link[b-2yncbugar6],
.vp-linkitem--disabled:visited[b-2yncbugar6],
.vp-linkitem--disabled:active[b-2yncbugar6] {
    opacity: 0.48;
    cursor: not-allowed;
    pointer-events: none;
}

.vp-linkitem__inner[b-2yncbugar6] {
    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-2yncbugar6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    background: transparent;
    color: inherit;
}

.vp-linkitem__icon[b-2yncbugar6],
.vp-linkitem__icon *[b-2yncbugar6],
.vp-linkitem__icon-shell *[b-2yncbugar6] {
    color: inherit;
    text-decoration: none !important;
}

.vp-linkitem__marker[b-2yncbugar6] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: currentColor;
    opacity: 0.4;
}

.vp-linkitem__copy[b-2yncbugar6] {
    display: flex;
    flex: 1;
    min-width: 0;
    flex-direction: column;
    gap: 1px;
    color: inherit;
}

.vp-linkitem__label[b-2yncbugar6] {
    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-2yncbugar6] {
    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-2yncbugar6] {
    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-2yncbugar6],
.vp-linkitem--active:link[b-2yncbugar6],
.vp-linkitem--active:visited[b-2yncbugar6],
.vp-linkitem--active:active[b-2yncbugar6] {
    background: rgba(163, 233, 107, 0.12);
}

.vp-linkitem--active[b-2yncbugar6]::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-2yncbugar6] {
    font-family: "Season Sans SemiBold", "Season Sans Regular", system-ui, sans-serif;
    font-weight: 600;
}

.vp-linkitem--active .vp-linkitem__badge[b-2yncbugar6] {
    background: rgba(163, 233, 107, 0.16);
}

.vp-linkitem--active:hover[b-2yncbugar6],
.vp-linkitem--active:focus-visible[b-2yncbugar6] {
    background: rgba(163, 233, 107, 0.18);
}

.vp-linkitem--compact[b-2yncbugar6],
.vp-linkitem--compact:link[b-2yncbugar6],
.vp-linkitem--compact:visited[b-2yncbugar6],
.vp-linkitem--compact:active[b-2yncbugar6] {
    border-radius: 12px;
}

.vp-linkitem--compact[b-2yncbugar6]::before {
    display: none;
}

.vp-linkitem--compact .vp-linkitem__inner[b-2yncbugar6] {
    justify-content: center;
    min-height: 36px;
    padding: 6px 0;
    gap: 0;
}

[data-theme="dark"].vp-linkitem[b-2yncbugar6],
[data-theme="dark"].vp-linkitem:link[b-2yncbugar6],
[data-theme="dark"].vp-linkitem:visited[b-2yncbugar6],
[data-theme="dark"].vp-linkitem:hover[b-2yncbugar6],
[data-theme="dark"].vp-linkitem:active[b-2yncbugar6],
[data-theme="dark"].vp-linkitem:focus[b-2yncbugar6],
[data-theme="dark"].vp-linkitem:focus-visible[b-2yncbugar6],
a.vp-linkitem[data-theme="dark"][b-2yncbugar6],
a.vp-linkitem[data-theme="dark"]:link[b-2yncbugar6],
a.vp-linkitem[data-theme="dark"]:visited[b-2yncbugar6],
a.vp-linkitem[data-theme="dark"]:hover[b-2yncbugar6],
a.vp-linkitem[data-theme="dark"]:active[b-2yncbugar6],
a.vp-linkitem[data-theme="dark"]:focus[b-2yncbugar6],
a.vp-linkitem[data-theme="dark"]:focus-visible[b-2yncbugar6],
[data-theme="dark"] .vp-linkitem[b-2yncbugar6],
[data-theme="dark"] .vp-linkitem:link[b-2yncbugar6],
[data-theme="dark"] .vp-linkitem:visited[b-2yncbugar6],
[data-theme="dark"] .vp-linkitem:hover[b-2yncbugar6],
[data-theme="dark"] .vp-linkitem:active[b-2yncbugar6],
[data-theme="dark"] .vp-linkitem:focus[b-2yncbugar6],
[data-theme="dark"] .vp-linkitem:focus-visible[b-2yncbugar6],
[data-theme="dark"] a.vp-linkitem[b-2yncbugar6],
[data-theme="dark"] a.vp-linkitem:link[b-2yncbugar6],
[data-theme="dark"] a.vp-linkitem:visited[b-2yncbugar6],
[data-theme="dark"] a.vp-linkitem:hover[b-2yncbugar6],
[data-theme="dark"] a.vp-linkitem:active[b-2yncbugar6],
[data-theme="dark"] a.vp-linkitem:focus[b-2yncbugar6],
[data-theme="dark"] a.vp-linkitem:focus-visible[b-2yncbugar6] {
    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-2yncbugar6],
[data-theme="dark"].vp-linkitem:focus-visible[b-2yncbugar6],
a.vp-linkitem[data-theme="dark"]:hover[b-2yncbugar6],
a.vp-linkitem[data-theme="dark"]:focus-visible[b-2yncbugar6],
[data-theme="dark"] .vp-linkitem:hover[b-2yncbugar6],
[data-theme="dark"] .vp-linkitem:focus-visible[b-2yncbugar6] {
    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-2yncbugar6],
[data-theme="dark"] .vp-linkitem__copy[b-2yncbugar6],
[data-theme="dark"] .vp-linkitem__label[b-2yncbugar6],
[data-theme="dark"] .vp-linkitem__icon[b-2yncbugar6],
[data-theme="dark"] .vp-linkitem__icon-shell[b-2yncbugar6],
[data-theme="dark"] .vp-linkitem__icon *[b-2yncbugar6],
[data-theme="dark"] .vp-linkitem__icon-shell *[b-2yncbugar6] {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    text-decoration: none !important;
}

[data-theme="dark"] .vp-linkitem__supporting[b-2yncbugar6] {
    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-2yncbugar6] {
    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-2yncbugar6] {
    background: rgba(206, 212, 206, 0.44);
}

[data-theme="dark"] .vp-linkitem--active[b-2yncbugar6],
[data-theme="dark"] .vp-linkitem--active:link[b-2yncbugar6],
[data-theme="dark"] .vp-linkitem--active:visited[b-2yncbugar6],
[data-theme="dark"] .vp-linkitem--active:active[b-2yncbugar6] {
    background: rgba(163, 233, 107, 0.12);
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

[data-theme="dark"] .vp-linkitem--active:hover[b-2yncbugar6],
[data-theme="dark"] .vp-linkitem--active:focus-visible[b-2yncbugar6] {
    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-2yncbugar6],
[data-theme="dark"] .vp-linkitem--active .vp-linkitem__icon-shell[b-2yncbugar6],
[data-theme="dark"] .vp-linkitem--active .vp-linkitem__icon *[b-2yncbugar6],
[data-theme="dark"] .vp-linkitem--active .vp-linkitem__icon-shell *[b-2yncbugar6] {
    color: var(--color-bright-green, #a3e96b) !important;
    -webkit-text-fill-color: var(--color-bright-green, #a3e96b) !important;
}
/* _content/Verapath.Components/Components/Logs/LogEntryModal.razor.rz.scp.css */
/* ── LogEntryModal — Activity Card layout
   All colors use --vp-* and --color-* tokens from verapath-variables.css.
   Raw rgba() values are used ONLY where the README design-handoff spec
   documents no token exists; each is annotated with a "no token" comment.
   ──────────────────────────────────────────────────────────────────────── */

/* ── Type-variant custom props (set on .lem-dialog) ─────────────────────
   All type-specific colors cascade from these three variables so each
   element only needs a single rule regardless of log type.
──────────────────────────────────────────────────────────────────────── */
.lem-dialog[b-fhf4hbgf30] {
    --_lem-accent:  var(--color-bright-green);          /* LOG default */
    --_lem-ring:    rgba(163,233,107,0.30);             /* no token; LOG border-ring */
    --_lem-bg:      rgba(163,233,107,0.12);             /* no token; LOG avatar/badge bg */
}

.lem-type--error[b-fhf4hbgf30] {
    --_lem-accent:  var(--color-red);
    --_lem-ring:    rgba(249,87,77,0.35);               /* no token; ERROR border-ring */
    --_lem-bg:      rgba(249,87,77,0.14);               /* no token; ERROR avatar/badge bg */
}

.lem-type--warning[b-fhf4hbgf30] {
    --_lem-accent:  var(--color-lemon);
    --_lem-ring:    rgba(255,245,21,0.30);              /* no token; WARNING border-ring */
    --_lem-bg:      rgba(255,245,21,0.12);              /* no token; WARNING avatar/badge bg */
}

/* ── Backdrop ────────────────────────────────────────────────────────── */
.lem-backdrop[b-fhf4hbgf30] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(0,0,0,0.45);                      /* no token; matches VerapathModal backdrop */
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    animation: lem-fade-in-b-fhf4hbgf30 0.15s ease;
}

.lem-drag-overlay[b-fhf4hbgf30] {
    position: fixed;
    inset: 0;
    z-index: 1002;
    cursor: grabbing;
}

/* ── Dialog ──────────────────────────────────────────────────────────── */
.lem-dialog[b-fhf4hbgf30] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1001;
    width: min(640px, calc(100vw - 32px));
    max-height: calc(100vh - 64px);
    display: flex;
    flex-direction: column;
    background: var(--vp-card-bg);
    color: var(--vp-content-text);
    border: 1px solid var(--vp-card-border);
    border-radius: var(--border-radius-lg);             /* 12px */
    box-shadow: var(--vp-card-shadow);
    animation: lem-slide-in-b-fhf4hbgf30 0.18s ease;
    overflow: hidden;
    font-family: var(--font-body);
}

/* ── Entrance animations ─────────────────────────────────────────────── */
@keyframes lem-fade-in-b-fhf4hbgf30 {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes lem-slide-in-b-fhf4hbgf30 {
    from { opacity: 0; transform: translate(-50%, calc(-50% - 12px)) scale(0.97); }
    to   { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}

/* ── 1. Top accent stripe ────────────────────────────────────────────── */
.lem-accent[b-fhf4hbgf30] {
    height: 3px;
    flex-shrink: 0;
    background: linear-gradient(90deg, var(--_lem-accent) 0%, transparent 100%);
}

/* ── 2. Eyebrow row (drag handle) ────────────────────────────────────── */
.lem-eyebrow[b-fhf4hbgf30] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 18px 0;
    cursor: grab;
    user-select: none;
    flex-shrink: 0;
}

.lem-eyebrow--dragging[b-fhf4hbgf30],
.lem-eyebrow--dragging:hover[b-fhf4hbgf30] { cursor: grabbing; }

.lem-eyebrow__label[b-fhf4hbgf30] {
    flex: 1;
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: var(--vp-msg-kind-color, rgba(255,255,255,0.55)); /* fallback for older builds */
}

.lem-eyebrow__id[b-fhf4hbgf30] { opacity: 0.8; }

.lem-close[b-fhf4hbgf30] {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    border-radius: var(--border-radius-sm);
    cursor: pointer;
    color: var(--vp-msg-kind-color, rgba(255,255,255,0.55));
    transition: background-color 0.15s ease, color 0.15s ease;
    padding: 0;
    flex-shrink: 0;
}

.lem-close:hover[b-fhf4hbgf30] {
    background: rgba(255,255,255,0.08);                /* no token; subtle hover tint */
    color: var(--color-white);
}

.lem-close:focus-visible[b-fhf4hbgf30] {
    outline: 2px solid var(--color-bright-green);
    outline-offset: 2px;
}

/* ── Scrollable body ─────────────────────────────────────────────────── */
.lem-body[b-fhf4hbgf30] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

/* ── 3. Hero row ─────────────────────────────────────────────────────── */
.lem-hero[b-fhf4hbgf30] {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 14px 18px 16px;
}

/* Avatar */
.lem-avatar[b-fhf4hbgf30] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--_lem-bg);
    border: 1px solid var(--_lem-ring);
    color: var(--_lem-accent);
    font-family: var(--font-heading);
    font-weight: var(--font-weight-bold);
    font-size: 13px;
}

.lem-avatar--system[b-fhf4hbgf30] {
    background: rgba(255,255,255,0.08);                /* no token; system actor bg */
    border-color: rgba(255,255,255,0.12);              /* no token; system actor border */
    color: var(--vp-msg-kind-color, rgba(255,255,255,0.55));
}

/* Right column */
.lem-hero__content[b-fhf4hbgf30] {
    flex: 1;
    min-width: 0;
}

/* Meta line */
.lem-meta-line[b-fhf4hbgf30] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 4px;
}

/* Type badge */
.lem-type-badge[b-fhf4hbgf30] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 8px;
    background: var(--_lem-bg);
    color: var(--_lem-accent);
    border: 1px solid var(--_lem-ring);
    border-radius: 999px;
    font-family: var(--font-mono);
    font-size: 10px;
    font-weight: var(--font-weight-bold);
    letter-spacing: 0.6px;
}

.lem-type-badge__dot[b-fhf4hbgf30] {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--_lem-accent);
    box-shadow: 0 0 0 2px var(--_lem-bg);
    flex-shrink: 0;
}

.lem-rel-time[b-fhf4hbgf30],
.lem-meta-sep[b-fhf4hbgf30] {
    font-size: 12px;
    color: var(--vp-msg-kind-color, rgba(255,255,255,0.55));
}

.lem-abs-time[b-fhf4hbgf30] {
    font-family: var(--font-mono);
    font-size: 11px;
    color: var(--vp-msg-kind-color, rgba(255,255,255,0.55));
}

/* Parsed sentence */
.lem-sentence[b-fhf4hbgf30] {
    font-family: var(--font-heading);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--vp-content-text);
}

.lem-sentence__verb[b-fhf4hbgf30] {
    color: var(--vp-msg-kind-color, rgba(255,255,255,0.55));
    font-weight: var(--font-weight-regular);
}

.lem-sentence__on[b-fhf4hbgf30] {
    color: var(--vp-msg-kind-color, rgba(255,255,255,0.55));
    font-weight: var(--font-weight-regular);
}

.lem-sentence__entity[b-fhf4hbgf30] { color: var(--_lem-accent); }

.lem-field-chip[b-fhf4hbgf30] {
    display: inline;
    font-family: var(--font-mono);
    font-size: 14px;
    font-style: normal;
    background: rgba(255,255,255,0.07);                /* no token; field chip bg */
    border: 1px solid rgba(255,255,255,0.08);          /* no token; matches --vp-card-border dark */
    padding: 1px 7px;
    border-radius: 5px;
}

/* ── 4a. Diff strip ──────────────────────────────────────────────────── */
.lem-diff[b-fhf4hbgf30] {
    margin: 0 18px;
    display: grid;
    grid-template-columns: 1fr 28px 1fr;
    border: 1px solid rgba(255,255,255,0.08);          /* no token; matches --vp-card-border dark */
    border-radius: var(--border-radius-md);            /* 6px */
    background: rgba(0,0,0,0.18);                      /* no token; dark overlay for diff bg */
    overflow: hidden;
}

.lem-diff__before[b-fhf4hbgf30] {
    padding: 12px 14px;
    border-right: 1px solid rgba(255,255,255,0.08);    /* no token */
}

.lem-diff__eyebrow[b-fhf4hbgf30] {
    font-family: var(--font-mono);
    font-size: 10px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.lem-diff__eyebrow--before[b-fhf4hbgf30] {
    color: #ffb1ab; /* no token; lightened red-tint for diff label, paired with rgba(249,87,77,*) backgrounds */
}

.lem-diff__eyebrow--after[b-fhf4hbgf30] {
    color: #cbeea0; /* no token; lightened green-tint for diff label, paired with rgba(163,233,107,*) backgrounds */
}

.lem-diff__value[b-fhf4hbgf30] {
    font-family: var(--font-mono);
    font-size: 13px;
    color: var(--color-white);
    word-break: break-word;
}

.lem-diff__value--before[b-fhf4hbgf30] {
    text-decoration: line-through;
    text-decoration-color: rgba(249,87,77,0.5);        /* no token; red strikethrough for before value */
}

.lem-diff__arrow[b-fhf4hbgf30] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-mono);
    font-size: 14px;
    color: var(--vp-msg-kind-color, rgba(255,255,255,0.55));
    border-right: 1px solid rgba(255,255,255,0.08);    /* no token */
    background: rgba(0,0,0,0.15);                      /* no token; center cell overlay */
}

.lem-diff__after[b-fhf4hbgf30] {
    padding: 12px 14px;
    background: rgba(163,233,107,0.04);                /* no token; subtle green tint for after cell */
}

/* ── 4b. Raw message panel ───────────────────────────────────────────── */
.lem-raw[b-fhf4hbgf30] {
    margin: 0 18px;
    padding: 12px 14px;
    background: rgba(0,0,0,0.22);                      /* no token; darker overlay for raw panel */
    border: 1px solid rgba(255,255,255,0.08);          /* no token */
    border-left: 3px solid var(--_lem-accent);
    border-radius: var(--border-radius-md);            /* 6px */
    font-family: var(--font-mono);
    font-size: 12.5px;
    line-height: 1.55;
    color: var(--color-white);
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 140px;
    overflow-y: auto;
}

/* ── 5. Raw-message disclosure ───────────────────────────────────────── */
.lem-disclosure[b-fhf4hbgf30] {
    margin: 10px 18px 0;
    background: rgba(0,0,0,0.15);                      /* no token; disclosure bg overlay */
    border: 1px solid rgba(255,255,255,0.08);          /* no token */
    border-radius: var(--border-radius-md);            /* 6px */
}

.lem-disclosure__summary[b-fhf4hbgf30] {
    padding: 8px 12px;
    cursor: pointer;
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: var(--vp-msg-kind-color, rgba(255,255,255,0.55));
    list-style: none;
    display: flex;
    align-items: center;
    gap: 6px;
}

.lem-disclosure__summary[b-fhf4hbgf30]::-webkit-details-marker { display: none; }

.lem-disclosure__summary:focus-visible[b-fhf4hbgf30] {
    outline: 2px solid var(--color-bright-green);
    outline-offset: 2px;
}

.lem-disclosure__marker[b-fhf4hbgf30] {
    display: inline-block;
    transition: transform 120ms ease;
}

details[open] .lem-disclosure__marker[b-fhf4hbgf30] { transform: rotate(90deg); }

.lem-disclosure__body[b-fhf4hbgf30] {
    padding: 0 12px 10px 24px;
    font-family: var(--font-mono);
    font-size: 12px;
    line-height: 1.55;
    color: var(--color-white);
    word-break: break-word;
    white-space: pre-wrap;
    max-height: 120px;
    overflow-y: auto;
}

/* ── 6. Timeline rail ────────────────────────────────────────────────── */
.lem-timeline[b-fhf4hbgf30] {
    padding: 16px 18px 6px;
}

.lem-timeline__eyebrow[b-fhf4hbgf30] {
    font-family: var(--font-mono);
    font-size: 10px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: var(--vp-msg-kind-color, rgba(255,255,255,0.55));
    margin-bottom: 8px;
}

.lem-timeline__rail[b-fhf4hbgf30] {
    position: relative;
    padding-left: 14px;
}

.lem-timeline__line[b-fhf4hbgf30] {
    position: absolute;
    left: 4px;
    top: 6px;
    bottom: 6px;
    width: 1px;
    background: rgba(255,255,255,0.08);                /* no token */
}

.lem-timeline__row[b-fhf4hbgf30] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 4px 0;
}

.lem-timeline__row--neighbor[b-fhf4hbgf30] { opacity: 0.5; }

.lem-timeline__dot[b-fhf4hbgf30] {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: transparent;
    border: 1.5px solid var(--_lem-accent);
    margin-left: -14px;
    flex-shrink: 0;
}

.lem-timeline__dot--current[b-fhf4hbgf30] {
    background: var(--_lem-accent);
    box-shadow: 0 0 0 3px var(--_lem-bg);
}

.lem-timeline__time[b-fhf4hbgf30] {
    font-family: var(--font-mono);
    font-size: 11px;
    color: var(--vp-msg-kind-color, rgba(255,255,255,0.55));
    width: 56px;
    flex-shrink: 0;
}

.lem-timeline__text[b-fhf4hbgf30] {
    font-size: 12.5px;
    color: var(--vp-msg-kind-color, rgba(255,255,255,0.55));
    font-weight: var(--font-weight-regular);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lem-timeline__row--current .lem-timeline__text[b-fhf4hbgf30] {
    color: var(--color-white);
    font-weight: var(--font-weight-medium);
}

/* ── 7. Meta strip ───────────────────────────────────────────────────── */
.lem-meta-strip[b-fhf4hbgf30] {
    padding: 10px 18px 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.lem-chip[b-fhf4hbgf30] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    background: rgba(255,255,255,0.04);                /* no token; chip bg */
    border: 1px solid rgba(255,255,255,0.08);          /* no token */
    border-radius: var(--border-radius-sm);            /* 4px */
    font-family: var(--font-mono);
    font-size: 11px;
    color: var(--color-white);
}

.lem-chip:hover[b-fhf4hbgf30] { background: rgba(255,255,255,0.08); } /* no token; hover tint */

.lem-chip__label[b-fhf4hbgf30] {
    color: var(--vp-msg-kind-color, rgba(255,255,255,0.55));
    margin-right: 2px;
}

/* ── 8. Footer ───────────────────────────────────────────────────────── */
.lem-footer[b-fhf4hbgf30] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 18px;
    border-top: 1px solid var(--vp-divider);
    background: rgba(0,0,0,0.15);                      /* no token; footer overlay */
    flex-shrink: 0;
}

.lem-footer__left[b-fhf4hbgf30] {
    display: flex;
    gap: 8px;
}

.lem-ghost-btn[b-fhf4hbgf30] {
    height: 30px;
    padding: 0 10px;
    background: rgba(255,255,255,0.04);                /* no token; ghost btn bg */
    color: rgba(255,255,255,0.75);                     /* no token; ghost btn text */
    border: 1px solid rgba(255,255,255,0.10);          /* no token; ghost btn border */
    border-radius: var(--border-radius-md);
    font-family: var(--font-body);
    font-weight: var(--font-weight-medium);
    font-size: 12px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: background-color 0.15s ease;
}

.lem-ghost-btn:hover[b-fhf4hbgf30] { background: rgba(255,255,255,0.08); } /* no token */

.lem-ghost-btn:focus-visible[b-fhf4hbgf30] {
    outline: 2px solid var(--color-bright-green);
    outline-offset: 2px;
}

.lem-primary-btn[b-fhf4hbgf30] {
    height: 36px;
    padding: 0 18px;
    background: var(--btn-primary-bg);
    color: var(--btn-primary-text);
    border: none;
    border-radius: var(--border-radius-md);
    font-family: var(--font-heading);
    font-weight: var(--font-weight-bold);
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.lem-primary-btn:hover[b-fhf4hbgf30]   { background: var(--btn-primary-bg-hover); }
.lem-primary-btn:active[b-fhf4hbgf30]  { background: var(--btn-primary-bg-active); }

.lem-primary-btn:focus-visible[b-fhf4hbgf30] {
    outline: 2px solid var(--color-bright-green);
    outline-offset: 2px;
}
/* _content/Verapath.Components/Components/Maps/VerapathBubbleMap.razor.rz.scp.css */
.vp-map[b-d5c490sien] {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 260px;
}

.vp-map-svg[b-d5c490sien] {
    width: 100%;
    height: 100%;
    display: block;
}

.vp-map-bubble[b-d5c490sien] {
    transition: fill-opacity 120ms ease, stroke-opacity 120ms ease;
    cursor: pointer;
}

.vp-map-bubble:hover[b-d5c490sien] {
    fill-opacity: 0.85 !important;
    stroke-opacity: 0.9 !important;
}

.vp-map-loading[b-d5c490sien] {
    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-d5c490sien] {
    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-d5c490sien] {
    font-weight: 600;
}

.vp-map-tooltip-sep[b-d5c490sien] {
    margin: 0 4px;
    opacity: 0.7;
}

.vp-map-tooltip-value[b-d5c490sien] {
    opacity: 0.95;
}

/* ── Bottom-right legend explaining bubble-size encoding ───────── */
.vp-map-legend[b-d5c490sien] {
    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-d5c490sien] {
    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-d5c490sien] {
    width: 6px;
    height: 6px;
    opacity: 0.75;
}

.vp-map-legend-dot--lg[b-d5c490sien] {
    width: 12px;
    height: 12px;
}

.vp-map-legend-text[b-d5c490sien] {
    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-zyy9rh1fxq] {
    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-zyy9rh1fxq]  p {
    margin: 0 0 0.85rem;
}
.vp-md[b-zyy9rh1fxq]  p:last-child {
    margin-bottom: 0;
}

/* ── Headings ────────────────────────────────────────────────────── */
.vp-md[b-zyy9rh1fxq]  h1,
.vp-md[b-zyy9rh1fxq]  h2,
.vp-md[b-zyy9rh1fxq]  h3,
.vp-md[b-zyy9rh1fxq]  h4,
.vp-md[b-zyy9rh1fxq]  h5,
.vp-md[b-zyy9rh1fxq]  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-zyy9rh1fxq]  h1:first-child,
.vp-md[b-zyy9rh1fxq]  h2:first-child,
.vp-md[b-zyy9rh1fxq]  h3:first-child {
    margin-top: 0;
}
.vp-md[b-zyy9rh1fxq]  h1 { font-size: 1.55rem; }
.vp-md[b-zyy9rh1fxq]  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-zyy9rh1fxq]  h3 { font-size: 1.08rem; }
.vp-md[b-zyy9rh1fxq]  h4 { font-size: 0.95rem; }
.vp-md[b-zyy9rh1fxq]  h5 { font-size: 0.88rem; font-weight: 600; }
.vp-md[b-zyy9rh1fxq]  h6 { font-size: 0.82rem; font-weight: 600; color: var(--color-gray-01, #909893); }

/* ── Links ───────────────────────────────────────────────────────── */
.vp-md[b-zyy9rh1fxq]  a {
    color: var(--color-green, #0ea665);
    text-decoration: none;
}
.vp-md[b-zyy9rh1fxq]  a:hover,
.vp-md[b-zyy9rh1fxq]  a:focus-visible {
    text-decoration: underline;
}

/* ── Strong / Em ─────────────────────────────────────────────────── */
.vp-md[b-zyy9rh1fxq]  strong { font-weight: 700; }
.vp-md[b-zyy9rh1fxq]  em     { font-style: italic; }

/* ── Strikethrough ───────────────────────────────────────────────── */
.vp-md[b-zyy9rh1fxq]  del,
.vp-md[b-zyy9rh1fxq]  s {
    color: var(--color-gray-01, #909893);
}

/* ── Horizontal rule ─────────────────────────────────────────────── */
.vp-md[b-zyy9rh1fxq]  hr {
    border: none;
    border-top: 1px solid var(--vp-border-default, var(--color-gray-02, #b9c0be));
    margin: 1.25rem 0;
}

/* ── Blockquote ──────────────────────────────────────────────────── */
.vp-md[b-zyy9rh1fxq]  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-zyy9rh1fxq]  blockquote p:last-child {
    margin-bottom: 0;
}

/* ── Lists ───────────────────────────────────────────────────────── */
.vp-md[b-zyy9rh1fxq]  ul,
.vp-md[b-zyy9rh1fxq]  ol {
    margin: 0 0 0.85rem;
    padding-left: 1.5rem;
}
.vp-md[b-zyy9rh1fxq]  li {
    margin-bottom: 0.3rem;
}
.vp-md[b-zyy9rh1fxq]  li > ul,
.vp-md[b-zyy9rh1fxq]  li > ol {
    margin-top: 0.3rem;
    margin-bottom: 0;
}
/* Task list checkboxes */
.vp-md[b-zyy9rh1fxq]  li.task-list-item {
    list-style: none;
    margin-left: -1.25rem;
}
.vp-md[b-zyy9rh1fxq]  li.task-list-item input[type="checkbox"] {
    margin-right: 0.45rem;
    accent-color: var(--color-green, #0ea665);
}

/* ── Images ──────────────────────────────────────────────────────── */
.vp-md[b-zyy9rh1fxq]  img {
    max-width: 100%;
    border-radius: 8px;
    margin: 0.5rem 0;
}

/* ── Inline code ─────────────────────────────────────────────────── */
.vp-md[b-zyy9rh1fxq]  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-zyy9rh1fxq]  .vp-md__code-wrap {
    position: relative;
    margin: 0.85rem 0;
    min-width: 0;
    max-width: 100%;
}

.vp-md[b-zyy9rh1fxq]  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-zyy9rh1fxq]  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 (uses Markdig's class="language-xxx") */
.vp-md[b-zyy9rh1fxq]  pre code[class*="language-"]::before {
    content: attr(class);
    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;
}
/* Clean up the "language-" prefix from the label */
.vp-md[b-zyy9rh1fxq]  pre code[class*="language-"]::before {
    content: attr(class);
}

/* ── Copy button (injected by verapath-markdown.js) ──────────────── */
.vp-md[b-zyy9rh1fxq]  .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-zyy9rh1fxq]  .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-zyy9rh1fxq]  .vp-md__copy-btn--copied {
    background: rgba(163, 233, 107, 0.25);
    border-color: #a3e96b;
    color: #a3e96b;
}

/* ── Tables ──────────────────────────────────────────────────────── */
.vp-md[b-zyy9rh1fxq]  table {
    display: table;
    width: max-content;
    min-width: 100%;
    border-collapse: collapse;
    margin: 0;
    font-size: 0.88rem;
}
.vp-md[b-zyy9rh1fxq]  thead {
    background: var(--color-gray-04, #f7f7f7);
}
.vp-md[b-zyy9rh1fxq]  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-zyy9rh1fxq]  td {
    padding: 0.48rem 0.85rem;
    border-bottom: 1px solid var(--color-gray-03, #e0e3e2);
    vertical-align: top;
}
.vp-md[b-zyy9rh1fxq]  tr:last-child td {
    border-bottom: none;
}
.vp-md[b-zyy9rh1fxq]  tbody tr:hover {
    background: var(--color-gray-04, #f7f7f7);
}

.vp-md[b-zyy9rh1fxq]  .vp-md__table-shell {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    margin: 0.95rem 0;
}

.vp-md[b-zyy9rh1fxq]  .vp-md__table-toolbar {
    display: flex;
    justify-content: flex-end;
}

.vp-md[b-zyy9rh1fxq]  .vp-md__table-scroll {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
}

.vp-md[b-zyy9rh1fxq]  .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-zyy9rh1fxq]  .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-zyy9rh1fxq]  .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-zyy9rh1fxq] {
    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-zyy9rh1fxq] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--color-gray-02, #b9c0be);
    animation: vp-md-bounce-b-zyy9rh1fxq 1.3s ease-in-out infinite;
}
.vp-md__table-pending-dot:nth-child(2)[b-zyy9rh1fxq] { animation-delay: 0.18s; }
.vp-md__table-pending-dot:nth-child(3)[b-zyy9rh1fxq] { animation-delay: 0.36s; }

@keyframes vp-md-bounce-b-zyy9rh1fxq {
    0%, 55%, 100% { transform: translateY(0);   opacity: 0.4; }
    27%            { transform: translateY(-5px); opacity: 1;   }
}

/* ── Non-table pending text ──────────────────────────────────────── */
.vp-md__pending-text[b-zyy9rh1fxq] {
    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-zyy9rh1fxq]  pre code {
        font-size: 0.78rem;
    }
    .vp-md[b-zyy9rh1fxq]  th,
    .vp-md[b-zyy9rh1fxq]  td {
        padding: 0.4rem 0.6rem;
    }
}
/* ═══════════════════════════════════════════════════════════════════
   VerapathMarkdown — redesign additions
   ───────────────────────────────────────────────────────────────────
   APPEND these rules at the end of the existing
   Website/Verapath.Components/Components/Markdown/VerapathMarkdown.razor.css
   (do NOT replace the whole file — just add this block).

   All colors route through semantic tokens so dark mode works without
   per-rule overrides.
   ═══════════════════════════════════════════════════════════════════ */

/* ── Redesign additions ───────────────────────────────────────────── */

.vp-md[b-zyy9rh1fxq] {
    color: var(--vp-msg-body-color);
    line-height: 1.65;
    font-family: var(--font-body);
    min-width: 0;
}

.vp-md > :first-child[b-zyy9rh1fxq] { margin-top: 0; }
.vp-md > :last-child[b-zyy9rh1fxq]  { margin-bottom: 0; }

.vp-md h1[b-zyy9rh1fxq], .vp-md h2[b-zyy9rh1fxq], .vp-md h3[b-zyy9rh1fxq], .vp-md h4[b-zyy9rh1fxq] {
    font-family: var(--font-heading);
    color: var(--vp-msg-body-color);
    letter-spacing: -0.01em;
    margin: 1.25em 0 0.5em;
    line-height: 1.2;
}

.vp-md h1[b-zyy9rh1fxq] { font-size: 1.45rem; }
.vp-md h2[b-zyy9rh1fxq] { font-size: 1.2rem; }
.vp-md h3[b-zyy9rh1fxq] { font-size: 1.05rem; }
.vp-md h4[b-zyy9rh1fxq] { font-size: 0.95rem; }

.vp-md p[b-zyy9rh1fxq] {
    margin: 0 0 0.8em;
}

.vp-md ul[b-zyy9rh1fxq], .vp-md ol[b-zyy9rh1fxq] {
    margin: 0 0 0.8em;
    padding-left: 1.4em;
}

.vp-md li + li[b-zyy9rh1fxq] {
    margin-top: 0.25em;
}

.vp-md a[b-zyy9rh1fxq] {
    color: var(--vp-citation-link);
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
}

.vp-md a:hover[b-zyy9rh1fxq] { text-decoration-thickness: 2px; }

/* ── Inline code ──────────────────────────────────────────────────── */
.vp-md code:not(pre code)[b-zyy9rh1fxq] {
    padding: 0.1em 0.35em;
    background: var(--vp-code-inline-bg);
    color: var(--vp-code-inline-fg);
    border-radius: 4px;
    font-family: var(--font-mono);
    font-size: 0.88em;
}

/* ── Fenced code blocks ───────────────────────────────────────────── */
.vp-md pre[b-zyy9rh1fxq] {
    margin: 0.9em 0;
    padding: 0.85em 1em;
    background: var(--vp-code-block-bg);
    color: var(--vp-code-block-fg);
    border: 1px solid var(--vp-code-block-border);
    border-radius: 10px;
    overflow-x: auto;
    font-family: var(--font-mono);
    font-size: 0.85rem;
    line-height: 1.55;
}

.vp-md pre code[b-zyy9rh1fxq] {
    background: transparent;
    color: inherit;
    padding: 0;
    font-size: inherit;
}

/* Scrollbar tint inside code blocks */
.vp-md pre[b-zyy9rh1fxq]::-webkit-scrollbar { height: 8px; }
.vp-md pre[b-zyy9rh1fxq]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.12);
    border-radius: 4px;
}

/* ── Blockquotes ──────────────────────────────────────────────────── */
.vp-md blockquote[b-zyy9rh1fxq] {
    margin: 0.9em 0;
    padding: 0.4em 0.9em;
    border-left: 3px solid var(--color-bright-green);
    background: color-mix(in srgb, var(--color-bright-green) 6%, transparent);
    color: var(--vp-msg-body-color);
    border-radius: 0 6px 6px 0;
}

[data-theme="dark"] .vp-md blockquote[b-zyy9rh1fxq],
:root[data-theme="dark"] .vp-md blockquote[b-zyy9rh1fxq] {
    background: color-mix(in srgb, var(--color-bright-green) 10%, transparent);
}

.vp-md blockquote p[b-zyy9rh1fxq] { margin: 0; }

/* ── Tables ───────────────────────────────────────────────────────── */
.vp-md table[b-zyy9rh1fxq] {
    width: 100%;
    margin: 0.9em 0;
    border-collapse: collapse;
    font-size: 0.9rem;
    border: 1px solid var(--vp-divider);
    border-radius: 8px;
    overflow: hidden;
}

.vp-md thead[b-zyy9rh1fxq] {
    background: var(--vp-step-chip-bg);
}

.vp-md th[b-zyy9rh1fxq], .vp-md td[b-zyy9rh1fxq] {
    padding: 0.5em 0.75em;
    text-align: left;
    border-bottom: 1px solid var(--vp-divider);
    color: var(--vp-msg-body-color);
}

.vp-md th[b-zyy9rh1fxq] {
    font-family: var(--font-heading);
    font-size: 0.78rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--vp-msg-kind-color);
}

.vp-md tbody tr:last-child td[b-zyy9rh1fxq] {
    border-bottom: none;
}

.vp-md tbody tr:hover[b-zyy9rh1fxq] {
    background: var(--vp-step-row-hover);
}

/* ── Horizontal rule ──────────────────────────────────────────────── */
.vp-md hr[b-zyy9rh1fxq] {
    margin: 1.4em 0;
    border: none;
    border-top: 1px solid var(--vp-divider);
}

/* ── Copy-button adjustment (existing button: keep its class; just
      bring its colors in line with dark mode) ─────────────────────── */
.vp-md__copy-btn[b-zyy9rh1fxq] {
    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-zyy9rh1fxq] {
    color: var(--vp-action-btn-hover-color);
    background: var(--vp-step-chip-hover-bg);
}

/* ── Dark-mode heading contrast (bug #49 items [1] and [2]) ─────── */
[data-theme="dark"] .vp-md[b-zyy9rh1fxq]  h1,
[data-theme="dark"] .vp-md[b-zyy9rh1fxq]  h2,
[data-theme="dark"] .vp-md[b-zyy9rh1fxq]  h3,
[data-theme="dark"] .vp-md[b-zyy9rh1fxq]  h4,
[data-theme="dark"] .vp-md[b-zyy9rh1fxq]  h5,
[data-theme="dark"] .vp-md[b-zyy9rh1fxq]  h6 {
    color: var(--vp-content-text, rgba(255, 255, 255, 0.96));
}

/* ── Dark-mode blockquote contrast (Bug #101) ───────────────────────────
   Block A above hardcodes `color: var(--color-midnight, #223029)` for
   blockquote text, which is unreadable on the dark-mode dark-green
   blockquote tint. Block B further down attempted to fix this with
   semantic tokens but is missing the `::deep` combinator, so it never
   matches the MarkupString-rendered <blockquote> child. This override
   restores readable text in dark mode using the same shape as the
   Bug #49 heading-contrast fix immediately above. */
[data-theme="dark"] .vp-md[b-zyy9rh1fxq]  blockquote {
    color: var(--vp-msg-body-color, rgba(255, 255, 255, 0.92));
}
/* _content/Verapath.Components/Components/Microphone/VerapathMicrophoneButton.razor.rz.scp.css */
.vp-mic[b-b0gfhj15su] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--vp-mic-size, 36px);
    height: var(--vp-mic-size, 36px);
    padding: 0;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: var(--vp-content-text, var(--color-midnight, #223029));
    cursor: pointer;
    transition: background-color 120ms ease, color 120ms ease, transform 120ms ease;
    flex-shrink: 0;
}

.vp-mic--circle[b-b0gfhj15su] { border-radius: 50%; }

/* Matches the 34×34 rounded icon buttons used in VerapathAskBox and similar chrome. */
.vp-mic--square[b-b0gfhj15su] {
    border-radius: 8px;
    border: 1px solid var(--vp-border-default, #b9c0be);
    background: var(--vp-surface-input, transparent);
}

.vp-mic--square:hover:not(:disabled):not(.vp-mic--recording)[b-b0gfhj15su] {
    background: var(--vp-icon-btn-hover-bg, #e0e3e2);
}

.vp-mic:hover:not(:disabled):not(.vp-mic--recording)[b-b0gfhj15su] {
    background: var(--color-gray-03, #e0e3e2);
}

.vp-mic:active:not(:disabled)[b-b0gfhj15su] {
    transform: scale(0.95);
}

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

.vp-mic:disabled[b-b0gfhj15su] {
    cursor: not-allowed;
    opacity: 0.45;
}

/* ── Size variants ──────────────────────────────────────────────── */
.vp-mic--sm[b-b0gfhj15su] { --vp-mic-size: 28px; }
.vp-mic--md[b-b0gfhj15su] { --vp-mic-size: 36px; }
.vp-mic--lg[b-b0gfhj15su] { --vp-mic-size: 48px; }

.vp-mic__icon[b-b0gfhj15su] {
    width: 55%;
    height: 55%;
}

/* ── Recording state ────────────────────────────────────────────── */
.vp-mic--recording[b-b0gfhj15su] {
    background: var(--color-red, #f9574d);
    color: var(--color-white, #ffffff);
}

.vp-mic--recording:hover:not(:disabled)[b-b0gfhj15su] {
    background: var(--color-red, #f9574d);
    filter: brightness(0.95);
}

/* Concentric pulse rings — inherit the button's own radius so they work for
   both circle and rounded-square shapes. */
.vp-mic--recording[b-b0gfhj15su]::before,
.vp-mic--recording[b-b0gfhj15su]::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border: 2px solid var(--color-red, #f9574d);
    animation: vp-mic-pulse-b-b0gfhj15su 1.6s ease-out infinite;
    pointer-events: none;
}

.vp-mic--recording[b-b0gfhj15su]::after {
    animation-delay: 0.8s;
}

@keyframes vp-mic-pulse-b-b0gfhj15su {
    0%   { transform: scale(1);   opacity: 0.6; }
    100% { transform: scale(1.9); opacity: 0;   }
}

/* ── Animated waveform shown while recording ────────────────────── */
.vp-mic__wave[b-b0gfhj15su] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    height: 55%;
}

.vp-mic__wave span[b-b0gfhj15su] {
    display: inline-block;
    width: 2px;
    background: currentColor;
    border-radius: 1px;
    animation: vp-mic-wave-b-b0gfhj15su 0.9s ease-in-out infinite;
}

.vp-mic__wave span:nth-child(1)[b-b0gfhj15su] { height: 40%; animation-delay: -0.30s; }
.vp-mic__wave span:nth-child(2)[b-b0gfhj15su] { height: 80%; animation-delay: -0.15s; }
.vp-mic__wave span:nth-child(3)[b-b0gfhj15su] { height: 60%; animation-delay:  0.00s; }
.vp-mic__wave span:nth-child(4)[b-b0gfhj15su] { height: 30%; animation-delay: -0.45s; }

@keyframes vp-mic-wave-b-b0gfhj15su {
    0%, 100% { transform: scaleY(0.4); }
    50%      { transform: scaleY(1); }
}

/* Honour users who prefer reduced motion. */
@media (prefers-reduced-motion: reduce) {
    .vp-mic--recording[b-b0gfhj15su]::before,
    .vp-mic--recording[b-b0gfhj15su]::after,
    .vp-mic__wave span[b-b0gfhj15su] {
        animation: none;
    }
}
/* _content/Verapath.Components/Components/Modal/VerapathModal.razor.rz.scp.css */
/* ── Backdrop ────────────────────────────────────────────────────── */
.vp-modal__backdrop[b-xog8tkas17] {
    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-xog8tkas17 0.15s ease;
}

/* ── Drag capture overlay ────────────────────────────────────────── */
.vp-modal__drag-overlay[b-xog8tkas17] {
    position: fixed;
    inset: 0;
    z-index: 1002;
    cursor: grabbing;
}

/* ── Dialog ──────────────────────────────────────────────────────── */
.vp-modal__dialog[b-xog8tkas17] {
    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-xog8tkas17 0.18s ease;
    overflow: hidden;
}

/* ── Entrance animation ──────────────────────────────────────────── */
@keyframes vp-modal-fade-in-b-xog8tkas17 {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes vp-modal-slide-in-b-xog8tkas17 {
    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-xog8tkas17] {
    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-xog8tkas17],
.vp-modal__header--dragging:hover[b-xog8tkas17] {
    cursor: grabbing;
}

.vp-modal__type-icon[b-xog8tkas17] {
    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-xog8tkas17] {
    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-xog8tkas17] {
    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-xog8tkas17] {
    background: var(--vp-divider, #e0e3e2);
    color: var(--vp-input-color, #223029);
}

/* ── Type icon tinted squares ────────────────────────────────────── */
.vp-modal__type-icon--info[b-xog8tkas17]    { background: rgba(188, 169, 241, 0.15); color: var(--color-purple, #bca9f1); }
.vp-modal__type-icon--success[b-xog8tkas17] { background: rgba(14, 166, 101, 0.12);  color: var(--color-green, #0ea665); }
.vp-modal__type-icon--warning[b-xog8tkas17] { background: rgba(160, 120, 0, 0.12);   color: #a07800; }
.vp-modal__type-icon--danger[b-xog8tkas17]  { background: rgba(249, 87, 77, 0.12);   color: var(--color-red, #f9574d); }

/* Dark mode overrides */
[data-theme="dark"] .vp-modal__type-icon--warning[b-xog8tkas17] { color: var(--color-lemon, #FFF515); background: rgba(255, 245, 21, 0.10); }

/* ── Body ────────────────────────────────────────────────────────── */
.vp-modal__body[b-xog8tkas17] {
    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-xog8tkas17] {
    margin: 0 0 12px;
}

.vp-modal__body p:last-child[b-xog8tkas17] {
    margin-bottom: 0;
}

/* 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-xog8tkas17] {
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* ── Footer ──────────────────────────────────────────────────────── */
.vp-modal__footer[b-xog8tkas17] {
    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-xog8tkas17]  { --vp-modal-width: min(420px, calc(100vw - 32px)); }
.vp-modal--size-medium[b-xog8tkas17] { --vp-modal-width: min(560px, calc(100vw - 32px)); }
.vp-modal--size-large[b-xog8tkas17]  { --vp-modal-width: min(760px, calc(100vw - 32px)); }

/* ── 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-xog8tkas17] {
        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-xog8tkas17 0.18s ease;
    }

    .vp-modal__dialog.vp-modal__dialog--content .vp-modal__header[b-xog8tkas17] {
        cursor: default;
    }
}
/* _content/Verapath.Components/Components/Navigation/VerapathNavigationMenu.razor.rz.scp.css */
.vp-navmenu[b-hm7fn9bjwp] {
    position: relative;
    width: 100%;
}

.vp-navmenu__backdrop[b-hm7fn9bjwp] {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 19;
    background: transparent;
    border: 0;
}

.vp-navmenu__toggle[b-hm7fn9bjwp] {
    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-hm7fn9bjwp] {
    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-hm7fn9bjwp] {
    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-hm7fn9bjwp] {
    width: 100%;
    position: relative;
    isolation: isolate;
}

.vp-navmenu__item[b-hm7fn9bjwp],
.vp-navmenu__item--disabled[b-hm7fn9bjwp] {
    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-hm7fn9bjwp] {
    cursor: pointer;
}

.vp-navmenu__item:hover[b-hm7fn9bjwp] {
    transform: translateY(-1px);
}

.vp-navmenu__item--disabled[b-hm7fn9bjwp] {
    color: var(--vp-placeholder-color);
    cursor: not-allowed;
    opacity: 0.7;
}

.vp-navmenu__item-icon[b-hm7fn9bjwp],
.vp-navmenu__item-badge[b-hm7fn9bjwp] {
    flex: 0 0 auto;
}

.vp-navmenu__item-inner[b-hm7fn9bjwp] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-width: 0;
}

.vp-navmenu__item-icon[b-hm7fn9bjwp] {
    display: inline-flex;
    align-items: center;
    color: currentColor;
}

.vp-navmenu__item-label[b-hm7fn9bjwp] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vp-navmenu__item-badge[b-hm7fn9bjwp] {
    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-hm7fn9bjwp] {
    min-width: 0;
}

.vp-navmenu__group-label[b-hm7fn9bjwp] {
    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-hm7fn9bjwp] {
    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-hm7fn9bjwp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.vp-navmenu--inline .vp-navmenu__group-label[b-hm7fn9bjwp] {
    display: none;
}

.vp-navmenu--inline .vp-navmenu__group-items[b-hm7fn9bjwp] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.vp-navmenu--inline .vp-navmenu__item[b-hm7fn9bjwp],
.vp-navmenu--inline .vp-navmenu__item--disabled[b-hm7fn9bjwp] {
    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-hm7fn9bjwp] {
    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-hm7fn9bjwp] {
    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-hm7fn9bjwp] {
    background: rgba(34, 48, 41, 0.12);
    color: var(--color-midnight);
}

.vp-navmenu--rail .vp-navmenu__surface[b-hm7fn9bjwp] {
    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-hm7fn9bjwp] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.vp-navmenu--rail .vp-navmenu__group-items[b-hm7fn9bjwp] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.vp-navmenu--rail .vp-navmenu__item[b-hm7fn9bjwp],
.vp-navmenu--rail .vp-navmenu__item--disabled[b-hm7fn9bjwp] {
    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-hm7fn9bjwp] {
    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-hm7fn9bjwp] {
    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-hm7fn9bjwp] {
    background: rgba(34, 48, 41, 0.12);
    color: var(--color-midnight);
}

[data-theme="dark"] .vp-navmenu__item:hover[b-hm7fn9bjwp],
:root[data-theme="dark"] .vp-navmenu__item:hover[b-hm7fn9bjwp] {
    background: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .vp-navmenu__toggle[b-hm7fn9bjwp],
:root[data-theme="dark"] .vp-navmenu__toggle[b-hm7fn9bjwp] {
    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-hm7fn9bjwp],
:root[data-theme="dark"] .vp-navmenu__toggle-icon[b-hm7fn9bjwp] {
    background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-navmenu--inline .vp-navmenu__surface[b-hm7fn9bjwp],
[data-theme="dark"] .vp-navmenu--rail .vp-navmenu__surface[b-hm7fn9bjwp],
:root[data-theme="dark"] .vp-navmenu--inline .vp-navmenu__surface[b-hm7fn9bjwp],
:root[data-theme="dark"] .vp-navmenu--rail .vp-navmenu__surface[b-hm7fn9bjwp] {
    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-hm7fn9bjwp],
[data-theme="dark"] .vp-navmenu--rail .vp-navmenu__item[b-hm7fn9bjwp],
[data-theme="dark"] .vp-navmenu--inline .vp-navmenu__item--disabled[b-hm7fn9bjwp],
[data-theme="dark"] .vp-navmenu--rail .vp-navmenu__item--disabled[b-hm7fn9bjwp],
:root[data-theme="dark"] .vp-navmenu--inline .vp-navmenu__item[b-hm7fn9bjwp],
:root[data-theme="dark"] .vp-navmenu--rail .vp-navmenu__item[b-hm7fn9bjwp],
:root[data-theme="dark"] .vp-navmenu--inline .vp-navmenu__item--disabled[b-hm7fn9bjwp],
:root[data-theme="dark"] .vp-navmenu--rail .vp-navmenu__item--disabled[b-hm7fn9bjwp] {
    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-hm7fn9bjwp],
:root[data-theme="dark"] .vp-navmenu--inline .vp-navmenu__item--active[b-hm7fn9bjwp] {
    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-hm7fn9bjwp],
:root[data-theme="dark"] .vp-navmenu--rail .vp-navmenu__item--active[b-hm7fn9bjwp] {
    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-hm7fn9bjwp] {
        display: inline-flex;
    }

    .vp-navmenu__backdrop[b-hm7fn9bjwp] {
        display: block;
    }

    .vp-navmenu__surface[b-hm7fn9bjwp] {
        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-hm7fn9bjwp 0.28s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .vp-navmenu--open .vp-navmenu__surface[b-hm7fn9bjwp] {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .vp-navmenu__group[b-hm7fn9bjwp] {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .vp-navmenu__group-label[b-hm7fn9bjwp] {
        display: inline-block;
    }

    .vp-navmenu__group-items[b-hm7fn9bjwp] {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .vp-navmenu__item[b-hm7fn9bjwp],
    .vp-navmenu__item--disabled[b-hm7fn9bjwp] {
        width: 100%;
        padding: 12px 13px;
        border-radius: 14px;
    }

    .vp-navmenu__item--active[b-hm7fn9bjwp] {
        background: var(--color-bright-green);
        color: var(--color-midnight);
    }

    .vp-navmenu__item--active .vp-navmenu__item-badge[b-hm7fn9bjwp] {
        background: rgba(34, 48, 41, 0.12);
        color: var(--color-midnight);
    }
}

@keyframes vp-navmenu-enter-b-hm7fn9bjwp {
    from {
        opacity: 0;
        transform: translateY(8px) scale(0.97);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
/* _content/Verapath.Components/Components/NetDocuments/VerapathNetDocumentsFilePicker.razor.rz.scp.css */
.vp-nd-picker[b-9ehqdbbhoq] {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
    min-height: 0;
    background: var(--vp-content-bg, #f7f7f7);
    color: var(--color-midnight, #223029);
}

.vp-nd-picker__searchbar[b-9ehqdbbhoq] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--vp-border-default, #b9c0be);
    background: var(--vp-surface-input, #ffffff);
}

.vp-nd-picker__search-icon[b-9ehqdbbhoq] {
    font-size: 14px;
    color: var(--color-gray-01, #909893);
}

.vp-nd-picker__search-input[b-9ehqdbbhoq] {
    flex: 1;
    height: 36px;
    padding: 6px 10px;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: 6px;
    background: var(--vp-surface-input, #ffffff);
    color: var(--color-midnight, #223029);
    font: inherit;
    font-size: 14px;
}

.vp-nd-picker__search-input:focus[b-9ehqdbbhoq] {
    outline: 2px solid var(--color-bright-green, #a3e96b);
    outline-offset: -1px;
    border-color: var(--color-bright-green, #a3e96b);
}

.vp-nd-picker__search-clear[b-9ehqdbbhoq] {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 50%;
    color: var(--color-gray-01, #909893);
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
}

.vp-nd-picker__search-clear:hover[b-9ehqdbbhoq] {
    background: var(--vp-content-bg, #f7f7f7);
    color: var(--color-midnight, #223029);
}

.vp-nd-picker__search-scope[b-9ehqdbbhoq] {
    font-size: 12px;
    color: var(--color-gray-01, #909893);
    white-space: nowrap;
    padding: 2px 8px;
    border-radius: 999px;
    background: var(--vp-content-bg, #f7f7f7);
}

.vp-nd-picker__body[b-9ehqdbbhoq] {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: 260px 1fr;
    grid-template-rows: minmax(0, 1fr);
    gap: 16px;
    padding: 16px 16px 0;
}

.vp-nd-picker__rail[b-9ehqdbbhoq] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-right: 1px solid var(--vp-border-default, #b9c0be);
    padding-right: 12px;
    overflow-y: auto;
}

.vp-nd-picker__rail-section[b-9ehqdbbhoq] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.vp-nd-picker__rail-head[b-9ehqdbbhoq] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.vp-nd-picker__rail-title[b-9ehqdbbhoq] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-midnight, #223029);
}

.vp-nd-picker__sites[b-9ehqdbbhoq] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.vp-nd-picker__site[b-9ehqdbbhoq] {
    width: 100%;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 10px;
    background: transparent;
    border: none;
    border-radius: 6px;
    color: var(--color-midnight, #223029);
    cursor: pointer;
    font-size: 13px;
}

.vp-nd-picker__site:hover[b-9ehqdbbhoq] {
    background: var(--vp-surface-input, #ffffff);
}

.vp-nd-picker__site--active[b-9ehqdbbhoq] {
    background: var(--color-mint-50, #edfaee);
    font-weight: 600;
}

.vp-nd-picker__site-name[b-9ehqdbbhoq] {
    display: block;
}

.vp-nd-picker__site-host[b-9ehqdbbhoq] {
    font-size: 11px;
    color: var(--color-gray-01, #909893);
}

.vp-nd-picker__drives[b-9ehqdbbhoq] {
    list-style: none;
    margin: 4px 0 8px 12px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    border-left: 2px solid var(--vp-border-default, #b9c0be);
}

.vp-nd-picker__drive[b-9ehqdbbhoq] {
    width: 100%;
    text-align: left;
    padding: 6px 10px;
    background: transparent;
    border: none;
    border-radius: 4px;
    color: var(--color-midnight, #223029);
    cursor: pointer;
    font-size: 13px;
}

.vp-nd-picker__drive:hover[b-9ehqdbbhoq] {
    background: var(--vp-surface-input, #ffffff);
}

.vp-nd-picker__drive--active[b-9ehqdbbhoq] {
    background: var(--color-bright-green, #a3e96b);
    font-weight: 600;
}

.vp-nd-picker__pane[b-9ehqdbbhoq] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: hidden;
    min-height: 0;
}

.vp-nd-picker__placeholder[b-9ehqdbbhoq],
.vp-nd-picker__empty[b-9ehqdbbhoq],
.vp-nd-picker__loading[b-9ehqdbbhoq] {
    padding: 24px;
    color: var(--color-gray-01, #909893);
    text-align: center;
    font-size: 14px;
}

.vp-nd-picker__breadcrumbs[b-9ehqdbbhoq] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
    font-size: 13px;
}

.vp-nd-picker__crumb[b-9ehqdbbhoq] {
    padding: 4px 8px;
    background: transparent;
    border: none;
    color: var(--color-midnight, #223029);
    cursor: pointer;
    border-radius: 4px;
}

.vp-nd-picker__crumb:hover[b-9ehqdbbhoq] {
    background: var(--vp-surface-input, #ffffff);
    text-decoration: underline;
}

.vp-nd-picker__crumb-sep[b-9ehqdbbhoq] {
    color: var(--color-gray-01, #909893);
}

.vp-nd-picker__items[b-9ehqdbbhoq] {
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 1;
    overflow-y: auto;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: 6px;
    background: var(--vp-surface-input, #ffffff);
}

.vp-nd-picker__item[b-9ehqdbbhoq] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-bottom: 1px solid var(--vp-content-bg, #f7f7f7);
    font-size: 13px;
}

.vp-nd-picker__item:last-child[b-9ehqdbbhoq] {
    border-bottom: none;
}

.vp-nd-picker__item--folder:hover[b-9ehqdbbhoq] {
    background: var(--vp-content-bg, #f7f7f7);
}

.vp-nd-picker__item-button[b-9ehqdbbhoq] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    border: none;
    text-align: left;
    cursor: pointer;
    color: var(--color-midnight, #223029);
    padding: 0;
    font: inherit;
}

.vp-nd-picker__zip-btn[b-9ehqdbbhoq] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    background: transparent;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: 999px;
    color: var(--color-midnight, #223029);
    cursor: pointer;
    font-size: 11px;
    line-height: 1;
}

.vp-nd-picker__zip-btn:hover[b-9ehqdbbhoq] {
    background: var(--vp-surface-input, #ffffff);
}

.vp-nd-picker__zip-btn--active[b-9ehqdbbhoq] {
    background: var(--color-mint-50, #edfaee);
    border-color: var(--color-green, #0ea665);
    font-weight: 600;
}

.vp-nd-picker__zip-btn-label[b-9ehqdbbhoq] {
    white-space: nowrap;
}

.vp-nd-picker__item-row[b-9ehqdbbhoq] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 0;
    font: inherit;
    color: var(--color-midnight, #223029);
}

.vp-nd-picker__check[b-9ehqdbbhoq] {
    width: 16px;
    height: 16px;
    accent-color: var(--color-bright-green, #a3e96b);
    cursor: pointer;
}

.vp-nd-picker__item-icon[b-9ehqdbbhoq] {
    font-size: 16px;
}

.vp-nd-picker__item-name[b-9ehqdbbhoq] {
    flex: 1;
    color: var(--color-midnight, #223029);
}

.vp-nd-picker__item-name--file[b-9ehqdbbhoq] {
    color: var(--color-midnight, #223029);
}

.vp-nd-picker__item-meta[b-9ehqdbbhoq] {
    font-size: 11px;
    color: var(--color-gray-01, #909893);
}

.vp-nd-picker__item-cabinet[b-9ehqdbbhoq] {
    font-size: 11px;
    color: var(--color-gray-01, #909893);
    padding: 2px 6px;
    border-radius: 999px;
    background: var(--vp-content-bg, #f7f7f7);
    white-space: nowrap;
}

.vp-nd-picker__crumb--static[b-9ehqdbbhoq] {
    cursor: default;
    color: var(--color-midnight, #223029);
    font-weight: 600;
}

.vp-nd-picker__crumb--static:hover[b-9ehqdbbhoq] {
    background: transparent;
    text-decoration: none;
}

.vp-nd-picker__search-count[b-9ehqdbbhoq] {
    font-size: 12px;
    color: var(--color-gray-01, #909893);
    margin-left: auto;
}

.vp-nd-picker__more[b-9ehqdbbhoq] {
    display: flex;
    justify-content: center;
    padding: 12px 0;
}

.vp-nd-picker__footer[b-9ehqdbbhoq] {
    flex-shrink: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    border-top: 1px solid var(--vp-border-default, #b9c0be);
    background: var(--vp-content-bg, #f7f7f7);
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.06);
}

.vp-nd-picker__back[b-9ehqdbbhoq] {
    display: none;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    background: transparent;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: 4px;
    color: var(--color-midnight, #223029);
    cursor: pointer;
    font-size: 13px;
}

.vp-nd-picker__back:hover[b-9ehqdbbhoq] {
    background: var(--vp-surface-input, #ffffff);
}

@media (max-width: 720px) {
    .vp-nd-picker__body[b-9ehqdbbhoq] {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 12px 12px 0;
    }

    .vp-nd-picker__rail[b-9ehqdbbhoq] {
        border-right: none;
        padding-right: 0;
    }

    .vp-nd-picker--rail-active .vp-nd-picker__pane[b-9ehqdbbhoq] {
        display: none;
    }

    .vp-nd-picker--pane-active .vp-nd-picker__rail[b-9ehqdbbhoq] {
        display: none;
    }

    .vp-nd-picker__back[b-9ehqdbbhoq] {
        display: inline-flex;
    }

    .vp-nd-picker__footer[b-9ehqdbbhoq] {
        padding: 10px 12px;
    }

    .vp-nd-picker__actions[b-9ehqdbbhoq] {
        flex: 1;
        justify-content: flex-end;
    }

    .vp-nd-picker__warning[b-9ehqdbbhoq] {
        flex-basis: 100%;
        order: -1;
    }
}

.vp-nd-picker__summary[b-9ehqdbbhoq] {
    font-size: 13px;
    color: var(--color-midnight, #223029);
}

.vp-nd-picker__warning[b-9ehqdbbhoq] {
    flex: 1 1 220px;
    padding: 6px 12px;
    border-radius: 999px;
    background: var(--color-pale-yellow, #FFFCB1);
    color: var(--color-midnight, #223029);
    font-size: 12px;
    text-align: center;
}

.vp-nd-picker__actions[b-9ehqdbbhoq] {
    display: flex;
    gap: 8px;
    align-items: center;
}
/* _content/Verapath.Components/Components/NetDocuments/VerapathNetDocumentsFilePickerModal.razor.rz.scp.css */
@media (max-width: 720px) {
    .vp-nd-picker-modal__consent[b-h70uvczsu7] {
        padding: 16px;
    }

    .vp-nd-picker-modal__consent-actions[b-h70uvczsu7] {
        flex-direction: column;
        align-items: stretch;
    }
}

.vp-nd-picker-modal__consent[b-h70uvczsu7] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    background: var(--vp-content-bg, #f7f7f7);
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: 8px;
    color: var(--color-midnight, #223029);
}

.vp-nd-picker-modal__consent-title[b-h70uvczsu7] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.vp-nd-picker-modal__consent-body[b-h70uvczsu7] {
    margin: 0;
    font-size: 13px;
    color: var(--color-midnight, #223029);
}

.vp-nd-picker-modal__consent-actions[b-h70uvczsu7] {
    display: flex;
    gap: 12px;
    align-items: center;
}
/* _content/Verapath.Components/Components/Overlay/OverlayHost.razor.rz.scp.css */
.vp-overlay-host[b-zbehapk0vn] {
    position: fixed;
    inset: 0;
    z-index: 1500;
    pointer-events: none;
}

.vp-overlay-host__backdrop[b-zbehapk0vn] {
    position: fixed;
    inset: 0;
    pointer-events: auto;
    background: transparent;
}

.vp-overlay-host__surface[b-zbehapk0vn] {
    position: fixed;
    pointer-events: auto;
}

.vp-overlay-host__surface--top[b-zbehapk0vn] {
    transform: translateY(-100%);
}
/* _content/Verapath.Components/Components/Pagination/VerapathPagination.razor.rz.scp.css */
/* ── Pagination ──────────────────────────────────────────────────── */

.vp-pagination[b-3yej83m6jv] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.vp-pagination__page-size[b-3yej83m6jv] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--color-gray-01, #909893);
    margin-right: 8px;
}

.vp-pagination__page-size-select[b-3yej83m6jv] {
    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-3yej83m6jv] {
    border-color: var(--color-bright-green, #a3e96b);
}

.vp-pagination__page-info[b-3yej83m6jv] {
    padding: 0 6px;
    font-size: 11.5px;
    color: var(--vp-content-text, #223029);
    white-space: nowrap;
}

.vp-pagination__page-btn[b-3yej83m6jv] {
    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-3yej83m6jv] {
    background: var(--vp-surface-hover, #e0e3e2);
}

.vp-pagination__page-btn:disabled[b-3yej83m6jv] {
    opacity: 0.35;
    cursor: not-allowed;
}

[data-theme="dark"] .vp-pagination__page-btn[b-3yej83m6jv] {
    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-3yej83m6jv] {
    background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-pagination__page-size-select[b-3yej83m6jv] {
    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-3yej83m6jv],
:root[data-theme="dark"] .vp-pagination__page-size-select option[b-3yej83m6jv] {
    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-3yej83m6jv] {
    color: rgba(255, 255, 255, 0.86);
}
/* _content/Verapath.Components/Components/Popover/VerapathPopover.razor.rz.scp.css */
.vp-popover-backdrop[b-mpw31xi163] {
    position: fixed;
    inset: 0;
    z-index: 9998;
    background: transparent;
}

.vp-popover[b-mpw31xi163] {
    position: fixed;
    top: var(--vp-popover-top, 0);
    left: var(--vp-popover-left, 0);
    width: var(--vp-popover-width, 300px);
    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;
}

[data-theme="dark"].vp-popover[b-mpw31xi163],
[data-theme="dark"] .vp-popover[b-mpw31xi163] {
    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-7rgyy0fe99] {
    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-7rgyy0fe99] {
    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-7rgyy0fe99] {
    outline: 2px solid var(--color-bright-green);
    outline-offset: 2px;
}

.vp-profile-menu-item__inner[b-7rgyy0fe99] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-width: 0;
}

.vp-profile-menu-item__icon[b-7rgyy0fe99] {
    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-7rgyy0fe99] {
    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-7rgyy0fe99] {
    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-7rgyy0fe99] {
    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-7rgyy0fe99] {
    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-7rgyy0fe99] {
    color: var(--color-red);
}

.vp-profile-menu-item--destructive .vp-profile-menu-item__icon[b-7rgyy0fe99] {
    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-7rgyy0fe99],
:root[data-theme="dark"] .vp-profile-menu-item[b-7rgyy0fe99] {
    background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .vp-profile-menu-item:hover[b-7rgyy0fe99],
:root[data-theme="dark"] .vp-profile-menu-item:hover[b-7rgyy0fe99] {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .vp-profile-menu-item__icon[b-7rgyy0fe99],
:root[data-theme="dark"] .vp-profile-menu-item__icon[b-7rgyy0fe99] {
    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-7rgyy0fe99],
:root[data-theme="dark"] .vp-profile-menu-item--destructive .vp-profile-menu-item__icon[b-7rgyy0fe99] {
    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-qegdko94oc] {
    position: relative;
    display: inline-flex;
    max-width: 100%;
}

.vp-profile-badge[b-qegdko94oc] {
    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-qegdko94oc] {
    padding: 9px 11px;
    border-radius: 14px;
}

.vp-profile-badge--compact .vp-profile-badge__content[b-qegdko94oc] {
    gap: 10px;
}

.vp-profile-badge--compact .vp-profile-badge__avatar[b-qegdko94oc] {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    border-radius: 999px;
}

.vp-profile-badge--compact .vp-profile-badge__name[b-qegdko94oc] {
    font-size: 13px;
}

.vp-profile-badge--compact .vp-profile-badge__secondary[b-qegdko94oc] {
    font-size: 11.5px;
}

/* ── Inline modifier — borderless for dense admin rails ────────── */
.vp-profile-badge--inline[b-qegdko94oc] {
    padding: 6px 8px;
    border-color: transparent;
    background: transparent;
    box-shadow: none;
    border-radius: 12px;
}

.vp-profile-badge--interactive[b-qegdko94oc] {
    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-qegdko94oc] {
    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-qegdko94oc] {
    outline: 2px solid var(--color-bright-green);
    outline-offset: 2px;
}

.vp-profile-badge--open[b-qegdko94oc] {
    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-qegdko94oc] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.vp-profile-badge__avatar[b-qegdko94oc] {
    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-qegdko94oc] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.vp-profile-badge__initials[b-qegdko94oc] {
    font-family: "Season Sans SemiBold", "Season Sans Regular Placeholder", Arial, sans-serif;
    font-size: 14px;
    letter-spacing: 0.04em;
}

.vp-profile-badge__copy[b-qegdko94oc] {
    display: inline-flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.vp-profile-badge__name[b-qegdko94oc] {
    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-qegdko94oc] {
    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-qegdko94oc] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.vp-profile-badge__status-dot[b-qegdko94oc] {
    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-qegdko94oc] {
    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-qegdko94oc] {
    display: inline-flex;
    align-items: center;
    color: var(--vp-placeholder-color);
    margin-left: 4px;
    flex: 0 0 auto;
}

.vp-profile-badge__menu-backdrop[b-qegdko94oc] {
    position: fixed;
    inset: 0;
    z-index: 39;
    background: transparent;
    border: 0;
}

.vp-profile-badge__menu[b-qegdko94oc] {
    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-qegdko94oc 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

.vp-profile-badge__menu-header[b-qegdko94oc] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 4px 4px 14px;
}

.vp-profile-badge__menu-avatar[b-qegdko94oc] {
    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-qegdko94oc] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.vp-profile-badge__menu-name[b-qegdko94oc] {
    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-qegdko94oc] {
    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-qegdko94oc] {
    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-qegdko94oc] {
    --vp-profile-status-dot-color: var(--color-gray-01);
    --vp-profile-status-text-color: var(--color-gray-01);
}

.vp-profile-badge--success[b-qegdko94oc] {
    --vp-profile-status-dot-color: var(--color-green);
    --vp-profile-status-text-color: var(--color-green);
}

.vp-profile-badge--warning[b-qegdko94oc] {
    --vp-profile-status-dot-color: var(--color-pale-yellow);
    --vp-profile-status-text-color: var(--color-midnight);
}

.vp-profile-badge--danger[b-qegdko94oc] {
    --vp-profile-status-dot-color: var(--color-red);
    --vp-profile-status-text-color: var(--color-red);
}

[data-theme="dark"] .vp-profile-badge[b-qegdko94oc],
:root[data-theme="dark"] .vp-profile-badge[b-qegdko94oc] {
    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-qegdko94oc],
[data-theme="dark"] .vp-profile-badge__menu-avatar[b-qegdko94oc],
:root[data-theme="dark"] .vp-profile-badge__avatar[b-qegdko94oc],
:root[data-theme="dark"] .vp-profile-badge__menu-avatar[b-qegdko94oc] {
    background: linear-gradient(135deg, var(--color-bright-green), var(--color-green));
    color: var(--color-midnight);
}

[data-theme="dark"] .vp-profile-badge__menu[b-qegdko94oc],
:root[data-theme="dark"] .vp-profile-badge__menu[b-qegdko94oc] {
    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-qegdko94oc],
:root[data-theme="dark"] .vp-profile-badge--compact[b-qegdko94oc] {
    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-qegdko94oc],
:root[data-theme="dark"] .vp-profile-badge--inline[b-qegdko94oc] {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

[data-theme="dark"] .vp-profile-badge--inline:hover[b-qegdko94oc],
:root[data-theme="dark"] .vp-profile-badge--inline:hover[b-qegdko94oc] {
    background: rgba(255, 255, 255, 0.04);
}

.vp-profile-badge--inline:hover[b-qegdko94oc] {
    background: rgba(34, 48, 41, 0.04);
}

@keyframes vp-profile-menu-enter-b-qegdko94oc {
    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-fw9etgvl5y] {
    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-fw9etgvl5y],
.vp-record-list__toolbar[b-fw9etgvl5y],
.vp-record-list__item[b-fw9etgvl5y],
.vp-record-list__item-title-row[b-fw9etgvl5y] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.vp-record-list__header[b-fw9etgvl5y],
.vp-record-list__toolbar[b-fw9etgvl5y] {
    flex-wrap: wrap;
}

.vp-record-list__header-copy[b-fw9etgvl5y] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.vp-record-list__eyebrow[b-fw9etgvl5y],
.vp-record-list__item-eyebrow[b-fw9etgvl5y] {
    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-fw9etgvl5y],
.vp-record-list__item-title[b-fw9etgvl5y] {
    margin: 0;
    font-family: var(--vp-font-heading, "SeasonSans-SemiBold", sans-serif);
    color: var(--vp-content-text, #223029);
}

.vp-record-list__title[b-fw9etgvl5y] {
    font-size: 28px;
    line-height: 1.08;
}

.vp-record-list__item-title[b-fw9etgvl5y] {
    font-size: 20px;
    line-height: 1.1;
}

.vp-record-list__description[b-fw9etgvl5y],
.vp-record-list__item-summary[b-fw9etgvl5y] {
    margin: 0;
    color: var(--vp-placeholder-color, #909893);
    font-size: 14px;
    line-height: 1.65;
}

.vp-record-list__search[b-fw9etgvl5y] {
    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-fw9etgvl5y] {
    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-fw9etgvl5y] {
    width: 100%;
    border: none;
    background: transparent;
    color: var(--vp-content-text, #223029);
    font-size: 14px;
    outline: none;
}

.vp-record-list__items[b-fw9etgvl5y],
.vp-record-list__loading[b-fw9etgvl5y] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.vp-record-list__item[b-fw9etgvl5y] {
    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-fw9etgvl5y] {
    cursor: pointer;
}

.vp-record-list__item--clickable:hover[b-fw9etgvl5y] {
    background: rgba(218, 244, 221, 0.38);
}

.vp-record-list__leading[b-fw9etgvl5y] {
    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-fw9etgvl5y] {
    display: flex;
    flex: 1;
    min-width: 0;
    flex-direction: column;
    gap: 10px;
}

.vp-record-list__meta[b-fw9etgvl5y],
.vp-record-list__actions[b-fw9etgvl5y],
.vp-record-list__header-actions[b-fw9etgvl5y],
.vp-record-list__filters[b-fw9etgvl5y] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.vp-record-list__skeleton[b-fw9etgvl5y] {
    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-fw9etgvl5y 1.4s linear infinite;
}

[data-theme="dark"] .vp-record-list[b-fw9etgvl5y],
:root[data-theme="dark"] .vp-record-list[b-fw9etgvl5y] {
    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-fw9etgvl5y],
[data-theme="dark"] .vp-record-list .vp-record-list__item-title[b-fw9etgvl5y],
[data-theme="dark"] .vp-record-list .vp-record-list__search-input[b-fw9etgvl5y],
:root[data-theme="dark"] .vp-record-list .vp-record-list__title[b-fw9etgvl5y],
:root[data-theme="dark"] .vp-record-list .vp-record-list__item-title[b-fw9etgvl5y],
:root[data-theme="dark"] .vp-record-list .vp-record-list__search-input[b-fw9etgvl5y] {
    color: var(--vp-content-text, #ffffff);
}

[data-theme="dark"] .vp-record-list .vp-record-list__description[b-fw9etgvl5y],
[data-theme="dark"] .vp-record-list .vp-record-list__item-summary[b-fw9etgvl5y],
:root[data-theme="dark"] .vp-record-list .vp-record-list__description[b-fw9etgvl5y],
:root[data-theme="dark"] .vp-record-list .vp-record-list__item-summary[b-fw9etgvl5y] {
    color: var(--vp-placeholder-color, #b9c0be);
}

[data-theme="dark"] .vp-record-list .vp-record-list__item[b-fw9etgvl5y],
[data-theme="dark"] .vp-record-list .vp-record-list__search[b-fw9etgvl5y],
:root[data-theme="dark"] .vp-record-list .vp-record-list__item[b-fw9etgvl5y],
:root[data-theme="dark"] .vp-record-list .vp-record-list__search[b-fw9etgvl5y] {
    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-fw9etgvl5y],
[data-theme="dark"] .vp-record-list .vp-record-list__eyebrow[b-fw9etgvl5y],
[data-theme="dark"] .vp-record-list .vp-record-list__item-eyebrow[b-fw9etgvl5y],
:root[data-theme="dark"] .vp-record-list .vp-record-list__leading[b-fw9etgvl5y],
:root[data-theme="dark"] .vp-record-list .vp-record-list__eyebrow[b-fw9etgvl5y],
:root[data-theme="dark"] .vp-record-list .vp-record-list__item-eyebrow[b-fw9etgvl5y] {
    color: var(--vp-content-text, #ffffff);
    background: rgba(255, 255, 255, 0.08);
}

@keyframes vp-record-list-shimmer-b-fw9etgvl5y {
    0% {
        background-position: 100% 0;
    }

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

@media (max-width: 719px) {
    .vp-record-list[b-fw9etgvl5y],
    .vp-record-list__item[b-fw9etgvl5y] {
        padding: 20px;
    }

    .vp-record-list__item[b-fw9etgvl5y],
    .vp-record-list__item-title-row[b-fw9etgvl5y] {
        flex-direction: column;
    }

    .vp-record-list__leading[b-fw9etgvl5y] {
        width: 44px;
        height: 44px;
        flex-basis: 44px;
    }
}
/* _content/Verapath.Components/Components/SearchBox/VerapathSearchBox.razor.rz.scp.css */
.vp-searchbox[b-z0rmy8zare] {
    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-z0rmy8zare] {
    border-color: var(--color-bright-green, #a3e96b);
    box-shadow: 0 0 0 3px rgba(163, 233, 107, 0.18);
}

.vp-searchbox__icon[b-z0rmy8zare] {
    display: inline-flex;
    color: var(--color-gray-01, #909893);
    flex-shrink: 0;
}

.vp-searchbox__input[b-z0rmy8zare] {
    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-z0rmy8zare]::placeholder {
    color: var(--vp-placeholder-color, #909893);
}

.vp-searchbox__clear[b-z0rmy8zare] {
    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-z0rmy8zare] {
    background: var(--vp-surface-hover, #e0e3e2);
    color: var(--color-midnight, #223029);
}

.vp-searchbox__kbd[b-z0rmy8zare] {
    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-z0rmy8zare] {
    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-z0rmy8zare] {
    color: rgba(255, 255, 255, 0.55);
}

[data-theme="dark"] .vp-searchbox__input[b-z0rmy8zare]::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

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

[data-theme="dark"] .vp-searchbox__clear:hover[b-z0rmy8zare] {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}

[data-theme="dark"] .vp-searchbox__kbd[b-z0rmy8zare] {
    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/SharePoint/VerapathSharePointBrowser.razor.rz.scp.css */
.vp-sp-browser[b-mqexhtjv3i] {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 16px;
    min-height: 400px;
    height: 100%;
}

.vp-sp-browser__rail[b-mqexhtjv3i] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-right: 1px solid var(--vp-divider, #e0e3e2);
    padding-right: 12px;
    overflow-y: auto;
}

.vp-sp-browser__rail-head[b-mqexhtjv3i] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.vp-sp-browser__rail-title[b-mqexhtjv3i] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--vp-label-color, #223029);
}

.vp-sp-browser__sites[b-mqexhtjv3i] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.vp-sp-browser__site[b-mqexhtjv3i] {
    width: 100%;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 10px;
    background: transparent;
    border: none;
    border-radius: 6px;
    color: var(--vp-input-color, #223029);
    cursor: pointer;
    font-size: 13px;
}

.vp-sp-browser__site:hover[b-mqexhtjv3i] {
    background: var(--vp-surface-hover, #f7f7f7);
}

.vp-sp-browser__site--active[b-mqexhtjv3i] {
    background: var(--color-mint-50, #edfaee);
    color: var(--color-midnight, #223029);
    font-weight: 600;
}

.vp-sp-browser__site--active .vp-sp-browser__site-host[b-mqexhtjv3i] {
    color: var(--color-gray-01, #909893);
}

.vp-sp-browser__site-name[b-mqexhtjv3i] {
    display: block;
}

.vp-sp-browser__site-host[b-mqexhtjv3i] {
    font-size: 11px;
    color: var(--vp-placeholder-color, #909893);
}

.vp-sp-browser__drives[b-mqexhtjv3i] {
    list-style: none;
    margin: 4px 0 8px 12px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    border-left: 2px solid var(--vp-divider, #e0e3e2);
}

.vp-sp-browser__drive[b-mqexhtjv3i] {
    width: 100%;
    text-align: left;
    padding: 6px 10px;
    background: transparent;
    border: none;
    border-radius: 4px;
    color: var(--vp-input-color, #223029);
    cursor: pointer;
    font-size: 13px;
}

.vp-sp-browser__drive:hover[b-mqexhtjv3i] {
    background: var(--vp-surface-hover, #f7f7f7);
}

.vp-sp-browser__drive--active[b-mqexhtjv3i] {
    background: var(--color-bright-green, #a3e96b);
    color: var(--color-midnight, #223029);
    font-weight: 600;
}

.vp-sp-browser__pane[b-mqexhtjv3i] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: hidden;
}

.vp-sp-browser__placeholder[b-mqexhtjv3i],
.vp-sp-browser__empty[b-mqexhtjv3i],
.vp-sp-browser__loading[b-mqexhtjv3i] {
    padding: 24px;
    color: var(--vp-placeholder-color, #909893);
    text-align: center;
    font-size: 14px;
}

.vp-sp-browser__breadcrumbs[b-mqexhtjv3i] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
    font-size: 13px;
}

.vp-sp-browser__crumb[b-mqexhtjv3i] {
    padding: 4px 8px;
    background: transparent;
    border: none;
    color: var(--vp-input-color, #223029);
    cursor: pointer;
    border-radius: 4px;
}

.vp-sp-browser__crumb:hover[b-mqexhtjv3i] {
    background: var(--vp-surface-hover, #f7f7f7);
    text-decoration: underline;
}

.vp-sp-browser__crumb-sep[b-mqexhtjv3i] {
    color: var(--vp-placeholder-color, #909893);
}

.vp-sp-browser__items[b-mqexhtjv3i] {
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 1;
    overflow-y: auto;
    border: 1px solid var(--vp-divider, #e0e3e2);
    border-radius: 6px;
}

.vp-sp-browser__item[b-mqexhtjv3i] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-bottom: 1px solid var(--vp-divider, #f7f7f7);
    font-size: 13px;
}

.vp-sp-browser__item:last-child[b-mqexhtjv3i] {
    border-bottom: none;
}

.vp-sp-browser__item--folder:hover[b-mqexhtjv3i] {
    background: var(--vp-surface-hover, #f7f7f7);
}

.vp-sp-browser__item-button[b-mqexhtjv3i] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    border: none;
    text-align: left;
    cursor: pointer;
    color: var(--vp-input-color, #223029);
    padding: 0;
    font: inherit;
}

.vp-sp-browser__item-icon[b-mqexhtjv3i] {
    font-size: 16px;
}

.vp-sp-browser__item-name[b-mqexhtjv3i] {
    flex: 1;
    color: var(--vp-input-color, #223029);
}

.vp-sp-browser__item-name--file[b-mqexhtjv3i] {
    color: var(--vp-placeholder-color, #909893);
    display: flex;
    align-items: center;
    gap: 8px;
}

.vp-sp-browser__item-meta[b-mqexhtjv3i] {
    font-size: 11px;
    color: var(--vp-placeholder-color, #909893);
}

.vp-sp-browser__footer[b-mqexhtjv3i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px;
    border-top: 1px solid var(--vp-divider, #e0e3e2);
    background: var(--vp-content-bg, #f7f7f7);
    border-radius: 6px;
}

.vp-sp-browser__selection[b-mqexhtjv3i] {
    font-size: 13px;
    color: var(--vp-input-color, #223029);
}
/* _content/Verapath.Components/Components/SharePoint/VerapathSharePointFilePicker.razor.rz.scp.css */
.vp-sp-picker[b-wd7sblldeb] {
    display: flex;
    flex-direction: column;
    /* Both sizing strategies so the picker fills the available space whether
       the parent is a flex container (modal-body) or a sized block (inline). */
    flex: 1;
    height: 100%;
    min-height: 0;
    background: var(--vp-content-bg, #f7f7f7);
    color: var(--color-midnight, #223029);
}

.vp-sp-picker__body[b-wd7sblldeb] {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: 260px 1fr;
    /* Bound the row so children (rail/pane) can shrink and let internal
       overflow-y:auto take effect — without this the row auto-sizes to its
       content and pushes the picker footer past the modal bottom. */
    grid-template-rows: minmax(0, 1fr);
    gap: 16px;
    padding: 16px 16px 0;
}

.vp-sp-picker__rail[b-wd7sblldeb] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-right: 1px solid var(--vp-border-default, #b9c0be);
    padding-right: 12px;
    overflow-y: auto;
}

.vp-sp-picker__rail-section[b-wd7sblldeb] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.vp-sp-picker__rail-head[b-wd7sblldeb] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.vp-sp-picker__rail-title[b-wd7sblldeb] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-midnight, #223029);
}

.vp-sp-picker__sites[b-wd7sblldeb] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.vp-sp-picker__site[b-wd7sblldeb] {
    width: 100%;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 10px;
    background: transparent;
    border: none;
    border-radius: 6px;
    color: var(--color-midnight, #223029);
    cursor: pointer;
    font-size: 13px;
}

.vp-sp-picker__site:hover[b-wd7sblldeb] {
    background: var(--vp-surface-input, #ffffff);
}

.vp-sp-picker__site--active[b-wd7sblldeb] {
    background: var(--color-mint-50, #edfaee);
    font-weight: 600;
}

.vp-sp-picker__site-name[b-wd7sblldeb] {
    display: block;
}

.vp-sp-picker__site-host[b-wd7sblldeb] {
    font-size: 11px;
    color: var(--color-gray-01, #909893);
}

.vp-sp-picker__drives[b-wd7sblldeb] {
    list-style: none;
    margin: 4px 0 8px 12px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    border-left: 2px solid var(--vp-border-default, #b9c0be);
}

.vp-sp-picker__drive[b-wd7sblldeb] {
    width: 100%;
    text-align: left;
    padding: 6px 10px;
    background: transparent;
    border: none;
    border-radius: 4px;
    color: var(--color-midnight, #223029);
    cursor: pointer;
    font-size: 13px;
}

.vp-sp-picker__drive:hover[b-wd7sblldeb] {
    background: var(--vp-surface-input, #ffffff);
}

.vp-sp-picker__drive--active[b-wd7sblldeb] {
    background: var(--color-bright-green, #a3e96b);
    font-weight: 600;
}

.vp-sp-picker__pane[b-wd7sblldeb] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: hidden;
    min-height: 0;
}

.vp-sp-picker__placeholder[b-wd7sblldeb],
.vp-sp-picker__empty[b-wd7sblldeb],
.vp-sp-picker__loading[b-wd7sblldeb] {
    padding: 24px;
    color: var(--color-gray-01, #909893);
    text-align: center;
    font-size: 14px;
}

.vp-sp-picker__breadcrumbs[b-wd7sblldeb] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
    font-size: 13px;
}

.vp-sp-picker__crumb[b-wd7sblldeb] {
    padding: 4px 8px;
    background: transparent;
    border: none;
    color: var(--color-midnight, #223029);
    cursor: pointer;
    border-radius: 4px;
}

.vp-sp-picker__crumb:hover[b-wd7sblldeb] {
    background: var(--vp-surface-input, #ffffff);
    text-decoration: underline;
}

.vp-sp-picker__crumb-sep[b-wd7sblldeb] {
    color: var(--color-gray-01, #909893);
}

.vp-sp-picker__items[b-wd7sblldeb] {
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 1;
    overflow-y: auto;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: 6px;
    background: var(--vp-surface-input, #ffffff);
}

.vp-sp-picker__item[b-wd7sblldeb] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-bottom: 1px solid var(--vp-content-bg, #f7f7f7);
    font-size: 13px;
}

.vp-sp-picker__item:last-child[b-wd7sblldeb] {
    border-bottom: none;
}

.vp-sp-picker__item--folder:hover[b-wd7sblldeb] {
    background: var(--vp-content-bg, #f7f7f7);
}

.vp-sp-picker__item-button[b-wd7sblldeb] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    border: none;
    text-align: left;
    cursor: pointer;
    color: var(--color-midnight, #223029);
    padding: 0;
    font: inherit;
}

.vp-sp-picker__item-row[b-wd7sblldeb] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 0;
    font: inherit;
    color: var(--color-midnight, #223029);
}

.vp-sp-picker__check[b-wd7sblldeb] {
    width: 16px;
    height: 16px;
    accent-color: var(--color-bright-green, #a3e96b);
    cursor: pointer;
}

.vp-sp-picker__item-icon[b-wd7sblldeb] {
    font-size: 16px;
}

.vp-sp-picker__item-name[b-wd7sblldeb] {
    flex: 1;
    color: var(--color-midnight, #223029);
}

.vp-sp-picker__item-name--file[b-wd7sblldeb] {
    color: var(--color-midnight, #223029);
}

.vp-sp-picker__item-meta[b-wd7sblldeb] {
    font-size: 11px;
    color: var(--color-gray-01, #909893);
}

.vp-sp-picker__footer[b-wd7sblldeb] {
    flex-shrink: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    border-top: 1px solid var(--vp-border-default, #b9c0be);
    background: var(--vp-content-bg, #f7f7f7);
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.06);
}

.vp-sp-picker__back[b-wd7sblldeb] {
    display: none;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    background: transparent;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: 4px;
    color: var(--color-midnight, #223029);
    cursor: pointer;
    font-size: 13px;
}

.vp-sp-picker__back:hover[b-wd7sblldeb] {
    background: var(--vp-surface-input, #ffffff);
}

@media (max-width: 720px) {
    .vp-sp-picker__body[b-wd7sblldeb] {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 12px 12px 0;
    }

    .vp-sp-picker__rail[b-wd7sblldeb] {
        border-right: none;
        padding-right: 0;
    }

    .vp-sp-picker--rail-active .vp-sp-picker__pane[b-wd7sblldeb] {
        display: none;
    }

    .vp-sp-picker--pane-active .vp-sp-picker__rail[b-wd7sblldeb] {
        display: none;
    }

    .vp-sp-picker__back[b-wd7sblldeb] {
        display: inline-flex;
    }

    .vp-sp-picker__footer[b-wd7sblldeb] {
        padding: 10px 12px;
    }

    .vp-sp-picker__actions[b-wd7sblldeb] {
        flex: 1;
        justify-content: flex-end;
    }

    .vp-sp-picker__warning[b-wd7sblldeb] {
        flex-basis: 100%;
        order: -1;
    }
}

.vp-sp-picker__summary[b-wd7sblldeb] {
    font-size: 13px;
    color: var(--color-midnight, #223029);
}

.vp-sp-picker__warning[b-wd7sblldeb] {
    flex: 1 1 220px;
    padding: 6px 12px;
    border-radius: 999px;
    background: var(--color-pale-yellow, #FFFCB1);
    color: var(--color-midnight, #223029);
    font-size: 12px;
    text-align: center;
}

.vp-sp-picker__actions[b-wd7sblldeb] {
    display: flex;
    gap: 8px;
    align-items: center;
}
/* _content/Verapath.Components/Components/SharePoint/VerapathSharePointFilePickerModal.razor.rz.scp.css */
@media (max-width: 720px) {
    .vp-sp-picker-modal__consent[b-qjak8ym9rv] {
        padding: 16px;
    }

    .vp-sp-picker-modal__consent-actions[b-qjak8ym9rv] {
        flex-direction: column;
        align-items: stretch;
    }

    .vp-sp-picker-modal__consent-link[b-qjak8ym9rv] {
        text-align: center;
    }
}

.vp-sp-picker-modal__consent[b-qjak8ym9rv] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    background: var(--vp-content-bg, #f7f7f7);
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: 8px;
    color: var(--color-midnight, #223029);
}

.vp-sp-picker-modal__consent-title[b-qjak8ym9rv] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.vp-sp-picker-modal__consent-body[b-qjak8ym9rv] {
    margin: 0;
    font-size: 13px;
    color: var(--color-midnight, #223029);
}

.vp-sp-picker-modal__consent-actions[b-qjak8ym9rv] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.vp-sp-picker-modal__consent-link[b-qjak8ym9rv] {
    color: var(--color-midnight, #223029);
    background: var(--color-bright-green, #a3e96b);
    border-radius: 6px;
    padding: 10px 20px;
    text-decoration: none;
    font-weight: 600;
    font-size: 13px;
}

.vp-sp-picker-modal__consent-link:hover[b-qjak8ym9rv] {
    text-decoration: underline;
}
/* _content/Verapath.Components/Components/Sidebar/SidebarBrand.razor.rz.scp.css */
.vp-sidebar-brand[b-26ngnp0hok] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    text-decoration: none;
    color: inherit;
}

.vp-sidebar-brand:hover[b-26ngnp0hok],
.vp-sidebar-brand:focus-visible[b-26ngnp0hok] {
    text-decoration: none;
}

.vp-sidebar-brand:focus-visible[b-26ngnp0hok] {
    outline: 2px solid rgba(163, 233, 107, 0.55);
    outline-offset: 3px;
    border-radius: 9px;
}

.vp-sidebar-brand__tile[b-26ngnp0hok] {
    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-26ngnp0hok] {
    display: inline-flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1;
}

.vp-sidebar-brand__title[b-26ngnp0hok] {
    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-26ngnp0hok] {
    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-7xvyq1aop7],
.vp-sb-item:link[b-7xvyq1aop7],
.vp-sb-item:visited[b-7xvyq1aop7],
.vp-sb-item:active[b-7xvyq1aop7] {
    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-7xvyq1aop7],
.vp-sb-item:focus-visible[b-7xvyq1aop7] {
    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-7xvyq1aop7] {
    outline: 2px solid rgba(163, 233, 107, 0.55);
    outline-offset: 2px;
}

.vp-sb-item--active[b-7xvyq1aop7] {
    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-7xvyq1aop7]::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-7xvyq1aop7] {
    background:
        linear-gradient(90deg, rgba(163, 233, 107, 0.22), rgba(163, 233, 107, 0.08) 70%, transparent);
}

.vp-sb-item--disabled[b-7xvyq1aop7] {
    opacity: 0.38;
    cursor: not-allowed;
    pointer-events: none;
}

.vp-sb-item__icon[b-7xvyq1aop7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.vp-sb-item__label[b-7xvyq1aop7] {
    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-7xvyq1aop7] {
    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-7xvyq1aop7],
.vp-sb-item--collapsed .vp-sb-item__badge[b-7xvyq1aop7] {
    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-7xvyq1aop7] {
    color: var(--color-gray-01, #909893);
}

[data-theme="light"] .vp-sb-item:link[b-7xvyq1aop7],
[data-theme="light"] .vp-sb-item:visited[b-7xvyq1aop7],
[data-theme="light"] .vp-sb-item:active[b-7xvyq1aop7] {
    color: var(--color-gray-01, #909893);
}

[data-theme="light"] .vp-sb-item:hover[b-7xvyq1aop7],
[data-theme="light"] .vp-sb-item:focus-visible[b-7xvyq1aop7] {
    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-7xvyq1aop7] {
    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-7xvyq1aop7]::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-7xvyq1aop7] {
    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-7xvyq1aop7] {
    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-8bj94p66sd] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 0 0 18px;
}

.vp-sb-section__label[b-8bj94p66sd] {
    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-8bj94p66sd] {
    color: var(--color-gray-01, #909893);
}
/* _content/Verapath.Components/Components/Sidebar/SidebarQuickAction.razor.rz.scp.css */
.vp-sidebar-quick-action[b-05hht1ju2p] {
    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-05hht1ju2p] {
    background: rgba(255, 255, 255, 0.04);
    color: #ffffff;
}

.vp-sidebar-quick-action__icon[b-05hht1ju2p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: inherit;
}

.vp-sidebar-quick-action__label[b-05hht1ju2p] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vp-sidebar--light .vp-sidebar-quick-action[b-05hht1ju2p] {
    color: var(--color-midnight, #223029);
}

.vp-sidebar--light .vp-sidebar-quick-action:hover[b-05hht1ju2p] {
    background: var(--color-gray-04, #f7f7f7);
}
/* _content/Verapath.Components/Components/Sidebar/VerapathSidebar.razor.rz.scp.css */
.vp-sidebar[b-xnhqg3dh4x] {
    --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-xnhqg3dh4x] {
    --sb-w: 72px;
}

.vp-sidebar--light:not(.vp-sidebar--always-dark)[b-xnhqg3dh4x] {
    background: var(--color-white, #ffffff);
    border-right-color: var(--color-gray-03, #e0e3e2);
    color: var(--color-midnight, #223029);
}

.vp-sidebar--always-dark[b-xnhqg3dh4x] {
    background: #223127;
    color: rgba(231, 235, 231, 0.78);
}

.vp-sidebar--contained[b-xnhqg3dh4x] {
    position: sticky;
    top: 0;
    height: 100%;
}

.vp-sidebar__header[b-xnhqg3dh4x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 20px 16px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.vp-sidebar--always-dark .vp-sidebar__header[b-xnhqg3dh4x] {
    border-bottom-color: rgba(255, 255, 255, 0.06);
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__header[b-xnhqg3dh4x] {
    border-bottom-color: var(--color-gray-03, #e0e3e2);
}

.vp-sidebar__brand[b-xnhqg3dh4x] {
    display: flex;
    flex: 1;
    min-width: 0;
}

.vp-sidebar__logo-link[b-xnhqg3dh4x] {
    display: flex;
    align-items: center;
    overflow: hidden;
    text-decoration: none;
    flex-shrink: 0;
}

.vp-sidebar__collapse-btn[b-xnhqg3dh4x] {
    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-xnhqg3dh4x] {
    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-xnhqg3dh4x] {
    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-xnhqg3dh4x] {
    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-xnhqg3dh4x] {
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    padding: 16px 8px 14px;
}

.vp-sidebar--collapsed .vp-sidebar__brand[b-xnhqg3dh4x] {
    justify-content: center;
}

.vp-sidebar--collapsed .ct-sidebar-brand[b-xnhqg3dh4x] {
    align-items: center;
}

.vp-sidebar--collapsed .ct-sidebar-brand__subtitle[b-xnhqg3dh4x] {
    display: none;
}

.vp-sidebar--collapsed .ct-sidebar-brand__title[b-xnhqg3dh4x] {
    font-size: 18px;
}

.vp-sidebar__body[b-xnhqg3dh4x] {
    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-xnhqg3dh4x] {
    scrollbar-color: var(--color-gray-03, #e0e3e2) transparent;
}

.vp-sidebar__quick-actions[b-xnhqg3dh4x] {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 8px 8px 4px;
    background: #223127;
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__quick-actions[b-xnhqg3dh4x] {
    background: var(--color-white, #ffffff);
}

.vp-sidebar--collapsed .vp-sidebar__quick-actions[b-xnhqg3dh4x] {
    padding-left: 6px;
    padding-right: 6px;
}

.vp-sidebar__chat[b-xnhqg3dh4x] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 8px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__chat[b-xnhqg3dh4x] {
    border-bottom-color: var(--color-gray-03, #e0e3e2);
}

.vp-sidebar__chat-new[b-xnhqg3dh4x] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 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-xnhqg3dh4x] {
    background: rgba(163, 233, 107, 0.08);
    border-color: rgba(163, 233, 107, 0.28);
}

.vp-sidebar__chat-new-icon[b-xnhqg3dh4x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__chat-new[b-xnhqg3dh4x] {
    background: var(--color-gray-04, #f7f7f7);
    border-color: var(--color-gray-03, #e0e3e2);
    color: var(--color-midnight, #223029);
}

.vp-sidebar__chat-search[b-xnhqg3dh4x] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 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-xnhqg3dh4x] {
    border-color: rgba(163, 233, 107, 0.35);
}

.vp-sidebar__chat-search-icon[b-xnhqg3dh4x] {
    flex-shrink: 0;
    color: rgba(255, 255, 255, 0.28);
}

.vp-sidebar__chat-search-input[b-xnhqg3dh4x] {
    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-xnhqg3dh4x]::placeholder {
    color: rgba(255, 255, 255, 0.28);
}

.vp-sidebar__chat-search-input[b-xnhqg3dh4x]::-webkit-search-cancel-button {
    display: none;
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__chat-search[b-xnhqg3dh4x] {
    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-xnhqg3dh4x],
.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__chat-search-input[b-xnhqg3dh4x]::placeholder {
    color: var(--color-gray-01, #909893);
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__chat-search-input[b-xnhqg3dh4x] {
    color: var(--color-midnight, #223029);
}

.vp-sidebar__chat-list[b-xnhqg3dh4x] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 240px;
    overflow-y: auto;
}

.vp-sidebar__chat-item[b-xnhqg3dh4x] {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    min-width: 0;
    padding: 8px 32px 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-xnhqg3dh4x] {
    background: rgba(255, 255, 255, 0.05);
}

.vp-sidebar__chat-item--active[b-xnhqg3dh4x] {
    background: rgba(163, 233, 107, 0.07);
    border-left-color: var(--color-bright-green, #a3e96b);
}

.vp-sidebar__chat-item--active:hover[b-xnhqg3dh4x] {
    background: rgba(163, 233, 107, 0.1);
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__chat-item:hover[b-xnhqg3dh4x] {
    background: var(--color-gray-04, #f7f7f7);
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__chat-item--active[b-xnhqg3dh4x] {
    background: rgba(34, 48, 41, 0.05);
}

.vp-sidebar__chat-text[b-xnhqg3dh4x] {
    display: flex;
    flex: 1;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.vp-sidebar__chat-name[b-xnhqg3dh4x] {
    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-xnhqg3dh4x] {
    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-xnhqg3dh4x] {
    color: var(--color-midnight, #223029);
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__chat-preview[b-xnhqg3dh4x] {
    color: var(--color-gray-01, #909893);
}

.vp-sidebar__chat-edit-btn[b-xnhqg3dh4x] {
    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-xnhqg3dh4x] {
    opacity: 1;
}

.vp-sidebar__chat-edit-btn:hover[b-xnhqg3dh4x] {
    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-xnhqg3dh4x] {
    color: var(--color-gray-01, #909893);
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__chat-edit-btn:hover[b-xnhqg3dh4x] {
    background: var(--color-gray-03, #e0e3e2);
    color: var(--color-midnight, #223029);
}

.vp-sidebar__chat-rename[b-xnhqg3dh4x] {
    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-xnhqg3dh4x] {
    color: var(--color-midnight, #223029);
}

.vp-sidebar__nav[b-xnhqg3dh4x] {
    display: flex;
    flex-direction: column;
    padding: 22px 0 26px;
}

.vp-sidebar__below-nav[b-xnhqg3dh4x] {
    display: flex;
    flex-direction: column;
    margin-top: 4px;
    padding-top: 6px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.vp-sidebar__below-nav:empty[b-xnhqg3dh4x] {
    display: none;
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__below-nav[b-xnhqg3dh4x] {
    border-top-color: var(--color-gray-03, #e0e3e2);
}

.vp-sidebar__footer[b-xnhqg3dh4x] {
    position: relative;
    padding: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.vp-sidebar__footer-action[b-xnhqg3dh4x] {
    margin-bottom: 8px;
}

.vp-sidebar__footer-action > *[b-xnhqg3dh4x] {
    width: 100%;
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__footer[b-xnhqg3dh4x] {
    border-top-color: var(--color-gray-03, #e0e3e2);
}

.vp-sidebar__profile-trigger[b-xnhqg3dh4x] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-width: 0;
    padding: 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-xnhqg3dh4x] {
    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-xnhqg3dh4x] {
    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-xnhqg3dh4x] {
    justify-content: center;
    padding: 8px;
}

.vp-sidebar__profile-avatar[b-xnhqg3dh4x],
.vp-sidebar__pm-avatar[b-xnhqg3dh4x] {
    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-xnhqg3dh4x],
.vp-sidebar__pm-avatar-img[b-xnhqg3dh4x] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.vp-sidebar__profile-initials[b-xnhqg3dh4x],
.vp-sidebar__pm-avatar[b-xnhqg3dh4x] {
    font-family: "Season Sans SemiBold", Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.03em;
}

.vp-sidebar__profile-info[b-xnhqg3dh4x] {
    display: flex;
    flex: 1;
    min-width: 0;
    flex-direction: column;
    gap: 1px;
}

.vp-sidebar__profile-name[b-xnhqg3dh4x],
.vp-sidebar__pm-name[b-xnhqg3dh4x] {
    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-xnhqg3dh4x],
.vp-sidebar__pm-secondary[b-xnhqg3dh4x] {
    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-xnhqg3dh4x],
.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__pm-name[b-xnhqg3dh4x] {
    color: var(--color-midnight, #223029);
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__profile-secondary[b-xnhqg3dh4x],
.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__pm-secondary[b-xnhqg3dh4x] {
    color: var(--color-gray-01, #909893);
}

.vp-sidebar__profile-chevron[b-xnhqg3dh4x] {
    flex-shrink: 0;
    color: rgba(255, 255, 255, 0.28);
    transition: transform 0.16s, color 0.12s;
}

.vp-sidebar__profile-chevron--open[b-xnhqg3dh4x] {
    transform: rotate(180deg);
    color: rgba(255, 255, 255, 0.55);
}

.vp-sidebar--light:not(.vp-sidebar--always-dark) .vp-sidebar__profile-chevron[b-xnhqg3dh4x] {
    color: var(--color-gray-01, #909893);
}

.vp-sidebar__pm-backdrop[b-xnhqg3dh4x] {
    position: fixed;
    inset: 0;
    z-index: 109;
    border: none;
    background: transparent;
    cursor: default;
}

.vp-sidebar__pm[b-xnhqg3dh4x] {
    position: absolute;
    left: 8px;
    right: 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-xnhqg3dh4x 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-xnhqg3dh4x] {
    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-xnhqg3dh4x] {
    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-xnhqg3dh4x] {
    border-bottom-color: var(--color-gray-03, #e0e3e2);
}

.vp-sidebar__pm-copy[b-xnhqg3dh4x] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.vp-sidebar__pm-items[b-xnhqg3dh4x] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.vp-sidebar--collapsed .vp-sidebar__chat[b-xnhqg3dh4x] {
    padding-bottom: 8px;
}

.vp-sidebar--collapsed .vp-sidebar__chat-search[b-xnhqg3dh4x],
.vp-sidebar--collapsed .vp-sidebar__chat-list[b-xnhqg3dh4x] {
    display: none;
}

.vp-sidebar--collapsed .vp-sidebar__chat-new[b-xnhqg3dh4x] {
    justify-content: center;
    padding: 8px;
}

.vp-sidebar--collapsed .vp-sidebar__chat-new-label[b-xnhqg3dh4x] {
    display: none;
}

@keyframes vp-pm-up-b-xnhqg3dh4x {
    from {
        opacity: 0;
        transform: translateY(6px) scale(0.97);
    }

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

@media (max-width: 960px) {
    .vp-sidebar[b-xnhqg3dh4x],
    .vp-sidebar--collapsed[b-xnhqg3dh4x] {
        position: static;
        width: 100%;
        height: auto;
        min-height: auto;
    }

    .vp-sidebar__body[b-xnhqg3dh4x] {
        max-height: none;
    }

    .vp-sidebar--mobile-drawer[b-xnhqg3dh4x],
    .vp-sidebar--mobile-drawer.vp-sidebar--collapsed[b-xnhqg3dh4x] {
        position: relative;
        width: 100%;
        height: 100%;
        min-height: 100%;
        border-right: none;
    }

    .vp-sidebar--mobile-drawer .vp-sidebar__header[b-xnhqg3dh4x] {
        padding-right: 68px;
    }

    .vp-sidebar--mobile-drawer-no-header .vp-sidebar__header[b-xnhqg3dh4x] {
        display: none;
    }

    .vp-sidebar--mobile-drawer .vp-sidebar__collapse-btn[b-xnhqg3dh4x] {
        display: none;
    }

    .vp-sidebar--mobile-drawer .vp-sidebar__body[b-xnhqg3dh4x] {
        display: flex;
        flex: 1 1 auto;
        min-height: 0;
        max-height: none;
    }

    .vp-sidebar--mobile-drawer .vp-sidebar__nav[b-xnhqg3dh4x] {
        flex: 1 1 auto;
        padding-bottom: 20px;
    }

    .vp-sidebar--mobile-drawer .vp-sidebar__footer[b-xnhqg3dh4x] {
        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-xnhqg3dh4x]  .vp-sidebar__nav .vp-linkitem {
    margin: 0 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-xnhqg3dh4x]  .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-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem,
.vp-sidebar[b-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem:link,
.vp-sidebar[b-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem:visited,
.vp-sidebar[b-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem:hover,
.vp-sidebar[b-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem:active,
.vp-sidebar[b-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem:focus,
.vp-sidebar[b-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem:focus-visible,
.vp-sidebar[b-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem span,
.vp-sidebar[b-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem svg,
.vp-sidebar[b-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem path,
.vp-sidebar[b-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem polyline,
.vp-sidebar[b-xnhqg3dh4x]  .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-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem .vp-linkitem__label,
.vp-sidebar[b-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem .vp-linkitem__icon,
.vp-sidebar[b-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem .vp-linkitem__icon-shell,
.vp-sidebar[b-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem .vp-linkitem__icon *,
.vp-sidebar[b-xnhqg3dh4x]  .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-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem,
.vp-sidebar[b-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem *,
.vp-sidebar[b-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem:link,
.vp-sidebar[b-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem:link *,
.vp-sidebar[b-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem:visited,
.vp-sidebar[b-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem:visited *,
.vp-sidebar[b-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem:hover,
.vp-sidebar[b-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem:hover *,
.vp-sidebar[b-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem:focus,
.vp-sidebar[b-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem:focus *,
.vp-sidebar[b-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem:focus-visible,
.vp-sidebar[b-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem:focus-visible *,
.vp-sidebar[b-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem:active,
.vp-sidebar[b-xnhqg3dh4x]  .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-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem:hover,
.vp-sidebar[b-xnhqg3dh4x]  .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-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem.vp-linkitem--active,
.vp-sidebar[b-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem.vp-linkitem--active:link,
.vp-sidebar[b-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem.vp-linkitem--active:visited,
.vp-sidebar[b-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem.vp-linkitem--active:hover,
.vp-sidebar[b-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem.vp-linkitem--active:active,
.vp-sidebar[b-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem.vp-linkitem--active:focus,
.vp-sidebar[b-xnhqg3dh4x]  .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-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem.vp-linkitem--active::before {
    display: none !important;
}

.vp-sidebar[b-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem.vp-linkitem--active .vp-linkitem__icon,
.vp-sidebar[b-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem.vp-linkitem--active .vp-linkitem__icon-shell,
.vp-sidebar[b-xnhqg3dh4x]  .vp-sidebar__nav a.vp-linkitem.vp-linkitem--active .vp-linkitem__icon *,
.vp-sidebar[b-xnhqg3dh4x]  .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-xnhqg3dh4x] {
    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-xnhqg3dh4x] {
    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-xnhqg3dh4x] {
    width: 32px;
    height: 32px;
}

.vp-sidebar--always-dark .vp-sidebar__profile-name[b-xnhqg3dh4x] {
    font-size: 12.5px;
}

.vp-sidebar--always-dark .vp-sidebar__profile-secondary[b-xnhqg3dh4x] {
    font-size: 10.5px;
    color: rgba(255, 255, 255, 0.4);
}
/* _content/Verapath.Components/Components/SortIndicator/VerapathSortIndicator.razor.rz.scp.css */
.vp-sortind[b-nyczj2pcbh] {
    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-nyczj2pcbh] {
    color: var(--color-green, #0ea665);
}

[data-theme="dark"] .vp-sortind[b-nyczj2pcbh] {
    color: rgba(255, 255, 255, 0.3);
}

[data-theme="dark"] .vp-sortind--active[b-nyczj2pcbh] {
    color: var(--color-bright-green, #a3e96b);
}
/* _content/Verapath.Components/Components/StatusChip/VerapathStatusChip.razor.rz.scp.css */
.vp-status-chip[b-iivyhxy1n5] {
    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-iivyhxy1n5] {
    min-height: 32px;
    padding: 7px 12px;
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.vp-status-chip--compact[b-iivyhxy1n5] {
    min-height: 26px;
    padding: 5px 10px;
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.vp-status-chip__slot[b-iivyhxy1n5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 10px;
    height: 10px;
}

.vp-status-chip--neutral[b-iivyhxy1n5] {
    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-iivyhxy1n5] {
    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-iivyhxy1n5] {
    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-iivyhxy1n5] {
    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-iivyhxy1n5] {
    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-iivyhxy1n5] {
    background: rgba(163, 233, 107, 0.2);
    border-color: rgba(163, 233, 107, 0.34);
    color: var(--color-midnight, #223029);
}

[data-theme="dark"] .vp-status-chip--neutral[b-iivyhxy1n5],
:root[data-theme="dark"] .vp-status-chip--neutral[b-iivyhxy1n5] {
    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-iivyhxy1n5],
:root[data-theme="dark"] .vp-status-chip--success[b-iivyhxy1n5] {
    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-iivyhxy1n5],
:root[data-theme="dark"] .vp-status-chip--warning[b-iivyhxy1n5] {
    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-iivyhxy1n5],
:root[data-theme="dark"] .vp-status-chip--error[b-iivyhxy1n5] {
    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-iivyhxy1n5],
:root[data-theme="dark"] .vp-status-chip--info[b-iivyhxy1n5] {
    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-iivyhxy1n5],
:root[data-theme="dark"] .vp-status-chip--accent[b-iivyhxy1n5] {
    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/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-ng87f3e5d4] {
    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-ng87f3e5d4] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

.vp-tab-cards__tab[b-ng87f3e5d4],
.vp-tab-cards__tab:visited[b-ng87f3e5d4] {
    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-ng87f3e5d4] {
    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-ng87f3e5d4] {
    outline: 2px solid var(--color-bright-green, #a3e96b);
    outline-offset: 2px;
}

.vp-tab-cards__tab--disabled[b-ng87f3e5d4] {
    opacity: 0.52;
    cursor: not-allowed;
    box-shadow: none;
}

.vp-tab-cards__tab--active[b-ng87f3e5d4] {
    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-ng87f3e5d4] {
    flex: 1 1 180px;
}

.vp-tab-cards__label-row[b-ng87f3e5d4] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.vp-tab-cards__label[b-ng87f3e5d4] {
    font-family: var(--vp-font-heading, "SeasonSans-SemiBold", sans-serif);
    font-size: 16px;
    line-height: 1.2;
}

.vp-tab-cards__count[b-ng87f3e5d4] {
    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-ng87f3e5d4] {
    color: var(--vp-tab-cards-muted);
    font-size: 13px;
    line-height: 1.45;
}

@media (max-width: 719px) {
    .vp-tab-cards__tab[b-ng87f3e5d4],
    .vp-tab-cards__tab:visited[b-ng87f3e5d4] {
        width: 100%;
        min-width: 0;
    }
}

[data-theme="dark"] .vp-tab-cards[b-ng87f3e5d4],
:root[data-theme="dark"] .vp-tab-cards[b-ng87f3e5d4] {
    --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-ng87f3e5d4],
[data-theme="dark"] .vp-tab-cards .vp-tab-cards__tab:visited[b-ng87f3e5d4],
:root[data-theme="dark"] .vp-tab-cards .vp-tab-cards__tab[b-ng87f3e5d4],
:root[data-theme="dark"] .vp-tab-cards .vp-tab-cards__tab:visited[b-ng87f3e5d4] {
    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-ng87f3e5d4],
:root[data-theme="dark"] .vp-tab-cards .vp-tab-cards__tab--active[b-ng87f3e5d4] {
    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-u48dgg32mj] {
    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);
    --vp-tabs-active: var(--color-midnight, #223029);
}

/* ── Tab strip ── */
.vp-tabs__list[b-u48dgg32mj] {
    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-u48dgg32mj]::-webkit-scrollbar {
    display: none;
}

/* ── Individual tab — flat, no card ── */
.vp-tabs__tab[b-u48dgg32mj],
.vp-tabs__tab:visited[b-u48dgg32mj] {
    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-u48dgg32mj] {
    color: var(--vp-tabs-text);
    border-bottom-color: var(--vp-tabs-border);
}

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

/* ── Active: 2px underline + midnight text + weight 600 ── */
.vp-tabs__tab--active[b-u48dgg32mj] {
    color: var(--vp-tabs-active);
    font-weight: 600;
    border-bottom-color: var(--vp-tabs-active);
}

/* ── Disabled: dotted underline, no opacity fade (WCAG) ── */
.vp-tabs__tab--disabled[b-u48dgg32mj] {
    color: var(--vp-tabs-muted);
    cursor: not-allowed;
    border-bottom: 1px dotted var(--vp-tabs-border);
}

/* ── Stretch ── */
.vp-tabs--stretch .vp-tabs__tab[b-u48dgg32mj] {
    flex: 1 1 auto;
    justify-content: center;
}

/* ── Label row ── */
.vp-tabs__label-row[b-u48dgg32mj] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.vp-tabs__label[b-u48dgg32mj] {
    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-u48dgg32mj] {
    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-u48dgg32mj] {
    background: var(--color-midnight, #223029);
    color: #fff;
}

/* ── Mobile: horizontal scroll + snap ── */
@media (max-width: 719px) {
    .vp-tabs__list[b-u48dgg32mj] {
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }

    .vp-tabs__tab[b-u48dgg32mj] {
        scroll-snap-align: start;
    }
}

/* ── SegmentedControl — iOS tray treatment ── */
.vp-tabs--segmented[b-u48dgg32mj] {
    width: auto;
    display: inline-flex;
}

.vp-tabs--segmented.vp-tabs--stretch[b-u48dgg32mj] {
    width: 100%;
    display: flex;
}

.vp-tabs--segmented .vp-tabs__list[b-u48dgg32mj] {
    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-u48dgg32mj],
.vp-tabs--segmented .vp-tabs__tab:visited[b-u48dgg32mj] {
    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-u48dgg32mj] {
    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-u48dgg32mj] {
    color: var(--vp-tabs-text);
    border-bottom: none;
    border-bottom-color: transparent;
}

.vp-tabs--segmented .vp-tabs__tab--disabled[b-u48dgg32mj] {
    border-bottom: none;
    border-bottom-color: transparent;
}

/* ── Dark mode ── */
[data-theme="dark"] .vp-tabs[b-u48dgg32mj],
:root[data-theme="dark"] .vp-tabs[b-u48dgg32mj] {
    --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-u48dgg32mj],
:root[data-theme="dark"] .vp-tabs--segmented .vp-tabs__list[b-u48dgg32mj] {
    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-u48dgg32mj],
:root[data-theme="dark"] .vp-tabs--segmented .vp-tabs__tab--active[b-u48dgg32mj] {
    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-u48dgg32mj],
:root[data-theme="dark"] .vp-tabs__tab--active .vp-tabs__count[b-u48dgg32mj] {
    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-6qx0xo9s0c] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.vp-tab-view__strip[b-6qx0xo9s0c] {
    display: block;
}

.vp-tab-view__panels[b-6qx0xo9s0c] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

[b-6qx0xo9s0c] .vp-tab-view__panel {
    display: flex;
    flex-direction: column;
    gap: 20px;
    outline: none;
}

[b-6qx0xo9s0c] .vp-tab-view__panel[hidden] {
    display: none;
}
/* _content/Verapath.Components/Components/Timeline/VerapathTimeline.razor.rz.scp.css */
.vp-timeline[b-ljf5zwb6c1] {
    --vp-timeline-day-width: 38px;
    --vp-timeline-row-height: 78px;
    display: flex;
    flex-direction: column;
    gap: 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-ljf5zwb6c1],
.vp-timeline__header-actions[b-ljf5zwb6c1],
.vp-timeline__controls[b-ljf5zwb6c1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.vp-timeline__header-copy[b-ljf5zwb6c1] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.vp-timeline__title[b-ljf5zwb6c1] {
    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-ljf5zwb6c1],
.vp-timeline__range-meta[b-ljf5zwb6c1],
.vp-timeline__task-assignee[b-ljf5zwb6c1],
.vp-timeline__task-meta[b-ljf5zwb6c1] {
    margin: 0;
    color: var(--vp-placeholder-color, var(--color-gray-01, #909893));
    font-size: 14px;
    line-height: 1.6;
}

.vp-timeline__header-actions[b-ljf5zwb6c1] {
    justify-content: flex-end;
    margin-left: auto;
}

.vp-timeline__range-summary[b-ljf5zwb6c1] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 200px;
}

.vp-timeline__range-label[b-ljf5zwb6c1],
.vp-timeline__task-label[b-ljf5zwb6c1] {
    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-ljf5zwb6c1] {
    min-width: 160px;
    max-width: 200px;
}

.vp-timeline__board[b-ljf5zwb6c1] {
    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-ljf5zwb6c1] {
    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-ljf5zwb6c1] {
    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 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-ljf5zwb6c1] {
    color: var(--vp-placeholder-color, var(--color-gray-01, #909893));
    font-size: 13px;
}

.vp-timeline__task-list[b-ljf5zwb6c1],
.vp-timeline__lane-list[b-ljf5zwb6c1] {
    display: flex;
    flex-direction: column;
}

.vp-timeline__task-row[b-ljf5zwb6c1],
.vp-timeline__lane[b-ljf5zwb6c1] {
    height: var(--vp-timeline-row-height);
}

.vp-timeline__task-row[b-ljf5zwb6c1] {
    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-ljf5zwb6c1] {
    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-ljf5zwb6c1] {
    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-ljf5zwb6c1] {
    background: color-mix(in srgb, var(--color-midnight, #223029) 10%, transparent);
}

.vp-timeline__task-toggle--expanded[b-ljf5zwb6c1] {
    transform: rotate(90deg);
}

.vp-timeline__task-toggle--placeholder[b-ljf5zwb6c1] {
    cursor: default;
    background: transparent;
}

.vp-timeline__task-toggle--placeholder:hover[b-ljf5zwb6c1] {
    background: transparent;
}

.vp-timeline__task-row:hover[b-ljf5zwb6c1] {
    background: color-mix(in srgb, var(--color-gray-04, #f7f7f7) 80%, transparent);
}

.vp-timeline__task-row:last-child[b-ljf5zwb6c1],
.vp-timeline__lane:last-child[b-ljf5zwb6c1] {
    border-bottom: none;
}

.vp-timeline__task-row--selected[b-ljf5zwb6c1] {
    background: color-mix(in srgb, var(--color-bright-green, #a3e96b) 14%, var(--color-white, #ffffff));
}

.vp-timeline__task-copy[b-ljf5zwb6c1] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
}

.vp-timeline__task-title[b-ljf5zwb6c1] {
    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;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vp-timeline__scroll-panel[b-ljf5zwb6c1] {
    overflow-x: auto;
    overflow-y: visible;
    background: color-mix(in srgb, var(--color-white, #ffffff) 86%, transparent);
}

.vp-timeline__timeline-header[b-ljf5zwb6c1] {
    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-ljf5zwb6c1],
.vp-timeline__weeks[b-ljf5zwb6c1],
.vp-timeline__days[b-ljf5zwb6c1],
.vp-timeline__lane[b-ljf5zwb6c1] {
    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-ljf5zwb6c1],
.vp-timeline__week-segment[b-ljf5zwb6c1] {
    display: flex;
    align-items: center;
    padding: 0 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-ljf5zwb6c1] {
    font-size: 13px;
    background: color-mix(in srgb, var(--color-gray-04, #f7f7f7) 96%, transparent);
}

.vp-timeline__week-segment[b-ljf5zwb6c1] {
    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-ljf5zwb6c1] {
    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-ljf5zwb6c1] {
    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-ljf5zwb6c1] {
    font-family: var(--vp-font-heading, "SeasonSans-SemiBold", sans-serif);
    font-size: 12px;
}

.vp-timeline__day--today[b-ljf5zwb6c1] {
    background: color-mix(in srgb, var(--color-bright-green, #a3e96b) 22%, var(--color-white, #ffffff));
}

.vp-timeline__lane[b-ljf5zwb6c1] {
    position: relative;
    align-items: center;
    border-bottom: 1px solid color-mix(in srgb, var(--color-midnight, #223029) 6%, transparent);
}

.vp-timeline__lane-cell[b-ljf5zwb6c1] {
    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-ljf5zwb6c1] {
    border-left: 1px solid color-mix(in srgb, var(--color-midnight, #223029) 14%, transparent);
}

.vp-timeline__lane-cell--today[b-ljf5zwb6c1] {
    background: color-mix(in srgb, var(--color-bright-green, #a3e96b) 12%, transparent);
}

.vp-timeline__bar[b-ljf5zwb6c1] {
    grid-row: 1;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 52px;
    margin: 0 4px;
    padding: 10px 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-ljf5zwb6c1] {
    transform: translateY(-1px);
    z-index: 20;
}

/* ── Hover popup tooltip ──────────────────────────────────────── */
.vp-timeline__bar-popup[b-ljf5zwb6c1] {
    display: none;
    position: absolute;
    bottom: calc(100% + 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: 4px;
    white-space: normal;
}

.vp-timeline__bar-popup[b-ljf5zwb6c1]::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-ljf5zwb6c1] {
    display: flex;
}

.vp-timeline__bar-popup-title[b-ljf5zwb6c1] {
    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-ljf5zwb6c1] {
    font-size: 12px;
    line-height: 1.5;
    color: color-mix(in srgb, var(--color-white, #ffffff) 80%, transparent);
}

.vp-timeline__bar-title[b-ljf5zwb6c1],
.vp-timeline__bar-assignee[b-ljf5zwb6c1] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vp-timeline__bar-title[b-ljf5zwb6c1] {
    font-family: var(--vp-font-heading, "SeasonSans-SemiBold", sans-serif);
    font-size: 13px;
    line-height: 1.2;
}

.vp-timeline__bar-assignee[b-ljf5zwb6c1] {
    margin-top: 3px;
    font-size: 12px;
    line-height: 1.25;
    opacity: 0.84;
}

.vp-timeline__bar--selected[b-ljf5zwb6c1] {
    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-ljf5zwb6c1] {
    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-ljf5zwb6c1] {
    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-ljf5zwb6c1] {
    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-ljf5zwb6c1] {
    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-ljf5zwb6c1] {
    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-ljf5zwb6c1],
:root[data-theme="dark"] .vp-timeline[b-ljf5zwb6c1] {
    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-ljf5zwb6c1],
[data-theme="dark"] .vp-timeline .vp-timeline__range-label[b-ljf5zwb6c1],
[data-theme="dark"] .vp-timeline .vp-timeline__task-label[b-ljf5zwb6c1],
[data-theme="dark"] .vp-timeline .vp-timeline__task-title[b-ljf5zwb6c1],
[data-theme="dark"] .vp-timeline .vp-timeline__month-segment[b-ljf5zwb6c1],
[data-theme="dark"] .vp-timeline .vp-timeline__week-segment[b-ljf5zwb6c1],
[data-theme="dark"] .vp-timeline .vp-timeline__day[b-ljf5zwb6c1],
:root[data-theme="dark"] .vp-timeline .vp-timeline__title[b-ljf5zwb6c1],
:root[data-theme="dark"] .vp-timeline .vp-timeline__range-label[b-ljf5zwb6c1],
:root[data-theme="dark"] .vp-timeline .vp-timeline__task-label[b-ljf5zwb6c1],
:root[data-theme="dark"] .vp-timeline .vp-timeline__task-title[b-ljf5zwb6c1],
:root[data-theme="dark"] .vp-timeline .vp-timeline__month-segment[b-ljf5zwb6c1],
:root[data-theme="dark"] .vp-timeline .vp-timeline__week-segment[b-ljf5zwb6c1],
:root[data-theme="dark"] .vp-timeline .vp-timeline__day[b-ljf5zwb6c1] {
    color: var(--vp-content-text, var(--color-white, #ffffff));
}

[data-theme="dark"] .vp-timeline .vp-timeline__description[b-ljf5zwb6c1],
[data-theme="dark"] .vp-timeline .vp-timeline__range-meta[b-ljf5zwb6c1],
[data-theme="dark"] .vp-timeline .vp-timeline__task-assignee[b-ljf5zwb6c1],
[data-theme="dark"] .vp-timeline .vp-timeline__task-meta[b-ljf5zwb6c1],
[data-theme="dark"] .vp-timeline .vp-timeline__task-range[b-ljf5zwb6c1],
[data-theme="dark"] .vp-timeline .vp-timeline__day-name[b-ljf5zwb6c1],
:root[data-theme="dark"] .vp-timeline .vp-timeline__description[b-ljf5zwb6c1],
:root[data-theme="dark"] .vp-timeline .vp-timeline__range-meta[b-ljf5zwb6c1],
:root[data-theme="dark"] .vp-timeline .vp-timeline__task-assignee[b-ljf5zwb6c1],
:root[data-theme="dark"] .vp-timeline .vp-timeline__task-meta[b-ljf5zwb6c1],
:root[data-theme="dark"] .vp-timeline .vp-timeline__task-range[b-ljf5zwb6c1],
:root[data-theme="dark"] .vp-timeline .vp-timeline__day-name[b-ljf5zwb6c1] {
    color: var(--vp-placeholder-color, var(--color-gray-02, #b9c0be));
}

[data-theme="dark"] .vp-timeline .vp-timeline__board[b-ljf5zwb6c1],
[data-theme="dark"] .vp-timeline .vp-timeline__task-column[b-ljf5zwb6c1],
[data-theme="dark"] .vp-timeline .vp-timeline__scroll-panel[b-ljf5zwb6c1],
[data-theme="dark"] .vp-timeline .vp-timeline__timeline-header[b-ljf5zwb6c1],
:root[data-theme="dark"] .vp-timeline .vp-timeline__board[b-ljf5zwb6c1],
:root[data-theme="dark"] .vp-timeline .vp-timeline__task-column[b-ljf5zwb6c1],
:root[data-theme="dark"] .vp-timeline .vp-timeline__scroll-panel[b-ljf5zwb6c1],
:root[data-theme="dark"] .vp-timeline .vp-timeline__timeline-header[b-ljf5zwb6c1] {
    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-ljf5zwb6c1],
[data-theme="dark"] .vp-timeline .vp-timeline__month-segment[b-ljf5zwb6c1],
[data-theme="dark"] .vp-timeline .vp-timeline__day[b-ljf5zwb6c1],
:root[data-theme="dark"] .vp-timeline .vp-timeline__task-header[b-ljf5zwb6c1],
:root[data-theme="dark"] .vp-timeline .vp-timeline__month-segment[b-ljf5zwb6c1],
:root[data-theme="dark"] .vp-timeline .vp-timeline__day[b-ljf5zwb6c1] {
    background: color-mix(in srgb, var(--color-white, #ffffff) 4%, var(--color-midnight, #223029));
}

[data-theme="dark"] .vp-timeline .vp-timeline__week-segment[b-ljf5zwb6c1],
:root[data-theme="dark"] .vp-timeline .vp-timeline__week-segment[b-ljf5zwb6c1] {
    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-ljf5zwb6c1],
:root[data-theme="dark"] .vp-timeline .vp-timeline__task-row--selected[b-ljf5zwb6c1] {
    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-ljf5zwb6c1],
:root[data-theme="dark"] .vp-timeline .vp-timeline__task-row:hover[b-ljf5zwb6c1] {
    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-ljf5zwb6c1],
[data-theme="dark"] .vp-timeline .vp-timeline__day--today[b-ljf5zwb6c1],
:root[data-theme="dark"] .vp-timeline .vp-timeline__lane-cell--today[b-ljf5zwb6c1],
:root[data-theme="dark"] .vp-timeline .vp-timeline__day--today[b-ljf5zwb6c1] {
    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-ljf5zwb6c1],
:root[data-theme="dark"] .vp-timeline .vp-timeline__bar--neutral[b-ljf5zwb6c1] {
    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-ljf5zwb6c1] {
        padding: 20px;
        border-radius: 24px;
    }

    .vp-timeline__board[b-ljf5zwb6c1] {
        grid-template-columns: minmax(220px, 240px) minmax(0, 1fr);
    }

    .vp-timeline__header-actions[b-ljf5zwb6c1],
    .vp-timeline__controls[b-ljf5zwb6c1] {
        width: 100%;
    }

    .vp-timeline__range-summary[b-ljf5zwb6c1],
    .vp-timeline__zoom[b-ljf5zwb6c1] {
        width: 100%;
    }
}

@media (max-width: 719px) {
    .vp-timeline[b-ljf5zwb6c1] {
        --vp-timeline-day-width: 34px;
    }

    .vp-timeline__board[b-ljf5zwb6c1] {
        grid-template-columns: 220px minmax(0, 1fr);
    }

    .vp-timeline__task-header[b-ljf5zwb6c1],
    .vp-timeline__task-row[b-ljf5zwb6c1] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .vp-timeline__bar[b-ljf5zwb6c1] {
        padding: 8px 10px;
    }
}
/* _content/Verapath.Components/Components/Toast/VerapathToast.razor.rz.scp.css */
/* ── Toast card ─────────────────────────────────────────────────── */
.vp-toast[b-nyuogj9me3] {
    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-nyuogj9me3 {
    from { transform: translateX(calc(100% + 24px)); opacity: 0; }
    to   { transform: translateX(0);                opacity: 1; }
}

@keyframes vp-toast-out-b-nyuogj9me3 {
    from { transform: translateX(0);                opacity: 1; }
    to   { transform: translateX(calc(100% + 24px)); opacity: 0; }
}

.vp-toast--enter[b-nyuogj9me3] {
    animation: vp-toast-in-b-nyuogj9me3 0.28s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.vp-toast--exit[b-nyuogj9me3] {
    animation: vp-toast-out-b-nyuogj9me3 0.28s ease-in forwards;
}

/* ── Left accent bar ────────────────────────────────────────────── */
.vp-toast__accent[b-nyuogj9me3] {
    width: 4px;
    align-self: stretch;
    flex-shrink: 0;
    border-radius: 0;
}

/* ── Icon ───────────────────────────────────────────────────────── */
.vp-toast__icon[b-nyuogj9me3] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

/* ── Text ───────────────────────────────────────────────────────── */
.vp-toast__text[b-nyuogj9me3] {
    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-nyuogj9me3] {
    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-nyuogj9me3] {
    background: rgba(0, 0, 0, 0.06);
}

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

/* ── Close button ───────────────────────────────────────────────── */
.vp-toast__close[b-nyuogj9me3] {
    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-nyuogj9me3] {
    opacity: 1;
}

/* ── Info ───────────────────────────────────────────────────────── */
.vp-toast--info[b-nyuogj9me3] {
    background: var(--color-light-purple-50, #f1edfa);
    border-color: var(--color-purple, #bca9f1);
    color: #3d2e7a;
}

.vp-toast--info .vp-toast__accent[b-nyuogj9me3] {
    background: var(--color-purple, #bca9f1);
}

.vp-toast--info .vp-toast__icon[b-nyuogj9me3] {
    color: var(--color-purple, #bca9f1);
}

/* ── Success ────────────────────────────────────────────────────── */
.vp-toast--success[b-nyuogj9me3] {
    background: var(--color-mint-50, #edfaee);
    border-color: var(--color-green, #0ea665);
    color: #0a5c3a;
}

.vp-toast--success .vp-toast__accent[b-nyuogj9me3] {
    background: var(--color-green, #0ea665);
}

.vp-toast--success .vp-toast__icon[b-nyuogj9me3] {
    color: var(--color-green, #0ea665);
}

/* ── Warning ────────────────────────────────────────────────────── */
.vp-toast--warning[b-nyuogj9me3] {
    background: var(--color-pale-yellow-50, #FFFDD8);
    border-color: #c9a800;
    color: #5a4a00;
}

.vp-toast--warning .vp-toast__accent[b-nyuogj9me3] {
    background: #c9a800;
}

.vp-toast--warning .vp-toast__icon[b-nyuogj9me3] {
    color: #c9a800;
}

/* ── Error ──────────────────────────────────────────────────────── */
.vp-toast--error[b-nyuogj9me3] {
    background: #fde8e7;
    border-color: var(--color-red, #f9574d);
    color: #7a1f1a;
}

.vp-toast--error .vp-toast__accent[b-nyuogj9me3] {
    background: var(--color-red, #f9574d);
}

.vp-toast--error .vp-toast__icon[b-nyuogj9me3] {
    color: var(--color-red, #f9574d);
}

/* ── Dark mode overrides ────────────────────────────────────────── */
:root[data-theme="dark"] .vp-toast--info[b-nyuogj9me3],
[data-theme="dark"] .vp-toast--info[b-nyuogj9me3] {
    background: #2a2240;
    border-color: var(--color-purple, #bca9f1);
    color: #d4c8f8;
}

:root[data-theme="dark"] .vp-toast--success[b-nyuogj9me3],
[data-theme="dark"] .vp-toast--success[b-nyuogj9me3] {
    background: #0d2e20;
    border-color: var(--color-green, #0ea665);
    color: #6ddead;
}

:root[data-theme="dark"] .vp-toast--warning[b-nyuogj9me3],
[data-theme="dark"] .vp-toast--warning[b-nyuogj9me3] {
    background: #2e2700;
    border-color: #c9a800;
    color: #f0d040;
}

:root[data-theme="dark"] .vp-toast--error[b-nyuogj9me3],
[data-theme="dark"] .vp-toast--error[b-nyuogj9me3] {
    background: #2e0f0d;
    border-color: var(--color-red, #f9574d);
    color: #f8a49f;
}
/* _content/Verapath.Components/Components/Website/SiteHeader/SiteHeader.razor.rz.scp.css */
/* ─── Root nav bar ─────────────────────────────────────────────────── */

#vp-nav[b-1qrr0puntc] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: var(--color-white, #ffffff);
    border-bottom: 1px solid rgba(34, 48, 41, 0.1);
    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        backdrop-filter 0.25s ease,
        -webkit-backdrop-filter 0.25s ease,
        box-shadow 0.25s ease;
}

/* Hero / transparent mode — set HeroMode="true" on home page */
#vp-nav.vp-nav-hero[b-1qrr0puntc] {
    background: rgba(34, 48, 41, 0.18);
    border-bottom-color: rgba(255, 255, 255, 0.18);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.08);
}

/* ─── Inner grid ───────────────────────────────────────────────────── */

#vp-nav-inner[b-1qrr0puntc] {
    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-1qrr0puntc],
#vp-nav-center[b-1qrr0puntc],
#vp-nav-right[b-1qrr0puntc] {
    display: flex;
    align-items: center;
}

#vp-nav-center[b-1qrr0puntc] {
    justify-self: start;
    min-width: 0;
}

#vp-nav-right[b-1qrr0puntc] {
    justify-self: end;
    gap: 14px;
    min-width: 0;
}

/* ─── Logo ─────────────────────────────────────────────────────────── */

#vp-nav-logo[b-1qrr0puntc] {
    display: inline-flex;
    align-items: center;
    line-height: 0;
}

#vp-nav-logo img[b-1qrr0puntc] {
    display: block;
    height: 34px;
    width: auto;
}

#vp-nav-logo .logo-light[b-1qrr0puntc] {
    display: none;
}

#vp-nav.vp-nav-hero #vp-nav-logo .logo-dark[b-1qrr0puntc] {
    display: none;
}

#vp-nav.vp-nav-hero #vp-nav-logo .logo-light[b-1qrr0puntc] {
    display: block;
}

/* ─── Nav links ────────────────────────────────────────────────────── */

#vp-nav-links[b-1qrr0puntc] {
    display: flex;
    align-items: center;
    gap: 36px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#vp-nav-links a[b-1qrr0puntc],
#vp-nav-auth[b-1qrr0puntc] {
    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.vp-nav-hero #vp-nav-links a[b-1qrr0puntc],
#vp-nav.vp-nav-hero #vp-nav-auth[b-1qrr0puntc] {
    color: var(--color-white, #ffffff);
}

#vp-nav.vp-nav-hero #vp-nav-links a[b-1qrr0puntc] {
    font-family: "SeasonSans-SemiBold", sans-serif;
}

#vp-nav-links a:hover[b-1qrr0puntc],
#vp-nav-auth:hover[b-1qrr0puntc] {
    opacity: 0.78;
}

/* ─── Auth / secondary button ──────────────────────────────────────── */

#vp-nav-auth[b-1qrr0puntc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 24px;
    border: 1px solid rgba(34, 48, 41, 0.16);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.06);
    cursor: pointer;
}

#vp-nav.vp-nav-hero #vp-nav-auth[b-1qrr0puntc] {
    border-color: rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.04);
}

/* ─── Primary CTA button ───────────────────────────────────────────── */

#vp-nav-cta[b-1qrr0puntc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 26px;
    border: none;
    border-radius: 6px;
    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;
}

/* ─── Hamburger ────────────────────────────────────────────────────── */

#vp-nav-hamburger[b-1qrr0puntc] {
    display: none;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

#vp-nav-hamburger span[b-1qrr0puntc] {
    display: block;
    width: 22px;
    height: 2px;
    margin: 4px auto;
    background: var(--color-midnight, #223029);
    transition: background-color 0.2s ease;
}

#vp-nav.vp-nav-hero #vp-nav-hamburger span[b-1qrr0puntc] {
    background: var(--color-white, #ffffff);
}

/* ─── Responsive ───────────────────────────────────────────────────── */

@media (max-width: 920px) {
    #vp-nav-inner[b-1qrr0puntc] {
        grid-template-columns: auto 1fr auto;
        gap: 16px;
        padding: 16px 20px;
    }

    #vp-nav-center[b-1qrr0puntc],
    #vp-nav-auth[b-1qrr0puntc],
    #vp-nav-cta[b-1qrr0puntc] {
        display: none;
    }

    #vp-nav-hamburger[b-1qrr0puntc] {
        display: inline-block;
        justify-self: end;
    }
}
/* _content/Verapath.Components/Components/Wizard/VerapathWizard.razor.rz.scp.css */
/* ── Root ───────────────────────────────────────────────────────── */
.vp-wizard[b-0alxjpudx8] {
    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;
}

/* ── Progress area ──────────────────────────────────────────────── */
.vp-wizard__progress-area[b-0alxjpudx8] {
    padding: 20px 24px 0;
}

.vp-wizard__progress-meta[b-0alxjpudx8] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 8px;
}

.vp-wizard__step-counter[b-0alxjpudx8] {
    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-0alxjpudx8] {
    font-size: var(--font-size-label, 14px);
    font-weight: 600;
    color: var(--color-bright-green, #a3e96b);
}

.vp-wizard__track[b-0alxjpudx8] {
    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-0alxjpudx8] {
    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-0alxjpudx8] {
    padding: 16px 24px 0;
}

.vp-wizard__title[b-0alxjpudx8] {
    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-0alxjpudx8] {
    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-0alxjpudx8] {
    flex: 1;
    padding: 24px;
    overflow-y: auto;
    min-height: 80px;
}

/* ── Footer ─────────────────────────────────────────────────────── */
.vp-wizard__footer[b-0alxjpudx8] {
    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-0alxjpudx8] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
}

/* ── Validation error ───────────────────────────────────────────── */
.vp-wizard__error[b-0alxjpudx8] {
    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-0alxjpudx8 0.2s ease;
}

@keyframes vp-wizard-error-in-b-0alxjpudx8 {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Dark mode ──────────────────────────────────────────────────── */
:root[data-theme="dark"] .vp-wizard[b-0alxjpudx8],
[data-theme="dark"] .vp-wizard[b-0alxjpudx8] {
    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-0alxjpudx8],
[data-theme="dark"] .vp-wizard__track[b-0alxjpudx8] {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.12);
}

:root[data-theme="dark"] .vp-wizard__title[b-0alxjpudx8],
[data-theme="dark"] .vp-wizard__title[b-0alxjpudx8] {
    color: var(--vp-input-color, #ffffff);
}
/* _content/Verapath.Components/Components/Workflows/AddVariableDialog.razor.rz.scp.css */
.wf-addvar[b-6x6dfwpeg4] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.wf-addvar__title[b-6x6dfwpeg4] {
    margin: 0;
    font-size: 16px;
    font-weight: var(--font-weight-bold, 700);
    color: var(--vp-content-text, #223029);
}

.wf-addvar__types[b-6x6dfwpeg4] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 4px;
    background: var(--vp-surface-disabled, #f7f7f7);
    border-radius: var(--border-radius-md, 6px);
}

.wf-addvar__type[b-6x6dfwpeg4] {
    padding: 6px 12px;
    border: 1px solid transparent;
    border-radius: var(--border-radius-sm, 4px);
    background: transparent;
    color: var(--vp-content-text, #223029);
    font-size: 12px;
    font-weight: var(--font-weight-medium, 500);
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.wf-addvar__type:hover[b-6x6dfwpeg4],
.wf-addvar__type:focus[b-6x6dfwpeg4] {
    outline: none;
    background: var(--vp-surface-hover, #e0e3e2);
}

.wf-addvar__type--active[b-6x6dfwpeg4] {
    background: var(--color-bright-green, #a3e96b);
    color: var(--color-midnight, #223029);
    border-color: var(--color-bright-green, #a3e96b);
    font-weight: var(--font-weight-bold, 700);
}

.wf-addvar__field[b-6x6dfwpeg4] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.wf-addvar__label[b-6x6dfwpeg4] {
    font-size: var(--font-size-label, 14px);
    font-weight: var(--font-weight-medium, 500);
    color: var(--vp-label-color, #223029);
}

.wf-addvar__hint[b-6x6dfwpeg4] {
    font-size: 12px;
    color: var(--vp-placeholder-color, #909893);
}

.wf-addvar__hint code[b-6x6dfwpeg4] {
    padding: 1px 4px;
    background: var(--vp-code-bg, #e0e3e2);
    border-radius: var(--border-radius-sm, 4px);
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: 11px;
}

.wf-addvar__actions[b-6x6dfwpeg4] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    padding-top: 4px;
    border-top: 1px solid var(--vp-divider, #e0e3e2);
}
/* _content/Verapath.Components/Components/Workflows/ContextVariablePicker.razor.rz.scp.css */
/* ── Backdrop ── */
.wf-var-picker__backdrop[b-68m5jixl64] {
    position: fixed;
    inset: 0;
    z-index: 1000;
}

/* ── Container ── */
.wf-var-picker[b-68m5jixl64] {
    position: absolute;
    z-index: 1001;
    min-width: 240px;
    width: min(340px, 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-68m5jixl64] {
    top: 100%;
    left: 0;
    margin-top: 4px;
}

.wf-var-picker--above[b-68m5jixl64] {
    bottom: 100%;
    left: 0;
    margin-bottom: 4px;
}

/* ── Search ── */
.wf-var-picker__search-wrap[b-68m5jixl64] {
    padding: 8px;
    border-bottom: 1px solid var(--vp-divider, #e0e3e2);
    flex-shrink: 0;
}

.wf-var-picker__search[b-68m5jixl64] {
    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-68m5jixl64] {
    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-68m5jixl64] {
    overflow-y: auto;
    flex: 1;
    padding: 4px;
}

/* ── Group header ── */
.wf-var-picker__group-header[b-68m5jixl64] {
    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-68m5jixl64] {
    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-68m5jixl64],
.wf-var-picker__item:focus[b-68m5jixl64] {
    outline: none;
    background: var(--vp-surface-hover, #e0e3e2);
}

/* ── Dot indicator ── */
.wf-var-picker__dot[b-68m5jixl64] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.wf-var-picker__dot--green[b-68m5jixl64]  { background: var(--color-green,  #0ea665); }
.wf-var-picker__dot--purple[b-68m5jixl64] { background: var(--color-purple, #bca9f1); }
.wf-var-picker__dot--gray[b-68m5jixl64]   { background: var(--color-gray-01, #909893); }
.wf-var-picker__dot--blue[b-68m5jixl64]   { background: #106cd1; }
.wf-var-picker__dot--orange[b-68m5jixl64] { background: #FF9800; }

/* ── Item name ── */
.wf-var-picker__item-name[b-68m5jixl64] {
    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-68m5jixl64] {
    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-68m5jixl64] {
    padding: 16px 8px;
    font-size: 12px;
    color: var(--vp-placeholder-color, #909893);
    text-align: center;
}
/* _content/Verapath.Components/Components/Workflows/ExecutionSidebar.razor.rz.scp.css */
.wf-exec-panel[b-b2k4izcf9w] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
    background: var(--vp-card-bg, #ffffff);
    border: 1px solid var(--vp-card-border, rgba(15, 23, 19, 0.08));
    border-radius: var(--border-radius-md, 6px);
    box-shadow: var(--vp-card-shadow, 0 1px 4px rgba(15, 23, 19, 0.04));
    min-width: 280px;
    max-height: calc(100vh - 320px);
    overflow-y: auto;
}

.wf-exec-panel--embedded[b-b2k4izcf9w] {
    min-width: 0;
    max-height: none;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
}

.wf-exec-panel__header[b-b2k4izcf9w] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--vp-divider, #e0e3e2);
}

.wf-exec-panel__eyebrow[b-b2k4izcf9w] {
    font-size: 10px;
    font-weight: var(--font-weight-bold, 700);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--vp-placeholder-color, #909893);
}

.wf-exec-panel__title[b-b2k4izcf9w] {
    margin: 2px 0 0;
    font-size: 15px;
    font-weight: var(--font-weight-bold, 700);
    color: var(--vp-content-text, #223029);
}

.wf-exec-panel__close[b-b2k4izcf9w] {
    width: 28px;
    height: 28px;
    border: none;
    border-radius: var(--border-radius-sm, 4px);
    background: transparent;
    color: var(--vp-content-text, #223029);
    cursor: pointer;
    font-size: 14px;
    padding: 0;
}

.wf-exec-panel__close:hover[b-b2k4izcf9w],
.wf-exec-panel__close:focus[b-b2k4izcf9w] {
    outline: none;
    background: var(--vp-surface-hover, #e0e3e2);
}

.wf-exec-panel__empty[b-b2k4izcf9w] {
    padding: 16px;
    font-size: 12px;
    color: var(--vp-placeholder-color, #909893);
    font-style: italic;
    text-align: center;
    border: 1px dashed var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-sm, 4px);
}

.wf-exec-panel__empty strong[b-b2k4izcf9w] { font-style: normal; color: var(--vp-content-text, #223029); }

.wf-exec-panel__status[b-b2k4izcf9w] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.wf-exec-panel__trigger[b-b2k4izcf9w],
.wf-exec-panel__progress[b-b2k4izcf9w] {
    font-size: 11px;
    color: var(--vp-placeholder-color, #909893);
    padding: 2px 6px;
    border-radius: var(--border-radius-sm, 4px);
    background: var(--vp-surface-disabled, #f7f7f7);
}

.wf-exec-panel__error[b-b2k4izcf9w] {
    padding: 8px 10px;
    border: 1px solid rgba(249, 87, 77, 0.35);
    border-radius: var(--border-radius-sm, 4px);
    background: rgba(249, 87, 77, 0.08);
    color: var(--color-red, #f9574d);
    font-size: 12px;
}

.wf-exec-panel__workflow-output[b-b2k4izcf9w] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    border: 1px solid rgba(14, 166, 101, 0.35);
    border-radius: var(--border-radius-sm, 4px);
    background: var(--vp-card-bg, #ffffff);
}

.wf-exec-panel__workflow-output-header[b-b2k4izcf9w] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.wf-exec-panel__workflow-output-eyebrow[b-b2k4izcf9w] {
    font-size: 10px;
    font-weight: var(--font-weight-bold, 700);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--vp-placeholder-color, #909893);
}

.wf-exec-panel__workflow-output-title[b-b2k4izcf9w] {
    margin: 0;
    font-size: 13px;
    font-weight: var(--font-weight-bold, 700);
    color: var(--vp-content-text, #223029);
}

.wf-exec-panel__workflow-output-body[b-b2k4izcf9w] {
    margin: 0;
    padding: 8px 10px;
    max-height: 320px;
    overflow-y: auto;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-sm, 4px);
    background: var(--vp-surface-disabled, #f7f7f7);
    color: var(--vp-content-text, #223029);
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: 12px;
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
}

.wf-exec-panel__workflow-output-body--markdown[b-b2k4izcf9w] {
    font-family: inherit;
    white-space: normal;
}

.wf-exec-panel__nodes[b-b2k4izcf9w] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.wf-exec-panel__node[b-b2k4izcf9w] {
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-sm, 4px);
    background: var(--vp-card-bg, #ffffff);
    overflow: hidden;
}

.wf-exec-panel__node--done[b-b2k4izcf9w] {
    border-color: rgba(14, 166, 101, 0.35);
}

.wf-exec-panel__node-head[b-b2k4izcf9w] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto auto;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 8px 10px;
    border: none;
    background: transparent;
    color: var(--vp-content-text, #223029);
    text-align: left;
    cursor: pointer;
    font-size: 13px;
}

.wf-exec-panel__node-head:hover[b-b2k4izcf9w],
.wf-exec-panel__node-head:focus[b-b2k4izcf9w] {
    outline: none;
    background: var(--vp-surface-hover, #e0e3e2);
}

.wf-exec-panel__dot[b-b2k4izcf9w] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.wf-exec-panel__dot--ok[b-b2k4izcf9w]       { background: var(--color-green, #0ea665); }
.wf-exec-panel__dot--running[b-b2k4izcf9w]  { background: var(--color-bright-green, #a3e96b); animation: wf-exec-pulse-b-b2k4izcf9w 1.3s ease-in-out infinite; }
.wf-exec-panel__dot--err[b-b2k4izcf9w]      { background: var(--color-red, #f9574d); }
.wf-exec-panel__dot--warn[b-b2k4izcf9w]     { background: #d48a3a; }
.wf-exec-panel__dot--pending[b-b2k4izcf9w]  { background: var(--vp-border-default, #b9c0be); }

@keyframes wf-exec-pulse-b-b2k4izcf9w {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%      { opacity: 0.55; transform: scale(1.15); }
}

.wf-exec-panel__node-title[b-b2k4izcf9w] {
    font-weight: var(--font-weight-medium, 500);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wf-exec-panel__node-type[b-b2k4izcf9w] {
    font-size: 10px;
    font-family: var(--font-mono, ui-monospace, monospace);
    color: var(--vp-placeholder-color, #909893);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 2px 5px;
    background: var(--vp-code-bg, #e0e3e2);
    border-radius: var(--border-radius-sm, 4px);
}

.wf-exec-panel__node-duration[b-b2k4izcf9w] {
    font-size: 11px;
    color: var(--vp-placeholder-color, #909893);
    font-variant-numeric: tabular-nums;
}

.wf-exec-panel__chev[b-b2k4izcf9w] {
    font-size: 10px;
    color: var(--vp-placeholder-color, #909893);
}

.wf-exec-panel__node-body[b-b2k4izcf9w] {
    padding: 8px 12px 10px;
    border-top: 1px solid var(--vp-divider, #e0e3e2);
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: var(--vp-surface-disabled, #f7f7f7);
}

.wf-exec-panel__node-error[b-b2k4izcf9w] {
    padding: 6px 8px;
    border-radius: var(--border-radius-sm, 4px);
    background: rgba(249, 87, 77, 0.08);
    color: var(--color-red, #f9574d);
    font-size: 12px;
}

.wf-exec-panel__node-section[b-b2k4izcf9w] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.wf-exec-panel__node-section-title[b-b2k4izcf9w] {
    font-size: 10px;
    font-weight: var(--font-weight-bold, 700);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--vp-placeholder-color, #909893);
}

.wf-exec-panel__msg[b-b2k4izcf9w] {
    margin: 0;
    padding: 6px 8px;
    background: var(--vp-card-bg, #ffffff);
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-sm, 4px);
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: 11px;
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 260px;
    overflow-y: auto;
    color: var(--vp-content-text, #223029);
}

/* Markdown-rendered output (Agent nodes): use proportional fonts and normal wrapping so
   the rendered HTML (headings, lists, paragraphs) reads like prose instead of monospaced code. */
.wf-exec-panel__msg--markdown[b-b2k4izcf9w] {
    font-family: inherit;
    font-size: 12px;
    white-space: normal;
}

.wf-exec-panel__group[b-b2k4izcf9w] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-left: 3px solid var(--color-bright-green, #a3e96b);
    border-radius: var(--border-radius-sm, 4px);
    background: var(--vp-surface-disabled, #f7f7f7);
    overflow: hidden;
}

.wf-exec-panel__group--iteration[b-b2k4izcf9w] {
    border-left-color: var(--color-blue, #3b82f6);
}

.wf-exec-panel__group-head[b-b2k4izcf9w] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto auto auto auto auto;
    align-items: center;
    gap: 6px;
    width: 100%;
    padding: 6px 10px;
    border: none;
    background: transparent;
    color: var(--vp-content-text, #223029);
    text-align: left;
    cursor: pointer;
    font-size: 12px;
}

.wf-exec-panel__group-head:hover[b-b2k4izcf9w],
.wf-exec-panel__group-head:focus[b-b2k4izcf9w] {
    outline: none;
    background: var(--vp-surface-hover, #e0e3e2);
}

.wf-exec-panel__group-title[b-b2k4izcf9w] {
    font-weight: var(--font-weight-bold, 700);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wf-exec-panel__group-meta[b-b2k4izcf9w] {
    font-size: 10px;
    font-family: var(--font-mono, ui-monospace, monospace);
    color: var(--vp-placeholder-color, #909893);
    padding: 1px 5px;
    background: var(--vp-code-bg, #e0e3e2);
    border-radius: var(--border-radius-sm, 4px);
    white-space: nowrap;
}

.wf-exec-panel__group-duration[b-b2k4izcf9w] {
    font-variant-numeric: tabular-nums;
}

.wf-exec-panel__group-timestamp[b-b2k4izcf9w] {
    font-variant-numeric: tabular-nums;
}

.wf-exec-panel__group-preview[b-b2k4izcf9w] {
    font-size: 11px;
    color: var(--vp-placeholder-color, #909893);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-style: italic;
}

.wf-exec-panel__group-body[b-b2k4izcf9w] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 4px 8px 8px 20px;
    border-top: 1px solid var(--vp-divider, #e0e3e2);
    background: var(--vp-card-bg, #ffffff);
}

.wf-exec-panel__context[b-b2k4izcf9w] {
    padding-top: 8px;
    border-top: 1px solid var(--vp-divider, #e0e3e2);
}

.wf-exec-panel__context-title[b-b2k4izcf9w] {
    margin: 0 0 6px;
    font-size: 11px;
    font-weight: var(--font-weight-bold, 700);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--vp-placeholder-color, #909893);
}

.wf-exec-panel__ctx-table[b-b2k4izcf9w] {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
}

.wf-exec-panel__ctx-name[b-b2k4izcf9w] {
    padding: 3px 6px 3px 0;
    font-family: var(--font-mono, ui-monospace, monospace);
    font-weight: var(--font-weight-medium, 500);
    color: var(--vp-content-text, #223029);
    vertical-align: top;
    white-space: nowrap;
    text-align: left;
    width: 30%;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wf-exec-panel__ctx-value[b-b2k4izcf9w] {
    padding: 3px 0;
    color: var(--vp-placeholder-color, #909893);
    word-break: break-word;
}
/* _content/Verapath.Components/Components/Workflows/NodeMenuItem.razor.rz.scp.css */
.vp-node-chip-wrap[b-ma2o6drp7q] {
    cursor: grab;
    user-select: none;
}

.vp-node-chip-wrap:active[b-ma2o6drp7q] {
    cursor: grabbing;
}

.vp-node-chip[b-ma2o6drp7q] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 8px 12px;
    background: var(--vp-card-bg, #ffffff);
    border: 1px solid var(--vp-card-border, rgba(15, 23, 19, 0.08));
    border-left-width: 3px;
    border-radius: var(--border-radius-md, 6px);
    color: var(--vp-content-text, #223029);
    font-size: 13px;
    transition: border-color 0.15s ease, background-color 0.15s ease, transform 0.15s ease;
    pointer-events: none;
}

.vp-node-chip-wrap:hover .vp-node-chip[b-ma2o6drp7q] {
    background: var(--vp-surface-hover, #e0e3e2);
    transform: translateX(2px);
}

.vp-node-chip__icon[b-ma2o6drp7q] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

/* Our palette SVGs are loaded via <img>, so `currentColor` can't cross the image boundary —
   they paint with their authored (black) stroke. Invert them in dark mode so the glyph
   reads as light-on-dark instead of disappearing into the card background. */
[data-theme="dark"] .vp-node-chip__icon[b-ma2o6drp7q] {
    filter: invert(1) brightness(1.1);
}

.vp-node-chip__name[b-ma2o6drp7q] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Category accent colours — keep subtle so the palette feels calm. */
.vp-node-chip--control[b-ma2o6drp7q]       { border-left-color: var(--color-green, #0ea665); }
.vp-node-chip--input[b-ma2o6drp7q]         { border-left-color: var(--color-bright-green, #a3e96b); }
.vp-node-chip--msgraphinput[b-ma2o6drp7q]  { border-left-color: #7c5dc7; }
.vp-node-chip--output[b-ma2o6drp7q]        { border-left-color: var(--color-red, #f9574d); }
.vp-node-chip--process[b-ma2o6drp7q]       { border-left-color: var(--color-midnight, #223029); }
.vp-node-chip--schedule[b-ma2o6drp7q]      { border-left-color: #d48a3a; }
.vp-node-chip--annotation[b-ma2o6drp7q]    { border-left-color: var(--color-gray-02, #b9c0be); }
/* _content/Verapath.Components/Components/Workflows/PromptEditor.razor.rz.scp.css */
.wf-prompt-editor[b-k7vuzd00vs] {
    display: flex;
    flex-direction: column;
    gap: 0;
    isolation: isolate;
    position: relative;
}

.wf-prompt-editor--picker-open[b-k7vuzd00vs] {
    z-index: 2;
}

/* ── Bottom toolbar ── */
.wf-prompt-editor__bar[b-k7vuzd00vs] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 4px 0 0;
}

/* ── Picker anchor ── */
.wf-prompt-editor__picker-anchor[b-k7vuzd00vs] {
    position: relative;
}

.wf-prompt-editor__picker-panel[b-k7vuzd00vs] {
    /* Float the picker out of normal flow so opening it does not push following
       form fields (e.g. API parameter rows) down the page. Anchored to the
       bottom-right of the editor; the editor's `position: relative` + `isolation: isolate`
       contains both positioning and stacking, so neighbouring editors do not interfere. */
    display: flex;
    justify-content: flex-end;
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 6px;
    z-index: 50;
    pointer-events: auto;
}

.wf-prompt-editor__picker-panel[b-k7vuzd00vs]  .wf-var-picker.wf-var-picker--inline {
    /* Constrain the picker so it never grows past the viewport — internal scroll
       handles long variable lists. Width tracks the editor width with a floor so
       it remains usable on narrow popups. */
    position: static;
    width: min(340px, 90vw);
    max-height: min(320px, 42vh);
    margin: 0;
    box-shadow: var(--vp-shadow-overlay, 0 8px 24px rgba(34, 48, 41, 0.18));
    border-radius: var(--border-radius-md, 6px);
    background: var(--vp-surface-input, #ffffff);
}

/* ── Insert button ── */
.wf-prompt-editor__insert-btn[b-k7vuzd00vs] {
    background: none;
    border: none;
    padding: 3px 8px;
    font-size: 12px;
    font-weight: var(--font-weight-medium, 500);
    color: var(--vp-placeholder-color, #909893);
    cursor: pointer;
    border-radius: var(--border-radius-sm, 4px);
    transition: background 0.12s ease, color 0.12s ease;
    white-space: nowrap;
}

.wf-prompt-editor__insert-btn:hover[b-k7vuzd00vs],
.wf-prompt-editor__insert-btn:focus[b-k7vuzd00vs] {
    outline: none;
    color: var(--vp-content-text, #223029);
    background: var(--vp-surface-hover, #e0e3e2);
}
/* _content/Verapath.Components/Components/Workflows/ScheduleDialog.razor.rz.scp.css */
.wf-schedule[b-xn6lsua564] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.wf-schedule__summary[b-xn6lsua564] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--vp-divider, #e0e3e2);
}

.wf-schedule__title[b-xn6lsua564] {
    margin: 0;
    font-size: 15px;
    font-weight: var(--font-weight-bold, 700);
    color: var(--vp-content-text, #223029);
}

.wf-schedule__subtitle[b-xn6lsua564] {
    margin: 4px 0 0;
    font-size: 12px;
    color: var(--vp-placeholder-color, #909893);
}

.wf-schedule__row[b-xn6lsua564] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: 12px;
}

.wf-schedule__field[b-xn6lsua564] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.wf-schedule__label[b-xn6lsua564] {
    font-size: var(--font-size-label, 14px);
    font-weight: var(--font-weight-medium, 500);
    color: var(--vp-label-color, #223029);
}

.wf-schedule__field code[b-xn6lsua564] {
    padding: 1px 4px;
    background: var(--vp-code-bg, #e0e3e2);
    border-radius: var(--border-radius-sm, 4px);
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: 11px;
}

.wf-schedule__error[b-xn6lsua564] {
    padding: 8px 10px;
    border: 1px solid rgba(249, 87, 77, 0.35);
    border-radius: var(--border-radius-sm, 4px);
    background: rgba(249, 87, 77, 0.08);
    color: var(--color-red, #f9574d);
    font-size: 12px;
}

.wf-schedule__preset[b-xn6lsua564] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.wf-schedule__shortcuts[b-xn6lsua564] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 6px;
}

.wf-schedule__shortcut[b-xn6lsua564] {
    padding: 4px 10px;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: 999px;
    background: var(--vp-surface-input, #ffffff);
    color: var(--vp-content-text, #223029);
    font-size: 11px;
    cursor: pointer;
}

.wf-schedule__shortcut:hover[b-xn6lsua564],
.wf-schedule__shortcut:focus[b-xn6lsua564] {
    outline: none;
    background: var(--vp-surface-hover, #e0e3e2);
}

.wf-schedule__day-pills[b-xn6lsua564] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.wf-schedule__day-pill[b-xn6lsua564] {
    min-width: 44px;
    padding: 6px 10px;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: 999px;
    background: var(--vp-surface-input, #ffffff);
    color: var(--vp-content-text, #223029);
    font-size: 12px;
    font-weight: var(--font-weight-medium, 500);
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.wf-schedule__day-pill:hover[b-xn6lsua564],
.wf-schedule__day-pill:focus[b-xn6lsua564] {
    outline: none;
    background: var(--vp-surface-hover, #e0e3e2);
}

.wf-schedule__day-pill--active[b-xn6lsua564] {
    background: var(--color-bright-green, #a3e96b);
    color: var(--color-midnight, #223029);
    border-color: var(--color-bright-green, #a3e96b);
    font-weight: var(--font-weight-bold, 700);
}

.wf-schedule__cron-echo[b-xn6lsua564] {
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: 11px;
    color: var(--vp-placeholder-color, #909893);
    margin-bottom: 6px;
}

.wf-schedule__cron-echo code[b-xn6lsua564] {
    padding: 2px 6px;
    background: var(--vp-code-bg, #e0e3e2);
    border-radius: var(--border-radius-sm, 4px);
}

.wf-schedule__preview[b-xn6lsua564] {
    padding: 10px 12px;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-md, 6px);
    background: var(--vp-surface-disabled, #f7f7f7);
}

.wf-schedule__preview-title[b-xn6lsua564] {
    font-size: 11px;
    font-weight: var(--font-weight-bold, 700);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--vp-placeholder-color, #909893);
    margin-bottom: 6px;
}

.wf-schedule__preview-empty[b-xn6lsua564] {
    font-size: 12px;
    color: var(--vp-placeholder-color, #909893);
    font-style: italic;
}

.wf-schedule__preview-list[b-xn6lsua564] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.wf-schedule__preview-list li[b-xn6lsua564] {
    font-size: 12px;
    font-family: var(--font-mono, ui-monospace, monospace);
    color: var(--vp-content-text, #223029);
}

.wf-schedule__meta[b-xn6lsua564] {
    font-size: 11px;
    color: var(--vp-placeholder-color, #909893);
    padding-top: 4px;
    border-top: 1px solid var(--vp-divider, #e0e3e2);
}

@media (max-width: 640px) {
    .wf-schedule__row[b-xn6lsua564] {
        grid-template-columns: 1fr;
    }
}
/* _content/Verapath.Components/Components/Workflows/WorkflowExecutionInputPopup.razor.rz.scp.css */
.wf-exec-input[b-5jzie406kp] {
    padding: 12px;
}

.wf-exec-input__notice[b-5jzie406kp] {
    padding: 12px 14px;
    border: 1px dashed var(--color-bright-green, #a3e96b);
    border-radius: var(--border-radius-md, 6px);
    background: rgba(163, 233, 107, 0.08);
    color: var(--vp-content-text, #223029);
}

.wf-exec-input__notice strong[b-5jzie406kp] {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--color-green, #0ea665);
}

.wf-exec-input__notice p[b-5jzie406kp] {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
}

.wf-exec-input__notice code[b-5jzie406kp] {
    padding: 1px 4px;
    background: var(--vp-code-bg, #e0e3e2);
    border-radius: var(--border-radius-sm, 4px);
    font-family: var(--font-mono, ui-monospace, monospace);
}
/* _content/Verapath.Components/Components/Workflows/WorkflowMenu.razor.rz.scp.css */
.vp-palette[b-j9dpqssyc9] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px;
    background: var(--vp-card-bg, #ffffff);
    border: 1px solid var(--vp-card-border, rgba(15, 23, 19, 0.08));
    border-radius: var(--border-radius-md, 6px);
    min-width: 220px;
}

.vp-palette__tools[b-j9dpqssyc9] {
    display: flex;
    gap: 6px;
    justify-content: flex-end;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--vp-divider, #e0e3e2);
}

.vp-palette__tool[b-j9dpqssyc9] {
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid var(--vp-border-default, #b9c0be);
    border-radius: var(--border-radius-sm, 4px);
    background: var(--vp-surface-input, #ffffff);
    color: var(--vp-content-text, #223029);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.vp-palette__tool:hover[b-j9dpqssyc9],
.vp-palette__tool:focus[b-j9dpqssyc9] {
    outline: none;
    background: var(--vp-surface-hover, #e0e3e2);
}

.vp-palette__heading[b-j9dpqssyc9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 10px;
    border: none;
    background: transparent;
    color: var(--vp-content-text, #223029);
    font-size: 12px;
    font-weight: var(--font-weight-bold, 700);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-align: left;
    cursor: pointer;
    border-radius: var(--border-radius-sm, 4px);
}

.vp-palette__heading:hover[b-j9dpqssyc9],
.vp-palette__heading:focus[b-j9dpqssyc9] {
    outline: none;
    background: var(--vp-surface-hover, #e0e3e2);
}

.vp-palette__heading-chev[b-j9dpqssyc9] {
    transition: transform 0.15s ease;
    flex-shrink: 0;
}

.vp-palette__heading--open .vp-palette__heading-chev[b-j9dpqssyc9] {
    transform: rotate(180deg);
}

.vp-palette__nodes[b-j9dpqssyc9] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 4px 6px 8px;
}

.vp-palette__search[b-j9dpqssyc9] {
    padding: 4px 2px 8px;
    border-bottom: 1px solid var(--vp-divider, #e0e3e2);
    margin-bottom: 4px;
}

.vp-palette__heading--api[b-j9dpqssyc9] {
    background: var(--api-group-accent, var(--color-mint, #daf4dd));
    color: var(--color-midnight, #223029);
}

.vp-palette__heading--api:hover[b-j9dpqssyc9],
.vp-palette__heading--api:focus[b-j9dpqssyc9] {
    background: var(--api-group-accent, var(--color-mint, #daf4dd));
    filter: brightness(0.96);
}
/* _content/Verapath.Components/Components/Workflows/WorkflowSidebarContent.razor.rz.scp.css */
.wf-sidebar[b-x7achwwfdi] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
}

.wf-sidebar__notice[b-x7achwwfdi] {
    padding: 10px 12px;
    border: 1px dashed var(--color-bright-green, #a3e96b);
    border-radius: var(--border-radius-md, 6px);
    background: rgba(163, 233, 107, 0.08);
    color: var(--vp-content-text, #223029);
}

.wf-sidebar__notice strong[b-x7achwwfdi] {
    display: block;
    margin-bottom: 4px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--color-green, #0ea665);
}

.wf-sidebar__notice p[b-x7achwwfdi] {
    margin: 0;
    font-size: 12px;
    line-height: 1.4;
}

.wf-sidebar__notice code[b-x7achwwfdi] {
    padding: 1px 4px;
    background: var(--vp-code-bg, #e0e3e2);
    border-radius: var(--border-radius-sm, 4px);
    font-family: var(--font-mono, ui-monospace, monospace);
}