/* /Components/DocumentViewers/SwaggerEntityDocumentViewer.razor.rz.scp.css */
    .swagger-preview-shell[b-o1gkxqz3vv] {
        flex: 1;
        min-height: 0;
        overflow: auto;
        padding: 20px 24px;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .swagger-section-title[b-o1gkxqz3vv] {
        margin: 0 0 10px 0;
        font-size: var(--app-type-md);
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: var(--app-text-muted);
    }

    .swagger-form-section[b-o1gkxqz3vv] {
        border-top: 1px dashed var(--app-border);
        padding-top: 20px;
    }

    .swagger-form-section:first-child[b-o1gkxqz3vv] {
        border-top: none;
        padding-top: 0;
    }

    .swagger-secret-table-shell[b-o1gkxqz3vv] {
        border: 1px solid var(--app-border);
        border-radius: var(--app-radius-sm);
        overflow: hidden;
    }

    .swagger-secret-table[b-o1gkxqz3vv] {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
    }

    .swagger-secret-table thead[b-o1gkxqz3vv] {
        background: var(--app-dark-3);
    }

    .swagger-secret-table th[b-o1gkxqz3vv] {
        padding: 5px 12px;
        background: var(--app-dark-3);
        border-bottom: 1px solid var(--app-border);
        text-align: left;
        white-space: nowrap;
        font-size: var(--app-type-2xs);
        font-weight: 600;
        color: var(--app-text-muted);
        text-transform: uppercase;
        letter-spacing: 0.06em;
    }

    .swagger-secret-table td[b-o1gkxqz3vv] {
        padding: 8px 12px;
        border-bottom: 1px solid color-mix(in srgb, var(--app-border) 30%, transparent);
        vertical-align: top;
        font-size: var(--app-type-sm);
        color: var(--app-text);
    }

    .swagger-secret-table tbody tr:last-child td[b-o1gkxqz3vv] {
        border-bottom: none;
    }

    .swagger-secret-table tbody tr:hover[b-o1gkxqz3vv] {
        background: var(--app-dark-4);
    }

    .swagger-kv-grid[b-o1gkxqz3vv] {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .swagger-kv-row[b-o1gkxqz3vv] {
        display: grid;
        grid-template-columns: minmax(160px, 240px) 1fr;
        gap: 12px;
        align-items: baseline;
    }

    .swagger-kv-key[b-o1gkxqz3vv] {
        font-size: var(--app-type-md);
        color: var(--app-text-muted);
    }

    .swagger-kv-value[b-o1gkxqz3vv] {
        font-size: var(--app-type-base);
        color: var(--app-text);
        word-break: break-word;
    }

    .swagger-markdown[b-o1gkxqz3vv] {
        display: block;
        line-height: 1.5;
    }

    .swagger-markdown p[b-o1gkxqz3vv] {
        margin: 0 0 8px 0;
    }

    .swagger-markdown p:last-child[b-o1gkxqz3vv] {
        margin-bottom: 0;
    }

    .swagger-markdown pre[b-o1gkxqz3vv],
    .swagger-markdown code[b-o1gkxqz3vv] {
        white-space: pre-wrap;
    }

    .swagger-chip-list[b-o1gkxqz3vv] {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .swagger-chip[b-o1gkxqz3vv] {
        display: inline-flex;
        align-items: center;
        background: var(--app-bg-subtle);
        border: 1px solid var(--app-border);
        border-radius: var(--app-radius-pill);
        padding: 4px 10px;
        font-size: var(--app-type-sm);
        color: var(--app-text);
        max-width: 100%;
        word-break: break-word;
    }

    [b-o1gkxqz3vv] .swagger-relation-link {
        color: var(--app-link);
        text-decoration: none;
        font-weight: 600;
    }

    [b-o1gkxqz3vv] .swagger-relation-link:hover {
        text-decoration: underline;
    }

    .preview-empty-note[b-o1gkxqz3vv] {
        margin: 0;
        color: var(--app-text-subtle);
        font-size: var(--app-type-md);
    }

    .swagger-viewer-root.embedded .detail-sidebar[b-o1gkxqz3vv] {
        display: none;
    }

    .swagger-viewer-root.embedded .detail-preview[b-o1gkxqz3vv] {
        border-right: none;
    }
/* /Components/DocumentViewers/WintReceiptMatchDocumentViewer.razor.rz.scp.css */
    .wint-match-preview-shell[b-of5kxtj6ss] {
        flex: 1;
        min-height: 0;
        overflow: auto;
        padding: 20px 24px;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .wint-match-section[b-of5kxtj6ss] {
        border: 1px solid var(--app-border);
        border-radius: var(--app-radius);
        background: var(--app-surface);
        padding: 14px;
    }

    .wint-match-title[b-of5kxtj6ss] {
        margin: 0 0 10px 0;
        font-size: var(--app-type-md);
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: var(--app-text-muted);
    }

    .wint-match-grid[b-of5kxtj6ss] {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .wint-match-row[b-of5kxtj6ss] {
        display: grid;
        grid-template-columns: minmax(140px, 180px) 1fr;
        gap: 10px;
        align-items: center;
    }

    .wint-match-key[b-of5kxtj6ss] {
        font-size: var(--app-type-sm);
        color: var(--app-text-muted);
    }

    .wint-match-value[b-of5kxtj6ss] {
        font-size: var(--app-type-md);
        color: var(--app-text);
        word-break: break-word;
    }

    .wint-match-note[b-of5kxtj6ss] {
        margin: 10px 0 0 0;
        font-size: var(--app-type-sm);
        color: var(--app-text-subtle);
    }

    .wint-review-form[b-of5kxtj6ss] {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-top: 10px;
    }

    .wint-review-label[b-of5kxtj6ss] {
        font-size: var(--app-type-sm);
        color: var(--app-text-muted);
    }

    .wint-review-input[b-of5kxtj6ss] {
        height: 34px;
        padding: 0 10px;
        border: 1px solid var(--app-border);
        border-radius: var(--app-radius);
        background: var(--app-surface-dark);
        color: var(--app-text);
        font-size: var(--app-type-md);
    }

    .wint-review-actions[b-of5kxtj6ss] {
        display: flex;
        justify-content: flex-end;
        gap: 8px;
        margin-top: 6px;
    }

    .wint-review-feedback[b-of5kxtj6ss] {
        margin: 8px 0 0 0;
        font-size: var(--app-type-sm);
    }

    .wint-review-feedback-error[b-of5kxtj6ss] {
        color: var(--app-error);
    }

    .wint-review-feedback-success[b-of5kxtj6ss] {
        color: var(--app-success);
    }

    .wint-match-viewer-root.embedded .detail-sidebar[b-of5kxtj6ss] {
        display: none;
    }

    .wint-match-viewer-root.embedded .detail-preview[b-of5kxtj6ss] {
        border-right: none;
    }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-9gumtpvdty] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-9gumtpvdty] {
    flex: 1;
}

.sidebar[b-9gumtpvdty] {
    background: var(--app-sidebar-bg);
    border-right: 1px solid var(--app-sidebar-border);
}

.top-row[b-9gumtpvdty] {
    background-color: var(--app-bg);
    border-bottom: 1px solid var(--app-border);
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-9gumtpvdty]  a, .top-row[b-9gumtpvdty]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-9gumtpvdty]  a:hover, .top-row[b-9gumtpvdty]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-9gumtpvdty]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-9gumtpvdty] {
        justify-content: space-between;
    }

    .top-row[b-9gumtpvdty]  a, .top-row[b-9gumtpvdty]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-9gumtpvdty] {
        flex-direction: row;
    }

    .sidebar[b-9gumtpvdty] {
        width: 257px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-9gumtpvdty] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-9gumtpvdty]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-9gumtpvdty], article[b-9gumtpvdty] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-9gumtpvdty] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px color-mix(in srgb, var(--app-dark-1) 20%, transparent);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-9gumtpvdty] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.worker-indicator-anchor[b-9gumtpvdty] {
    position: relative;
    margin-right: 8px;
}

.worker-indicator-trigger[b-9gumtpvdty] {
    max-width: min(44vw, 320px);
    cursor: pointer;
    transition: background-color 0.12s ease, border-color 0.12s ease;
    height: 32px;
    border: transparent;
}

.worker-indicator-trigger:hover[b-9gumtpvdty] {
    background: var(--app-sidebar-accent);
    border-color: var(--app-border);
    color: var(--app-text);
}

.worker-indicator-copy[b-9gumtpvdty] {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    min-width: 0;
}

.worker-indicator-primary[b-9gumtpvdty] {
    min-width: 0;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.worker-indicator-secondary[b-9gumtpvdty] {
    color: var(--app-text-muted);
    font-size: var(--app-type-2xs);
    white-space: nowrap;
}

.worker-indicator-popover[b-9gumtpvdty] {
    --app-menu-popover-min-width: 270px;
    --app-menu-popover-max-width: min(80vw, 340px);
    --app-menu-popover-max-height: none;
    --app-menu-popover-z: 1200;
    --app-menu-popover-padding: 10px;
    --app-menu-popover-gap: 8px;
}

.worker-indicator-popover-header[b-9gumtpvdty] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--app-text);
    font-size: var(--app-type-sm);
    font-weight: 600;
    margin-bottom: 8px;
}

.worker-indicator-list[b-9gumtpvdty] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.worker-indicator-row[b-9gumtpvdty] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 10px;
    font-size: var(--app-type-sm);
}

.worker-indicator-row-label[b-9gumtpvdty] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--app-text);
}

.worker-indicator-row-count[b-9gumtpvdty] {
    flex-shrink: 0;
    color: var(--app-text-muted);
    font-weight: 600;
}

.worker-indicator-more[b-9gumtpvdty] {
    margin-top: 8px;
    color: var(--app-text-muted);
    font-size: var(--app-type-xs);
}

.worker-indicator-empty[b-9gumtpvdty] {
    margin: 2px 0 4px;
    color: var(--app-text-muted);
    font-size: var(--app-type-sm);
}

.worker-indicator-updated[b-9gumtpvdty] {
    margin-top: 8px;
    color: var(--app-text-muted);
    font-size: var(--app-type-2xs);
}

.profile-menu-anchor[b-9gumtpvdty] {
    position: relative;
}

.profile-avatar[b-9gumtpvdty] {
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid var(--app-primary);
    border-radius: var(--app-radius-pill);
    background: var(--app-primary);
    color: var(--app-text-on-dark);
    font-size: var(--app-type-xs);
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.15s, border-color 0.15s, color 0.15s, box-shadow 0.15s;
}

.profile-avatar:hover[b-9gumtpvdty] {
    background: var(--app-primary-dark);
    border-color: var(--app-primary-dark);
    color: var(--app-text-on-dark);
    box-shadow: none;
}

.profile-dropdown[b-9gumtpvdty] {
    --app-menu-popover-min-width: 200px;
    --app-menu-popover-z: 1100;
    animation: profile-dropdown-in-b-9gumtpvdty 0.12s ease-out;
}

@keyframes profile-dropdown-in-b-9gumtpvdty {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

.profile-dropdown-header[b-9gumtpvdty] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
}

.profile-dropdown-avatar[b-9gumtpvdty] {
    width: 28px;
    height: 28px;
    border-radius: var(--app-radius-pill);
    background: var(--app-primary);
    color: var(--app-white);
    font-size: var(--app-type-sm);
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.profile-dropdown-name[b-9gumtpvdty] {
    font-size: var(--app-type-md);
    font-weight: 500;
    color: var(--app-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-dropdown-divider[b-9gumtpvdty] {
    margin: 4px 0;
}

.profile-dropdown-item[b-9gumtpvdty] {
    justify-content: flex-start;
    gap: 10px;
    font-size: var(--app-type-md);
}

.profile-dropdown-item svg[b-9gumtpvdty] {
    color: var(--app-text-muted);
    flex-shrink: 0;
}

@media (max-width: 900px) {
    .worker-indicator-secondary[b-9gumtpvdty] {
        display: none;
    }

    .worker-indicator-primary[b-9gumtpvdty] {
        max-width: 130px;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* ============================================
   NavMenu sidebar — unified with secondary sidebars
   ============================================ */

/* Document type links */
.doc-type-link[b-mwq93qq778] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 16px;
    text-decoration: none;
    color: var(--app-text-on-dark-subtle);
    transition: background 60ms ease, color 60ms ease;
    font-size: var(--app-type-md);
    font-weight: 400;
    margin: 0;
    line-height: 1;
    border-radius: 8px;
}

.doc-type-row[b-mwq93qq778] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 2px;
    transition: background 60ms ease, color 60ms ease;
}

.doc-type-row .doc-type-link[b-mwq93qq778] {
    min-width: 0;
    flex: 1;
}

.doc-type-row:hover[b-mwq93qq778],
.doc-type-row:focus-within[b-mwq93qq778] {
    background-color: var(--app-dark-4);
}

.nav-group-content-inner > a.doc-type-link[b-mwq93qq778] {
    margin: 0;
}

.doc-type-favorite-toggle[b-mwq93qq778] {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: var(--app-radius-sm);
    background: transparent;
    color: var(--app-text-subtle);
    opacity: 0;
    cursor: pointer;
    transition: opacity 0.15s ease, color 0.15s ease, background-color 0.15s ease;
    flex-shrink: 0;
}

.doc-type-row:hover .doc-type-favorite-toggle[b-mwq93qq778],
.doc-type-row:focus-within .doc-type-favorite-toggle[b-mwq93qq778] {
    opacity: 1;
}

.doc-type-favorite-toggle:hover[b-mwq93qq778] {
    color: var(--app-warning);
    background: color-mix(in srgb, var(--app-warning-bg) 35%, transparent);
}

.doc-type-favorite-toggle:disabled[b-mwq93qq778] {
    cursor: not-allowed;
}

.doc-type-row:hover .doc-type-favorite-toggle:disabled[b-mwq93qq778],
.doc-type-row:focus-within .doc-type-favorite-toggle:disabled[b-mwq93qq778] {
    opacity: 0.45;
}

.doc-type-favorite-toggle-active[b-mwq93qq778] {
    color: var(--app-warning);
}

.doc-type-link:hover[b-mwq93qq778] {
    background-color: var(--app-dark-4);
    text-decoration: none;
    color: var(--app-text-muted);
}

.doc-type-row:hover .doc-type-link[b-mwq93qq778],
.doc-type-row:focus-within .doc-type-link[b-mwq93qq778] {
    background-color: transparent;
}

.doc-type-link.active[b-mwq93qq778] {
    background-color: var(--app-dark-4);
    color: var(--app-text-on-dark);
    font-weight: 500;
}

.doc-type-link.active .doc-type-label[b-mwq93qq778] {
    color: var(--app-text-on-dark);
}

.doc-type-row.active[b-mwq93qq778] {
    background-color: var(--app-dark-4);
}

.doc-type-row.active:hover[b-mwq93qq778],
.doc-type-row.active:focus-within[b-mwq93qq778] {
    background-color: var(--app-dark-4);
}

.doc-type-row.active .doc-type-link[b-mwq93qq778] {
    background-color: transparent;
    color: var(--app-text-on-dark);
    font-weight: 500;
}

.doc-type-row.active .doc-type-label[b-mwq93qq778] {
    color: var(--app-text-on-dark);
}

.doc-type-badge[b-mwq93qq778] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: var(--app-radius-sm);
    font-size: var(--app-type-sm);
    font-weight: 400;
    background-color: transparent !important;
    color: var(--app-text-muted);
    flex-shrink: 0;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

.doc-type-link[b-mwq93qq778]  .tenant-nav-icon,
.doc-type-separator[b-mwq93qq778]  .tenant-nav-icon {
    font-size: var(--app-type-lg) !important;
    width: 15px !important;
    height: 15px !important;
    line-height: 1 !important;
}

.doc-type-label[b-mwq93qq778] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: inherit;
    font-size: var(--app-type-md);
}

.doc-type-unread-badge[b-mwq93qq778] {
    min-width: 16px;
    font-size: var(--app-type-2xs);
    flex-shrink: 0;
}

/* Collapsible nav groups */
.nav-group[b-mwq93qq778] {
    border-top: 1px solid var(--app-border-subtle);
    margin: 8px 0 0 0;
    padding-top: 8px;
}

.nav-group:first-of-type[b-mwq93qq778] {
    margin-top: 0;
}

.doc-type-separator[b-mwq93qq778] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    font-size: var(--app-type-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--app-text-muted);
    padding: 4px 16px;
    margin: 0 0 2px 0;
    cursor: pointer;
    list-style: none;
    user-select: none;
    font-family: var(--app-font-body);
    line-height: 1;
}

.doc-type-title[b-mwq93qq778] {
    flex: 1;
    min-width: 0;
}

.doc-type-separator[b-mwq93qq778]::-webkit-details-marker {
    display: none;
}

.doc-type-separator[b-mwq93qq778]::marker {
    display: none;
    content: "";
}

.doc-type-separator:hover[b-mwq93qq778] {
    color: var(--app-text-muted);
    background: transparent;
}

.doc-type-separator[b-mwq93qq778] {
    position: relative;
}

.nav-group-content[b-mwq93qq778] {
    display: block;
    height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-4px);
    pointer-events: none;
    will-change: height, opacity, transform;
}

.nav-group-content-inner[b-mwq93qq778] {
    overflow: clip;
}

.nav-group[open] > .nav-group-content[b-mwq93qq778] {
    height: auto;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

/* Override native details hidden-content rule so transitions can run. */
.nav-group:not([open]) > .nav-group-content[b-mwq93qq778] {
    display: block !important;
}

.doc-type-separator[b-mwq93qq778]  .folder-closed {
    display: none !important;
}

.doc-type-separator[b-mwq93qq778]  .folder-arrow-right {
    display: inline-flex !important;
    margin-inline-start: auto;
    color: var(--app-text-subtle);
    opacity: 0.7;
    transform: rotate(0deg);
    transform-origin: center;
    transition: transform 180ms ease;
}

.nav-group[open] .doc-type-separator[b-mwq93qq778]  .folder-arrow-right {
    transform: rotate(90deg);
}

.nav-group.is-expanding .doc-type-separator[b-mwq93qq778]  .folder-arrow-right {
    transform: rotate(90deg);
}

.nav-group.is-collapsing .doc-type-separator[b-mwq93qq778]  .folder-arrow-right {
    transform: rotate(0deg);
}

.doc-type-separator:hover[b-mwq93qq778]  .folder-closed,
.doc-type-separator:focus-visible[b-mwq93qq778]  .folder-closed {
    display: none !important;
}

.doc-type-separator:hover[b-mwq93qq778]  .folder-arrow-right,
.doc-type-separator:focus-visible[b-mwq93qq778]  .folder-arrow-right {
    display: inline-flex !important;
}

/* ============================================
   Mobile nav styles
   ============================================ */

.navbar-toggler[b-mwq93qq778] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: var(--app-text-on-dark);
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid color-mix(in srgb, var(--app-text-on-dark) 10%, transparent);
    background:
        linear-gradient(var(--app-text-on-dark-subtle), var(--app-text-on-dark-subtle)) center 0.72rem / 1.75rem 2px no-repeat,
        linear-gradient(var(--app-text-on-dark-subtle), var(--app-text-on-dark-subtle)) center 1.25rem / 1.75rem 2px no-repeat,
        linear-gradient(var(--app-text-on-dark-subtle), var(--app-text-on-dark-subtle)) center 1.78rem / 1.75rem 2px no-repeat,
        color-mix(in srgb, var(--app-text-on-dark) 10%, transparent);
}

.navbar-toggler:checked[b-mwq93qq778] {
    background-color: color-mix(in srgb, var(--app-text-on-dark) 50%, transparent);
}

.top-row[b-mwq93qq778] {
    min-height: 3.5rem;
    background-color: var(--app-surface-dark);
}

.navbar-brand[b-mwq93qq778] {
    font-size: 0.95rem;
    color: var(--app-text);
}

.bi[b-mwq93qq778] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-mwq93qq778] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-mwq93qq778] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-mwq93qq778] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-mwq93qq778] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-mwq93qq778] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-mwq93qq778] {
        padding-bottom: 1rem;
    }

.nav-item[b-mwq93qq778]  .nav-link {
        color: var(--app-text-muted);
        background: none;
        border: none;
        border-radius: var(--app-radius-sm);
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-mwq93qq778]  a.active {
    background-color: var(--app-primary-subtle);
    color: var(--app-blue-fg);
}

.nav-item[b-mwq93qq778]  .nav-link:hover {
    background-color: var(--app-bg-subtle);
    color: var(--app-text);
}

.nav-scrollable[b-mwq93qq778] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-mwq93qq778] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-mwq93qq778] {
        display: none;
    }

    .nav-scrollable[b-mwq93qq778] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
.nav-logo[b-mwq93qq778] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--app-type-md);
    font-weight: 600;
    letter-spacing: -0.375px;
    color: var(--app-text);
    padding: 10px 16px 6px 16px;
    text-transform: lowercase;
}

.nav-logo-mark[b-mwq93qq778] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: -2px;
}

.nav-logo-text[b-mwq93qq778] {
    line-height: 1;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-j9mfwq9w8s],
.components-reconnect-repeated-attempt-visible[b-j9mfwq9w8s],
.components-reconnect-failed-visible[b-j9mfwq9w8s],
.components-pause-visible[b-j9mfwq9w8s],
.components-resume-failed-visible[b-j9mfwq9w8s],
.components-rejoining-animation[b-j9mfwq9w8s] {
    display: none;
}

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


#components-reconnect-modal[b-j9mfwq9w8s] {
    background-color: var(--app-surface);
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: var(--app-radius);
    box-shadow: 0 3px 6px 2px color-mix(in srgb, var(--app-dark-1) 30%, transparent);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-j9mfwq9w8s 0.5s both;
}

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

#components-reconnect-modal[b-j9mfwq9w8s]::backdrop {
    background-color: color-mix(in srgb, var(--app-dark-1) 40%, transparent);
    animation: components-reconnect-modal-fadeInOpacity-b-j9mfwq9w8s 0.5s ease-in-out;
    opacity: 1;
}

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

#components-reconnect-modal button[b-j9mfwq9w8s] {
    border: 0;
    background-color: var(--app-primary-light);
    color: var(--app-surface);
    padding: 4px 24px;
    border-radius: var(--app-radius-sm);
}

    #components-reconnect-modal button:hover[b-j9mfwq9w8s] {
        background-color: var(--app-primary-dark);
    }

    #components-reconnect-modal button:active[b-j9mfwq9w8s] {
        background-color: var(--app-primary-light);
    }

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

    .components-rejoining-animation div[b-j9mfwq9w8s] {
        position: absolute;
        border: 3px solid var(--app-primary);
        opacity: 1;
        border-radius: var(--app-radius-pill);
        animation: components-rejoining-animation-b-j9mfwq9w8s 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Agent.razor.rz.scp.css */
.agent-page-shell[b-3pj7y2u2zv] {
    overflow: hidden;
}

.agent-page-root[b-3pj7y2u2zv] {
    flex: 1 1 auto;
    display: flex;
    min-height: 0;
    padding: 10px;
    overflow: hidden;
    background: var(--app-background);
    margin: 0 64px 32px 64px;
}

.agent-page-root[b-3pj7y2u2zv]  .agent-panel-shell {
    flex: 1 1 auto;
    min-height: 0;
}
/* /Components/Pages/Tenant/Api.razor.rz.scp.css */
/* ── Right: main content ── */
.api-main[b-e9bhn3lcm5] {
    flex: 1;
    overflow-y: auto;
}

.api-main-inner[b-e9bhn3lcm5] {
    max-width: 780px;
    padding: 20px 24px 40px;
}

/* ── Section titles ── */
.api-section-title[b-e9bhn3lcm5] {
    font-size: var(--app-type-lg);
    font-weight: 600;
    color: var(--app-text-on-dark);
    margin: 0 0 12px;
}

.api-section-intro[b-e9bhn3lcm5] {
    font-size: var(--app-type-md);
    line-height: 1.6;
    color: var(--app-text-on-dark-subtle);
    margin: 0 0 16px;
    max-width: 90ch;
}

.api-divider[b-e9bhn3lcm5] {
    border: none;
    border-top: 1px solid color-mix(in srgb, var(--app-border) 40%, transparent);
    margin: 24px 0;
}

/* ── Quick reference rows ── */
.api-ref-rows[b-e9bhn3lcm5] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 12px;
}

.api-ref-row[b-e9bhn3lcm5] {
    display: flex;
    align-items: center;
    gap: 0;
    border: 1px solid color-mix(in srgb, var(--app-border) 70%, transparent);
    border-radius: var(--app-radius-sm);
    overflow: hidden;
    background: var(--app-dark-4);
}

.api-ref-key[b-e9bhn3lcm5] {
    width: 150px;
    flex-shrink: 0;
    padding: 8px 8px;
    font-size: var(--app-type-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--app-text-on-dark-subtle);
    background: var(--app-dark-3);
    text-align: right;
}

.api-ref-value[b-e9bhn3lcm5] {
    flex: 1;
    padding: 8px 12px;
    font-family: var(--app-font-mono);
    font-size: var(--app-type-sm);
    color: var(--app-text-on-dark);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.api-ref-notes[b-e9bhn3lcm5] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 20px;
    margin-bottom: 12px;
    font-size: var(--app-type-md);
    color: var(--app-text-on-dark-subtle);
}

.api-ref-note[b-e9bhn3lcm5] {
    position: relative;
    padding-left: 10px;
}

.api-ref-note[b-e9bhn3lcm5]::before {
    content: "\2022";
    position: absolute;
    left: 0;
}

.api-ref-actions[b-e9bhn3lcm5] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.api-ref-link[b-e9bhn3lcm5] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--app-type-md);
    color: var(--app-text-on-dark-subtle);
    text-decoration: none;
}

.api-ref-link:hover[b-e9bhn3lcm5] {
    color: var(--app-text-on-dark);
    text-decoration: underline;
}

.api-ref-link.accent[b-e9bhn3lcm5] {
    color: var(--app-blue-fg);
}

/* ── Endpoint cards ── */
.api-ep-card[b-e9bhn3lcm5] {
    border: 1px solid color-mix(in srgb, var(--app-border) 70%, transparent);
    border-radius: var(--app-radius-sm);
    overflow: hidden;
    margin-bottom: 12px;
}

.api-ep-header[b-e9bhn3lcm5] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 4px 8px;
    background: var(--app-dark-3);
    cursor: pointer;
    /* transition: background 60ms ease; */
}

.api-ep-header:hover[b-e9bhn3lcm5] {
    background: color-mix(in srgb, var(--app-dark-4) 80%, var(--app-surface));
}

.api-method-badge[b-e9bhn3lcm5] {
    font-size: var(--app-type-2xs);
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 4px;
    flex-shrink: 0;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.api-method-badge.method-get[b-e9bhn3lcm5] {
    background: color-mix(in srgb, var(--app-green) 12%, transparent);
    color: var(--app-green-fg);
    border: 1px solid color-mix(in srgb, var(--app-green) 20%, transparent);
}

.api-method-badge.method-post[b-e9bhn3lcm5] {
    background: color-mix(in srgb, var(--app-blue) 12%, transparent);
    color: var(--app-blue-fg);
    border: 1px solid color-mix(in srgb, var(--app-blue) 20%, transparent);
}

.api-method-badge.method-put[b-e9bhn3lcm5] {
    background: color-mix(in srgb, var(--app-orange) 12%, transparent);
    color: var(--app-orange-fg);
    border: 1px solid color-mix(in srgb, var(--app-orange) 20%, transparent);
}

.api-ep-url[b-e9bhn3lcm5] {
    flex: 1;
    font-family: var(--app-font-mono);
    font-size: var(--app-type-sm);
    color: var(--app-text-on-dark);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.api-ep-chevron[b-e9bhn3lcm5] {
    font-size: var(--app-type-xl);
    color: var(--app-text-muted);
    flex-shrink: 0;
    transition: transform 120ms ease;
}

.api-ep-card:not(.expanded) .api-ep-chevron[b-e9bhn3lcm5] {
    transform: rotate(-90deg);
}

.api-ep-body[b-e9bhn3lcm5] {
    padding: 20px 20px 18px;
    border-top: 1px solid color-mix(in srgb, var(--app-border) 50%, transparent);
}

.api-ep-title[b-e9bhn3lcm5] {
    font-size: var(--app-type-base);
    font-weight: 600;
    color: var(--app-text-on-dark);
    margin: 0 0 6px;
}

.api-ep-desc[b-e9bhn3lcm5] {
    font-size: var(--app-type-md);
    color: var(--app-text-on-dark-subtle);
    margin: 0 0 18px;
    line-height: 1.6;
}

/* ── Meta pills ── */
.api-ep-meta-pills[b-e9bhn3lcm5] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
}

.api-meta-pill[b-e9bhn3lcm5] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: var(--app-type-xs);
    padding: 3px 10px;
    border-radius: 4px;
    background: color-mix(in srgb, var(--app-surface) 60%, transparent);
    border: 1px solid color-mix(in srgb, var(--app-border) 70%, transparent);
    color: var(--app-text-on-dark-subtle);
}

.api-meta-pill i[b-e9bhn3lcm5] {
    font-size: var(--app-type-sm);
}

.api-meta-pill.pill-blue i[b-e9bhn3lcm5] {
    color: var(--app-blue-fg);
}

.api-meta-pill.pill-green i[b-e9bhn3lcm5] {
    color: var(--app-green-fg);
}

.api-meta-pill.pill-purple i[b-e9bhn3lcm5] {
    color: color-mix(in srgb, var(--app-primary) 80%, white);
}

/* ── Detail grid (2 cols) ── */
.api-ep-detail-grid[b-e9bhn3lcm5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

.api-ep-detail-label[b-e9bhn3lcm5] {
    font-size: var(--app-type-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--app-text-on-dark-subtle);
    margin-bottom: 8px;
}

.api-ep-detail-list[b-e9bhn3lcm5] {
    margin: 0;
    padding: 0 0 0 16px;
    color: var(--app-text-on-dark-subtle);
    font-size: var(--app-type-md);
}

.api-ep-detail-list li[b-e9bhn3lcm5] {
    margin-bottom: 6px;
    line-height: 1.6;
}

.api-ep-detail-list li[b-e9bhn3lcm5]::marker {
    color: color-mix(in srgb, var(--app-text-on-dark-subtle) 50%, transparent);
}

/* ── Status codes row ── */
.api-ep-status-row[b-e9bhn3lcm5] {
    margin-bottom: 18px;
}

.api-ep-status-label[b-e9bhn3lcm5] {
    display: block;
    font-size: var(--app-type-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--app-text-on-dark-subtle);
    margin-bottom: 8px;
}

.api-ep-status-list[b-e9bhn3lcm5] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.api-ep-status-item[b-e9bhn3lcm5] {
    font-size: var(--app-type-xs);
    color: var(--app-text-on-dark-subtle);
    padding: 2px 8px;
    background: color-mix(in srgb, var(--app-surface) 60%, transparent);
    border-radius: 3px;
}

.api-ep-status-item.status-2xx[b-e9bhn3lcm5] {
    background: color-mix(in srgb, var(--app-green) 10%, transparent);
    color: var(--app-green-fg);
}

.api-ep-status-item.status-4xx[b-e9bhn3lcm5] {
    background: color-mix(in srgb, var(--app-orange) 10%, transparent);
    color: var(--app-orange-fg);
}

.api-ep-status-item.status-5xx[b-e9bhn3lcm5] {
    background: color-mix(in srgb, var(--app-red) 10%, transparent);
    color: color-mix(in srgb, var(--app-red) 80%, white);
}

/* ── cURL example ── */
.api-ep-curl[b-e9bhn3lcm5] {
    margin-top: 6px;
}

.api-ep-curl summary[b-e9bhn3lcm5] {
    display: inline-flex;
    align-items: center;
    padding: 6px 14px;
    border: 1px solid color-mix(in srgb, var(--app-border) 70%, transparent);
    border-radius: var(--app-radius-sm);
    background: var(--app-dark-1);
    cursor: pointer;
    font-size: var(--app-type-md);
    color: var(--app-text-on-dark);
    font-weight: 600;
    user-select: none;
}

.api-ep-curl summary:hover[b-e9bhn3lcm5] {
    background: color-mix(in srgb, var(--app-blue) 12%, var(--app-dark-1));
}

.api-ep-curl-tools[b-e9bhn3lcm5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 10px;
}

.api-ep-curl-label[b-e9bhn3lcm5] {
    font-size: var(--app-type-xs);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 700;
    color: var(--app-text-on-dark-subtle);
}

.api-ep-curl-code[b-e9bhn3lcm5] {
    margin: 8px 0 0;
    padding: 12px 14px;
    border: 1px solid color-mix(in srgb, var(--app-border) 70%, transparent);
    border-radius: var(--app-radius-sm);
    background: var(--app-dark-1);
    color: var(--app-text-on-dark);
    font-size: var(--app-type-sm);
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
    font-family: var(--app-font-mono);
}

/* ── Token reveal banner ── */
.api-token-reveal-banner[b-e9bhn3lcm5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
    padding: 16px 20px;
    border: 1px solid var(--app-warning);
    border-radius: var(--app-radius-sm);
    background: var(--app-warning-bg);
}

.api-token-reveal-title[b-e9bhn3lcm5] {
    font-size: var(--app-type-base);
    font-weight: 700;
    color: color-mix(in srgb, var(--app-warning) 60%, black);
}

.api-token-reveal-text[b-e9bhn3lcm5] {
    margin-top: 4px;
    font-size: var(--app-type-md);
    color: color-mix(in srgb, var(--app-warning) 50%, black);
}

.api-token-reveal-value[b-e9bhn3lcm5] {
    display: block;
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--app-warning) 50%, white);
    border-radius: var(--app-radius-sm);
    background: var(--app-surface);
    color: color-mix(in srgb, var(--app-warning) 60%, black);
    font-size: var(--app-type-sm);
    white-space: pre-wrap;
    word-break: break-all;
}

.api-token-reveal-actions[b-e9bhn3lcm5] {
    flex-shrink: 0;
}

/* ── PAT create form ── */
.api-pat-create[b-e9bhn3lcm5] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 16px;
    padding: 10px 14px;
    background: var(--app-dark-4);
    border: 1px solid color-mix(in srgb, var(--app-border) 70%, transparent);
    border-radius: var(--app-radius-sm);
}

.api-name-input[b-e9bhn3lcm5] {
    width: 220px;
}

.api-expiry-select[b-e9bhn3lcm5] {
    width: 130px;
}

[b-e9bhn3lcm5] .api-expiry-select .app-menu-select-trigger-label {
    font-weight: 500;
}

/* ── Token table ── */
.api-token-table .col-status[b-e9bhn3lcm5] {
    width: 92px;
}

.api-token-table .col-actions[b-e9bhn3lcm5] {
    width: 68px;
}

.api-token-preview[b-e9bhn3lcm5] {
    font-size: var(--app-type-sm);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.api-date-expired[b-e9bhn3lcm5] {
    color: color-mix(in srgb, var(--app-error) 70%, black);
    font-weight: 700;
}

.api-created-by[b-e9bhn3lcm5] {
    font-size: var(--app-type-md);
    color: var(--app-text);
    font-weight: 600;
}

.api-subtle-text[b-e9bhn3lcm5] {
    font-size: var(--app-type-xs);
    color: var(--app-text-muted);
    word-break: break-all;
}

/* ── Responsive ── */
@media (max-width: 760px) {
    .api-toc[b-e9bhn3lcm5] {
        display: none;
    }

    .api-main-inner[b-e9bhn3lcm5] {
        padding: 16px;
    }

    .api-ep-detail-grid[b-e9bhn3lcm5] {
        grid-template-columns: 1fr;
    }

    .api-token-reveal-banner[b-e9bhn3lcm5] {
        flex-direction: column;
        align-items: stretch;
    }

    .api-ref-key[b-e9bhn3lcm5] {
        width: 100px;
    }
}
/* /Components/Pages/Tenant/BuiltInReactorDetail.razor.rz.scp.css */
    .reactor-content[b-8atm0fg0qx] {
        flex: 1;
        min-height: 0;
        overflow: auto;
        max-width: 860px;
    }

    .app-value[b-8atm0fg0qx] {
        padding: 8px 12px;
        background: var(--app-surface-dark);
        border-radius: var(--app-radius-sm);
        font-size: var(--app-type-md);
        color: var(--app-text);
        min-height: 36px;
        display: flex;
        align-items: center;
    }

    .app-value.pill-wrap[b-8atm0fg0qx] {
        flex-wrap: wrap;
        gap: 4px;
    }

    .reactor-section-spacing[b-8atm0fg0qx] {
        margin-top: var(--app-space-md);
    }

    .muted[b-8atm0fg0qx] {
        color: var(--app-text-subtle);
        font-style: italic;
    }

    .writes-table[b-8atm0fg0qx] {
        width: 100%;
        border-collapse: collapse;
        font-size: var(--app-type-md);
        margin-top: var(--app-space-sm);
    }

    .writes-table th[b-8atm0fg0qx] {
        padding: 12px 16px;
        text-align: left;
        font-weight: 600;
        font-size: var(--app-type-xs);
        color: var(--app-text-muted);
        background: var(--app-surface-dark);
        border-bottom: 1px solid var(--app-border);
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

    .writes-table td[b-8atm0fg0qx] {
        padding: 14px 16px;
        border-bottom: 1px solid var(--app-border);
        color: var(--app-text);
    }

    .writes-table tbody tr:last-child td[b-8atm0fg0qx] {
        border-bottom: none;
    }

    @media (max-width: 960px) {
        .reactor-content[b-8atm0fg0qx] {
            max-width: none;
        }
    }
/* /Components/Pages/Tenant/ConnectorPackageDetail.razor.rz.scp.css */
.connector-package-detail-page[b-8vhs2cbym7] {
    display: block;
}

.connector-package-detail-card[b-8vhs2cbym7] {
    gap: 20px;
}

.connector-package-detail-description[b-8vhs2cbym7] {
    margin: 0;
    color: var(--app-text-muted);
    font-size: var(--app-type-sm);
    line-height: 1.6;
}

.connector-package-detail-note[b-8vhs2cbym7] {
    padding: 12px 14px;
    border-radius: var(--app-radius-sm);
    border: 1px solid color-mix(in srgb, var(--app-warning) 32%, transparent);
    background: color-mix(in srgb, var(--app-warning) 12%, transparent);
    color: var(--app-text);
    font-size: var(--app-type-sm);
}

.connector-package-detail-section-header[b-8vhs2cbym7] {
    display: grid;
    gap: 8px;
}

.connector-package-detail-section-title[b-8vhs2cbym7] {
    margin: 0;
    color: var(--app-text);
    font-size: var(--app-type-lg);
    font-weight: 600;
}

.connector-package-detail-section-description[b-8vhs2cbym7] {
    margin: 0;
    color: var(--app-text-muted);
    font-size: var(--app-type-sm);
    line-height: 1.6;
}

.connector-package-detail-schema-section[b-8vhs2cbym7] {
    display: grid;
    gap: 14px;
    padding-top: 4px;
    border-top: 1px solid var(--app-border-subtle);
}

.connector-package-detail-schema-section:first-of-type[b-8vhs2cbym7] {
    border-top: none;
    padding-top: 0;
}

.connector-package-detail-schema-title[b-8vhs2cbym7] {
    margin: 0;
    color: var(--app-text);
    font-size: var(--app-type-md);
    font-weight: 600;
}

.connector-package-detail-schema-description[b-8vhs2cbym7] {
    margin: 6px 0 0;
    color: var(--app-text-muted);
    font-size: var(--app-type-sm);
    line-height: 1.5;
}

.connector-package-detail-field-grid[b-8vhs2cbym7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 14px;
}

.connector-package-detail-field[b-8vhs2cbym7] {
    display: grid;
    gap: 8px;
    padding: 14px;
    border-radius: var(--app-radius-sm);
    border: 1px solid var(--app-border-subtle);
    background: color-mix(in srgb, var(--app-primary) 6%, transparent);
}

.connector-package-detail-field-top[b-8vhs2cbym7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.connector-package-detail-field-label[b-8vhs2cbym7] {
    color: var(--app-text);
    font-size: var(--app-type-sm);
    font-weight: 600;
}

.connector-package-detail-field-type[b-8vhs2cbym7] {
    color: var(--app-text-subtle);
    font-size: var(--app-type-xs);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.connector-package-detail-field-key[b-8vhs2cbym7] {
    color: var(--app-text-muted);
    font-size: var(--app-type-xs);
}

.connector-package-detail-field-help[b-8vhs2cbym7] {
    margin: 0;
    color: var(--app-text-muted);
    font-size: var(--app-type-xs);
    line-height: 1.5;
}

.connector-package-detail-empty[b-8vhs2cbym7] {
    color: var(--app-text-muted);
    font-size: var(--app-type-sm);
}

.connector-package-detail-connection-list[b-8vhs2cbym7] {
    display: grid;
    gap: 10px;
}

.connector-package-detail-connection-item[b-8vhs2cbym7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px;
    border-radius: var(--app-radius-sm);
    border: 1px solid var(--app-border-subtle);
    background: color-mix(in srgb, var(--app-dark-4) 18%, transparent);
    color: var(--app-text);
    text-align: left;
    cursor: pointer;
}

.connector-package-detail-connection-item:hover[b-8vhs2cbym7] {
    border-color: color-mix(in srgb, var(--app-primary) 32%, var(--app-border-subtle));
}

.connector-package-detail-connection-name[b-8vhs2cbym7] {
    font-size: var(--app-type-sm);
    font-weight: 600;
}

.connector-package-detail-connection-time[b-8vhs2cbym7] {
    color: var(--app-text-muted);
    font-size: var(--app-type-xs);
}

@media (max-width: 900px) {
    .connector-package-detail-connection-item[b-8vhs2cbym7] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Tenant/ConnectorPackages.razor.rz.scp.css */
[b-ajvq7pc1v0] .connector-packages-page {
    overflow: hidden;
}

.connector-package-upload-input[b-ajvq7pc1v0] {
    display: none !important;
}

.connector-packages-header-action-icon[b-ajvq7pc1v0] {
    margin-right: 6px;
}

.connector-package-empty[b-ajvq7pc1v0] {
    margin-top: 24px;
    padding: 16px;
    border: 1px dashed var(--app-border-subtle);
    border-radius: var(--app-radius-sm);
    color: var(--app-text-muted);
    font-size: var(--app-type-sm);
    background: color-mix(in srgb, var(--app-dark-4) 16%, transparent);
}
/* /Components/Pages/Tenant/Dashboard.razor.rz.scp.css */
[b-o4fj83l4v3] .tenant-table-shell.workflow-shell-flat {
    border: 0;
    background: transparent;
    padding: var(--app-space-xs);
}

.dashboard-content-frame[b-o4fj83l4v3] {
    background: var(--app-dark-1);
    padding: 16px;
}

.workflow-ranking-subtitle[b-o4fj83l4v3] {
    font-size: var(--app-type-xs);
    color: var(--app-text-muted);
}
/* /Components/Pages/Tenant/DocumentDetail.razor.rz.scp.css */
    .workitem-detail-page[b-dicv2gcioy] {
        overflow: hidden;
    }

    .mud-theme-dark .workitem-detail-page[b-dicv2gcioy]  .tenant-detail-body {
        background: var(--app-surface-dark);
    }

    .tab-loading[b-dicv2gcioy] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 12px;
        padding: 60px 28px;
        color: var(--app-text-muted);
    }

    .tab-loading-text[b-dicv2gcioy] {
        font-size: var(--app-type-md);
    }

    .detail-tab-spinner[b-dicv2gcioy] {
        width: 14px;
        height: 14px;
    }

    .workitem-detail-preview[b-dicv2gcioy] {
        background: var(--app-surface-dark);
    }

    .lineage-breadcrumbs[b-dicv2gcioy] {
        flex: 0 0 29px;
        height: 29px;
        padding: 2px 20px;
        min-height: 29px;
        display: flex;
        align-items: center;
        box-sizing: border-box;
        border-bottom: 1px solid var(--app-border);
        background: color-mix(in srgb, var(--app-surface-dark) 92%, transparent);
        font-size: var(--app-type-sm);
        overflow: hidden;
    }

    .lineage-breadcrumbs[b-dicv2gcioy]  nav {
        min-width: 0;
        width: 100%;
        overflow: hidden;
    }

    .lineage-breadcrumbs[b-dicv2gcioy]  .mud-breadcrumbs {
        margin: 0;
        font-size: var(--app-type-sm) !important;
        line-height: 1.1;
        min-width: 0;
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        overflow: hidden;
    }

    .lineage-breadcrumbs[b-dicv2gcioy]  .mud-breadcrumb-item {
        min-width: 0;
        max-width: clamp(120px, 22vw, 320px);
    }

    .lineage-breadcrumbs[b-dicv2gcioy]  .mud-breadcrumb-item,
    .lineage-breadcrumbs[b-dicv2gcioy]  .mud-breadcrumb-item a,
    .lineage-breadcrumbs[b-dicv2gcioy]  .mud-breadcrumb-separator,
    .lineage-breadcrumbs[b-dicv2gcioy]  .mud-breadcrumb-current {
        font-size: var(--app-type-sm) !important;
        line-height: 1.1;
    }

    .lineage-breadcrumbs[b-dicv2gcioy]  .mud-breadcrumb-item a {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .mud-theme-dark .workitem-detail-page .lineage-breadcrumbs[b-dicv2gcioy]  .mud-breadcrumb-item a {
        color: var(--app-link);
        font-weight: 400;
    }

    .mud-theme-dark .workitem-detail-page .lineage-breadcrumbs[b-dicv2gcioy]  .mud-breadcrumb-separator,
    .mud-theme-dark .workitem-detail-page .lineage-breadcrumbs[b-dicv2gcioy]  .mud-breadcrumb-current,
    .mud-theme-dark .workitem-detail-page .lineage-breadcrumbs[b-dicv2gcioy]  .mud-breadcrumb-item:last-child a {
        color: var(--app-text-muted);
    }

    .workitem-detail-content[b-dicv2gcioy] {
        background: var(--app-bg);
    }

    .page-svg[b-dicv2gcioy] {
        display: block;
        background: var(--app-white);
        box-shadow: var(--app-shadow-sm);
        border-radius: var(--app-radius-sm);
        max-width: 100%;
        height: auto;
    }

    .preview-empty[b-dicv2gcioy] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100%;
        color: var(--app-text-subtle);
        gap: 12px;
    }

    .preview-empty p[b-dicv2gcioy] {
        font-size: var(--app-type-lg);
        font-weight: 500;
        color: var(--app-text-muted);
        margin: 0;
    }

    .field-value.truncate[b-dicv2gcioy] {
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .empty-state[b-dicv2gcioy] {
        font-size: var(--app-type-base);
        color: var(--app-text-subtle);
        text-align: center;
        padding: 20px;
    }

    .result-content[b-dicv2gcioy] {
        flex: 1;
        overflow: auto;
        background: var(--app-surface);
    }

    .json-content[b-dicv2gcioy] {
        flex: 1;
        overflow: auto;
        background: var(--app-surface);
    }

    .json-content pre[b-dicv2gcioy] {
        margin: 0;
        padding: 20px 24px;
        overflow: auto;
        height: 100%;
    }

    .json-content code[b-dicv2gcioy] {
        font-family: "JetBrains Mono", ui-monospace, monospace;
        font-size: var(--app-type-sm);
        line-height: 18px;
        tab-size: 2;
    }

    .content-tab-host[b-dicv2gcioy] {
        flex: 1;
        min-height: 0;
        display: flex;
        flex-direction: column;
        overflow: auto;
    }
/* /Components/Pages/Tenant/DynamicReactorDesigner.razor.rz.scp.css */
.visual-reactor-page[b-wske8odc4d] {
    min-height: 0;
    overflow: hidden;
}

.visual-reactor-page[b-wske8odc4d]  .tenant-detail-body {
    overflow-y: hidden !important;
    overflow-x: hidden !important;
}
/* /Components/Pages/Tenant/DynamicReactorDetail.razor.rz.scp.css */
    .reactor-content[b-qlukq4ez7r] {
        flex: 1;
        min-height: 0;
        overflow: auto;
        max-width: 860px;
    }

    .prompt-editor[b-qlukq4ez7r] {
        min-height: 320px;
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        line-height: 1.5;
        resize: vertical;
    }

    .checkbox-field[b-qlukq4ez7r] {
        flex-direction: row;
        align-items: center;
        gap: 10px;
    }

    .checkbox-field input[b-qlukq4ez7r] {
        width: 18px;
        height: 18px;
    }

    .reactor-elevated-field[b-qlukq4ez7r] {
        --app-bg-elevated: var(--app-surface-dark);
    }

    .reactor-textarea-surface[b-qlukq4ez7r]  .mud-input-slot.mud-input-root {
        background: var(--app-surface-dark) !important;
    }

    .dry-run-actions[b-qlukq4ez7r] {
        display: flex;
        justify-content: flex-end;
        margin-top: var(--app-space-md);
    }

    .dry-run-error[b-qlukq4ez7r] {
        margin-top: var(--app-space-sm);
        padding: 12px 16px;
        border-radius: var(--app-radius-sm);
        border: 1px solid var(--app-error);
        background: var(--app-error-bg);
        color: var(--app-error);
        font-size: var(--app-type-md);
    }

    .dry-run-results[b-qlukq4ez7r] {
        margin-top: var(--app-space-md);
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }

    .dry-run-step[b-qlukq4ez7r] {
        padding: 16px;
        border-radius: var(--app-radius-sm);
        background: var(--app-surface-dark);
        min-height: 180px;
    }

    .dry-run-step h4[b-qlukq4ez7r] {
        margin: 0 0 10px 0;
        font-size: var(--app-type-sm);
        font-weight: 700;
        color: var(--app-text-subtle);
        text-transform: uppercase;
        letter-spacing: 0.04em;
    }

    .dry-run-step pre[b-qlukq4ez7r] {
        margin: 0;
        white-space: pre-wrap;
        word-break: break-word;
        font-size: var(--app-type-sm);
        line-height: 1.5;
        color: var(--app-text);
    }

    .dry-run-errors[b-qlukq4ez7r] {
        margin: 0;
        padding-left: 18px;
        color: var(--app-error);
        font-size: var(--app-type-md);
        line-height: 1.5;
    }

    .dry-run-success[b-qlukq4ez7r] {
        font-size: var(--app-type-md);
        color: var(--app-success);
    }

    @media (max-width: 960px) {
        .dry-run-results[b-qlukq4ez7r] {
            grid-template-columns: minmax(0, 1fr);
        }

        .reactor-content[b-qlukq4ez7r] {
            max-width: none;
        }
    }
/* /Components/Pages/Tenant/DynamicReactors.razor.rz.scp.css */
    .reactor-name[b-0uzh6jkd03] {
        display: block;
        font-weight: 500;
    }

    .reactor-description[b-0uzh6jkd03] {
        display: block;
        font-size: var(--app-type-xs);
        color: var(--app-text-subtle);
        margin-top: 2px;
        max-width: 320px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .subscriptions-cell[b-0uzh6jkd03] {
        color: var(--app-text-muted);
        max-width: 360px;
        min-width: 240px;
        overflow: visible;
        text-overflow: unset;
        white-space: normal;
    }

    .subscriptions-empty[b-0uzh6jkd03] {
        color: var(--app-text-subtle);
    }

    .subscriptions-cell .document-type-pill[b-0uzh6jkd03] {
        max-width: 340px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .col-actions[b-0uzh6jkd03] {
        width: 160px;
        text-align: right !important;
    }

    .action-btn[b-0uzh6jkd03] {
        margin-left: 8px;
    }

    .delete-btn:hover[b-0uzh6jkd03] {
        color: var(--app-error);
    }
/* /Components/Pages/Tenant/IntegrationDetails/GithubIntegrationDetailView.razor.rz.scp.css */
.github-contract-shell[b-kvlx51qk4h] {
    display: flex;
    flex-direction: column;
    gap: var(--app-space-sm);
}

.github-contract-title[b-kvlx51qk4h],
.github-detail-title[b-kvlx51qk4h] {
    margin: 0;
    font-size: var(--app-type-xl);
    font-weight: 600;
    color: var(--app-text);
}

.github-contract-subtitle[b-kvlx51qk4h],
.github-detail-subtitle[b-kvlx51qk4h] {
    margin: var(--app-space-xs) 0 0;
    font-size: var(--app-type-md);
    color: var(--app-text-muted);
}

.github-contract-empty[b-kvlx51qk4h] {
    border: 1px dashed var(--app-border);
    border-radius: var(--app-radius);
    background: var(--app-surface-dark);
    color: var(--app-text-muted);
    font-size: var(--app-type-md);
    padding: var(--app-space-sm);
}

.github-contract-layout[b-kvlx51qk4h] {
    display: grid;
    grid-template-columns: minmax(18rem, 24rem) minmax(0, 1fr);
    gap: var(--app-space-sm);
}

.github-contract-panel[b-kvlx51qk4h] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius);
    background: var(--app-surface);
    overflow: hidden;
}

.github-contract-panel-list[b-kvlx51qk4h] {
    max-height: 42rem;
}

.github-contract-toolbar[b-kvlx51qk4h] {
    display: flex;
    align-items: center;
    gap: var(--app-space-xs);
    padding: var(--app-space-sm);
    border-bottom: 1px solid var(--app-border);
    background: var(--app-surface-dark);
}

.github-contract-toolbar[b-kvlx51qk4h]  .mud-input-control {
    margin: 0 !important;
    width: 100%;
}

.github-contract-toolbar-meta[b-kvlx51qk4h] {
    color: var(--app-text-muted);
    font-size: var(--app-type-xs);
    font-weight: 700;
    white-space: nowrap;
}

.github-contract-tree[b-kvlx51qk4h],
.github-detail-list[b-kvlx51qk4h] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: auto;
}

.github-tree-root[b-kvlx51qk4h] {
    border-bottom: 1px solid var(--app-border);
}

.github-tree-root:last-child[b-kvlx51qk4h] {
    border-bottom: none;
}

.github-tree-root-active[b-kvlx51qk4h] {
    background: color-mix(in srgb, var(--app-primary-subtle) 45%, var(--app-surface));
}

.github-tree-row[b-kvlx51qk4h],
.github-tree-child-toggle[b-kvlx51qk4h] {
    display: flex;
    align-items: center;
    gap: var(--app-space-xs);
    padding: var(--app-space-xs) var(--app-space-sm);
}

.github-tree-row-child[b-kvlx51qk4h],
.github-tree-child-toggle[b-kvlx51qk4h] {
    background: color-mix(in srgb, var(--app-surface-dark) 65%, var(--app-surface));
}

.github-tree-row-button[b-kvlx51qk4h],
.github-tree-child-toggle-button[b-kvlx51qk4h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--app-space-xs);
    flex: 1;
    min-width: 0;
    border: none;
    background: transparent;
    color: inherit;
    cursor: pointer;
    padding: 0;
    text-align: left;
}

.github-tree-row-button:hover[b-kvlx51qk4h],
.github-tree-child-toggle-button:hover[b-kvlx51qk4h] {
    color: var(--app-primary);
}

.github-tree-children[b-kvlx51qk4h] {
    border-top: 1px solid var(--app-border);
}

.github-tree-name[b-kvlx51qk4h],
.github-endpoint-entity[b-kvlx51qk4h],
.github-probe-status[b-kvlx51qk4h] {
    color: var(--app-text);
    font-size: var(--app-type-md);
    font-weight: 600;
}

.github-tree-meta[b-kvlx51qk4h],
.github-endpoint-doc[b-kvlx51qk4h],
.github-endpoint-state[b-kvlx51qk4h],
.github-probe-message[b-kvlx51qk4h] {
    color: var(--app-text-muted);
    font-size: var(--app-type-xs);
}

.github-contract-panel-details[b-kvlx51qk4h] {
    padding: var(--app-space-sm);
    gap: var(--app-space-sm);
}

.github-endpoint-card[b-kvlx51qk4h] {
    display: flex;
    flex-direction: column;
    gap: var(--app-space-sm);
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius);
    background: color-mix(in srgb, var(--app-surface) 82%, var(--app-surface-dark));
    padding: var(--app-space-sm);
}

.github-endpoint-card-muted[b-kvlx51qk4h] {
    opacity: 0.7;
}

.github-endpoint-grid[b-kvlx51qk4h] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--app-space-sm);
    margin: 0;
}

.github-endpoint-grid div[b-kvlx51qk4h] {
    display: flex;
    flex-direction: column;
    gap: calc(var(--app-space-xs) / 2);
    min-width: 0;
}

.github-endpoint-grid dt[b-kvlx51qk4h] {
    color: var(--app-text-muted);
    font-size: var(--app-type-xs);
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.github-endpoint-grid dd[b-kvlx51qk4h] {
    color: var(--app-text);
    font-size: var(--app-type-sm);
    margin: 0;
    overflow-wrap: anywhere;
}

.github-probe-result[b-kvlx51qk4h] {
    display: flex;
    flex-direction: column;
    gap: calc(var(--app-space-xs) / 2);
    border-radius: var(--app-radius-sm);
    padding: var(--app-space-xs) var(--app-space-sm);
}

.github-probe-result-success[b-kvlx51qk4h] {
    border: 1px solid color-mix(in srgb, var(--app-success) 35%, var(--app-border));
    background: color-mix(in srgb, var(--app-success-bg) 60%, var(--app-surface));
}

.github-probe-result-warning[b-kvlx51qk4h],
.github-probe-result-pending[b-kvlx51qk4h] {
    border: 1px solid color-mix(in srgb, var(--app-warning) 35%, var(--app-border));
    background: color-mix(in srgb, var(--app-warning-bg) 58%, var(--app-surface));
}

@media (max-width: 1100px) {
    .github-contract-layout[b-kvlx51qk4h] {
        grid-template-columns: 1fr;
    }

    .github-contract-panel-list[b-kvlx51qk4h] {
        max-height: 24rem;
    }
}

@media (max-width: 720px) {
    .github-contract-header[b-kvlx51qk4h],
    .github-detail-header[b-kvlx51qk4h],
    .github-endpoint-card-header[b-kvlx51qk4h],
    .github-contract-toolbar[b-kvlx51qk4h] {
        flex-direction: column;
        align-items: stretch;
    }

    .github-endpoint-grid[b-kvlx51qk4h] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Tenant/IntegrationDetails/PackageConnectorIntegrationDetailView.razor.rz.scp.css */
.package-connector-detail-page[b-nl87lzckjp] {
    display: block;
}

.package-connector-detail-card[b-nl87lzckjp] {
    gap: 20px;
}

.package-connector-description[b-nl87lzckjp] {
    margin: 0;
    color: var(--app-text-muted);
    font-size: var(--app-type-sm);
    line-height: 1.6;
}

.package-connector-action-row[b-nl87lzckjp] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.package-connector-action-note[b-nl87lzckjp] {
    padding: 12px 14px;
    border-radius: var(--app-radius-sm);
    border: 1px solid var(--app-border-subtle);
    color: var(--app-text);
    font-size: var(--app-type-sm);
}

.package-connector-action-note-success[b-nl87lzckjp] {
    border-color: color-mix(in srgb, var(--app-success) 32%, transparent);
    background: color-mix(in srgb, var(--app-success) 12%, transparent);
}

.package-connector-action-note-error[b-nl87lzckjp] {
    border-color: color-mix(in srgb, var(--app-error) 32%, transparent);
    background: color-mix(in srgb, var(--app-error) 12%, transparent);
}

.package-connector-response-shell[b-nl87lzckjp] {
    display: grid;
    gap: 10px;
}

.package-connector-response-json[b-nl87lzckjp] {
    margin: 0;
    padding: 14px;
    border-radius: var(--app-radius-sm);
    border: 1px solid var(--app-border-subtle);
    background: color-mix(in srgb, var(--app-dark-4) 20%, transparent);
    color: var(--app-text);
    font-size: var(--app-type-xs);
    line-height: 1.6;
    white-space: pre-wrap;
    word-break: break-word;
}

.package-connector-fields-shell[b-nl87lzckjp] {
    gap: 24px;
}

.package-connector-form-header[b-nl87lzckjp] {
    display: grid;
    gap: 8px;
}

.package-connector-section-title[b-nl87lzckjp] {
    margin: 0;
    color: var(--app-text);
    font-size: var(--app-type-lg);
    font-weight: 600;
}

.package-connector-section-description[b-nl87lzckjp] {
    margin: 0;
    color: var(--app-text-muted);
    font-size: var(--app-type-sm);
    line-height: 1.6;
}

.package-connector-config-section[b-nl87lzckjp] {
    display: grid;
    gap: 16px;
    padding-top: 4px;
    border-top: 1px solid var(--app-border-subtle);
}

.package-connector-config-section:first-of-type[b-nl87lzckjp] {
    border-top: none;
    padding-top: 0;
}

.package-connector-config-section-header[b-nl87lzckjp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.package-connector-config-section-title[b-nl87lzckjp] {
    margin: 0;
    color: var(--app-text);
    font-size: var(--app-type-md);
    font-weight: 600;
}

.package-connector-config-section-description[b-nl87lzckjp] {
    margin: 6px 0 0;
    color: var(--app-text-muted);
    font-size: var(--app-type-sm);
    line-height: 1.5;
}

.package-connector-form-grid[b-nl87lzckjp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
}

.package-connector-field[b-nl87lzckjp] {
    display: grid;
    gap: 8px;
}

.package-connector-field-label[b-nl87lzckjp] {
    color: var(--app-text);
    font-size: var(--app-type-sm);
    font-weight: 600;
}

.package-connector-required[b-nl87lzckjp] {
    color: var(--app-warning);
    font-size: var(--app-type-xs);
    font-weight: 600;
}

.package-connector-help-text[b-nl87lzckjp] {
    margin: 0;
    color: var(--app-text-muted);
    font-size: var(--app-type-xs);
    line-height: 1.5;
}

.package-connector-checkbox-shell[b-nl87lzckjp] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 40px;
}

.package-connector-checkbox-label[b-nl87lzckjp] {
    color: var(--app-text);
    font-size: var(--app-type-sm);
}

.package-connector-secret-shell[b-nl87lzckjp] {
    display: grid;
    gap: 10px;
}

.package-connector-secret-editor[b-nl87lzckjp] {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid var(--app-border-subtle);
    border-radius: var(--app-radius-sm);
    background: color-mix(in srgb, var(--app-primary) 7%, transparent);
}

.package-connector-secret-actions[b-nl87lzckjp] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.package-connector-frame-fields[b-nl87lzckjp] {
    gap: 18px;
}

.package-connector-frame-copy[b-nl87lzckjp] {
    display: grid;
    gap: 8px;
}

.package-connector-frame-shell[b-nl87lzckjp] {
    border: 1px solid var(--app-border-subtle);
    border-radius: var(--app-radius-sm);
    overflow: hidden;
    background: color-mix(in srgb, var(--app-dark-4) 22%, transparent);
}

.package-connector-frame[b-nl87lzckjp] {
    width: 100%;
    min-height: 680px;
    border: none;
    display: block;
    background: var(--app-surface);
}

@media (max-width: 960px) {
    .package-connector-frame[b-nl87lzckjp] {
        min-height: 560px;
    }

    .package-connector-action-row[b-nl87lzckjp] {
        flex-direction: column;
    }
}
/* /Components/Pages/Tenant/IntegrationDetails/RecurringIntegrationStrip.razor.rz.scp.css */
.integration-recurring-strip[b-izhogqowj8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px var(--app-space-lg);
    border-bottom: 1px solid color-mix(in srgb, var(--app-border) 40%, transparent);
    background: transparent;
}

.integration-recurring-row[b-izhogqowj8] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.integration-recurring-save[b-izhogqowj8] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    font-size: var(--app-type-md);
    font-weight: 600;
    font-family: inherit;
    color: var(--app-text);
    background: var(--app-surface);
    border: 1px solid var(--app-primary);
    border-radius: var(--app-radius-sm);
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
    flex-shrink: 0;
}

.integration-recurring-save:hover:not(:disabled)[b-izhogqowj8] {
    background: var(--app-primary);
    color: var(--app-white);
    border-color: var(--app-primary);
}

.integration-recurring-save:disabled[b-izhogqowj8] {
    opacity: 0.4;
    cursor: default;
}

.integration-recurring-title[b-izhogqowj8] {
    margin: 0;
    color: var(--app-text);
    font-weight: 600;
    font-size: var(--app-type-base);
    line-height: 1.3;
    flex: 1;
    min-width: 0;
}

.integration-recurring-controls[b-izhogqowj8] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    margin-left: auto;
}

/* affix group: label | input | toggle */
.integration-recurring-affix[b-izhogqowj8] {
    display: flex;
    align-items: stretch;
    flex-shrink: 0;
    min-width: 0;
}

.integration-recurring-affix[b-izhogqowj8]  .app-recurring-time-control {
    min-width: 0;
}

.integration-recurring-warning[b-izhogqowj8] {
    font-size: var(--app-type-sm);
    padding: 6px 10px;
    border-radius: var(--app-radius-sm);
    background: color-mix(in srgb, var(--app-warning) 12%, transparent);
    color: var(--app-warning);
    border: 1px solid color-mix(in srgb, var(--app-warning) 25%, transparent);
    margin: 0;
}

@media (max-width: 900px) {
    .integration-recurring-row[b-izhogqowj8] {
        flex-wrap: wrap;
        gap: 10px;
    }
}
/* /Components/Pages/Tenant/IntegrationDetails/SchemaFileIntegrationDetailView.razor.rz.scp.css */
    .schema-name-input[b-94shlk8cts] {
        max-width: 320px;
    }
/* /Components/Pages/Tenant/IntegrationDetails/SlackIntegrationDetailView.razor.rz.scp.css */
.slack-detail-main[b-upcq6r0oxb] {
    flex: 1;
    overflow-y: auto;
}

.slack-detail-inner[b-upcq6r0oxb] {
    max-width: 780px;
    padding: 20px 24px 40px;
}

.slack-detail-inner[b-upcq6r0oxb]  .integration-recurring-strip {
    margin-bottom: 12px;
}

.slack-detail-inner[b-upcq6r0oxb]  .integration-detail-field-row,
.slack-detail-inner .app-header-split[b-upcq6r0oxb] {
    flex-direction: column;
    align-items: stretch;
}

/* ── Slack-specific: readonly workspace card ── */
.slack-readonly-card[b-upcq6r0oxb] {
    display: flex;
    flex-direction: column;
    gap: calc(var(--app-space-xs) / 2);
}

.slack-readonly-title[b-upcq6r0oxb] {
    color: var(--app-text);
    font-size: var(--app-type-sm);
    font-weight: 600;
}

.slack-readonly-meta[b-upcq6r0oxb] {
    color: var(--app-text-muted);
    font-size: var(--app-type-xs);
}

.slack-workspace-link[b-upcq6r0oxb] {
    color: var(--app-link);
    font-size: var(--app-type-xs);
    text-decoration: none;
    min-height: 24px;
    display: inline-flex;
    align-items: center;
}

.slack-workspace-link:hover[b-upcq6r0oxb],
.slack-workspace-link:focus-visible[b-upcq6r0oxb] {
    text-decoration: underline;
}

/* ── Slack-specific: channel picker grid ── */
.slack-channel-picker-grid[b-upcq6r0oxb] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--app-space-xs);
}

.slack-channel-option[b-upcq6r0oxb] {
    display: flex;
    align-items: flex-start;
    gap: var(--app-space-xs);
    border: 1px solid color-mix(in srgb, var(--app-border) 70%, transparent);
    border-radius: var(--app-radius-sm);
    background: var(--app-dark-3);
    padding: var(--app-space-sm);
    cursor: pointer;
}

.slack-channel-option-selected[b-upcq6r0oxb] {
    border-color: color-mix(in srgb, var(--app-primary) 40%, var(--app-border));
    background: color-mix(in srgb, var(--app-primary-bg) 72%, var(--app-surface));
}

.slack-channel-option-copy[b-upcq6r0oxb] {
    display: flex;
    flex-direction: column;
    gap: calc(var(--app-space-xs) / 3);
}

.slack-channel-option-title[b-upcq6r0oxb] {
    color: var(--app-text);
    font-size: var(--app-type-sm);
    font-weight: 600;
}

.slack-channel-option-meta[b-upcq6r0oxb] {
    color: var(--app-text-muted);
    font-size: var(--app-type-xs);
}

/* ── Slack-specific: validation result ── */
.slack-validation[b-upcq6r0oxb] {
    display: flex;
    flex-direction: column;
    gap: calc(var(--app-space-xs) / 2);
    border-radius: var(--app-radius-sm);
    padding: var(--app-space-sm);
}

.slack-validation-success[b-upcq6r0oxb] {
    border: 1px solid color-mix(in srgb, var(--app-success) 35%, var(--app-border));
    background: color-mix(in srgb, var(--app-success-bg) 65%, var(--app-surface));
}

.slack-validation-error[b-upcq6r0oxb] {
    border: 1px solid color-mix(in srgb, var(--app-danger) 35%, var(--app-border));
    background: color-mix(in srgb, var(--app-danger-bg) 65%, var(--app-surface));
}

.slack-validation-title[b-upcq6r0oxb] {
    color: var(--app-text);
    font-size: var(--app-type-sm);
    font-weight: 600;
}

.slack-validation-copy[b-upcq6r0oxb] {
    color: var(--app-text-muted);
    font-size: var(--app-type-sm);
}

/* ── Slack-specific: toggle checkbox label ── */
.slack-toggle[b-upcq6r0oxb] {
    display: inline-flex;
    align-items: center;
    gap: var(--app-space-xs);
    color: var(--app-text-muted);
    font-size: var(--app-type-sm);
}

.slack-toggle-block[b-upcq6r0oxb] {
    width: 100%;
}
/* /Components/Pages/Tenant/IntegrationDetails/SwaggerIntegrationDetailView.razor.rz.scp.css */
.detail-page[b-ue04qtuqzy] { --app-text-subtle: var(--app-text-muted); overflow: hidden; min-height: 0; }
.integration-detail-page[b-ue04qtuqzy] { overflow: hidden; min-height: 0; }
.gmail-page[b-ue04qtuqzy] { flex: 1; padding: 20px var(--app-space-lg); background: var(--app-surface-dark); overflow: auto; }
.gmail-card[b-ue04qtuqzy] { width: 100%; max-width: none; background: var(--app-surface); border: 1px solid var(--app-border); border-radius: var(--app-radius); padding: 16px; }
.gmail-card-title[b-ue04qtuqzy] { margin: 0 0 12px; font-size: var(--app-type-xl); color: var(--app-text); }
.gmail-field[b-ue04qtuqzy] { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--app-border); }
.gmail-label[b-ue04qtuqzy] { font-size: var(--app-type-sm); color: var(--app-text-muted); text-transform: uppercase; letter-spacing: 0.04em; font-weight: 600; }
.gmail-value[b-ue04qtuqzy] { font-size: var(--app-type-md); color: var(--app-text); font-weight: 600; }
.gmail-status[b-ue04qtuqzy] { margin-top: 12px; font-size: var(--app-type-md); padding: 8px 10px; border-radius: var(--app-radius-sm); background: var(--app-surface-dark); color: var(--app-text); }
.gmail-account-empty[b-ue04qtuqzy] { font-size: var(--app-type-sm); color: var(--app-text-muted); border: 1px dashed var(--app-border); padding: 10px 12px; }
.detail-content[b-ue04qtuqzy] { display: flex; flex: 1 1 auto; min-height: 0; overflow: hidden; }
.swagger-three-column[b-ue04qtuqzy] { display: grid; grid-template-columns: minmax(280px, 340px) minmax(320px, 1fr) minmax(360px, 1.2fr); gap: 12px; padding: 12px; background: var(--app-surface-dark); }
.swagger-column[b-ue04qtuqzy] { display: flex; flex-direction: column; min-height: 0; border: 1px solid var(--app-border); border-radius: var(--app-radius); background: var(--app-surface); overflow: hidden; }
.swagger-column-header[b-ue04qtuqzy] { padding: 14px 16px; border-bottom: 1px solid var(--app-border); font-size: var(--app-type-xl); font-weight: 600; color: var(--app-text); }
.swagger-column-header-title-row[b-ue04qtuqzy] { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.entity-progress-copy[b-ue04qtuqzy] { font-size: var(--app-type-xs); font-weight: 600; color: var(--app-text-muted); text-transform: uppercase; letter-spacing: 0.04em; }
.swagger-column-body[b-ue04qtuqzy] { display: flex; flex-direction: column; flex: 1; min-height: 0; overflow: hidden; }
.swagger-column-settings-body[b-ue04qtuqzy] { padding: 12px; gap: 10px; overflow: auto; }
.swagger-column-settings-body .sync-entity-card[b-ue04qtuqzy] { margin-bottom: 0; }
.swagger-column-settings-body .sync-entity-config[b-ue04qtuqzy] { width: 100%; gap: 10px; margin-bottom: 0; }
.swagger-column-settings-body .sync-field-row[b-ue04qtuqzy] { flex-direction: column; gap: 10px; }
.swagger-column-settings-body .sync-field-row > .sync-field[b-ue04qtuqzy] { width: 100%; }
.swagger-column-settings-body .sync-field[b-ue04qtuqzy]  .mud-input-control,
.swagger-column-settings-body .sync-field[b-ue04qtuqzy]  .app-menu-select { width: 100%; }
.swagger-column-settings-body .sync-field[b-ue04qtuqzy]  .swagger-auth-input { min-width: 0; }
.swagger-column-settings-body[b-ue04qtuqzy]  .integration-recurring-strip { padding: 0; border-bottom: none; background: transparent; gap: 10px; }
.swagger-column-settings-body[b-ue04qtuqzy]  .integration-recurring-row { flex-direction: column; align-items: stretch; gap: 8px; }
.swagger-column-settings-body[b-ue04qtuqzy]  .integration-recurring-title {
    order: 1;
    font-size: var(--app-type-xs);
    font-weight: 600;
    color: var(--app-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.swagger-column-settings-body[b-ue04qtuqzy]  .integration-recurring-controls { order: 2; width: 100%; margin-left: 0; }
.swagger-column-settings-body[b-ue04qtuqzy]  .integration-recurring-affix { width: 100%; }
.swagger-column-settings-body[b-ue04qtuqzy]  .integration-recurring-affix .app-recurring-time-control { width: 100%; }
.swagger-column-settings-body[b-ue04qtuqzy]  .integration-recurring-save {
    order: 3;
    align-self: stretch;
    width: 100%;
    justify-content: center;
}
.swagger-column-entities .entity-panel[b-ue04qtuqzy] { width: auto; min-width: 0; border-right: none; flex: 1; }
.swagger-column-analysis .diagram-panel[b-ue04qtuqzy] { flex: 1; background: var(--app-surface); overflow: auto; }
.swagger-column-analysis .sync-section[b-ue04qtuqzy] { border-top: none; padding: 12px; }
/* Entity Panel */ .entity-panel[b-ue04qtuqzy] { width: 320px; min-width: 280px; min-height: 0; border-right: 1px solid var(--app-border); display: flex; flex-direction: column; background: var(--app-surface); }
.entity-panel-header[b-ue04qtuqzy] { padding: 10px 12px; border-bottom: 1px solid var(--app-border); background: var(--app-surface-dark); }
.entity-panel-title[b-ue04qtuqzy] { display: block; font-size: var(--app-type-xs); font-weight: 600; color: var(--app-text-muted); text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 8px; }
.entity-search[b-ue04qtuqzy] { display: flex; min-width: 0; }
[b-ue04qtuqzy] .entity-search-input {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
}
.entity-list[b-ue04qtuqzy] { flex: 1 1 auto; min-height: 0; overflow-y: auto; height: auto !important; max-height: none !important; padding: 4px 0; }
.entity-tree-root[b-ue04qtuqzy] { border-bottom: 1px solid var(--app-border); }
.entity-tree-root:last-child[b-ue04qtuqzy] { border-bottom: none; }
.entity-row[b-ue04qtuqzy] { display: flex; align-items: center; gap: 8px; padding: 6px 8px; transition: background 0.1s; }
.entity-row:hover[b-ue04qtuqzy] { background: var(--app-sidebar-accent); }
.entity-row-active[b-ue04qtuqzy] { background: var(--app-primary-subtle); }
.entity-row-active:hover[b-ue04qtuqzy] { background: var(--app-primary-subtle); }
.entity-row-check[b-ue04qtuqzy] { display: flex; align-items: center; justify-content: center; width: 24px; flex-shrink: 0; }
.entity-checkbox[b-ue04qtuqzy] { margin: 0; display: inline-flex; align-items: center; justify-content: center; line-height: 0; }
.entity-checkbox[b-ue04qtuqzy]  .mud-checkbox { margin: 0 !important; }
.entity-checkbox[b-ue04qtuqzy]  .mud-button-root, .entity-checkbox[b-ue04qtuqzy]  .mud-icon-button { padding: 0; width: 20px; height: 20px; min-width: 20px; }
.entity-row-sub > .entity-checkbox[b-ue04qtuqzy] { flex: 0 0 24px; }
.entity-row-button[b-ue04qtuqzy] { appearance: none; border: none; background: transparent; color: inherit; text-align: left; display: flex; align-items: center; justify-content: space-between; gap: 8px; flex: 1; cursor: pointer; padding: 2px 0; }
.entity-row-button:hover[b-ue04qtuqzy] { color: var(--app-text); }
.tree-toggle[b-ue04qtuqzy] { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border: none; background: none; color: var(--app-text-muted); cursor: pointer; padding: 0; flex-shrink: 0; transition: color 0.1s; }
.tree-toggle:hover[b-ue04qtuqzy] { color: var(--app-text); }
.tree-toggle-spacer[b-ue04qtuqzy] { width: 20px; flex-shrink: 0; }
.tree-arrow-expanded[b-ue04qtuqzy] { transform: rotate(90deg); }
.entity-tree-children[b-ue04qtuqzy] { padding-left: 54px; border-top: 1px solid var(--app-border); background: var(--app-surface-dark); }
.entity-row-sub[b-ue04qtuqzy] { padding-left: 0; }
.entity-row-sub .entity-name[b-ue04qtuqzy] { font-size: var(--app-type-sm); color: var(--app-text-muted); }
.entity-row-sub-toggle-all[b-ue04qtuqzy] { gap: 8px; }
.entity-sub-toggle-pill[b-ue04qtuqzy] { flex: 1; justify-content: flex-start; min-height: 28px; padding: 4px 10px; }
.entity-name-group[b-ue04qtuqzy] { display: flex; align-items: center; gap: 8px; min-width: 0; flex: 1; }
.entity-name[b-ue04qtuqzy] { flex: 1; min-width: 0; font-size: var(--app-type-md); color: var(--app-text); }
.entity-root-icon[b-ue04qtuqzy] { color: var(--app-text-muted); font-size: var(--app-type-sm); flex: 0 0 auto; }
.entity-prop-count[b-ue04qtuqzy] { font-size: var(--app-type-xs); color: var(--app-text-subtle); background: var(--app-surface-dark); padding: 1px 6px; border-radius: var(--app-radius-sm); }
/* Diagram Panel */ .diagram-panel[b-ue04qtuqzy] { flex: 1; /* overflow: auto; */ background: var(--app-background); }
.diagram-placeholder[b-ue04qtuqzy] { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 180px; color: var(--app-text-subtle); border: 1px dashed var(--app-border); border-radius: var(--app-radius); background: var(--app-surface); padding: 16px; }
.diagram-placeholder p[b-ue04qtuqzy] { margin: 12px 0 0; font-size: var(--app-type-base); color: var(--app-text-muted); }
/* Sync Section */ .sync-section[b-ue04qtuqzy] { border-top: 1px solid var(--app-border); padding: 16px; }
.sync-section-header[b-ue04qtuqzy] { margin-bottom: 12px; display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.sync-section-title[b-ue04qtuqzy] { font-size: var(--app-type-xs); font-weight: 600; color: var(--app-text-muted); text-transform: uppercase; letter-spacing: 0.04em; }
.sync-section-subtitle[b-ue04qtuqzy] { font-size: var(--app-type-sm); font-weight: 600; color: var(--app-text); }
.sync-entity-card[b-ue04qtuqzy] { background: var(--app-surface); border-radius: var(--app-radius); padding: 12px; margin-bottom: 10px; }
.sync-entity-header[b-ue04qtuqzy] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.sync-entity-name[b-ue04qtuqzy] { display: inline-flex; align-items: center; gap: 8px; min-width: 0; font-size: var(--app-type-base); font-weight: 600; color: var(--app-text); }
.sync-entity-icon[b-ue04qtuqzy] { color: var(--app-text-muted); font-size: var(--app-type-sm); flex: 0 0 auto; }
.sync-status[b-ue04qtuqzy] { font-size: var(--app-type-xs); color: var(--app-text-muted); }
.sync-entity-config[b-ue04qtuqzy] { display: flex; flex-direction: column; gap: 8px; margin-bottom: 10px; }
.sync-card-loading[b-ue04qtuqzy] { display: flex; align-items: center; gap: 10px; font-size: var(--app-type-sm); color: var(--app-text-muted); border: 1px dashed var(--app-border); border-radius: var(--app-radius-sm); background: var(--app-surface-dark); padding: 10px; margin-bottom: 10px; }
.sync-card-loading-error[b-ue04qtuqzy] { color: var(--app-warning); border-style: solid; justify-content: space-between; }
.sync-card-spinner[b-ue04qtuqzy] { width: 14px; height: 14px; border-radius: 50%; border: 2px solid var(--app-border); border-top-color: var(--app-blue-fg); animation: sync-card-spin-b-ue04qtuqzy 0.9s linear infinite; flex: 0 0 auto; }
.sync-ai-panel[b-ue04qtuqzy] { display: flex; flex-direction: column; gap: 8px; padding: 10px; border: 1px solid var(--app-border); border-radius: var(--app-radius-sm); background: var(--app-dark-1); margin-bottom: 8px; }
.sync-ai-header[b-ue04qtuqzy] { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.sync-ai-title[b-ue04qtuqzy] { font-size: var(--app-type-xs); font-weight: 700; color: var(--app-text-muted); text-transform: uppercase; letter-spacing: 0.04em; }
.sync-ai-confidence[b-ue04qtuqzy] { font-size: var(--app-type-xs); color: var(--app-text); font-weight: 600; }
.sync-ai-score-shell[b-ue04qtuqzy] { display: flex; align-items: center; justify-content: center; padding: 4px 0 2px; }
.sync-ai-score-ring[b-ue04qtuqzy] {
    --sync-ai-score-start: 14deg;
    --sync-ai-score-end: 14deg;
    width: 152px;
    height: 152px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    background:
        conic-gradient(
            from 12deg,
            color-mix(in srgb, var(--app-border) 82%, transparent) 0deg var(--sync-ai-score-start),
            var(--app-overlay-cyan) var(--sync-ai-score-start),
            color-mix(in srgb, var(--app-overlay-cyan) 78%, var(--app-primary)) calc((var(--sync-ai-score-start) + var(--sync-ai-score-end)) / 2),
            var(--app-primary) var(--sync-ai-score-end),
            color-mix(in srgb, var(--app-border) 82%, transparent) var(--sync-ai-score-end) 360deg
        );
    box-shadow:
        inset 0 0 0 1px color-mix(in srgb, var(--app-border) 78%, transparent),
        0 0 22px color-mix(in srgb, var(--app-primary) 14%, transparent);
}
.sync-ai-score-inner[b-ue04qtuqzy] { width: 100%; height: 100%; border-radius: 50%; background: color-mix(in srgb, var(--app-surface) 92%, transparent); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--app-border) 62%, transparent); }
.sync-ai-score-value[b-ue04qtuqzy] { font-size: clamp(2rem, 4vw, 2.8rem); line-height: 1; font-weight: 700; color: var(--app-text); }
.sync-ai-score-label[b-ue04qtuqzy] { padding: 4px 10px; border-radius: 999px; font-size: var(--app-type-xs); font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--app-overlay-cyan); background: color-mix(in srgb, var(--app-overlay-cyan) 18%, transparent); border: 1px solid color-mix(in srgb, var(--app-overlay-cyan) 28%, var(--app-border)); }
.sync-ai-summary[b-ue04qtuqzy] { font-size: var(--app-type-sm); color: var(--app-text); }
.sync-ai-warning-list[b-ue04qtuqzy] { margin: 0; padding-left: 16px; font-size: var(--app-type-sm); color: var(--app-warning); }
.sync-ai-suggestion-list[b-ue04qtuqzy] { display: flex; flex-direction: column; gap: 6px; }
.sync-ai-suggestion-item[b-ue04qtuqzy] { display: flex; flex-direction: column; gap: 2px; font-size: var(--app-type-sm); border-top: 1px solid var(--app-border); padding-top: 6px; }
.sync-ai-suggestion-field[b-ue04qtuqzy] { color: var(--app-text); font-weight: 600; }
.sync-ai-suggestion-change[b-ue04qtuqzy] { color: var(--app-text-muted); font-size: var(--app-type-xs); }
.sync-ai-suggestion-reason[b-ue04qtuqzy] { color: var(--app-text); }
.sync-probe-panel[b-ue04qtuqzy] { display: flex; flex-direction: column; gap: 10px; padding: 14px; border: 1px solid var(--app-border); border-radius: var(--app-radius-sm); background: var(--app-dark-1); margin-bottom: 8px; }
.sync-probe-header[b-ue04qtuqzy] { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.sync-probe-title[b-ue04qtuqzy] { font-size: var(--app-type-xs); font-weight: 700; color: var(--app-text-muted); text-transform: uppercase; letter-spacing: 0.04em; }
.sync-probe-status[b-ue04qtuqzy] { font-size: var(--app-type-xs); color: var(--app-text-muted); }
.sync-probe-list[b-ue04qtuqzy] { display: flex; flex-direction: column; gap: 0; }
.sync-probe-item[b-ue04qtuqzy] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 14px 0;
    border-top: 1px solid var(--app-border);
}
.sync-probe-item:first-child[b-ue04qtuqzy] { border-top: none; padding-top: 0; }
.sync-probe-entity-icon[b-ue04qtuqzy] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    font-size: var(--app-type-lg);
    border: 1px solid var(--app-border);
    background: var(--app-surface);
}
.sync-probe-entity-icon-root[b-ue04qtuqzy] {
    color: var(--app-primary-light);
}
.sync-probe-entity-icon-sub[b-ue04qtuqzy] {
    color: var(--app-primary-light);
}
.sync-probe-content[b-ue04qtuqzy] { display: flex; flex-direction: column; gap: 6px; min-width: 0; flex: 1; }
.sync-probe-item-top[b-ue04qtuqzy] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.sync-probe-entity-copy[b-ue04qtuqzy] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sync-probe-item-eyebrow[b-ue04qtuqzy] {
    font-size: var(--app-type-xs);
    color: var(--app-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.sync-probe-item-entity[b-ue04qtuqzy] { font-size: var(--app-type-base); color: var(--app-text); font-weight: 600; line-height: 1.15; }
.sync-probe-endpoint-pill[b-ue04qtuqzy] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    align-self: flex-start;
    border-radius: var(--app-radius-sm);
}
.sync-probe-endpoint-method[b-ue04qtuqzy] {
    font-family: var(--app-font-mono);
    font-size: var(--app-type-md);
    font-weight: 700;
    color: var(--app-overlay-cyan);
    letter-spacing: 0.04em;
}
.sync-probe-endpoint-path[b-ue04qtuqzy] {
    font-family: var(--app-font-mono);
    font-size: var(--app-type-md);
    color: var(--app-text-muted);
}
.sync-probe-item-endpoint[b-ue04qtuqzy] {
    font-size: var(--app-type-xs);
    color: var(--app-text-muted);
    overflow-wrap: anywhere;
}
.sync-probe-item-endpoint-empty[b-ue04qtuqzy] { padding-top: 2px; }
.sync-probe-summary[b-ue04qtuqzy] { display: flex; align-items: flex-start; gap: 10px; border-radius: var(--app-radius-sm); padding: 10px 12px; font-size: var(--app-type-sm); }
.sync-probe-summary-icon[b-ue04qtuqzy] { width: 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.sync-probe-summary-copy[b-ue04qtuqzy] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sync-probe-summary-title[b-ue04qtuqzy] { font-size: var(--app-type-base); font-weight: 700; color: var(--app-text); }
.sync-probe-summary-text[b-ue04qtuqzy] { font-size: var(--app-type-sm); color: var(--app-text); }
.sync-probe-success-banner[b-ue04qtuqzy] { width: 100%; }
.sync-probe-summary-warning[b-ue04qtuqzy] { border: 1px solid color-mix(in srgb, var(--app-warning) 35%, var(--app-border)); background: color-mix(in srgb, var(--app-warning) 10%, var(--app-surface-dark)); color: var(--app-text); }
.sync-probe-summary-warning .sync-probe-summary-icon[b-ue04qtuqzy] { color: var(--app-warning); background: color-mix(in srgb, var(--app-warning) 14%, transparent); }
.sync-probe-actions[b-ue04qtuqzy] { margin-top: 8px; }
.sync-field[b-ue04qtuqzy] { display: flex; flex-direction: column; gap: 3px; }
.sync-field label[b-ue04qtuqzy] { font-size: var(--app-type-xs); font-weight: 600; color: var(--app-text-muted); text-transform: uppercase; letter-spacing: 0.03em; }
.sync-field[b-ue04qtuqzy]  .mud-input-control, .sync-field[b-ue04qtuqzy]  .app-menu-select { margin: 0 !important; }
.sync-field-row[b-ue04qtuqzy] { display: flex; gap: 8px; }
.sync-field-row > .sync-field[b-ue04qtuqzy] { flex: 1; }
.sync-field-row-auth-split > .sync-field[b-ue04qtuqzy] { min-width: 0; }
.sync-input-affix[b-ue04qtuqzy] { display: flex; align-items: stretch; gap: 8px; }
.sync-input-affix[b-ue04qtuqzy]  input { flex: 1; }
.sync-input-affix-btn[b-ue04qtuqzy] { min-width: 82px; padding: 4px 10px; font-size: var(--app-type-sm); font-weight: 600; color: var(--app-white); background: var(--app-primary); border: 1px solid var(--app-primary); border-radius: var(--app-radius-sm); cursor: pointer; transition: all 0.15s; white-space: nowrap; }
.sync-input-affix-btn:hover:not(:disabled)[b-ue04qtuqzy] { opacity: 1; background: var(--app-sidebar-accent); color: var(--app-text); }
.sync-input-affix-btn:disabled[b-ue04qtuqzy] { opacity: 0.5; cursor: default; }
.sync-entity-actions[b-ue04qtuqzy] { display: flex; gap: 8px; }
.sync-btn[b-ue04qtuqzy] { display: flex; align-items: center; gap: 5px; padding: 5px 14px; font-size: var(--app-type-sm); font-weight: 600; color: var(--app-white); background: var(--app-primary); border: none; border-radius: var(--app-radius-sm); cursor: pointer; transition: all 0.15s; }
.sync-btn:hover:not(:disabled)[b-ue04qtuqzy] { opacity: 1; background: var(--app-sidebar-accent); color: var(--app-text); }
.sync-btn:disabled[b-ue04qtuqzy] { opacity: 0.5; cursor: default; }
@keyframes sync-card-spin-b-ue04qtuqzy { to { transform: rotate(360deg); } }
.sync-result[b-ue04qtuqzy] { margin-top: 8px; padding: 6px 10px; font-size: var(--app-type-sm); border-radius: var(--app-radius-sm); }
.sync-result-success[b-ue04qtuqzy] { background: var(--app-success-bg); color: var(--app-success); }
.sync-result-warning[b-ue04qtuqzy] { background: var(--app-warning-bg); color: var(--app-warning); }
.save-btn[b-ue04qtuqzy] { padding: 8px 20px; font-size: var(--app-type-md); font-weight: 600; color: var(--app-white); background: var(--app-primary); border: none; border-radius: var(--app-radius-sm); cursor: pointer; transition: all 0.15s; }
.save-btn:hover:not(:disabled)[b-ue04qtuqzy] { opacity: 1; background: var(--app-sidebar-accent); color: var(--app-text); }
.save-btn:disabled[b-ue04qtuqzy] { opacity: 0.5; cursor: default; }
.sync-btn-danger[b-ue04qtuqzy] { background: transparent; color: var(--app-text-muted); border: 1px solid var(--app-border); }
.sync-btn-danger:hover:not(:disabled)[b-ue04qtuqzy] { background: var(--app-sidebar-accent); border-color: var(--app-border); color: var(--app-text); }
.swagger-settings-save[b-ue04qtuqzy] { width: 100%; justify-content: center; }
.sync-overlay[b-ue04qtuqzy] { position: absolute; inset: 0; background: color-mix(in srgb, var(--app-bg) 50%, transparent); display: flex; align-items: center; justify-content: center; z-index: 100; }
.sync-overlay-card[b-ue04qtuqzy] { background: var(--app-surface); border-radius: var(--app-radius); padding: 32px 40px; display: flex; flex-direction: column; align-items: center; gap: 12px; box-shadow: var(--app-shadow); }
.sync-overlay-title[b-ue04qtuqzy] { font-size: var(--app-type-xl); font-weight: 600; color: var(--app-text); }
.sync-overlay-detail[b-ue04qtuqzy] { font-size: var(--app-type-md); color: var(--app-text-muted); }
@media (max-width: 1200px) {
    .swagger-three-column[b-ue04qtuqzy] { grid-template-columns: 1fr; }
    .swagger-column-entities .entity-panel[b-ue04qtuqzy] { max-height: 45vh; border-bottom: 1px solid var(--app-border); }
}

@media (max-width: 768px) {
    .detail-content[b-ue04qtuqzy] { flex-direction: column; }
    .entity-panel[b-ue04qtuqzy] { width: 100%; min-width: 0; max-height: 40vh; border-right: none; border-bottom: 1px solid var(--app-border); }
}
/* /Components/Pages/Tenant/IntegrationDetails/WintAutomationIntegrationDetailView.razor.rz.scp.css */
    .wint-name-input[b-0rve8v0ast] {
        max-width: 320px;
    }
/* /Components/Pages/Tenant/IntegrationDialog.razor.rz.scp.css */
    .source-step[b-cqrf17e71r] {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .source-step-subtitle[b-cqrf17e71r] {
        margin: 0;
        color: var(--app-text-muted);
        font-size: var(--app-type-base);
    }

    .source-search[b-cqrf17e71r] {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 8px 10px;
        border: 1px solid var(--app-border);
        border-radius: var(--app-radius);
        background: var(--app-surface);
    }

    .source-search:focus-within[b-cqrf17e71r] {
        border-color: var(--app-tertiary);
        box-shadow: 0 0 0 2px color-mix(in srgb, var(--app-tertiary) 16%, transparent);
    }

    .source-search svg[b-cqrf17e71r] {
        color: var(--app-text-muted);
        flex-shrink: 0;
    }

    .source-search-input[b-cqrf17e71r] {
        flex: 1 1 auto;
        min-width: 0;
    }

    .source-search-input .mud-input-control[b-cqrf17e71r] {
        margin: 0 !important;
    }

    .source-search-input .mud-input-control-input-container[b-cqrf17e71r] {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .source-search-input .mud-input[b-cqrf17e71r] {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        min-height: 22px !important;
    }

    .source-search-input .mud-input-outlined-border[b-cqrf17e71r] {
        display: none !important;
    }

    .source-search-input .mud-input-slot.mud-input-root[b-cqrf17e71r] {
        padding: 0 !important;
        min-height: 22px !important;
        height: 22px !important;
        font-size: var(--app-type-base) !important;
    }

    .integration-palette[b-cqrf17e71r] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .palette-card[b-cqrf17e71r] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        border: 1px solid var(--app-border);
        background: var(--app-surface);
        border-radius: var(--app-radius);
        padding: 14px;
        text-align: left;
        cursor: pointer;
        transition: all 0.16s ease;
        position: relative;
        min-height: 132px;
    }

    .palette-card-accent-success[b-cqrf17e71r] {
        --palette-accent: var(--app-success);
    }

    .palette-card-accent-error[b-cqrf17e71r] {
        --palette-accent: var(--app-error);
    }

    .palette-card-accent-text[b-cqrf17e71r] {
        --palette-accent: var(--app-text);
    }

    .palette-card-accent-primary[b-cqrf17e71r] {
        --palette-accent: var(--app-primary);
    }

    .palette-card-accent-warning[b-cqrf17e71r] {
        --palette-accent: var(--app-warning);
    }

    .palette-card:hover:not(:disabled)[b-cqrf17e71r] {
        border-color: color-mix(in srgb, var(--palette-accent) 62%, white);
        background: color-mix(in srgb, var(--palette-accent) 8%, var(--app-surface));
    }

    .palette-card-selected[b-cqrf17e71r] {
        border-color: var(--palette-accent);
        box-shadow: inset 0 0 0 1px var(--palette-accent);
        background: color-mix(in srgb, var(--palette-accent) 10%, var(--app-surface));
    }

    .palette-card-disabled[b-cqrf17e71r] {
        opacity: 0.6;
        cursor: not-allowed;
    }

    .palette-icon[b-cqrf17e71r] {
        width: 46px;
        height: 46px;
        border: 1px solid var(--app-border);
        border-radius: var(--app-radius);
        background: transparent;
        color: var(--palette-accent);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .palette-icon img[b-cqrf17e71r] {
        width: 26px;
        height: 26px;
        object-fit: contain;
    }

    .palette-icon-inline[b-cqrf17e71r],
    .palette-icon-inline svg[b-cqrf17e71r],
    .palette-icon-image svg[b-cqrf17e71r] {
        width: 28px;
        height: 28px;
        display: inline-block;
    }

    .palette-icon-inline svg[b-cqrf17e71r],
    .palette-icon-image svg[b-cqrf17e71r] {
        width: 26px;
        height: 26px;
        color: var(--palette-accent);
        fill: currentColor;
    }

    .palette-copy[b-cqrf17e71r] {
        display: flex;
        flex-direction: column;
        gap: 3px;
        min-width: 0;
        width: 100%;
    }

    .palette-title[b-cqrf17e71r] {
        font-size: var(--app-type-lg);
        font-weight: 700;
        color: var(--app-text);
    }

    .palette-subtitle[b-cqrf17e71r] {
        font-size: var(--app-type-md);
        color: var(--app-text-muted);
        line-height: 1.35;
    }

    .palette-meta[b-cqrf17e71r] {
        margin-top: 6px;
        font-size: var(--app-type-sm);
        color: var(--app-text-subtle);
    }

    .palette-soon[b-cqrf17e71r] {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: var(--app-type-2xs);
        font-weight: 700;
        color: var(--app-text-muted);
        background: var(--app-surface-dark);
        border: 1px solid var(--app-border);
        border-radius: var(--app-radius-pill);
        padding: 1px 7px;
    }

    .palette-selected-dot[b-cqrf17e71r] {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 20px;
        height: 20px;
        border-radius: var(--app-radius-pill);
        background: var(--app-tertiary);
        color: var(--app-white);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: var(--app-type-sm);
        font-weight: 700;
    }

    .dialog-actions-shell[b-cqrf17e71r] {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }

    .integration-dialog[b-cqrf17e71r] {
        max-height: min(92vh, 860px) !important;
        display: flex;
        flex-direction: column;
    }

    .integration-dialog .mud-dialog-content[b-cqrf17e71r] {
        overflow-y: auto !important;
    }

    .integration-dialog .mud-dialog-actions[b-cqrf17e71r] {
        flex-shrink: 0;
    }

    .integration-config-step[b-cqrf17e71r] {
        width: min(100%, 760px);
        margin: 0 auto;
    }

    .integration-config-step .mud-input-control[b-cqrf17e71r],
    .integration-config-step[b-cqrf17e71r]  .app-menu-select {
        width: 100%;
        margin-bottom: 0.25rem;
    }

    .integration-config-step .mud-input[b-cqrf17e71r],
    .integration-config-step[b-cqrf17e71r]  .app-menu-select-trigger,
    .integration-config-step input.mud-input-slot[b-cqrf17e71r] {
        width: 100%;
    }

    .actions-right[b-cqrf17e71r] {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-left: auto;
    }

    .actions-selection-label[b-cqrf17e71r] {
        font-size: var(--app-type-base);
        color: var(--app-text-muted);
        font-weight: 600;
    }

    .dialog-btn-icon[b-cqrf17e71r] {
        font-size: var(--app-type-base);
        line-height: 1;
        margin-right: 6px;
        vertical-align: -1px;
    }

    @media (max-width: 680px) {
        .integration-palette[b-cqrf17e71r] {
            grid-template-columns: 1fr;
        }

        .dialog-actions-shell[b-cqrf17e71r] {
            flex-direction: column;
            align-items: stretch;
        }

        .actions-right[b-cqrf17e71r] {
            width: 100%;
            justify-content: flex-end;
        }

        .actions-selection-label[b-cqrf17e71r] {
            order: 2;
        }
    }
/* /Components/Pages/Tenant/IntegrationFlows.razor.rz.scp.css */
/* ══════════════════════════════════════════════════
   IntegrationFlows — detail shell + right selector
   ══════════════════════════════════════════════════ */

.pl-sidebar[b-w4duqg47pi] {
    padding: 0;
}

.pl-selector-section[b-w4duqg47pi] {
    min-height: 100%;
    padding: 16px 0 12px;
    border-bottom: 0;
}

.pl-selector-section .sidebar-title[b-w4duqg47pi] {
    padding: 0 16px 8px;
    margin-bottom: 0;
}

/* ── Group header ── */

.pl-group-header[b-w4duqg47pi] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 12px 16px 4px;
    font-size: var(--app-type-2xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--app-text-muted);
}

.pl-group-name[b-w4duqg47pi] {
    flex: 1;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pl-group-count[b-w4duqg47pi] {
    font-weight: 400;
    opacity: 0.6;
}

.pl-list-row.selected .pl-list-row-name[b-w4duqg47pi] {
    color: var(--app-text-on-dark);
}

.pl-list-row-name[b-w4duqg47pi] {
    font-size: var(--app-type-md);
    font-weight: 500;
    color: var(--app-text-on-dark-subtle);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pl-list-row-sub[b-w4duqg47pi] {
    font-size: var(--app-type-2xs);
    color: var(--app-text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pl-dot-green[b-w4duqg47pi] {
    background: color-mix(in srgb, var(--app-success) 70%, transparent);
}

/* ── Right panel: detail ── */

.pl-detail-content[b-w4duqg47pi] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0;
    overflow: hidden;
}

.pl-detail-meta[b-w4duqg47pi] {
    padding: 12px 16px 0;
    margin-bottom: 0;
}

.pl-graph-note[b-w4duqg47pi] {
    margin: 0 16px;
    padding: 10px 12px;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius);
    background: var(--app-surface-dark);
    color: var(--app-text-muted);
    font-size: var(--app-type-sm);
}

.pl-graph-view[b-w4duqg47pi] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
}
/* /Components/Pages/Tenant/Integrations.razor.rz.scp.css */
[b-3ypy5z437t] .integrations-list-page {
    overflow: hidden;
}

.connections-header-action-icon[b-3ypy5z437t] {
    margin-right: 6px;
}

.schedule-icon-last[b-3ypy5z437t] {
    color: var(--app-text-muted);
}

.schedule-icon-next[b-3ypy5z437t] {
    color: var(--app-success);
}

.schedule-value-next[b-3ypy5z437t] {
    color: var(--app-success);
}
/* /Components/Pages/Tenant/Jsonata.razor.rz.scp.css */
.jsonata-page-shell[b-kv722t2u4r] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* ── Flat workbench (no right sidebar shell) ── */
.jsonata-workbench-flat[b-kv722t2u4r] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

/* ── Toolbar ── */
.jsonata-toolbar[b-kv722t2u4r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 12px;
    border-bottom: 1px solid color-mix(in srgb, var(--app-border) 30%, transparent);
    flex-shrink: 0;
    gap: 8px;
}

.jsonata-toolbar-left[b-kv722t2u4r] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.jsonata-toolbar-right[b-kv722t2u4r] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.jsonata-toolbar-btn[b-kv722t2u4r] {
    height: 28px;
    padding: 0 10px;
    font-size: var(--app-type-sm);
    font-weight: 500;
    border-radius: var(--app-radius-sm);
    border: 1px solid var(--app-border);
    background: transparent;
    color: var(--app-text-muted);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: all 60ms ease;
    white-space: nowrap;
}

.jsonata-toolbar-btn:hover[b-kv722t2u4r] {
    background: var(--app-dark-4);
    color: var(--app-text);
}

.jsonata-toolbar-btn.active[b-kv722t2u4r] {
    background: var(--app-dark-4);
    color: var(--app-text);
    border-color: var(--app-primary);
}

.jsonata-toolbar-btn i[b-kv722t2u4r] {
    font-size: var(--app-type-md) !important;
    width: 13px !important;
    height: 13px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

.jsonata-toolbar-divider[b-kv722t2u4r] {
    width: 1px;
    height: 20px;
    background: color-mix(in srgb, var(--app-border) 40%, transparent);
    margin: 0 2px;
}

.jsonata-input-root-badge[b-kv722t2u4r] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: var(--app-type-xs);
    color: var(--app-text-muted);
}

.jsonata-input-root-badge code[b-kv722t2u4r] {
    font-family: var(--app-font-mono);
    color: var(--app-primary);
    font-size: var(--app-type-xs);
}

/* ── Content area: editor/results + optional side panel ── */
.jsonata-content-area[b-kv722t2u4r] {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.jsonata-editor-results[b-kv722t2u4r] {
    --jsonata-editor-height: 300px;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: minmax(100px, var(--jsonata-editor-height)) auto minmax(0, 1fr);
}

/* ── Slide-in side panel ── */
.jsonata-side-panel[b-kv722t2u4r] {
    width: 280px;
    flex-shrink: 0;
    border-left: 1px solid color-mix(in srgb, var(--app-border) 30%, transparent);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.jsonata-side-panel-header[b-kv722t2u4r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    border-bottom: 1px solid color-mix(in srgb, var(--app-border) 30%, transparent);
}

.jsonata-side-panel-title[b-kv722t2u4r] {
    font-size: var(--app-type-xs);
    font-weight: 600;
    color: var(--app-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.jsonata-side-panel-close[b-kv722t2u4r] {
    min-width: 24px;
    width: 24px;
    height: 24px;
    padding: 0;
    font-size: var(--app-type-base);
}

.jsonata-side-panel-search[b-kv722t2u4r] {
    padding: 8px 12px;
}

.jsonata-side-panel .jsonata-list-stack[b-kv722t2u4r],
.jsonata-side-panel .jsonata-schema-list[b-kv722t2u4r] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 6px;
    align-content: start;
}

.jsonata-side-panel .jsonata-empty-callout[b-kv722t2u4r] {
    padding: 16px 12px;
    font-size: var(--app-type-md);
    color: var(--app-text-muted);
}

.jsonata-results-empty-hint[b-kv722t2u4r] {
    padding: 12px 16px;
    font-size: var(--app-type-sm);
    color: var(--app-text-muted);
}

.jsonata-editor-pane[b-kv722t2u4r],
.jsonata-results-pane[b-kv722t2u4r] {
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: var(--app-space-sm);
    padding: var(--app-space-md);
    overflow: hidden;
    border-top: 1px solid var(--app-border);
    background: var(--app-surface);
}

.jsonata-results-pane[b-kv722t2u4r] {
    overflow-y: auto;
}

.jsonata-results-body[b-kv722t2u4r] {
    min-height: 0;
    flex: 1 1 auto;
    overflow-x: auto;
    overflow-y: auto;
}

.jsonata-pane-header[b-kv722t2u4r] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--app-space-sm);
    flex-wrap: wrap;
}

.jsonata-pane-header h2[b-kv722t2u4r],
.jsonata-sidebar-header h2[b-kv722t2u4r] {
    margin: 0;
    color: var(--app-text);
    font-size: var(--app-type-xl);
    line-height: 1.1;
}

.jsonata-sidebar-header p[b-kv722t2u4r] {
    margin: var(--app-space-2xs) 0 0 0;
    color: var(--app-text-subtle);
    font-size: var(--app-type-sm);
}

.jsonata-pane-header-compact[b-kv722t2u4r] {
    align-items: center;
    min-height: 32px;
}

.jsonata-result-tabs[b-kv722t2u4r] {
    flex: 0 0 auto;
    min-width: fit-content;
    padding: 0;
    background: transparent;
}

.jsonata-page-shell[b-kv722t2u4r]  .app-pane-splitter-horizontal {
    width: 88px;
    justify-self: center;
    align-self: center;
}

.jsonata-pane-meta[b-kv722t2u4r] {
    display: inline-flex;
    align-items: center;
    gap: var(--app-space-sm);
    flex-wrap: wrap;
    color: var(--app-text-subtle);
    font-size: var(--app-type-xs);
}

.jsonata-pane-meta code[b-kv722t2u4r] {
    font-family: var(--app-font-mono);
    color: var(--app-blue-fg);
}

.jsonata-query-actions[b-kv722t2u4r] {
    display: flex;
    align-items: center;
    gap: var(--app-space-sm);
    justify-content: space-between;
    flex-wrap: wrap;
}

.jsonata-source-select[b-kv722t2u4r] {
    flex: 0 0 320px;
    min-width: 320px;
}

.jsonata-action-cluster[b-kv722t2u4r] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--app-space-sm);
    margin-left: auto;
}

.jsonata-editor-shell[b-kv722t2u4r] {
    flex: 1 1 auto;
    min-height: 100px;
    border-radius: var(--app-radius);
    overflow: hidden;
    background: var(--app-dark-1);
}

.jsonata-editor-shell[b-kv722t2u4r]  .app-code-editor-host.app-input-shell {
    border-radius: var(--app-radius) !important;
}

.jsonata-sidebar-shell[b-kv722t2u4r] {
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.jsonata-sidebar-header[b-kv722t2u4r] {
    display: grid;
    gap: var(--app-space-2xs);
    padding: var(--app-space-sm) var(--app-space-md);
    border-bottom: 1px solid var(--app-border);
}

.jsonata-sidebar-meta[b-kv722t2u4r] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--app-space-xs);
    color: var(--app-text-subtle);
    font-size: var(--app-type-xs);
}

.jsonata-source-select[b-kv722t2u4r]  .app-menu-select {
    width: 100%;
    gap: 0;
}

.jsonata-source-select[b-kv722t2u4r]  .app-menu-select-header {
    display: none;
}

.jsonata-sidebar-tabs[b-kv722t2u4r] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.jsonata-sidebar-tabs .app-tab-strip-item[b-kv722t2u4r] {
    min-width: 0;
    justify-content: center;
    padding: 4px 8px;
}

.jsonata-sidebar-panel[b-kv722t2u4r] {
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: var(--app-space-xs);
    padding: var(--app-space-sm) var(--app-space-md) var(--app-space-md);
    overflow: auto;
}

.jsonata-sidebar-toolbar[b-kv722t2u4r] {
    display: grid;
    gap: var(--app-space-sm);
}

.jsonata-schema-list[b-kv722t2u4r],
.jsonata-list-stack[b-kv722t2u4r] {
    display: flex;
    flex-direction: column;
    gap: var(--app-space-xs);
    justify-content: flex-start;
}

.jsonata-schema-list .jsonata-list-card[b-kv722t2u4r],
.jsonata-list-stack .jsonata-list-card[b-kv722t2u4r] {
    flex-shrink: 0;
}

.jsonata-schema-row-title[b-kv722t2u4r],
.jsonata-list-card-title[b-kv722t2u4r] {
    color: var(--app-text);
    font-size: var(--app-type-md);
    font-weight: 500;
}

.jsonata-list-card-subtitle[b-kv722t2u4r] {
    color: var(--app-blue-fg);
    font-size: var(--app-type-xs);
    font-family: var(--app-font-mono);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jsonata-list-card-meta[b-kv722t2u4r] {
    grid-column: 1 / -1;
    color: var(--app-text-muted);
    font-size: var(--app-type-xs);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jsonata-list-card[b-kv722t2u4r] {
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-sm);
    background: var(--app-dark-3);
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: var(--app-space-xs);
    overflow: hidden;
}

.jsonata-list-card-selectable[b-kv722t2u4r] {
    cursor: pointer;
    outline: none;
}

.jsonata-list-card:hover[b-kv722t2u4r] {
    border-color: var(--app-border);
    background: var(--app-dark-4);
    color: var(--app-text);
}

.jsonata-list-card-selectable:focus[b-kv722t2u4r],
.jsonata-list-card-selectable:focus-visible[b-kv722t2u4r] {
    outline: none;
}

.jsonata-list-card-main[b-kv722t2u4r] {
    display: grid;
    gap: 4px;
    min-width: 0;
    padding: var(--app-space-sm) var(--app-space-sm);
    text-align: left;
    justify-items: start;
    align-content: start;
}

.jsonata-list-card-action[b-kv722t2u4r] {
    align-self: center;
    margin-right: var(--app-space-xs);
}

.jsonata-empty-callout[b-kv722t2u4r],
.jsonata-empty-state[b-kv722t2u4r],
.jsonata-page-message[b-kv722t2u4r],
.jsonata-error-panel[b-kv722t2u4r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--app-space-sm);
    padding: calc(var(--app-space-lg) + var(--app-space-xs));
    border: 1px dashed var(--app-border);
    border-radius: var(--app-radius);
    color: var(--app-text-subtle);
    text-align: center;
    background: var(--app-surface);
}

.jsonata-page-message[b-kv722t2u4r] {
    min-height: 320px;
}

.jsonata-page-message-error[b-kv722t2u4r],
.jsonata-error-panel[b-kv722t2u4r] {
    border-color: color-mix(in srgb, var(--app-error) 40%, var(--app-border));
    color: var(--app-error);
}

.jsonata-empty-state h3[b-kv722t2u4r] {
    margin: 0;
    color: var(--app-text);
    font-size: var(--app-type-xl);
}

.jsonata-empty-state p[b-kv722t2u4r] {
    margin: 0;
    max-width: 560px;
}

.jsonata-results-meta[b-kv722t2u4r] {
    display: flex;
    align-items: center;
    gap: var(--app-space-sm);
    flex-wrap: wrap;
    color: var(--app-text-subtle);
    font-size: var(--app-type-xs);
    min-height: 24px;
}

.jsonata-table-shell[b-kv722t2u4r] {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.jsonata-results-body > .jsonata-empty-state[b-kv722t2u4r],
.jsonata-results-body > .jsonata-error-panel[b-kv722t2u4r],
.jsonata-json-result-shell[b-kv722t2u4r] {
    min-height: 0;
    flex: 1 1 auto;
}

.jsonata-json-result-shell[b-kv722t2u4r] {
    overflow: auto;
}

.jsonata-json-result-shell[b-kv722t2u4r]  .jsonata-json-result,
.jsonata-json-result-shell[b-kv722t2u4r]  .jsonata-json-result pre {
    height: 100%;
}

.jsonata-result-table[b-kv722t2u4r] {
    min-width: 100%;
}

.jsonata-table-region[b-kv722t2u4r] {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

.jsonata-result-cell-column[b-kv722t2u4r] {
    padding: 0 !important;
    vertical-align: top;
}

.jsonata-result-cell[b-kv722t2u4r] {
    display: block;
    width: 100%;
    min-width: 160px;
    max-width: 320px;
    padding: var(--app-space-xs) var(--app-space-sm);
    overflow: hidden;
    color: var(--app-text);
    font-size: var(--app-type-sm);
}

.jsonata-result-cell-button[b-kv722t2u4r] {
    border: none;
    background: transparent;
    text-align: left;
    cursor: pointer;
    font: inherit;
    transition: background-color var(--app-transition), box-shadow var(--app-transition);
}

.jsonata-result-cell-button:hover[b-kv722t2u4r] {
    background: color-mix(in srgb, var(--app-primary) 6%, var(--app-surface));
}

.jsonata-result-cell-button:focus-visible[b-kv722t2u4r] {
    outline: none;
    background: color-mix(in srgb, var(--app-primary) 8%, var(--app-surface));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--app-primary) 35%, var(--app-border));
}

.jsonata-result-cell-selected[b-kv722t2u4r] {
    background: color-mix(in srgb, var(--app-primary) 14%, var(--app-surface));
}

.jsonata-result-cell-text[b-kv722t2u4r] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jsonata-result-cell-text-code[b-kv722t2u4r] {
    display: inline-block;
    max-width: 100%;
    padding: 2px 7px;
    border-radius: var(--app-radius-sm);
    border: 1px solid color-mix(in srgb, var(--app-border) 70%, transparent);
    background: color-mix(in srgb, var(--app-surface-dark) 86%, transparent);
    color: var(--app-text-subtle);
    font-family: var(--app-font-mono);
}

.jsonata-cell-preview-layer[b-kv722t2u4r] {
    position: absolute;
    right: var(--app-space-md);
    bottom: var(--app-space-md);
    z-index: 4;
    width: min(40rem, calc(100% - (2 * var(--app-space-md))));
    max-height: calc(100% - (2 * var(--app-space-md)));
    min-height: 180px;
    display: flex;
    flex-direction: column;
    gap: var(--app-space-sm);
    padding: var(--app-space-md);
    border: 1px solid color-mix(in srgb, var(--app-border) 78%, var(--app-primary));
    border-radius: var(--app-radius);
    background: color-mix(in srgb, var(--app-surface) 96%, var(--app-primary) 4%);
    box-shadow: var(--app-shadow-lg);
    overflow: hidden;
}

.jsonata-cell-preview-title-group[b-kv722t2u4r] {
    min-width: 0;
    display: grid;
    gap: var(--app-space-2xs);
}

.jsonata-cell-preview-title[b-kv722t2u4r] {
    color: var(--app-text-subtle);
    font-size: var(--app-type-xs);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.jsonata-cell-preview-meta[b-kv722t2u4r] {
    color: var(--app-text);
    font-size: var(--app-type-sm);
    font-weight: 600;
}

.jsonata-cell-preview-value[b-kv722t2u4r],
.jsonata-cell-preview-json[b-kv722t2u4r] {
    min-height: 0;
    flex: 1 1 auto;
    margin: 0;
    overflow: auto;
    border: 1px solid var(--app-border-subtle);
    border-radius: var(--app-radius-sm);
    background: var(--app-surface);
}

.jsonata-cell-preview-value[b-kv722t2u4r] {
    padding: var(--app-space-sm);
    white-space: pre-wrap;
    word-break: break-word;
    color: var(--app-text);
    font-size: var(--app-type-sm);
    line-height: 1.5;
    font-family: var(--app-font-mono);
}

.jsonata-cell-preview-json[b-kv722t2u4r]  pre {
    margin: 0;
    padding: var(--app-space-sm);
    min-height: 100%;
}

@media (max-width: 1100px) {
    .jsonata-page-shell[b-kv722t2u4r]  .jsonata-workbench {
        grid-template-columns: minmax(0, 1fr);
        height: 100%;
    }

    .jsonata-page-shell[b-kv722t2u4r]  .jsonata-workbench-content {
        grid-template-rows: auto auto minmax(0, 1fr);
    }

    .jsonata-pane-header[b-kv722t2u4r],
    .jsonata-query-actions[b-kv722t2u4r] {
        align-items: stretch;
    }

    .jsonata-action-cluster[b-kv722t2u4r] {
        width: 100%;
        justify-content: flex-start;
    }

    .jsonata-source-select[b-kv722t2u4r] {
        width: 100%;
        min-width: 0;
    }

    .jsonata-page-shell[b-kv722t2u4r]  .app-pane-splitter {
        display: none;
    }

    .jsonata-cell-preview-layer[b-kv722t2u4r] {
        right: var(--app-space-sm);
        bottom: var(--app-space-sm);
        width: min(32rem, calc(100% - (2 * var(--app-space-sm))));
        max-height: calc(100% - (2 * var(--app-space-sm)));
    }
}

@media (max-width: 720px) {
    .jsonata-editor-pane[b-kv722t2u4r],
    .jsonata-results-pane[b-kv722t2u4r],
    .jsonata-sidebar-header[b-kv722t2u4r],
    .jsonata-sidebar-panel[b-kv722t2u4r] {
        padding-left: var(--app-space-sm);
        padding-right: var(--app-space-sm);
    }

    .jsonata-sidebar-tabs[b-kv722t2u4r] {
        padding-left: var(--app-space-sm);
        padding-right: var(--app-space-sm);
    }

    .jsonata-list-card[b-kv722t2u4r] {
        grid-template-columns: minmax(0, 1fr);
        padding-right: 0;
    }

    .jsonata-list-card-action[b-kv722t2u4r] {
        justify-self: end;
        margin-right: var(--app-space-xs);
        margin-bottom: var(--app-space-xs);
    }

    .jsonata-cell-preview-layer[b-kv722t2u4r] {
        left: var(--app-space-sm);
        right: var(--app-space-sm);
        width: auto;
        max-height: min(60%, 360px);
    }
}
/* /Components/Pages/Tenant/JsonataSaveQueryDialog.razor.rz.scp.css */
.jsonata-save-query-dialog__body[b-gzqjzmx6yd] {
    width: 100%;
}

.jsonata-save-query-dialog__field[b-gzqjzmx6yd] {
    width: 100%;
}

[b-gzqjzmx6yd] .jsonata-save-query-dialog__field .mud-input-control,
[b-gzqjzmx6yd] .jsonata-save-query-dialog__field .mud-input-control-input-container,
[b-gzqjzmx6yd] .jsonata-save-query-dialog__field .mud-input,
[b-gzqjzmx6yd] .jsonata-save-query-dialog__field .mud-input-slot.mud-input-root,
[b-gzqjzmx6yd] .jsonata-save-query-dialog__field input {
    width: 100%;
}
/* /Components/Pages/Tenant/NewStepFunctionDialog.razor.rz.scp.css */
.new-step-function-dialog__stack[b-8orjc88hu4] {
    display: flex;
    flex-direction: column;
    gap: var(--app-space-md);
    width: 100%;
}

.new-step-function-dialog__copy[b-8orjc88hu4] {
    margin: 0;
}

.new-step-function-dialog__textarea-shell[b-8orjc88hu4] {
    width: 100%;
}

[b-8orjc88hu4] .new-step-function-dialog__textarea {
    width: 100%;
}

[b-8orjc88hu4] .new-step-function-dialog__textarea .mud-input-control,
[b-8orjc88hu4] .new-step-function-dialog__textarea .mud-input-control-input-container,
[b-8orjc88hu4] .new-step-function-dialog__textarea .mud-input,
[b-8orjc88hu4] .new-step-function-dialog__textarea .mud-input-slot.mud-input-root {
    width: 100%;
}
/* /Components/Pages/Tenant/NewWorkflowTemplateDialog.razor.rz.scp.css */
.workflow-template-dialog[b-sb07r3i9pc] {
    max-height: min(92vh, 900px) !important;
    display: flex;
    flex-direction: column;
}

.workflow-template-dialog .mud-dialog-content[b-sb07r3i9pc] {
    overflow-y: auto !important;
}

.workflow-template-dialog__stack[b-sb07r3i9pc] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.workflow-template-dialog__copy[b-sb07r3i9pc] {
    margin: 0;
    color: var(--app-text-muted);
    font-size: var(--app-type-base);
    line-height: 1.5;
}

.workflow-template-dialog__search[b-sb07r3i9pc] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius);
    background: var(--app-surface);
}

.workflow-template-dialog__search:focus-within[b-sb07r3i9pc] {
    border-color: var(--app-tertiary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--app-tertiary) 16%, transparent);
}

.workflow-template-dialog__search-icon[b-sb07r3i9pc] {
    color: var(--app-text-muted);
    font-size: var(--app-type-base);
}

.workflow-template-dialog__search-input[b-sb07r3i9pc] {
    flex: 1 1 auto;
    min-width: 0;
}

.workflow-template-dialog__search-input .mud-input-control[b-sb07r3i9pc] {
    margin: 0 !important;
}

.workflow-template-dialog__search-input .mud-input-control-input-container[b-sb07r3i9pc] {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.workflow-template-dialog__search-input .mud-input[b-sb07r3i9pc] {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    min-height: 22px !important;
}

.workflow-template-dialog__search-input .mud-input-outlined-border[b-sb07r3i9pc] {
    display: none !important;
}

.workflow-template-dialog__search-input .mud-input-slot.mud-input-root[b-sb07r3i9pc] {
    padding: 0 !important;
    min-height: 22px !important;
    height: 22px !important;
    font-size: var(--app-type-base) !important;
}

.workflow-template-dialog__grid[b-sb07r3i9pc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.workflow-template-dialog__card[b-sb07r3i9pc] {
    position: relative;
}

.workflow-template-dialog__card.workflow-template-dialog__card-selected[b-sb07r3i9pc] {
    border-color: color-mix(in srgb, var(--card-accent) 70%, var(--app-border)) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--card-accent) 36%, transparent);
    background: color-mix(in srgb, var(--card-accent) 8%, var(--app-dark-3));
}

.workflow-template-dialog__selected-dot[b-sb07r3i9pc] {
    width: 22px;
    height: 22px;
    border-radius: var(--app-radius-pill);
    background: var(--app-text);
    color: var(--app-surface);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--app-type-sm);
    font-weight: 700;
}

.workflow-template-dialog__badges[b-sb07r3i9pc] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.workflow-template-dialog__pill[b-sb07r3i9pc] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: var(--app-radius-pill);
    border: 1px solid var(--app-border-subtle);
    background: var(--app-dark-4);
    color: var(--app-text-muted);
    font-size: var(--app-type-xs);
    font-weight: 600;
}

.workflow-template-dialog__pill-accent[b-sb07r3i9pc] {
    border-color: color-mix(in srgb, var(--app-primary) 36%, var(--app-border));
    background: color-mix(in srgb, var(--app-primary) 14%, var(--app-dark-3));
    color: var(--app-primary-light);
}

.workflow-template-dialog__detail[b-sb07r3i9pc] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius);
    background: color-mix(in srgb, var(--app-surface) 86%, var(--app-dark-3));
}

.workflow-template-dialog__detail-header[b-sb07r3i9pc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.workflow-template-dialog__detail-title[b-sb07r3i9pc] {
    font-size: var(--app-type-xl);
    font-weight: 700;
    color: var(--app-text);
}

.workflow-template-dialog__detail-subtitle[b-sb07r3i9pc] {
    margin-top: 3px;
    font-size: var(--app-type-sm);
    color: var(--app-text-muted);
}

.workflow-template-dialog__detail-trigger[b-sb07r3i9pc] {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: var(--app-radius-pill);
    background: color-mix(in srgb, var(--app-tertiary) 14%, transparent);
    color: var(--app-tertiary);
    font-size: var(--app-type-xs);
    font-weight: 700;
    white-space: nowrap;
}

.workflow-template-dialog__detail-copy[b-sb07r3i9pc] {
    margin: 0;
    color: var(--app-text-muted);
    font-size: var(--app-type-base);
    line-height: 1.55;
}

.workflow-template-dialog__detail-section[b-sb07r3i9pc] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.workflow-template-dialog__detail-label[b-sb07r3i9pc] {
    font-size: var(--app-type-xs);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--app-text-subtle);
}

.workflow-template-dialog__doc-pills[b-sb07r3i9pc],
.workflow-template-dialog__step-list[b-sb07r3i9pc] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.workflow-template-dialog__doc-pill[b-sb07r3i9pc],
.workflow-template-dialog__step-pill[b-sb07r3i9pc] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: var(--app-radius-sm);
    border: 1px solid var(--app-border-subtle);
    background: var(--app-dark-4);
    color: var(--app-text-muted);
    font-size: var(--app-type-sm);
}

.workflow-template-dialog__doc-pill i[b-sb07r3i9pc] {
    color: var(--app-text-subtle);
    font-size: var(--app-type-xs);
}

.workflow-template-dialog__actions[b-sb07r3i9pc] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.workflow-template-dialog__actions-right[b-sb07r3i9pc] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}

.workflow-template-dialog__selection-label[b-sb07r3i9pc] {
    color: var(--app-text-muted);
    font-size: var(--app-type-base);
}

.workflow-template-dialog__empty[b-sb07r3i9pc] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 16px;
    border-radius: var(--app-radius);
    border: 1px dashed var(--app-border);
    color: var(--app-text-muted);
    background: color-mix(in srgb, var(--app-secondary) 8%, var(--app-surface));
}

@media (max-width: 900px) {
    .workflow-template-dialog__grid[b-sb07r3i9pc] {
        grid-template-columns: 1fr;
    }

    .workflow-template-dialog__detail-header[b-sb07r3i9pc],
    .workflow-template-dialog__actions[b-sb07r3i9pc] {
        flex-direction: column;
        align-items: stretch;
    }

    .workflow-template-dialog__actions-right[b-sb07r3i9pc] {
        margin-left: 0;
        justify-content: flex-end;
    }
}
/* /Components/Pages/Tenant/Onboarding.razor.rz.scp.css */
.tenant-table-shell.workflow-shell-flat[b-48ei79crma] {
    border: 0;
    background: transparent;
    padding: var(--app-space-sm);
    overflow: auto;
}

.tenant-onboarding[b-48ei79crma] {
    display: flex;
    flex-direction: column;
    gap: var(--app-space-md);
    max-width: 720px;
    margin: 0 auto;
    color: var(--app-text);
}

.tenant-onboarding-header[b-48ei79crma] {
    display: flex;
    flex-direction: column;
    gap: var(--app-space-xs);
}

.tenant-onboarding-caption[b-48ei79crma],
.tenant-onboarding-current-label[b-48ei79crma] {
    margin: 0;
    font-size: var(--app-type-sm);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--app-text-subtle);
}

.tenant-onboarding-header h1[b-48ei79crma],
.tenant-onboarding-card h2[b-48ei79crma] {
    margin: 0;
    color: var(--app-text);
}

.tenant-onboarding-header h1[b-48ei79crma] {
    font-size: var(--app-type-2xl);
    line-height: 1.2;
}

.tenant-onboarding-summary[b-48ei79crma],
.tenant-onboarding-card-body[b-48ei79crma] {
    margin: 0;
    font-size: var(--app-type-lg);
    line-height: 1.6;
    color: var(--app-text-muted);
    max-width: 56ch;
}

.tenant-onboarding-steps[b-48ei79crma] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--app-space-xs);
}

.tenant-onboarding-step[b-48ei79crma] {
    display: flex;
    align-items: center;
    gap: var(--app-space-xs);
    min-width: 0;
    padding: var(--app-space-xs) var(--app-space-sm);
    border: 1px solid var(--app-border-subtle);
    border-radius: var(--app-radius-md);
    background: var(--app-surface-raised);
}

.tenant-onboarding-step--done[b-48ei79crma] {
    border-color: color-mix(in srgb, var(--app-success) 32%, var(--app-border));
    background: color-mix(in srgb, var(--app-success) 6%, var(--app-surface));
}

.tenant-onboarding-step--current[b-48ei79crma] {
    border-color: color-mix(in srgb, var(--app-primary) 32%, var(--app-border));
    background: color-mix(in srgb, var(--app-primary) 6%, var(--app-surface));
}

.tenant-onboarding-step-index[b-48ei79crma] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    border-radius: 999px;
    border: 1px solid var(--app-border-subtle);
    background: var(--app-surface-dark);
    font-size: var(--app-type-sm);
    font-weight: 700;
    color: var(--app-text);
}

.tenant-onboarding-step-copy[b-48ei79crma] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.tenant-onboarding-step-copy strong[b-48ei79crma] {
    font-size: var(--app-type-base);
    line-height: 1.4;
    color: var(--app-text);
}

.tenant-onboarding-step-copy span[b-48ei79crma] {
    font-size: var(--app-type-2xs);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--app-text-subtle);
}

.tenant-onboarding-card[b-48ei79crma] {
    display: flex;
    flex-direction: column;
    gap: var(--app-space-sm);
    padding: var(--app-space-md);
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-lg);
    background: var(--app-surface);
}

.tenant-onboarding-card-note[b-48ei79crma],
.tenant-onboarding-meta[b-48ei79crma] {
    margin: 0;
    font-size: var(--app-type-base);
    line-height: 1.5;
    color: var(--app-text-subtle);
}

.tenant-onboarding-card-actions[b-48ei79crma] {
    display: flex;
    align-items: center;
    gap: var(--app-space-sm);
    margin-top: var(--app-space-xs);
}

.tenant-onboarding-card-actions[b-48ei79crma]  .mud-button-root {
    min-height: 44px;
    justify-content: center;
}

.tenant-onboarding-secondary-link[b-48ei79crma] {
    font-size: var(--app-type-base);
    font-weight: 600;
    color: var(--app-link);
}

@media (max-width: 900px) {
    .tenant-onboarding-steps[b-48ei79crma] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .tenant-table-shell.workflow-shell-flat[b-48ei79crma] {
        padding: var(--app-space-xs);
    }

    .tenant-onboarding[b-48ei79crma] {
        padding-top: calc(var(--app-space-2xl) + var(--app-space-lg) + var(--app-space-xs));
    }

    .tenant-onboarding-steps[b-48ei79crma] {
        grid-template-columns: 1fr;
    }

    .tenant-onboarding-card[b-48ei79crma] {
        padding: var(--app-space-sm);
    }

    .tenant-onboarding-card-actions[b-48ei79crma] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Tenant/OnboardingReset.razor.rz.scp.css */
.onboarding-reset-confirm-input[b-8xqfsrxpi6] {
    min-width: 220px;
}
/* /Components/Pages/Tenant/Scheduler.razor.rz.scp.css */
.sched-sidebar[b-gcsvu33yfr] {
    padding: 0;
}

.sched-selector-section[b-gcsvu33yfr] {
    min-height: 100%;
    padding: 16px 0 12px;
    border-bottom: 0;
}

.sched-selector-section .sidebar-title[b-gcsvu33yfr] {
    padding: 0 16px 8px;
    margin-bottom: 0;
}

.sched-list-row.selected .sched-list-row-name[b-gcsvu33yfr] {
    color: var(--app-text-on-dark);
}

.sched-list-row-name[b-gcsvu33yfr] {
    font-size: var(--app-type-md);
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
    color: var(--app-text-on-dark-subtle);
}

.sched-list-row-sub[b-gcsvu33yfr] {
    display: block;
    font-family: var(--app-font-mono);
    font-size: var(--app-type-2xs);
    color: var(--app-text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sched-status-dot.active[b-gcsvu33yfr] {
    background: var(--app-success);
}

.sched-status-dot.pending[b-gcsvu33yfr] {
    background: var(--app-warning);
}

.sched-status-dot.error[b-gcsvu33yfr] {
    background: var(--app-danger);
}

.sched-detail-title[b-gcsvu33yfr] {
    margin: 0;
    font-size: var(--app-type-lg);
    font-weight: 500;
    color: var(--app-text);
    line-height: 1.3;
}

.sched-detail-subtitle[b-gcsvu33yfr] {
    font-size: var(--app-type-sm);
    color: var(--app-text-muted);
}

/* ── Sync button ── */
.sched-sync-btn[b-gcsvu33yfr] {
    flex-shrink: 0;
}

/* ── Meta row ── */
.sched-meta-row[b-gcsvu33yfr] {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    row-gap: 4px;
    margin-top: 12px;
    margin-bottom: 20px;
    font-size: var(--app-type-sm);
}

.sched-meta-item[b-gcsvu33yfr] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.sched-meta-label[b-gcsvu33yfr] {
    color: var(--app-text-muted);
}

.sched-meta-value[b-gcsvu33yfr] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--app-text-subtle);
}

.sched-meta-status-text[b-gcsvu33yfr] {
    font-weight: 500;
}

.sched-preview-card[b-gcsvu33yfr] {
    display: grid;
    gap: 10px;
    margin-bottom: 18px;
    padding: 14px;
    border: 1px solid color-mix(in srgb, var(--app-border) 72%, transparent);
    border-radius: var(--app-radius-sm);
    background: color-mix(in srgb, var(--app-surface-dark) 72%, transparent);
}

.sched-preview-helper[b-gcsvu33yfr] {
    color: var(--app-text-muted);
    font-size: var(--app-type-xs);
}

.sched-preview-grid[b-gcsvu33yfr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 10px;
}

.sched-preview-item[b-gcsvu33yfr] {
    display: grid;
    gap: 4px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--app-border) 66%, transparent);
    border-radius: var(--app-radius);
    background: color-mix(in srgb, var(--app-surface) 90%, transparent);
}

.sched-preview-primary[b-gcsvu33yfr] {
    color: var(--app-text);
    font-family: var(--app-font-mono);
    font-size: var(--app-type-sm);
}

.sched-preview-secondary[b-gcsvu33yfr] {
    color: var(--app-text-subtle);
    font-size: var(--app-type-xs);
}

/* ── Section headers ── */
.sched-section[b-gcsvu33yfr] {
    margin-bottom: 20px;
}

.sched-section-count[b-gcsvu33yfr] {
    font-size: var(--app-type-2xs);
    color: var(--app-text-muted);
}

.sched-section-empty[b-gcsvu33yfr] {
    font-size: var(--app-type-md);
    color: var(--app-text-muted);
    padding: 16px 0;
}

.sched-context-card[b-gcsvu33yfr] {
    display: grid;
    gap: 12px;
    margin-bottom: 16px;
    padding: 14px;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-sm);
    background: color-mix(in srgb, var(--app-dark-3) 76%, transparent);
}

.sched-context-block[b-gcsvu33yfr] {
    display: grid;
    gap: 8px;
}

.sched-context-block + .sched-context-block[b-gcsvu33yfr] {
    padding-top: 12px;
    border-top: 1px solid color-mix(in srgb, var(--app-border) 44%, transparent);
}

.sched-context-topline[b-gcsvu33yfr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.sched-context-title[b-gcsvu33yfr] {
    color: var(--app-text);
    font-size: var(--app-type-sm);
    font-weight: 600;
}

.sched-context-pill[b-gcsvu33yfr] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 8px;
    border: 1px solid color-mix(in srgb, var(--app-border-strong) 82%, transparent);
    border-radius: var(--app-radius-pill);
    background: color-mix(in srgb, var(--app-surface) 92%, transparent);
    color: var(--app-text-subtle);
    font-size: var(--app-type-2xs);
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.sched-context-value[b-gcsvu33yfr] {
    color: var(--app-text);
    font-size: var(--app-type-sm);
    font-family: var(--app-font-mono);
    overflow-wrap: anywhere;
}

.sched-context-helper[b-gcsvu33yfr] {
    display: grid;
    gap: 4px;
    color: var(--app-text-subtle);
    font-size: var(--app-type-xs);
}

.sched-context-label[b-gcsvu33yfr] {
    color: var(--app-text-muted);
}

.sched-context-helper code[b-gcsvu33yfr] {
    color: var(--app-text);
    font-family: var(--app-font-mono);
    overflow-wrap: anywhere;
}

/* ── Table container ── */
.sched-table[b-gcsvu33yfr] {
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-sm);
    overflow: hidden;
}

.sched-table-header[b-gcsvu33yfr] {
    display: flex;
    align-items: center;
    padding: 5px 12px;
    background: var(--app-dark-3);
    border-bottom: 1px solid color-mix(in srgb, var(--app-border) 40%, transparent);
    font-size: var(--app-type-2xs);
    font-weight: 600;
    color: var(--app-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

/* ── Run table columns ── */
.sched-col-time[b-gcsvu33yfr] {
    width: 140px;
    flex-shrink: 0;
}

.sched-col-outcome[b-gcsvu33yfr] {
    width: 80px;
    flex-shrink: 0;
}

.sched-col-docs[b-gcsvu33yfr] {
    width: 60px;
    flex-shrink: 0;
    text-align: right;
}

.sched-col-duration[b-gcsvu33yfr] {
    flex: 1;
    text-align: right;
}

.sched-run-row[b-gcsvu33yfr] {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    border-bottom: 1px solid color-mix(in srgb, var(--app-border) 30%, transparent);
    cursor: pointer;
    transition: background 60ms ease;
    font-size: var(--app-type-sm);
}

.sched-run-row:last-child[b-gcsvu33yfr] {
    border-bottom: none;
}

.sched-run-row:hover[b-gcsvu33yfr] {
    background: var(--app-dark-4);
}

.sched-run-row.selected[b-gcsvu33yfr] {
    background: var(--app-dark-4);
}

.sched-run-row .sched-col-time[b-gcsvu33yfr] {
    font-family: var(--app-font-mono);
    color: var(--app-text);
}

.sched-run-row:not(.selected) .sched-col-time[b-gcsvu33yfr] {
    color: var(--app-text-subtle);
}

.sched-run-row .sched-col-docs[b-gcsvu33yfr] {
    font-weight: 500;
    color: var(--app-text);
}

.sched-run-row:not(.selected) .sched-col-docs[b-gcsvu33yfr] {
    color: var(--app-text-subtle);
}

.sched-run-row .sched-col-duration[b-gcsvu33yfr] {
    color: var(--app-text-muted);
}

/* ── Document table columns ── */
.sched-col-doc-name[b-gcsvu33yfr] {
    width: 200px;
    flex-shrink: 0;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sched-col-doc-type[b-gcsvu33yfr] {
    width: 120px;
    flex-shrink: 0;
}

.sched-col-doc-time[b-gcsvu33yfr] {
    flex: 1;
    text-align: right;
}

.sched-doc-row[b-gcsvu33yfr] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 12px;
    border-bottom: 1px solid color-mix(in srgb, var(--app-border) 20%, transparent);
    text-decoration: none;
    font-size: var(--app-type-sm);
    transition: background 60ms ease;
}

.sched-doc-row:last-child[b-gcsvu33yfr] {
    border-bottom: none;
}

.sched-doc-row:hover[b-gcsvu33yfr] {
    background: var(--app-dark-4);
}

.sched-doc-row .sched-col-doc-name[b-gcsvu33yfr] {
    color: var(--app-text);
}

.sched-doc-row .sched-col-doc-type[b-gcsvu33yfr] {
    font-family: var(--app-font-mono);
    font-size: var(--app-type-2xs);
    color: var(--app-text-muted);
}

.sched-doc-row .sched-col-doc-time[b-gcsvu33yfr] {
    font-size: var(--app-type-2xs);
    color: var(--app-text-muted);
}

.sched-error[b-gcsvu33yfr] {
    padding: 20px;
    color: var(--app-danger);
    font-size: var(--app-type-md);
}
/* /Components/Pages/Tenant/SchemaRegistry.razor.rz.scp.css */
.sr-toolbar[b-vo411qmwul] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--app-space-xs) var(--app-space-md);
    border-bottom: 1px solid color-mix(in srgb, var(--app-border) 40%, transparent);
    flex-shrink: 0;
}

.sr-toolbar-left[b-vo411qmwul] {
    display: flex;
    align-items: center;
    gap: var(--app-space-sm);
}

.sr-toolbar-right[b-vo411qmwul] {
    display: flex;
    align-items: center;
}

.sr-count[b-vo411qmwul] {
    font-size: var(--app-type-2xs);
    color: var(--app-text-muted);
}
/* /Components/Pages/Tenant/SchemaRegistryDetail.razor.rz.scp.css */
/* ── Detail panel ── */

.sr-detail-panel[b-nbwdcyxe39] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.sr-detail-panel-wide[b-nbwdcyxe39] {
    max-width: 960px;
}

.sr-detail-scroll[b-nbwdcyxe39] {
    flex: 1 1 auto;
    overflow-y: auto;
    min-height: 0;
}

.sr-detail-content[b-nbwdcyxe39] {
    padding: var(--app-space-lg);
    max-width: 780px;
}

.sr-icon-picker-shell[b-nbwdcyxe39] {
    margin-bottom: 16px;
    position: relative;
}

/* ── Detail header ── */

.sr-detail-header[b-nbwdcyxe39] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 4px;
}

.sr-detail-doctype[b-nbwdcyxe39] {
    font-family: var(--app-font-mono);
    font-size: var(--app-type-md);
    font-weight: 500;
    color: var(--app-text);
    line-height: 1.3;
    margin: 0;
}

.sr-detail-subtitle[b-nbwdcyxe39] {
    font-size: var(--app-type-2xs);
    color: var(--app-text-muted);
}

/* ── Muted / empty text ── */

.schema-muted[b-nbwdcyxe39] {
    color: var(--app-text-subtle);
    font-size: var(--app-type-md);
}

.schema-muted-italic[b-nbwdcyxe39] {
    font-size: var(--app-type-md);
    color: var(--app-text-muted);
    font-style: italic;
}

/* ── JSON block ── */

.schema-json-block[b-nbwdcyxe39] {
    margin: 0;
    border-radius: var(--app-radius);
    border: 1px solid var(--app-border-strong);
    overflow: hidden;
}

.schema-json-block pre[b-nbwdcyxe39] {
    padding: 12px;
}

.schema-meta-code[b-nbwdcyxe39] {
    font-family: var(--app-font-mono);
    color: var(--app-text-subtle);
}

/* ── Triggers & Produces ── */

.schema-triggers-row[b-nbwdcyxe39] {
    display: flex;
    gap: 24px;
    margin-bottom: 20px;
}

.schema-triggers-col[b-nbwdcyxe39] {
    flex: 1;
}

.schema-section-label[b-nbwdcyxe39] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    font-size: var(--app-type-2xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--app-text-muted);
}

.schema-pill-list[b-nbwdcyxe39] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.sr-dot[b-nbwdcyxe39] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

.sr-dot-amber[b-nbwdcyxe39] {
    background: color-mix(in srgb, var(--app-warning) 70%, transparent);
}

.sr-dot-green[b-nbwdcyxe39] {
    background: color-mix(in srgb, var(--app-success) 70%, transparent);
}

/* ── Section headers ── */

.schema-field-section[b-nbwdcyxe39] {
    margin-bottom: 24px;
}

.schema-field-section-header[b-nbwdcyxe39] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 8px;
    margin-bottom: 10px;
    border-bottom: 1px solid color-mix(in srgb, var(--app-border) 30%, transparent);
}

.schema-field-section-title[b-nbwdcyxe39] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: var(--app-type-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--app-text-subtle);
}

.schema-field-section-title i[b-nbwdcyxe39] {
    font-size: var(--app-type-xl);
    color: var(--app-text-muted);
}

.schema-field-count[b-nbwdcyxe39] {
    font-size: var(--app-type-2xs);
    color: var(--app-text-muted);
    font-weight: 400;
}

/* ── Drag items (Title/List columns) ── */

.schema-drag-list[b-nbwdcyxe39] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.schema-drag-item[b-nbwdcyxe39] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    background: var(--app-dark-3);
    border: 1px solid var(--app-border-strong);
    border-radius: var(--app-radius-sm);
    transition: border-color 0.15s ease, background 0.15s ease;
}

.schema-drag-item[draggable="true"][b-nbwdcyxe39] {
    cursor: grab;
}

.schema-drag-item[draggable="true"]:active[b-nbwdcyxe39] {
    cursor: grabbing;
}

.schema-drag-item.drag-over[b-nbwdcyxe39] {
    border-color: var(--app-primary);
    background: color-mix(in srgb, var(--app-primary) 8%, var(--app-dark-4));
}

.schema-drag-grip[b-nbwdcyxe39] {
    font-size: var(--app-type-base);
    color: var(--app-text-muted);
    opacity: 0.4;
    flex-shrink: 0;
}

.schema-drag-item:hover .schema-drag-grip[b-nbwdcyxe39] {
    opacity: 0.7;
}

.schema-drag-num[b-nbwdcyxe39] {
    font-size: var(--app-type-2xs);
    color: var(--app-text-muted);
    width: 16px;
    text-align: center;
    flex-shrink: 0;
}

.schema-drag-field[b-nbwdcyxe39],
.schema-field-name[b-nbwdcyxe39] {
    font-family: var(--app-font-mono);
    font-size: var(--app-type-md);
    color: var(--app-text);
    width: 160px;
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.schema-drag-display[b-nbwdcyxe39],
.schema-field-display[b-nbwdcyxe39] {
    font-size: var(--app-type-md);
    color: var(--app-text-muted);
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.schema-drag-type[b-nbwdcyxe39],
.schema-field-type[b-nbwdcyxe39] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: var(--app-type-2xs);
    padding: 1px 6px;
    border-radius: 3px;
    background: color-mix(in srgb, var(--app-text) 5%, transparent);
    color: var(--app-text-muted);
    border: 1px solid var(--app-border);
    min-width: 70px;
    justify-content: center;
    flex-shrink: 0;
}

.schema-drag-type i[b-nbwdcyxe39],
.schema-field-type i[b-nbwdcyxe39] {
    font-size: var(--app-type-sm);
    opacity: 0.6;
}

.schema-drag-remove[b-nbwdcyxe39] {
    min-width: 22px;
    width: 22px;
    height: 22px;
    padding: 0;
    color: var(--app-text-muted);
    flex-shrink: 0;
    opacity: 0;
    transition: opacity 0.15s ease, color 0.15s ease, background 0.15s ease;
}

.schema-drag-item:hover .schema-drag-remove[b-nbwdcyxe39] {
    opacity: 1;
}

.schema-drag-remove:hover[b-nbwdcyxe39] {
    color: var(--app-danger);
    background: color-mix(in srgb, var(--app-danger) 10%, transparent);
}

.schema-drag-remove i[b-nbwdcyxe39] {
    font-size: var(--app-type-base);
}

/* ── Add button & picker ── */

.schema-add-btn[b-nbwdcyxe39] {
    min-width: 26px;
    width: 26px;
    height: 26px;
    padding: 0;
    border: 1px dashed var(--app-border);
    color: var(--app-text-muted);
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}

.schema-add-btn:hover[b-nbwdcyxe39] {
    border-color: var(--app-primary);
    color: var(--app-primary);
    background: color-mix(in srgb, var(--app-primary) 6%, transparent);
}

.schema-add-btn i[b-nbwdcyxe39] {
    font-size: var(--app-type-base);
}

/* ── Schema fields list ── */

.schema-fields-list[b-nbwdcyxe39] {
    background: color-mix(in srgb, var(--app-surface) 30%, transparent);
    border: 1px solid var(--app-border-strong);
    border-radius: var(--app-radius-sm);
    overflow: hidden;
}

.schema-field-row[b-nbwdcyxe39] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 12px;
    border-bottom: 1px solid var(--app-border-strong);
}

.schema-field-row:last-child[b-nbwdcyxe39] {
    border-bottom: none;
}

/* ── Responsive ── */

@media (max-width: 760px) {
    .sr-detail-content[b-nbwdcyxe39] {
        padding: var(--app-space-md);
    }

    .schema-triggers-row[b-nbwdcyxe39] {
        flex-direction: column;
    }

    .schema-drag-field[b-nbwdcyxe39],
    .schema-field-name[b-nbwdcyxe39] {
        width: 120px;
    }
}
/* /Components/Pages/Tenant/Secrets.razor.rz.scp.css */
/* ── Layout ── */
.sec-scroll[b-owodu59lcu] {
    flex: 1 1 auto;
    overflow-y: auto;
    min-height: 0;
}

.sec-content[b-owodu59lcu] {
    padding: 20px 24px;
    max-width: 780px;
}

/* ── Description ── */
.sec-description[b-owodu59lcu] {
    margin: 0 0 16px;
    font-size: var(--app-type-md);
    color: var(--app-text-muted);
    line-height: 1.5;
}

.sec-code[b-owodu59lcu] {
    font-family: var(--app-font-mono);
    font-size: var(--app-type-sm);
    color: var(--app-text);
    background: var(--app-dark-3);
    padding: 1px 5px;
    border-radius: 3px;
}

/* ── Add secret form ── */
.sec-add-form[b-owodu59lcu] {
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-owodu59lcu] .sec-key-input {
    flex: 1;
    min-width: 0;
}

.sec-value-shell[b-owodu59lcu] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
}

[b-owodu59lcu] .sec-value-input {
    flex: 1;
    min-width: 0;
}

.sec-eye-btn[b-owodu59lcu] {
    min-width: 30px;
    width: 30px;
    height: 30px;
    padding: 0;
    font-size: var(--app-type-base);
}

.sec-eye-btn-sm[b-owodu59lcu] {
    min-width: 24px;
    width: 24px;
    height: 24px;
    font-size: var(--app-type-sm);
}

/* ── Divider ── */
.sec-divider[b-owodu59lcu] {
    border: none;
    border-top: 1px solid color-mix(in srgb, var(--app-border) 40%, transparent);
    margin: 20px 0;
}

/* ── Section ── */
.sec-section[b-owodu59lcu] {
    margin-bottom: 20px;
}

.sec-empty[b-owodu59lcu] {
    font-size: var(--app-type-md);
    color: var(--app-text-muted);
    padding: 16px 0;
}

/* ── Table ── */
.sec-table[b-owodu59lcu] {
    display: grid;
    grid-template-columns: 240px 1fr 32px 140px 40px;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-sm);
}

.sec-table-header[b-owodu59lcu] {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1 / -1;
    align-items: center;
    padding: 5px 12px;
    background: var(--app-dark-3);
    border-bottom: 1px solid var(--app-border);
    border-radius: var(--app-radius-sm) var(--app-radius-sm) 0 0;
    font-size: var(--app-type-2xs);
    font-weight: 600;
    color: var(--app-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.sec-row[b-owodu59lcu] {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1 / -1;
    align-items: center;
    padding: 8px 12px;
    border-bottom: 1px solid color-mix(in srgb, var(--app-border) 30%, transparent);
    font-size: var(--app-type-sm);
    transition: background 60ms ease;
}

.sec-row:last-child[b-owodu59lcu] {
    border-bottom: none;
}

.sec-row:hover[b-owodu59lcu] {
    background: var(--app-dark-4);
}

/* ── Columns ── */
.sec-col-key[b-owodu59lcu] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sec-col-value[b-owodu59lcu] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sec-col-toggle[b-owodu59lcu] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sec-col-date[b-owodu59lcu] {
    text-align: right;
    white-space: nowrap;
    color: var(--app-text-muted);
}

.sec-col-actions[b-owodu59lcu] {
    text-align: right;
}

.sec-key-name[b-owodu59lcu] {
    font-size: var(--app-type-md);
    font-weight: 600;
    color: var(--app-text);
}

.sec-masked[b-owodu59lcu] {
    font-family: var(--app-font-mono);
    font-size: var(--app-type-2xs);
    color: var(--app-text-muted);
}

/* ── Responsive ── */
@media (max-width: 680px) {
    .sec-add-form[b-owodu59lcu] {
        flex-direction: column;
        align-items: stretch;
    }

    .sec-table[b-owodu59lcu] {
        grid-template-columns: 1fr 1fr 32px 40px;
    }

    .sec-col-date[b-owodu59lcu] {
        display: none;
    }
}
/* /Components/Pages/Tenant/Signals.razor.rz.scp.css */
    .tenant-table-shell[b-oe806yiji2] .app-table td.col-type-date[b-2kc5h329z1],
    .tenant-table-shell[b-oe806yiji2] .app-table th.col-type-date[b-2kc5h329z1] {
        white-space: nowrap;
    }

    .app-row[b-2kc5h329z1] {
        cursor: default;
    }

    .integration-subtitle[b-2kc5h329z1] {
        color: var(--app-blue-fg);
        font-weight: 600;
    }

    .error-cell[b-2kc5h329z1] {
        max-width: 320px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .signals-view-toggle[b-2kc5h329z1] {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-size: var(--app-type-sm);
        color: var(--app-text-subtle);
        white-space: nowrap;
        margin-right: 8px;
    }

    .signals-view-toggle-checkbox[b-2kc5h329z1] {
        margin: 0;
    }

    .signals-view-toggle-checkbox .mud-icon-button[b-2kc5h329z1] {
        padding: 0;
    }

/* /Components/Pages/Tenant/SignalTrace.razor.rz.scp.css */
    .detail-header-right[b-pd5gr2knba] {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
    }

    .trace-meta-pill[b-pd5gr2knba] {
        min-height: 30px;
        padding: 6px 10px;
        font-size: var(--app-type-sm);
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    }

    .trace-selected-section[b-pd5gr2knba],
    .trace-produced-section[b-pd5gr2knba] {
        min-height: 0;
        overflow: auto;
        background: var(--app-surface-raised);
        border: 1px solid var(--app-border-strong);
        border-radius: 8px;
        padding: 16px;
        margin: 8px 12px;
    }

    .trace-selected-section[b-pd5gr2knba] {
        flex: 1 1 50%;
    }

    .trace-produced-section[b-pd5gr2knba] {
        flex: 1 1 50%;
    }

    .preview-compact-toggle[b-pd5gr2knba] {
        height: 28px;
        padding: 4px 10px;
        align-self: center;
    }

    .preview-empty[b-pd5gr2knba] {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        color: var(--app-text-subtle);
    }

    .preview-empty p[b-pd5gr2knba] {
        margin: 0;
        font-size: var(--app-type-base);
    }

    .graph-view[b-pd5gr2knba] {
        display: flex;
        flex-direction: column;
        height: 100%;
        min-height: 0;
    }

    .spans-view[b-pd5gr2knba] {
        flex: 1;
        min-height: 0;
        background: var(--app-surface-dark);
    }

    .spans-view-frame[b-pd5gr2knba] {
        width: 100%;
        height: 100%;
        border: 0;
        background: transparent;
    }

    .timeline-view[b-pd5gr2knba] {
        flex: 1;
        overflow: auto;
        padding: 12px;
    }

    .timeline[b-pd5gr2knba] {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .timeline-row[b-pd5gr2knba] {
        display: grid;
        grid-template-columns: 74px 1fr;
        gap: 8px;
        font-size: var(--app-type-sm);
        padding-bottom: 7px;
        border-bottom: 1px solid var(--app-border-subtle);
    }

    .timeline-time[b-pd5gr2knba] {
        color: var(--app-secondary-dark);
        font-weight: 600;
    }

    .field-link[b-pd5gr2knba] {
        color: var(--app-blue-fg);
        text-decoration: none;
        text-underline-offset: 2px;
    }

    .field-link:hover[b-pd5gr2knba] {
        text-decoration: underline;
    }

    .trace-status-row[b-pd5gr2knba] {
        align-items: center;
    }

    .trace-source-document-row[b-pd5gr2knba] {
        align-items: flex-start;
    }

    .trace-source-document-link[b-pd5gr2knba] {
        min-width: 0;
        max-width: 240px;
    }

    .trace-source-document-link:hover .document-shorthand-title[b-pd5gr2knba] {
        text-decoration: underline;
        text-underline-offset: 2px;
    }

    .trace-source-document-static:hover .document-shorthand-title[b-pd5gr2knba] {
        text-decoration: none;
    }

    .trace-produced-list[b-pd5gr2knba] {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .trace-sidebar-divider[b-pd5gr2knba] {
        height: 1px;
        width: 100%;
        background: var(--app-border-subtle);
        margin: 2px 0;
    }

    .trace-technical-row .field-value[b-pd5gr2knba] {
        color: var(--app-text-subtle);
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        font-size: var(--app-type-sm);
    }

    .trace-error-row .field-value[b-pd5gr2knba] {
        color: var(--app-error);
    }

    .empty-state[b-pd5gr2knba] {
        font-size: var(--app-type-base);
        color: var(--app-text-subtle);
        text-align: center;
        padding: 20px;
    }

    @media (max-width: 1100px) {
        .signal-trace-preview[b-pd5gr2knba] {
            min-height: 420px;
        }

        .trace-selected-section[b-pd5gr2knba],
        .trace-produced-section[b-pd5gr2knba] {
            flex: 1 1 50%;
            margin: 6px 8px;
            padding: 12px;
        }
    }
/* /Components/Pages/Tenant/StepFunctions.razor.rz.scp.css */
/* Uses shared AppOverviewCard primitives without page-local card overrides. */

.workflow-card-template[b-0eeaf53m8f] {
    background: color-mix(in srgb, var(--app-tertiary) 10%, var(--app-dark-3)) !important;
    border-color: color-mix(in srgb, var(--app-tertiary) 58%, var(--app-border)) !important;
}

.workflow-card-template:hover[b-0eeaf53m8f] {
    background: color-mix(in srgb, var(--app-tertiary) 14%, var(--app-dark-3)) !important;
    border-color: color-mix(in srgb, var(--app-tertiary) 72%, var(--app-border)) !important;
}
/* /Components/Pages/Tenant/SupportTickets.razor.rz.scp.css */
.st-count[b-obcplf8zfw] {
    font-size: var(--app-type-xs);
    color: var(--app-text-muted);
}

.ticket-card-selected[b-obcplf8zfw] {
    border-color: color-mix(in srgb, var(--app-primary) 62%, var(--app-border));
    background: color-mix(in srgb, var(--app-primary) 5%, var(--app-dark-3));
}

.detail-header[b-obcplf8zfw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.detail-action-btn[b-obcplf8zfw] {
    flex-shrink: 0;
}

.detail-section + .detail-section[b-obcplf8zfw] {
    margin-top: 16px;
}

.detail-section-header-with-count[b-obcplf8zfw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.detail-section-count[b-obcplf8zfw] {
    font-size: var(--app-type-2xs);
    color: var(--app-text-muted);
}

.detail-description[b-obcplf8zfw] {
    margin: 0;
    font-size: var(--app-type-md);
    color: var(--app-text);
    white-space: pre-wrap;
    line-height: 1.5;
}

.detail-comments[b-obcplf8zfw] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

.detail-comment[b-obcplf8zfw] {
    background: var(--app-dark-3);
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-sm);
    padding: 12px;
}

.detail-comment-header[b-obcplf8zfw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 6px;
}

.detail-comment-author[b-obcplf8zfw] {
    font-size: var(--app-type-sm);
    font-weight: 600;
    color: var(--app-text);
}

.detail-comment-time[b-obcplf8zfw] {
    font-size: var(--app-type-2xs);
    color: var(--app-text-muted);
}

.detail-comment-body[b-obcplf8zfw] {
    margin: 0;
    font-size: var(--app-type-md);
    color: var(--app-text-subtle);
    white-space: pre-wrap;
    line-height: 1.5;
}

.detail-add-comment[b-obcplf8zfw] {
    margin-top: 12px;
}

.detail-add-comment-actions[b-obcplf8zfw] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
}

@media (max-width: 760px) {
    .detail-header[b-obcplf8zfw] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Pages/Tenant/TaskDetail.razor.rz.scp.css */
.task-detail-page[b-6unklwsff2] {
    display: grid;
}

.task-detail-card[b-6unklwsff2],
.task-detail-card:hover[b-6unklwsff2] {
    cursor: default;
    box-shadow: none;
}

.task-detail-card:hover[b-6unklwsff2] {
    border-color: var(--app-border);
    background: var(--app-dark-3);
}

.task-detail-headline[b-6unklwsff2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 20px;
}

.task-detail-identity[b-6unklwsff2] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.task-detail-icon[b-6unklwsff2] {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--app-radius-sm);
    background: var(--app-primary);
    color: var(--app-text-on-dark);
    font-size: var(--app-type-2xl);
    flex-shrink: 0;
}

.task-detail-title-group[b-6unklwsff2] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.task-detail-title[b-6unklwsff2] {
    margin: 0;
    font-size: var(--app-type-xl);
    color: var(--app-text);
}

.task-detail-subtitle[b-6unklwsff2] {
    font-size: var(--app-type-sm);
    color: var(--app-text-muted);
}

.task-detail-badges[b-6unklwsff2] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.task-detail-badges .card-doc-pill[b-6unklwsff2] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: var(--app-radius-sm);
    font-size: var(--app-type-xs);
    border: 1px solid var(--app-border-subtle);
    background: var(--app-dark-4);
    color: var(--app-text-subtle);
}

.task-detail-badges .card-doc-pill i[b-6unklwsff2] {
    font-size: var(--app-type-2xs);
    color: var(--app-text-muted);
}

.task-detail-description[b-6unklwsff2] {
    margin: 0 0 20px;
    color: var(--app-text);
    font-size: var(--app-type-base);
    line-height: 1.55;
    white-space: pre-wrap;
}

.task-detail-description--muted[b-6unklwsff2] {
    color: var(--app-text-subtle);
}

[b-6unklwsff2] .detail-meta-item {
    flex-wrap: wrap;
}

.task-detail-code[b-6unklwsff2] {
    overflow-wrap: anywhere;
}

.task-detail-link-row[b-6unklwsff2] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
}

.task-detail-section[b-6unklwsff2] {
    padding-top: 18px;
    border-top: 1px solid var(--app-border-subtle);
}

.task-detail-section + .task-detail-section[b-6unklwsff2] {
    margin-top: 18px;
}

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

.task-detail-form-field[b-6unklwsff2] {
    display: grid;
    gap: 6px;
}

.task-detail-form-field > label[b-6unklwsff2] {
    color: var(--app-text);
    font-size: var(--app-type-sm);
    font-weight: 600;
}

.task-detail-form-field > label span[b-6unklwsff2] {
    color: var(--app-danger);
}

.task-detail-field-help[b-6unklwsff2] {
    color: var(--app-text-subtle);
    font-size: var(--app-type-sm);
    line-height: 1.45;
}

.task-detail-checkbox[b-6unklwsff2] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--app-text-subtle);
    font-size: var(--app-type-sm);
}

.task-detail-form-field[b-6unklwsff2]  .app-menu-select,
.task-detail-form-field[b-6unklwsff2]  .app-menu-select .app-menu-select-cell,
.task-detail-form-field[b-6unklwsff2]  .app-menu-select .app-menu-select-trigger {
    width: 100%;
}

.task-detail-action-summary[b-6unklwsff2] {
    color: var(--app-text-subtle);
    font-size: var(--app-type-sm);
    line-height: 1.5;
    margin-bottom: 12px;
}

.task-detail-actions[b-6unklwsff2] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

@media (max-width: 960px) {
    .task-detail-headline[b-6unklwsff2] {
        flex-direction: column;
    }

    .task-detail-form-grid[b-6unklwsff2] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Tenant/Tasks.razor.rz.scp.css */
.tenant-tasks-page[b-am49xmrquh] {
    display: grid;
}

.schedule-icon-success[b-am49xmrquh] {
    color: var(--app-success);
}

.schedule-value-success[b-am49xmrquh] {
    color: var(--app-success);
}

.schedule-icon-warning[b-am49xmrquh] {
    color: var(--app-warning);
}

.schedule-value-warning[b-am49xmrquh] {
    color: var(--app-warning);
}

.tasks-error[b-am49xmrquh] {
    padding: 16px;
    color: var(--app-error);
    font-size: var(--app-type-base);
    line-height: 1.5;
}
/* /Components/Pages/Tenant/VisualReactorDesignerShell.razor.rz.scp.css */
.visual-reactor-shell-host[b-q7ym96o31x] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .visual-reactor-preview {
    height: 100%;
    min-height: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-main-canvas-body {
    min-width: 0;
    height: 100%;
    min-height: 0;
    flex: 1;
    display: flex;
    overflow: hidden;
    position: relative;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .visual-reactor-content,
.visual-reactor-shell-host[b-q7ym96o31x]  .visual-reactor-dryrun-content {
    background: var(--app-surface-dark);
}

.visual-reactor-shell-host[b-q7ym96o31x]  .visual-reactor-dryrun-content {
    background: var(--app-dark-1);
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-canvas-stage {
    min-height: 0;
    min-width: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: var(--app-surface-dark);
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-dryrun-stage {
    background: var(--app-dark-1);
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-canvas-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 48px;
    padding: 0 16px;
    border-bottom: 1px solid color-mix(in srgb, var(--app-border) 78%, transparent);
    background: color-mix(in srgb, var(--app-dark-2) 88%, transparent);
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-canvas-toolbar-group {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex-wrap: wrap;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-canvas-toolbar-separator {
    width: 1px;
    height: 24px;
    background: var(--app-border);
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-toolbar-icon-button,
.visual-reactor-shell-host[b-q7ym96o31x]  .vr-flow-jump-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: var(--app-radius-pill);
    background: transparent;
    color: var(--app-text-muted);
    cursor: pointer;
    transition: background-color var(--app-transition), color var(--app-transition);
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-toolbar-icon-button:hover:not(:disabled),
.visual-reactor-shell-host[b-q7ym96o31x]  .vr-toolbar-icon-button:focus-visible,
.visual-reactor-shell-host[b-q7ym96o31x]  .vr-flow-jump-trigger:hover,
.visual-reactor-shell-host[b-q7ym96o31x]  .vr-flow-jump-trigger:focus-visible {
    background: var(--app-sidebar-accent);
    color: var(--app-text);
    outline: none;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-toolbar-icon-button:disabled {
    color: var(--app-text-subtle);
    opacity: 0.42;
    cursor: default;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-toolbar-icon-button--primary {
    color: var(--app-white);
    background: var(--app-primary);
    border: 1px solid var(--app-blue-fg);
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-toolbar-icon-button--primary:hover:not(:disabled),
.visual-reactor-shell-host[b-q7ym96o31x]  .vr-toolbar-icon-button--primary:focus-visible {
    background: var(--app-primary-dark);
    border-color: var(--app-primary-dark);
    color: var(--app-white);
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-toolbar-icon-button--primary:disabled {
    background: color-mix(in srgb, var(--app-primary) 34%, transparent);
    border-color: color-mix(in srgb, var(--app-blue-fg) 34%, transparent);
    color: color-mix(in srgb, var(--app-white) 78%, transparent);
    opacity: 1;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-toolbar-icon-button--danger:hover:not(:disabled),
.visual-reactor-shell-host[b-q7ym96o31x]  .vr-toolbar-icon-button--danger:focus-visible {
    background: color-mix(in srgb, var(--app-error) 14%, transparent);
    color: color-mix(in srgb, var(--app-error) 72%, var(--app-text));
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-toolbar-icon-button i[class^="icon-"],
.visual-reactor-shell-host[b-q7ym96o31x]  .vr-toolbar-icon-button i[class*=" icon-"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    font-size: var(--app-type-2xl);
    line-height: 1;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-toolbar-icon-spin {
    animation: vr-toolbar-icon-spin-b-q7ym96o31x 0.85s linear infinite;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-toolbar-action {
    min-height: 36px;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .trace-node-floating-toolbar {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 80;
    display: inline-flex;
    align-items: flex-start;
    pointer-events: auto;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .trace-node-floating-toolbar-actions {
    display: inline-flex;
    align-items: flex-start;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .trace-node-floating-toolbar .app-row-action-menu-shell {
    display: inline-flex;
    align-items: flex-start;
    z-index: 80;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .trace-node-floating-toolbar .app-row-action-trigger {
    width: 24px;
    height: 24px;
    border-color: color-mix(in srgb, var(--trace-workflow-border) 74%, var(--app-border));
    background: color-mix(in srgb, var(--trace-workflow-bg) 90%, var(--app-dark-2));
    color: var(--app-text-muted);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--trace-workflow-border) 18%, transparent);
}

.visual-reactor-shell-host[b-q7ym96o31x]  .trace-node-floating-toolbar .app-row-action-trigger:hover,
.visual-reactor-shell-host[b-q7ym96o31x]  .trace-node-floating-toolbar .app-row-action-trigger:focus-visible {
    background: color-mix(in srgb, var(--app-sidebar-accent) 78%, var(--trace-workflow-bg));
    border-color: color-mix(in srgb, var(--app-primary) 42%, var(--trace-workflow-border));
    color: var(--app-text);
}

.visual-reactor-shell-host[b-q7ym96o31x]  .trace-node-floating-toolbar .app-menu-popover {
    z-index: 90;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .trace-node-host.workflow.selected:not(.is-placeholder-node) .workflow-node-content {
    padding-right: 40px;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .trace-node-host.workflow.selected:not(.is-placeholder-node) .workflow-node-content.workflow-node-content-n8n {
    padding-right: 32px;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-builder-stage-surface:has(.trace-node-floating-toolbar .app-menu-popover[role="menu"]) .trace-connector-insert-layer,
.visual-reactor-shell-host[b-q7ym96o31x]  .vr-builder-stage-surface:has(.trace-node-floating-toolbar .app-menu-popover[role="menu"]) .trace-connector-handle-layer {
    pointer-events: none;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-builder-stage-surface:has(.trace-node-floating-toolbar .app-menu-popover[role="menu"]) .trace-connector-insert,
.visual-reactor-shell-host[b-q7ym96o31x]  .vr-builder-stage-surface:has(.trace-node-floating-toolbar .app-menu-popover[role="menu"]) .trace-connector-handle {
    opacity: 0 !important;
    transform: translate(-50%, -50%) scale(0.72) !important;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-builder-stage-surface {
    min-height: 0;
    min-width: 0;
    flex: 1;
    overflow: hidden;
    background: var(--app-surface-dark);
    position: relative;
    isolation: isolate;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-main-right {
    min-height: 0;
    height: 100%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-self: stretch;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.vr-sidebar-mode-title[b-q7ym96o31x] {
    margin: 0;
}

.vr-agent-summary-section[b-q7ym96o31x] {
    padding-bottom: 2px;
}

.vr-agent-summary[b-q7ym96o31x] {
    background: color-mix(in srgb, var(--app-primary) 10%, var(--app-surface));
}

.vr-agent-summary-body[b-q7ym96o31x] {
    display: grid;
    gap: 10px;
}

.vr-agent-summary-chips[b-q7ym96o31x] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.vr-agent-summary-meta[b-q7ym96o31x] {
    color: var(--app-text-subtle);
    font-size: var(--app-type-xs);
}

.vr-agent-summary-dismiss[b-q7ym96o31x] {
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: var(--app-radius-pill);
    background: transparent;
    color: var(--app-text-muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color var(--app-transition), color var(--app-transition);
}

.vr-agent-summary-dismiss:hover[b-q7ym96o31x],
.vr-agent-summary-dismiss:focus-visible[b-q7ym96o31x] {
    background: color-mix(in srgb, var(--app-primary) 16%, transparent);
    color: var(--app-text);
    outline: none;
}

.vr-workflow-settings[b-q7ym96o31x] {
    gap: 8px;
}

.vr-workflow-field-note[b-q7ym96o31x] {
    margin: 0;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-workflow-inline-switch {
    width: fit-content;
    min-height: 38px;
    align-items: center;
    column-gap: 8px;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-workflow-inline-switch .mud-switch-span {
    flex: 0 0 auto;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-workflow-inline-switch p.mud-switch {
    width: auto;
    height: auto;
    margin: 0;
    color: var(--app-text);
    font-size: var(--app-type-sm) !important;
    line-height: 1.4 !important;
    white-space: nowrap;
}

.vr-step-palette[b-q7ym96o31x] {
    border: none;
    border-radius: var(--app-radius);
    background: transparent;
    padding: 0;
    display: grid;
    gap: 8px;
}

.vr-step-palette-search[b-q7ym96o31x] {
    width: 100%;
}

.vr-step-palette-empty[b-q7ym96o31x] {
    color: var(--app-text-subtle);
    font-size: var(--app-type-sm);
}

.vr-step-palette-group[b-q7ym96o31x] {
    display: grid;
    gap: 6px;
    padding: 16px;
    background: var(--app-dark-3);
    border: 1px solid var(--app-border-strong);
    border-radius: 8px;
}

.vr-step-palette-group h4[b-q7ym96o31x] {
    margin: 0;
    color: var(--app-text-subtle);
    font-size: var(--app-type-xs);
    text-transform: none;
    letter-spacing: normal;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.vr-step-palette-count[b-q7ym96o31x] {
    min-width: 24px;
    padding: 1px 7px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--app-border-strong) 64%, transparent);
    background: color-mix(in srgb, var(--app-border-strong) 18%, transparent);
    color: var(--app-text-subtle);
    font-size: var(--app-type-2xs);
    line-height: 1.4;
    text-align: center;
}

.vr-step-palette-item[b-q7ym96o31x] {
    border: 0;
    border-left: 2px solid transparent;
    border-radius: 0;
    background: transparent;
    min-height: 34px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    padding: 6px 0 6px 10px;
    text-align: left;
    cursor: pointer;
}

.vr-step-palette-item:hover[b-q7ym96o31x] {
    border-left-color: transparent;
    background: var(--app-sidebar-accent);
    color: var(--app-text);
}

.vr-step-palette-icon[b-q7ym96o31x] {
    width: 20px;
    height: 20px;
    border-radius: var(--app-radius-sm);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--app-blue-fg);
    background: color-mix(in srgb, var(--app-primary) 16%, transparent);
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-main-right::-webkit-scrollbar {
    width: 6px;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-main-right::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--app-border-strong) 70%, transparent);
}

.vr-step-palette-copy[b-q7ym96o31x] {
    min-width: 0;
    display: grid;
    gap: 0;
}

.vr-step-palette-copy strong[b-q7ym96o31x] {
    color: var(--app-text);
    font-size: var(--app-type-xs);
}

.vr-step-palette-copy small[b-q7ym96o31x] {
    color: var(--app-text-subtle);
    font-size: var(--app-type-2xs);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vr-sidebar-mode-switch[b-q7ym96o31x] {
    border-top: 1px solid color-mix(in srgb, var(--app-border) 78%, transparent);
    padding-top: 8px;
}

.vr-sidebar-mode-title-row[b-q7ym96o31x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.vr-sidebar-mode-actions[b-q7ym96o31x] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.vr-step-move[b-q7ym96o31x] {
    gap: 10px;
}

.vr-step-move-title[b-q7ym96o31x] {
    margin: 0;
    color: var(--app-text);
    font-size: var(--app-type-base);
    font-weight: 600;
    line-height: 1.4;
}

.vr-step-move-copy[b-q7ym96o31x] {
    margin: 0;
    color: var(--app-text-muted);
    font-size: var(--app-type-sm);
    line-height: 1.5;
}

.vr-sidebar-back[b-q7ym96o31x] {
    border: none;
    border-radius: 0;
    min-height: 30px;
    background: transparent;
    color: var(--app-text-subtle);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0;
    cursor: pointer;
}

.vr-sidebar-back:hover[b-q7ym96o31x] {
    color: var(--app-blue-fg);
    text-decoration: underline;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-main-right .app-control-compact {
    --app-control-compact-height: calc(var(--app-input-height) - var(--app-space-xs) - 2px);
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-canvas-toolbar-status {
    min-height: 36px;
    padding: 0 12px;
    border-radius: var(--app-radius-pill);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--app-text);
    background: color-mix(in srgb, var(--app-primary) 12%, var(--app-surface));
    border: 1px solid color-mix(in srgb, var(--app-primary) 34%, var(--app-border));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--app-primary-light) 14%, transparent);
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-canvas-toolbar-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--app-primary-light);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--app-primary) 18%, transparent);
    animation: vr-agent-toolbar-pulse-b-q7ym96o31x 2.6s ease-in-out infinite;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-flow-jump-select {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 36px;
    min-height: 36px;
    min-width: 0;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-flow-jump-select .app-menu-select-cell {
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: var(--app-radius-pill) !important;
    height: 36px;
    min-height: 36px;
    padding: 0;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-flow-jump-trigger {
    min-width: 36px;
    min-height: 36px;
    padding: 0;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-flow-jump-trigger .app-menu-select-trigger-icon,
.visual-reactor-shell-host[b-q7ym96o31x]  .vr-flow-jump-trigger .app-menu-select-trigger-icon i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    font-size: var(--app-type-2xl);
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-flow-jump-popover {
    min-width: 320px;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-flow-jump-popover .app-menu-select-option-leading {
    width: 18px;
    min-width: 18px;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-flow-jump-popover .app-menu-select-option-leading-icon,
.visual-reactor-shell-host[b-q7ym96o31x]  .vr-flow-jump-popover .app-menu-select-option-leading-icon i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    font-size: var(--app-type-xl);
    color: var(--app-text-subtle);
}

.visual-reactor-shell-host[b-q7ym96o31x]  .trace-tree.workflow.has-multiple-roots {
    flex-direction: row;
    align-items: flex-start;
    gap: 64px;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .trace-tree.workflow > .trace-root-slot {
    width: max-content;
    max-width: 100%;
    padding: 32px 32px;
    border-color: var(--app-dark-4);
    border-radius: var(--app-radius-lg);
    cursor: pointer;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .trace-tree.workflow > .trace-root-slot * {
    pointer-events: none;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .trace-tree.workflow > .trace-root-slot button,
.visual-reactor-shell-host[b-q7ym96o31x]  .trace-tree.workflow > .trace-root-slot [role="button"],
.visual-reactor-shell-host[b-q7ym96o31x]  .trace-tree.workflow > .trace-root-slot input,
.visual-reactor-shell-host[b-q7ym96o31x]  .trace-tree.workflow > .trace-root-slot select,
.visual-reactor-shell-host[b-q7ym96o31x]  .trace-tree.workflow > .trace-root-slot textarea,
.visual-reactor-shell-host[b-q7ym96o31x]  .trace-tree.workflow > .trace-root-slot a {
    pointer-events: auto;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .trace-tree.workflow > .trace-root-slot.is-active {
    border-color: var(--app-blue);
    box-shadow: inset 0 0 20px 7px color-mix(in srgb, var(--app-blue) 16%, transparent);
    background: color-mix(in srgb, var(--app-blue) 4%, transparent);
}

.visual-reactor-shell-host[b-q7ym96o31x]  .graph-shell.has-sticky-root-headers .trace-tree.workflow > .trace-root-slot,
.visual-reactor-shell-host[b-q7ym96o31x]  .graph-shell.has-sticky-root-headers .trace-tree.workflow > .trace-root-slot.is-active {
    border: 0;
    background: transparent;
    box-shadow: none;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .trace-root-slot-title {
    margin-bottom: 16px;
}

.visual-reactor-shell-host[b-q7ym96o31x]  .vr-builder-stage-surface.is-agent-busy::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    box-shadow:
        inset 0 0 0 1px color-mix(in srgb, var(--app-primary) 58%, transparent),
        inset 0 0 0 4px color-mix(in srgb, var(--app-primary) 12%, transparent),
        inset 0 0 72px 10px color-mix(in srgb, var(--app-primary) 14%, transparent);
    background:
        linear-gradient(to right, color-mix(in srgb, var(--app-primary) 10%, transparent), transparent 18%, transparent 82%, color-mix(in srgb, var(--app-primary) 10%, transparent)),
        linear-gradient(to bottom, color-mix(in srgb, var(--app-primary-light) 10%, transparent), transparent 20%, transparent 80%, color-mix(in srgb, var(--app-primary-light) 10%, transparent));
    opacity: 0.92;
    animation: vr-agent-busy-frame-pulse-b-q7ym96o31x 2.8s ease-in-out infinite;
}

@keyframes vr-agent-busy-frame-pulse-b-q7ym96o31x {
    0%,
    100% {
        opacity: 0.78;
        box-shadow:
            inset 0 0 0 1px color-mix(in srgb, var(--app-primary) 44%, transparent),
            inset 0 0 0 4px color-mix(in srgb, var(--app-primary) 8%, transparent),
            inset 0 0 54px 6px color-mix(in srgb, var(--app-primary) 10%, transparent);
    }

    50% {
        opacity: 1;
        box-shadow:
            inset 0 0 0 1px color-mix(in srgb, var(--app-primary-light) 72%, transparent),
            inset 0 0 0 4px color-mix(in srgb, var(--app-primary) 14%, transparent),
            inset 0 0 88px 12px color-mix(in srgb, var(--app-primary-light) 16%, transparent);
    }
}

@keyframes vr-agent-toolbar-pulse-b-q7ym96o31x {
    0%,
    100% {
        transform: scale(1);
        opacity: 0.8;
    }

    50% {
        transform: scale(1.14);
        opacity: 1;
    }
}

@keyframes vr-toolbar-icon-spin-b-q7ym96o31x {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .visual-reactor-shell-host[b-q7ym96o31x]  .vr-builder-stage-surface.is-agent-busy::after,
    .visual-reactor-shell-host[b-q7ym96o31x]  .vr-canvas-toolbar-status-dot {
        animation: none;
    }
}
/* /Components/Pages/Tenant/VisualReactorInspector.razor.rz.scp.css */
.vr-inspector[b-cagoawssg2] {
    min-height: auto;
    overflow: visible;
    border: none;
    border-radius: var(--app-radius);
    background: transparent;
    padding: 0;
    container-type: inline-size;
}

.vr-inspector-step[b-cagoawssg2] {
    display: grid;
    gap: 8px;
}

.vr-inspector-step-header[b-cagoawssg2] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
}

.vr-inspector-step-icon[b-cagoawssg2] {
    width: 32px;
    height: 32px;
    border-radius: var(--app-radius-sm);
    border: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.vr-inspector-step-heading[b-cagoawssg2] {
    min-width: 0;
    display: grid;
    gap: 1px;
}

.vr-inspector-step-title[b-cagoawssg2] {
    margin: 0;
    font-size: var(--app-type-base);
    font-weight: 700;
    color: var(--app-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vr-inspector-step-tag[b-cagoawssg2] {
    color: var(--app-text-subtle);
    font-size: var(--app-type-xs);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.vr-inspector-step-actions[b-cagoawssg2] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.vr-inspector-action[b-cagoawssg2] {
    width: 28px;
    height: 28px;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-sm);
    background: var(--app-surface-dark) !important;
    color: var(--app-text-subtle);
    cursor: pointer;
}

.vr-inspector-action:hover[b-cagoawssg2] {
    border-color: var(--app-border);
    background: var(--app-sidebar-accent) !important;
    color: var(--app-text);
}

.vr-inspector-action.danger:hover[b-cagoawssg2] {
    color: var(--app-text);
}

.vr-inspector-command-group[b-cagoawssg2] {
    display: grid;
    gap: 8px;
    padding: 10px 0;
    border-bottom: 1px solid color-mix(in srgb, var(--app-border) 78%, transparent);
}

.vr-inspector-command-grid[b-cagoawssg2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.vr-inspector-command-grid-start[b-cagoawssg2] {
    grid-template-columns: minmax(0, 1fr);
}

.vr-inspector-command-grid[b-cagoawssg2]  .vr-inspector-flow-button.mud-button-root {
    width: 100%;
    justify-content: flex-start;
    box-shadow: none;
    text-transform: none;
}

.vr-inspector-command-grid[b-cagoawssg2]  .vr-inspector-flow-button.mud-button-root .mud-button-label {
    justify-content: flex-start;
    width: 100%;
}

.vr-inspector-command-grid[b-cagoawssg2]  .vr-inspector-flow-button.mud-button-root .mud-button-icon-start,
.vr-inspector-command-grid[b-cagoawssg2]  .vr-inspector-flow-button.mud-button-root .mud-icon-root {
    color: inherit;
}

.vr-inspector-command-grid[b-cagoawssg2]  .vr-inspector-flow-button-wide.mud-button-root .mud-button-label {
    justify-content: center;
}

.vr-inspector-command-grid[b-cagoawssg2]  .mud-button-root .mud-button-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    line-height: 1;
}

.vr-inspector-command-grid[b-cagoawssg2]  .mud-button-root .mud-button-icon-start {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 0 !important;
    line-height: 1;
}

.vr-inspector-command-grid[b-cagoawssg2]  .mud-button-root .mud-icon-root {
    display: block;
    line-height: 1 !important;
}

.vr-inspector-label-row[b-cagoawssg2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: var(--app-type-xs);
    color: var(--app-text-subtle);
}

.vr-inspector-fields label[b-cagoawssg2],
.vr-inspector-fields[b-cagoawssg2]  label {
    font-size: var(--app-type-xs);
    color: var(--app-text-subtle);
}

.vr-inspector-fields label.error[b-cagoawssg2],
.vr-inspector-fields[b-cagoawssg2]  label.error {
    color: var(--app-text);
}

.vr-request-input-fields-editor[b-cagoawssg2] {
    display: grid;
    gap: 12px;
}

.vr-collection-editor[b-cagoawssg2] {
    display: grid;
    gap: 12px;
}

.vr-collection-card[b-cagoawssg2],
.vr-request-input-preset-card[b-cagoawssg2],
.vr-request-input-field-card[b-cagoawssg2] {
    gap: 12px;
}

.vr-collection-card-header[b-cagoawssg2],
.vr-request-input-preset-topline[b-cagoawssg2],
.vr-request-input-options-topline[b-cagoawssg2],
.vr-request-input-field-card-header[b-cagoawssg2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.vr-request-input-preset-heading[b-cagoawssg2],
.vr-request-input-field-card-heading[b-cagoawssg2] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.vr-request-input-preset-title[b-cagoawssg2],
.vr-request-input-field-card-title[b-cagoawssg2] {
    color: var(--app-text);
    font-size: var(--app-type-sm);
    font-weight: 700;
}

.vr-request-input-preset-copy[b-cagoawssg2],
.vr-request-input-empty-copy[b-cagoawssg2] {
    margin: 0;
    color: var(--app-text-muted);
    font-size: var(--app-type-xs);
    line-height: 1.5;
}

.vr-request-input-preset-grid[b-cagoawssg2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.vr-request-input-preset-pills[b-cagoawssg2] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.vr-request-input-field-card-subtitle[b-cagoawssg2] {
    color: var(--app-text-subtle);
    font-size: var(--app-type-xs);
    line-height: 1.4;
}

.vr-saga-mapping-card[b-cagoawssg2] {
    display: grid;
    gap: 12px;
}

.vr-request-input-field-grid[b-cagoawssg2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.vr-saga-mapping-grid[b-cagoawssg2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.vr-request-input-field-item--checkbox[b-cagoawssg2] {
    align-content: start;
}

.vr-request-input-checkbox-row[b-cagoawssg2] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--app-text);
}

.vr-request-input-checkbox-row span[b-cagoawssg2] {
    color: var(--app-text);
    font-size: var(--app-type-xs);
}

.vr-request-input-options[b-cagoawssg2] {
    display: grid;
    gap: 10px;
    padding-top: 4px;
    border-top: 1px solid color-mix(in srgb, var(--app-border) 70%, transparent);
}

.vr-request-input-options-empty[b-cagoawssg2] {
    color: var(--app-text-muted);
    font-size: var(--app-type-xs);
}

.vr-request-input-option-row[b-cagoawssg2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    gap: 8px;
    align-items: end;
}

.vr-request-input-empty-state[b-cagoawssg2] {
    padding: 12px;
    border: 1px dashed color-mix(in srgb, var(--app-border) 82%, transparent);
    border-radius: var(--app-input-radius);
    background: color-mix(in srgb, var(--app-surface) 86%, transparent);
}

.vr-collection-empty-state[b-cagoawssg2] {
    padding: 12px;
    border: 1px dashed color-mix(in srgb, var(--app-border) 82%, transparent);
    border-radius: var(--app-input-radius);
    background: color-mix(in srgb, var(--app-surface) 86%, transparent);
}

.vr-saga-mapping-preview[b-cagoawssg2] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--app-text-subtle);
    font-size: var(--app-type-xs);
}

.vr-saga-mapping-preview code[b-cagoawssg2] {
    border-radius: var(--app-radius-sm);
    background: color-mix(in srgb, var(--app-surface-dark) 90%, transparent);
    color: var(--app-text);
    padding: 4px 8px;
}

.vr-inspector-helper[b-cagoawssg2] {
    margin: 0;
}

.vr-inspector-info-topline[b-cagoawssg2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.vr-inspector-info-heading[b-cagoawssg2] {
    display: grid;
    gap: 4px;
}

.vr-inspector-info-title[b-cagoawssg2] {
    font-size: var(--app-type-sm);
    font-weight: 700;
    color: var(--app-text);
}

.vr-inspector-info-actions[b-cagoawssg2] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.vr-inspector-info-grid[b-cagoawssg2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.vr-expression-preview[b-cagoawssg2]  .vr-expression-preview__code {
    min-height: 0;
}

.vr-expression-preview[b-cagoawssg2]  .vr-expression-preview__code code,
.vr-expression-preview[b-cagoawssg2]  .vr-expression-preview__code code.hljs {
    min-height: 0;
    padding: 12px 14px;
    padding-right: 72px;
    background: transparent;
    line-height: 1.55;
}

@container (max-width: 520px) {
    .vr-inspector-info-grid[b-cagoawssg2],
    .vr-saga-mapping-grid[b-cagoawssg2],
    .vr-request-input-preset-grid[b-cagoawssg2],
    .vr-request-input-field-grid[b-cagoawssg2],
    .vr-request-input-option-row[b-cagoawssg2] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.vr-inspector-validation[b-cagoawssg2] {
    border-left: 2px solid color-mix(in srgb, var(--app-red) 58%, var(--app-border));
    padding-left: 10px;
    display: grid;
    gap: 8px;
}

.vr-inspector-validation-all[b-cagoawssg2] {
    margin-top: 14px;
}

.vr-inspector-validation-title[b-cagoawssg2] {
    font-size: var(--app-type-xs);
    color: var(--app-text);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.vr-inspector-validation-list[b-cagoawssg2] {
    display: grid;
    gap: 8px;
}

.vr-inspector-validation-list.inline[b-cagoawssg2] {
    gap: 6px;
}

.vr-inspector-diagnostic[b-cagoawssg2] {
    border: 1px solid color-mix(in srgb, var(--app-border) 82%, transparent);
    border-radius: var(--app-radius-sm);
    background: color-mix(in srgb, var(--app-surface-dark) 92%, transparent);
    padding: 8px 10px;
    display: grid;
    gap: 6px;
    text-align: left;
}

button.vr-inspector-diagnostic[b-cagoawssg2] {
    width: 100%;
    cursor: pointer;
}

button.vr-inspector-diagnostic:hover[b-cagoawssg2] {
    border-color: color-mix(in srgb, var(--app-border) 82%, transparent);
    background: var(--app-sidebar-accent);
    color: var(--app-text);
}

.vr-inspector-diagnostic-meta[b-cagoawssg2] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    color: var(--app-text);
    font-size: var(--app-type-xs);
}

.vr-inspector-diagnostic-field[b-cagoawssg2] {
    color: var(--app-text-subtle);
    font-size: var(--app-type-2xs);
}

.vr-inspector-diagnostic-message[b-cagoawssg2] {
    color: var(--app-text);
    font-size: var(--app-type-xs);
    line-height: 1.5;
}

.vr-inspector-diagnostic-code[b-cagoawssg2] {
    border-radius: var(--app-radius-sm);
    background: var(--app-surface);
    color: var(--app-text);
    font-size: var(--app-type-2xs);
    padding: 6px 8px;
    overflow-wrap: anywhere;
}

.vr-inspector-diagnostic-hint[b-cagoawssg2] {
    color: var(--app-text-subtle);
    font-size: var(--app-type-xs);
    line-height: 1.5;
}

.vr-assignment-section[b-cagoawssg2] {
    border-top: 1px solid color-mix(in srgb, var(--app-border) 78%, transparent);
    padding-top: 10px;
    display: grid;
    gap: 8px;
}

.vr-assignment-section h4[b-cagoawssg2] {
    margin: 0;
    font-size: var(--app-type-sm);
}

.vr-assignment-row[b-cagoawssg2] {
    border: 0;
    border-left: 2px solid color-mix(in srgb, var(--app-border) 88%, transparent);
    border-radius: 0;
    padding: 4px 0 4px 10px;
    display: grid;
    gap: 5px;
}

.vr-inspector-checkbox-row[b-cagoawssg2] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--app-text-subtle);
    font-size: var(--app-type-sm);
}

.vr-inspector-inline-delete[b-cagoawssg2] {
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-sm);
    background: transparent;
    color: var(--app-error);
    min-height: 26px;
    cursor: pointer;
}

.vr-inspector-link[b-cagoawssg2] {
    border: none;
    background: transparent;
    color: var(--app-blue-fg);
    padding: 0;
    cursor: pointer;
    text-align: left;
}

.vr-inspector-empty[b-cagoawssg2] {
    margin: 0;
    color: var(--app-text-subtle);
    font-size: var(--app-type-sm);
}

.vr-http-contract-summary[b-cagoawssg2],
.vr-http-contract-response[b-cagoawssg2] {
    border-top: 1px solid color-mix(in srgb, var(--app-border) 78%, transparent);
    padding-top: 10px;
    display: grid;
    gap: 8px;
}

.vr-http-contract-row[b-cagoawssg2] {
    display: grid;
    gap: 4px;
}

.vr-http-contract-label[b-cagoawssg2] {
    font-size: var(--app-type-xs);
    color: var(--app-text-subtle);
}

.vr-http-contract-value[b-cagoawssg2] {
    border-radius: var(--app-radius-sm);
    background: var(--app-surface);
    color: var(--app-text);
    padding: 6px 8px;
    overflow-wrap: anywhere;
}

.vr-http-contract-field-list[b-cagoawssg2] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.vr-http-contract-field[b-cagoawssg2] {
    border: 1px solid color-mix(in srgb, var(--app-border) 82%, transparent);
    border-radius: var(--app-radius-sm);
    background: color-mix(in srgb, var(--app-surface-dark) 92%, transparent);
    color: var(--app-text);
    font-size: var(--app-type-xs);
    padding: 4px 8px;
}

.vr-checklist-row[b-cagoawssg2] {
    border: 0;
    border-left: 2px solid color-mix(in srgb, var(--app-border) 88%, transparent);
    border-radius: 0;
    background: transparent;
    color: var(--app-text);
    min-height: 34px;
    padding: 0 0 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    cursor: pointer;
    text-align: left;
}

.vr-checklist-row:hover[b-cagoawssg2] {
    border-left-color: color-mix(in srgb, var(--app-border) 88%, transparent);
    background: var(--app-sidebar-accent);
    color: var(--app-text);
}

.vr-next-step-section[b-cagoawssg2] {
    border-top: 1px solid color-mix(in srgb, var(--app-border) 78%, transparent);
    padding-top: 10px;
    display: grid;
    gap: 6px;
}

.vr-next-step-section h4[b-cagoawssg2] {
    margin: 0;
    font-size: var(--app-type-sm);
}

.vr-next-step-section p[b-cagoawssg2] {
    margin: 0;
    color: var(--app-text-subtle);
    font-size: var(--app-type-xs);
}

.vr-note-grid[b-cagoawssg2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

.vr-note-style-row[b-cagoawssg2] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.vr-inspector-fields[b-cagoawssg2]  .app-filter-builder,
.vr-inspector-fields[b-cagoawssg2]  .app-filter-inline-list,
.vr-inspector-fields[b-cagoawssg2]  .app-filter-inline-rows {
    gap: 6px;
}

.vr-inspector-fields[b-cagoawssg2]  .app-property-picker-trigger,
.vr-inspector-fields[b-cagoawssg2]  .app-property-picker-trigger:hover {
    background: var(--app-surface-dark) !important;
}

.vr-inspector-fields[b-cagoawssg2]  .app-filter-header {
    gap: 6px;
}

@container (max-width: 420px) {
    .vr-inspector-step[b-cagoawssg2] {
        gap: 6px;
    }

    .vr-inspector-step-header[b-cagoawssg2] {
        gap: 6px;
    }

    .vr-inspector-step-icon[b-cagoawssg2] {
        width: 28px;
        height: 28px;
    }

    .vr-inspector-step-title[b-cagoawssg2] {
        font-size: var(--app-type-sm);
    }

    .vr-inspector-fields[b-cagoawssg2],
    .vr-inspector-section[b-cagoawssg2],
    .vr-note-grid[b-cagoawssg2],
    .vr-note-style-row[b-cagoawssg2] {
        gap: 4px;
    }

    .vr-inspector-fields label[b-cagoawssg2],
    .vr-inspector-fields[b-cagoawssg2]  label,
    .vr-inspector-helper[b-cagoawssg2],
    .vr-inspector-empty[b-cagoawssg2] {
        font-size: var(--app-type-xs);
        margin-top: 8px;
    }
}
/* /Components/Pages/Tenant/VisualWorkflowDryRunFileTriggerDialog.razor.rz.scp.css */
.vr-file-trigger-dialog__title-shell[b-2cp60r7ylh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.vr-file-trigger-dialog__title-copy[b-2cp60r7ylh] {
    display: grid;
    gap: 4px;
}

.vr-file-trigger-dialog__title-copy h6[b-2cp60r7ylh],
.vr-file-trigger-dialog__title-copy p[b-2cp60r7ylh],
.vr-file-trigger-dialog__section-head h3[b-2cp60r7ylh],
.vr-file-trigger-dialog__section-head p[b-2cp60r7ylh] {
    margin: 0;
}

.vr-file-trigger-dialog__subtitle[b-2cp60r7ylh] {
    color: var(--app-text-subtle);
    font-size: var(--app-type-sm);
    line-height: 1.5;
    max-width: 56ch;
}

.vr-file-trigger-dialog__layout[b-2cp60r7ylh] {
    display: grid;
    gap: 14px;
}

.vr-file-trigger-dialog__card[b-2cp60r7ylh] {
    border: 1px solid color-mix(in srgb, var(--app-border) 86%, transparent);
    border-radius: var(--app-radius);
    background: color-mix(in srgb, var(--app-surface-dark) 94%, transparent);
    padding: 14px 16px;
    display: grid;
    gap: 12px;
}

.vr-file-trigger-dialog__section-head[b-2cp60r7ylh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.vr-file-trigger-dialog__section-head h3[b-2cp60r7ylh] {
    color: var(--app-text);
    font-size: var(--app-type-base);
    font-weight: 700;
}

.vr-file-trigger-dialog__section-head p[b-2cp60r7ylh] {
    color: var(--app-text-subtle);
    font-size: var(--app-type-sm);
    line-height: 1.5;
    max-width: 52ch;
}

.vr-file-trigger-dialog__upload-actions[b-2cp60r7ylh] {
    display: grid;
    gap: 8px;
    justify-items: start;
}

.vr-file-trigger-dialog__input[b-2cp60r7ylh] {
    display: none;
}

.vr-file-trigger-dialog__hint[b-2cp60r7ylh] {
    color: var(--app-text-muted);
    font-size: var(--app-type-xs);
    line-height: 1.5;
}

.vr-file-trigger-dialog__hint code[b-2cp60r7ylh] {
    color: var(--app-text);
}

.vr-file-trigger-dialog__notice[b-2cp60r7ylh] {
    border-left: 2px solid color-mix(in srgb, var(--app-border) 80%, transparent);
    padding-left: 10px;
    color: var(--app-text);
    font-size: var(--app-type-sm);
    line-height: 1.5;
}

.vr-file-trigger-dialog__notice.success[b-2cp60r7ylh] {
    border-left-color: var(--app-green);
}

.vr-file-trigger-dialog__notice.error[b-2cp60r7ylh] {
    border-left-color: var(--app-red);
}

.vr-file-trigger-dialog__search-shell[b-2cp60r7ylh] {
    width: 100%;
}

.vr-file-trigger-dialog__candidate-list[b-2cp60r7ylh] {
    display: grid;
    gap: 10px;
    max-height: min(34vh, 340px);
    overflow: auto;
    padding-right: 2px;
}

.vr-file-trigger-dialog__candidate[b-2cp60r7ylh] {
    width: 100%;
    border: 1px solid color-mix(in srgb, var(--app-border) 82%, transparent);
    border-radius: var(--app-radius);
    background: color-mix(in srgb, var(--app-surface) 90%, transparent);
    padding: 12px 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    text-align: left;
    transition: border-color var(--app-transition), background-color var(--app-transition), transform var(--app-transition);
}

.vr-file-trigger-dialog__candidate:hover[b-2cp60r7ylh] {
    border-color: color-mix(in srgb, var(--app-border) 82%, transparent);
    background: var(--app-sidebar-accent);
    color: var(--app-text);
    transform: none;
}

.vr-file-trigger-dialog__candidate.active[b-2cp60r7ylh] {
    border-color: color-mix(in srgb, var(--app-primary) 58%, var(--app-border));
    background: color-mix(in srgb, var(--app-primary) 12%, var(--app-surface));
}

.vr-file-trigger-dialog__candidate-icon[b-2cp60r7ylh],
.vr-file-trigger-dialog__selection-icon[b-2cp60r7ylh] {
    width: 34px;
    height: 34px;
    border-radius: var(--app-radius-sm);
    border: 1px solid color-mix(in srgb, var(--app-primary) 24%, var(--app-border));
    background: color-mix(in srgb, var(--app-primary) 10%, transparent);
    color: var(--app-blue-fg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.vr-file-trigger-dialog__candidate-copy[b-2cp60r7ylh] {
    min-width: 0;
    flex: 1 1 auto;
    display: grid;
    gap: 3px;
}

.vr-file-trigger-dialog__candidate-copy strong[b-2cp60r7ylh],
.vr-file-trigger-dialog__selection-title strong[b-2cp60r7ylh] {
    color: var(--app-text);
    font-size: var(--app-type-sm);
}

.vr-file-trigger-dialog__candidate-copy span[b-2cp60r7ylh],
.vr-file-trigger-dialog__selection-title div[b-2cp60r7ylh] {
    color: var(--app-text-subtle);
    font-size: var(--app-type-xs);
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.vr-file-trigger-dialog__selection-card[b-2cp60r7ylh] {
    border: 1px solid color-mix(in srgb, var(--app-border) 82%, transparent);
    border-radius: var(--app-radius);
    background: color-mix(in srgb, var(--app-surface) 88%, transparent);
    padding: 14px;
    display: grid;
    gap: 14px;
}

.vr-file-trigger-dialog__selection-title[b-2cp60r7ylh] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.vr-file-trigger-dialog__empty[b-2cp60r7ylh] {
    min-height: 92px;
    border: 1px dashed color-mix(in srgb, var(--app-border) 72%, transparent);
    border-radius: var(--app-radius);
    color: var(--app-text-subtle);
    font-size: var(--app-type-sm);
    display: grid;
    place-items: center;
    gap: 8px;
    text-align: center;
    padding: 14px;
}

.vr-file-trigger-dialog__actions[b-2cp60r7ylh] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    width: 100%;
}

@media (max-width: 720px) {
    .vr-file-trigger-dialog__title-shell[b-2cp60r7ylh],
    .vr-file-trigger-dialog__section-head[b-2cp60r7ylh],
    .vr-file-trigger-dialog__selection-title[b-2cp60r7ylh] {
        grid-template-columns: 1fr;
        display: grid;
    }

    .vr-file-trigger-dialog__selection-grid[b-2cp60r7ylh] {
        grid-template-columns: minmax(0, 1fr);
    }

    .vr-file-trigger-dialog__candidate[b-2cp60r7ylh] {
        align-items: flex-start;
    }
}
/* /Components/Pages/Tenant/VisualWorkflowDryRunPanel.razor.rz.scp.css */
.vr-dryrun-panel[b-q99scwokh0] {
    min-height: 0;
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 14px;
    background: var(--app-dark-1);
}

.vr-dryrun-stage-surface[b-q99scwokh0] {
    min-height: 0;
    flex: 1;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: var(--app-dark-1);
    padding: 0;
}

.vr-dryrun-panel[b-q99scwokh0]  .graph-shell,
.vr-dryrun-panel[b-q99scwokh0]  .trace-viewport.workflow {
    border: 0;
    border-radius: 0;
    background: var(--app-dark-1);
}

.vr-dryrun-panel[b-q99scwokh0]  .trace-content.workflow {
    padding: 18px 18px 72px;
}

.vr-dryrun-stage-meta[b-q99scwokh0] {
    display: grid;
    gap: 10px;
    padding: 0 16px;
}

.vr-dryrun-notice[b-q99scwokh0] {
    border: 0;
    border-left: 3px solid color-mix(in srgb, var(--app-border) 75%, transparent);
    border-radius: 0;
    padding: 4px 0 4px 12px;
    color: var(--app-text);
    font-size: var(--app-type-xs);
    line-height: 1.5;
    background: transparent;
}

.vr-dryrun-notice.info[b-q99scwokh0] {
    border-left-color: var(--app-primary);
}

.vr-dryrun-notice.warning[b-q99scwokh0] {
    border-left-color: var(--app-orange);
}

.vr-dryrun-notice.error[b-q99scwokh0] {
    border-left-color: var(--app-red);
}

.vr-dryrun-notice.success[b-q99scwokh0] {
    border-left-color: var(--app-green);
}
/* /Components/Pages/Tenant/VisualWorkflowDryRunSidebar.razor.rz.scp.css */
.vr-dryrun-sidebar[b-uxggodnss1] {
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.vr-dryrun-sidebar-tabs[b-uxggodnss1] {
    flex: 0 0 41px;
    min-height: 41px;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: stretch;
    padding: 0;
    overflow: hidden;
    border-bottom: 1px solid var(--app-border);
}

.vr-dryrun-sidebar-tabs .app-tab-strip-item[b-uxggodnss1] {
    min-width: 0;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    justify-content: center;
    gap: 4px;
    padding: 3px 6px;
    font-size: var(--app-type-xs);
}

.vr-dryrun-sidebar-tabs .app-tab-strip-item [class^="icon-"][b-uxggodnss1],
.vr-dryrun-sidebar-tabs .app-tab-strip-item [class*=" icon-"][b-uxggodnss1] {
    width: 14px;
    height: 14px;
    font-size: var(--app-type-base) !important;
}

.vr-dryrun-sidebar-body[b-uxggodnss1] {
    min-height: 0;
    flex: 1;
    overflow: auto;
    padding-top: 16px;
    display: grid;
    align-content: start;
    gap: 18px;
}

.vr-dryrun-sidebar-body[b-uxggodnss1]::-webkit-scrollbar {
    width: 6px;
}

.vr-dryrun-sidebar-body[b-uxggodnss1]::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--app-border-strong) 70%, transparent);
}

.vr-dryrun-card-topline[b-uxggodnss1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.vr-dryrun-safety-topline[b-uxggodnss1] {
    align-items: flex-start;
}

.vr-dryrun-inline-grid[b-uxggodnss1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 92px;
    gap: 10px;
}

.vr-dryrun-inline-grid--equal[b-uxggodnss1] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vr-dryrun-helper code[b-uxggodnss1] {
    color: var(--app-text);
}

.vr-dryrun-task-card-topline[b-uxggodnss1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.vr-dryrun-task-form-grid[b-uxggodnss1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.vr-dryrun-task-form-field > label span[b-uxggodnss1] {
    color: var(--app-danger);
}

.vr-dryrun-task-checkbox[b-uxggodnss1] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--app-text-subtle);
    font-size: var(--app-type-xs);
}

.vr-dryrun-task-form-field[b-uxggodnss1]  .app-menu-select,
.vr-dryrun-task-form-field[b-uxggodnss1]  .app-menu-select .app-menu-select-cell,
.vr-dryrun-task-form-field[b-uxggodnss1]  .app-menu-select .app-menu-select-trigger {
    width: 100%;
}

.vr-dryrun-task-validation[b-uxggodnss1] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--app-warning) 36%, var(--app-border));
    border-radius: var(--app-radius);
    background: color-mix(in srgb, var(--app-warning) 10%, transparent);
    color: var(--app-warning);
    font-size: var(--app-type-sm);
}

.vr-dryrun-inline-code[b-uxggodnss1] {
    display: block;
}

.vr-dryrun-checkbox[b-uxggodnss1] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--app-text-subtle);
    font-size: var(--app-type-xs);
}

.vr-dryrun-checkbox.is-disabled[b-uxggodnss1] {
    opacity: 0.62;
}

.vr-dryrun-checkbox input[b-uxggodnss1] {
    margin: 0;
    width: 16px;
    height: 16px;
}

.vr-dryrun-safety-pill[b-uxggodnss1] {
    gap: 6px;
    min-height: 28px;
    padding: 0 10px;
    font-size: var(--app-type-xs);
    font-weight: 700;
    white-space: nowrap;
}

.vr-dryrun-safety-pill.locked[b-uxggodnss1] {
    color: var(--app-orange);
    border-color: color-mix(in srgb, var(--app-orange) 50%, var(--app-border-strong));
    background: color-mix(in srgb, var(--app-orange) 12%, transparent);
}

.vr-dryrun-safety-pill.unlocked[b-uxggodnss1] {
    color: var(--app-red);
    border-color: color-mix(in srgb, var(--app-red) 48%, var(--app-border-strong));
    background: color-mix(in srgb, var(--app-red) 12%, transparent);
}

.vr-dryrun-mini-tabs[b-uxggodnss1] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.vr-dryrun-mini-tabs .app-tab[b-uxggodnss1] {
    min-height: 28px;
    padding: 0 10px;
}

.vr-dryrun-json-preview[b-uxggodnss1] {
    width: 100%;
    min-height: 0;
    margin: 0;
    overflow: visible;
    white-space: normal;
    word-break: normal;
}

.vr-dryrun-runtime-card[b-uxggodnss1] {
    min-height: 0;
}

.vr-dryrun-runtime-card[b-uxggodnss1]  .js-highlight-component,
.vr-dryrun-runtime-card[b-uxggodnss1]  .js-highlight-component pre {
    overflow: visible;
}

.vr-dryrun-runtime-card[b-uxggodnss1]  .js-highlight-component pre,
.vr-dryrun-runtime-card[b-uxggodnss1]  .js-highlight-component code {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.vr-dryrun-json-readonly[b-uxggodnss1] {
    color: var(--app-text);
}

.vr-dryrun-json-trigger[b-uxggodnss1] {
    width: 100%;
    position: relative;
    padding: 0;
    border: 0;
    background: transparent;
    display: block;
    text-align: left;
    cursor: pointer;
}

.vr-dryrun-json-trigger:focus-visible[b-uxggodnss1] {
    outline: none;
}

.vr-dryrun-json-trigger__preview[b-uxggodnss1] {
    padding-right: 72px;
    transition: border-color var(--app-transition), background-color var(--app-transition), box-shadow var(--app-transition);
}

.vr-dryrun-json-trigger:hover .vr-dryrun-json-trigger__preview[b-uxggodnss1],
.vr-dryrun-json-trigger:focus-visible .vr-dryrun-json-trigger__preview[b-uxggodnss1] {
    border-color: color-mix(in srgb, var(--app-primary) 54%, var(--app-input-border));
    background: color-mix(in srgb, var(--app-primary) 9%, var(--app-surface));
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--app-primary) 28%, transparent);
}

@media (max-width: 720px) {
    .vr-dryrun-inline-grid--equal[b-uxggodnss1] {
        grid-template-columns: minmax(0, 1fr);
    }

    .vr-dryrun-task-form-grid[b-uxggodnss1] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.vr-dryrun-json-preview code[b-uxggodnss1] {
    display: block;
    font-family: "JetBrains Mono", ui-monospace, monospace;
    font-size: inherit;
    line-height: inherit;
    tab-size: 2;
}

.vr-dryrun-json-preview code.hljs[b-uxggodnss1] {
    padding: 0;
    background: transparent;
}

.vr-dryrun-chip-row[b-uxggodnss1] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.vr-dryrun-filter-pill[b-uxggodnss1] {
    gap: 6px;
    padding: 5px 10px;
}

.vr-dryrun-filter-pill i[b-uxggodnss1] {
    width: 14px;
    height: 14px;
    font-size: var(--app-type-base);
}

.vr-dryrun-timeline[b-uxggodnss1] {
    display: grid;
    gap: 18px;
}

.vr-dryrun-outcomes[b-uxggodnss1] {
    display: grid;
    gap: 14px;
}

.vr-dryrun-diagnostics[b-uxggodnss1] {
    display: grid;
    gap: 12px;
}

.vr-dryrun-step-card[b-uxggodnss1] {
    display: grid;
    gap: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

.vr-dryrun-diagnostic[b-uxggodnss1] {
    display: grid;
    gap: 10px;
    padding: 0 0 0 12px;
    border: 0;
    border-left: 2px solid color-mix(in srgb, var(--app-border) 72%, transparent);
    border-radius: 0;
    background: transparent;
}

.vr-dryrun-diagnostic.error[b-uxggodnss1] {
    border-left-color: var(--app-red);
}

.vr-dryrun-diagnostic.warning[b-uxggodnss1] {
    border-left-color: var(--app-orange);
}

.vr-dryrun-step-shell[b-uxggodnss1] {
    display: grid;
    gap: 6px;
    padding: 14px;
    border: 1px solid var(--app-border-strong);
    border-radius: var(--app-radius-lg);
    background: var(--app-dark-3);
}

.vr-dryrun-step-shell-header[b-uxggodnss1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.vr-dryrun-step-shell-title[b-uxggodnss1] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.vr-dryrun-step-shell-title strong[b-uxggodnss1] {
    min-width: 0;
    color: var(--app-text);
    font-size: var(--app-type-xs);
    line-height: 1.3;
}

.vr-dryrun-step-status-badge[b-uxggodnss1] {
    flex-shrink: 0;
}

.vr-dryrun-step-shell-kicker[b-uxggodnss1],
.vr-dryrun-step-section-meta[b-uxggodnss1] {
    display: flex;
    align-items: center;
    gap: 0;
    flex-wrap: wrap;
    color: var(--app-text-muted);
    font-size: var(--app-type-2xs);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.vr-dryrun-step-shell-kicker span[b-uxggodnss1],
.vr-dryrun-step-section-meta span[b-uxggodnss1] {
    display: inline-flex;
    align-items: center;
}

.vr-dryrun-step-shell-kicker span + span[b-uxggodnss1]::before,
.vr-dryrun-step-section-meta span + span[b-uxggodnss1]::before {
    content: "\00B7";
    padding: 0 8px;
    color: var(--app-text-muted);
}

.vr-dryrun-step-message[b-uxggodnss1],
.vr-dryrun-diagnostic span[b-uxggodnss1],
.vr-dryrun-step-section-summary[b-uxggodnss1],
.vr-dryrun-document-meta[b-uxggodnss1] {
    color: var(--app-text-subtle);
    font-size: var(--app-type-xs);
    line-height: 1.5;
}

.vr-dryrun-http-request-line[b-uxggodnss1] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    color: var(--app-text);
    font-family: var(--app-font-mono);
    font-size: var(--app-type-xs);
    overflow-wrap: anywhere;
}

.vr-dryrun-http-method[b-uxggodnss1] {
    flex-shrink: 0;
}

.vr-dryrun-http-method.api-method-pill[b-uxggodnss1] {
    min-width: fit-content;
    padding-inline: 8px;
}

.vr-dryrun-http-path[b-uxggodnss1] {
    min-width: 0;
}

.vr-dryrun-http-host[b-uxggodnss1] {
    color: var(--app-text-subtle);
    font-size: var(--app-type-xs);
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.vr-dryrun-step-section-group[b-uxggodnss1] {
    display: grid;
    gap: 12px;
}

.vr-dryrun-step-section[b-uxggodnss1] {
    display: grid;
    gap: 8px;
    padding-top: 12px;
    border-top: 1px solid color-mix(in srgb, var(--app-border) 68%, transparent);
}

.vr-dryrun-document-list[b-uxggodnss1] {
    display: grid;
    gap: 8px;
}

.vr-dryrun-document-list-compact[b-uxggodnss1] {
    gap: 8px;
}

.vr-dryrun-document-entry[b-uxggodnss1] {
    display: grid;
    gap: 5px;
}

.vr-dryrun-document-entry-compact[b-uxggodnss1] {
    gap: 4px;
}

.vr-dryrun-document-link[b-uxggodnss1] {
    display: grid;
    gap: 2px;
    color: var(--app-text);
    text-decoration: none;
}

.vr-dryrun-document-title[b-uxggodnss1] {
    color: var(--app-text);
    font-size: var(--app-type-xs);
    font-weight: 600;
    line-height: 1.4;
}

.vr-dryrun-document-label[b-uxggodnss1] {
    color: var(--app-text-muted);
    font-size: var(--app-type-2xs);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.vr-dryrun-document-link:hover .vr-dryrun-document-title[b-uxggodnss1] {
    color: var(--app-primary-light);
}

.vr-dryrun-link-row[b-uxggodnss1] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.vr-dryrun-inline-link[b-uxggodnss1] {
    color: var(--app-primary);
    font-size: var(--app-type-xs);
    font-weight: 600;
    text-decoration: none;
}

.vr-dryrun-inline-link:hover[b-uxggodnss1] {
    color: var(--app-primary-light);
}

.vr-dryrun-step-detail-list[b-uxggodnss1] {
    display: grid;
    gap: 0;
    margin-top: 4px;
    border-top: 1px solid color-mix(in srgb, var(--app-border) 68%, transparent);
}

.vr-dryrun-payload[b-uxggodnss1] {
    display: grid;
    gap: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    overflow: visible;
}

.vr-dryrun-step-detail + .vr-dryrun-step-detail[b-uxggodnss1] {
    border-top: 1px solid color-mix(in srgb, var(--app-border) 60%, transparent);
}

.vr-dryrun-payload summary[b-uxggodnss1] {
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--app-text);
    font-size: var(--app-type-xs);
    font-weight: 600;
    padding: 11px 0;
    border-bottom: 1px solid transparent;
}

.vr-dryrun-payload summary[b-uxggodnss1]::after {
    content: "\203A";
    color: var(--app-text-muted);
    font-size: var(--app-type-sm);
    font-weight: 700;
    transition: transform var(--app-transition);
}

.vr-dryrun-payload summary[b-uxggodnss1]::-webkit-details-marker {
    display: none;
}

.vr-dryrun-payload[open][b-uxggodnss1] {
    padding-bottom: 12px;
}

.vr-dryrun-payload[open] summary[b-uxggodnss1] {
    border-bottom-color: color-mix(in srgb, var(--app-border) 68%, transparent);
}

.vr-dryrun-payload[open] summary[b-uxggodnss1]::after {
    transform: rotate(90deg);
}

.vr-dryrun-json-block[b-uxggodnss1] {
    border: 0;
    border-radius: 0;
    background: transparent;
    padding-top: 0;
    width: 100%;
    max-width: 100%;
    overflow: visible;
}

.vr-dryrun-sidebar[b-uxggodnss1]  .vr-dryrun-json-block pre {
    max-width: 100%;
}

.vr-dryrun-file-card[b-uxggodnss1] {
    gap: 12px;
}

.vr-dryrun-file-card-title[b-uxggodnss1] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.vr-dryrun-file-card-icon[b-uxggodnss1] {
    width: 32px;
    height: 32px;
    border-radius: var(--app-radius-sm);
    border: 1px solid color-mix(in srgb, var(--app-primary) 24%, var(--app-border));
    background: color-mix(in srgb, var(--app-primary) 10%, transparent);
    color: var(--app-blue-fg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.vr-dryrun-file-card-copy[b-uxggodnss1] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.vr-dryrun-file-card-copy strong[b-uxggodnss1] {
    color: var(--app-text);
    font-size: var(--app-type-sm);
}

.vr-dryrun-file-card-copy span[b-uxggodnss1] {
    color: var(--app-text-subtle);
    font-size: var(--app-type-xs);
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.vr-dryrun-empty[b-uxggodnss1] {
    color: var(--app-text-subtle);
    font-size: var(--app-type-sm);
    padding: 6px 0;
}

.vr-dryrun-artifact-empty[b-uxggodnss1] {
    padding: 0;
    font-size: var(--app-type-xs);
}

@media (max-width: 1100px) {
    .vr-dryrun-step-shell[b-uxggodnss1] {
        padding: 12px 12px 0;
    }

    .vr-dryrun-file-card-grid[b-uxggodnss1] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Tenant/VisualWorkflowExpressionEditorDialog.razor.rz.scp.css */
.vr-expression-dialog__title-shell[b-wy41zujd05] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.vr-expression-dialog__title-copy[b-wy41zujd05] {
    display: grid;
    gap: 4px;
}

.vr-expression-dialog__title-copy h6[b-wy41zujd05],
.vr-expression-dialog__title-copy p[b-wy41zujd05] {
    margin: 0;
}

.vr-expression-dialog__subtitle[b-wy41zujd05] {
    color: var(--app-text-subtle);
    font-size: var(--app-type-sm);
    line-height: 1.5;
    max-width: 60ch;
}

.vr-expression-dialog__body[b-wy41zujd05] {
    display: grid;
    gap: 12px;
}

.vr-expression-dialog__meta[b-wy41zujd05] {
    display: grid;
    gap: 2px;
}

.vr-expression-dialog__meta-label[b-wy41zujd05] {
    color: var(--app-text-muted);
    font-size: var(--app-type-2xs);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.vr-expression-dialog__meta strong[b-wy41zujd05] {
    color: var(--app-text);
    font-size: var(--app-type-sm);
}

.vr-expression-dialog__hint[b-wy41zujd05] {
    margin: 0;
    color: var(--app-text-subtle);
    font-size: var(--app-type-xs);
    line-height: 1.5;
}

.vr-expression-dialog__hint code[b-wy41zujd05] {
    color: var(--app-text);
}

.vr-expression-dialog__editor-shell[b-wy41zujd05] {
    border: 1px solid color-mix(in srgb, var(--app-border) 84%, transparent);
    border-radius: var(--app-radius);
    overflow: hidden;
    background: var(--app-dark-1);
}

.vr-expression-dialog__actions[b-wy41zujd05] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}
/* /Components/Pages/Tenant/VisualWorkflowValidationDialog.razor.rz.scp.css */
.vr-validation-dialog-title-shell[b-yw7dddwukz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.vr-validation-dialog-title-copy[b-yw7dddwukz] {
    display: grid;
    gap: 4px;
}

.vr-validation-dialog-title-copy h6[b-yw7dddwukz],
.vr-validation-dialog-title-copy p[b-yw7dddwukz] {
    margin: 0;
}

.vr-validation-dialog-subtitle[b-yw7dddwukz] {
    color: var(--app-text-subtle);
    font-size: var(--app-type-sm);
    line-height: 1.5;
    max-width: 54ch;
}

.vr-validation-layout[b-yw7dddwukz] {
    display: grid;
    gap: 14px;
}

.vr-validation-summary-pills[b-yw7dddwukz] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.vr-validation-fix-summary[b-yw7dddwukz] {
    border-left: 2px solid color-mix(in srgb, var(--app-primary) 62%, var(--app-border));
    padding-left: 10px;
    display: grid;
    gap: 4px;
    color: var(--app-text);
    font-size: var(--app-type-sm);
    line-height: 1.5;
}

.vr-validation-fix-label[b-yw7dddwukz] {
    color: var(--app-text-subtle);
    font-size: var(--app-type-xs);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.vr-validation-results[b-yw7dddwukz] {
    display: grid;
    gap: 10px;
    max-height: min(64vh, 720px);
    overflow: auto;
    padding-right: 2px;
}

.vr-validation-group[b-yw7dddwukz] {
    border: 1px solid color-mix(in srgb, var(--app-border) 86%, transparent);
    border-radius: var(--app-radius);
    background: color-mix(in srgb, var(--app-surface-dark) 94%, transparent);
    padding: 12px 14px;
    display: grid;
    gap: 10px;
}

.vr-validation-group.error[b-yw7dddwukz] {
    border-color: color-mix(in srgb, var(--app-red) 48%, var(--app-border));
}

.vr-validation-group.warning[b-yw7dddwukz] {
    border-color: color-mix(in srgb, var(--app-orange) 48%, var(--app-border));
}

.vr-validation-group.success[b-yw7dddwukz] {
    border-color: color-mix(in srgb, var(--app-green) 38%, var(--app-border));
}

.vr-validation-group-header[b-yw7dddwukz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.vr-validation-group-meta[b-yw7dddwukz] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.vr-validation-group-icon[b-yw7dddwukz] {
    width: 30px;
    height: 30px;
    border-radius: var(--app-radius-sm);
    border: 1px solid color-mix(in srgb, var(--app-primary) 24%, var(--app-border));
    background: color-mix(in srgb, var(--app-primary) 10%, transparent);
    color: var(--app-blue-fg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.vr-validation-group-copy[b-yw7dddwukz] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.vr-validation-group-tag[b-yw7dddwukz] {
    color: var(--app-text-subtle);
    font-size: var(--app-type-2xs);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.vr-validation-group-title[b-yw7dddwukz] {
    border: none;
    background: transparent;
    padding: 0;
    color: var(--app-text);
    cursor: pointer;
    font-size: var(--app-type-sm);
    font-weight: 700;
    text-align: left;
}

.vr-validation-group-title:disabled[b-yw7dddwukz] {
    cursor: default;
}

.vr-validation-group-title:not(:disabled):hover[b-yw7dddwukz] {
    background: var(--app-sidebar-accent);
    color: var(--app-text);
}

.vr-validation-group-state[b-yw7dddwukz] {
    min-width: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.vr-validation-state-icon[b-yw7dddwukz] {
    width: 20px;
    height: 20px;
    border-radius: var(--app-radius-pill);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.vr-validation-state-icon.success[b-yw7dddwukz] {
    color: var(--app-green);
}

.vr-validation-state-icon.warning[b-yw7dddwukz] {
    color: var(--app-orange);
}

.vr-validation-state-icon.error[b-yw7dddwukz] {
    color: var(--app-red);
}

.vr-validation-group-pending[b-yw7dddwukz] {
    color: var(--app-text-subtle);
    font-size: var(--app-type-sm);
    line-height: 1.5;
}

.vr-validation-issues[b-yw7dddwukz] {
    display: grid;
    gap: 8px;
}

.vr-validation-issue[b-yw7dddwukz] {
    border-left: 2px solid color-mix(in srgb, var(--app-border) 88%, transparent);
    padding-left: 10px;
    display: grid;
    gap: 5px;
}

.vr-validation-issue-meta[b-yw7dddwukz] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.vr-validation-issue-field[b-yw7dddwukz] {
    color: var(--app-text-subtle);
    font-size: var(--app-type-2xs);
}

.vr-validation-issue-message[b-yw7dddwukz] {
    color: var(--app-text);
    font-size: var(--app-type-xs);
    line-height: 1.5;
}

.vr-validation-issue-code[b-yw7dddwukz] {
    border-radius: var(--app-radius-sm);
    background: var(--app-surface);
    color: var(--app-text);
    font-size: var(--app-type-2xs);
    padding: 6px 8px;
    overflow-wrap: anywhere;
}

.vr-validation-issue-hint[b-yw7dddwukz] {
    color: var(--app-text-subtle);
    font-size: var(--app-type-xs);
    line-height: 1.5;
}

.vr-validation-actions[b-yw7dddwukz] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.vr-validation-loading[b-yw7dddwukz] {
    min-height: 220px;
    display: grid;
    place-items: center;
}
/* /Components/Shared/AppCard.razor.rz.scp.css */
.app-card[b-3u8cplxtte] {
    --card-accent: var(--app-primary);
    position: relative;
    background: var(--app-dark-3);
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius);
    padding: 16px;
    cursor: pointer;
    transition: border-color var(--app-transition),
                box-shadow var(--app-transition),
                background var(--app-transition);
}

.app-card:hover[b-3u8cplxtte] {
    border-color: color-mix(in srgb, var(--card-accent) 60%, var(--app-border));
    box-shadow: 0 2px 8px color-mix(in srgb, var(--card-accent) 12%, transparent);
}

.app-card.app-card-create[b-3u8cplxtte] {
    background: color-mix(in srgb, var(--app-primary) 8%, var(--app-dark-3));
    border: 1px dashed color-mix(in srgb, var(--app-primary) 56%, var(--app-border));
}

.app-card.app-card-create:hover[b-3u8cplxtte] {
    background: color-mix(in srgb, var(--app-primary) 10%, var(--app-dark-3));
    border-color: color-mix(in srgb, var(--app-primary) 72%, var(--app-border));
    box-shadow: none;
}

.app-card-top-right[b-3u8cplxtte] {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 1;
}
/* /Components/Shared/AppCardGrid.razor.rz.scp.css */
.app-card-grid[b-efx2ifig4q] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: var(--app-space-md);
    padding: 16px;
}
/* /Components/Shared/AppCodeEditor.razor.rz.scp.css */
.app-code-editor-host[b-ggmptf1dvg] {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    padding: 0;
    background: transparent;
    color: var(--app-text-on-dark);
    box-sizing: border-box;
}

.app-code-editor-host[b-ggmptf1dvg]  .monaco-editor,
.app-code-editor-host[b-ggmptf1dvg]  .monaco-editor-background,
.app-code-editor-host[b-ggmptf1dvg]  .monaco-editor .margin,
.app-code-editor-host[b-ggmptf1dvg]  .overflow-guard {
    border-radius: inherit;
}

.app-code-editor-host[b-ggmptf1dvg]  .monaco-editor {
    outline: none !important;
}

.app-code-editor-host[b-ggmptf1dvg]  .monaco-editor,
.app-code-editor-host[b-ggmptf1dvg]  .monaco-editor-background,
.app-code-editor-host[b-ggmptf1dvg]  .monaco-editor .monaco-scrollable-element,
.app-code-editor-host[b-ggmptf1dvg]  .monaco-editor .view-overlays,
.app-code-editor-host[b-ggmptf1dvg]  .monaco-editor .lines-content {
    background: var(--app-dark-1) !important;
}

.app-code-editor-host[b-ggmptf1dvg]  .monaco-editor .margin,
.app-code-editor-host[b-ggmptf1dvg]  .monaco-editor .margin-view-overlays,
.app-code-editor-host[b-ggmptf1dvg]  .monaco-editor .glyph-margin {
    background: var(--app-dark-2) !important;
}

.app-code-editor-fallback-shell[b-ggmptf1dvg] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.app-code-editor-fallback-wrapper[b-ggmptf1dvg] {
    margin: 0;
}

.app-code-editor-fallback-wrapper .mud-input-control[b-ggmptf1dvg] {
    margin: 0;
}

.app-code-editor-fallback-wrapper .mud-input-control-input-container[b-ggmptf1dvg] {
    height: 100%;
}

.app-code-editor-fallback[b-ggmptf1dvg] {
    width: 100%;
    border: none;
    border-radius: 0;
    background: transparent;
    color: var(--app-text);
    padding: 10px;
    resize: vertical;
    font-family: var(--app-font-mono);
    font-size: var(--app-type-md);
    line-height: 1.4;
}

.app-code-editor-fallback-note[b-ggmptf1dvg] {
    font-size: var(--app-type-sm);
    color: var(--app-text-muted);
}
/* /Components/Shared/AppCompactInput.razor.rz.scp.css */
.app-compact-input[b-psmc4p3z50] {
    min-height: calc(var(--app-input-height) - var(--app-space-sm));
    width: fit-content;
    min-width: 8ch;
    max-width: 100%;
    field-sizing: content;
    color: var(--app-text-on-dark);
    font: inherit;
    font-size: var(--app-type-2xs);
    line-height: 1;
    padding: 0 calc(var(--app-input-padding-x) - 4px);
    outline: none;
}

.app-compact-input:focus[b-psmc4p3z50] {
    outline-color: var(--app-dark-1);
}

.app-compact-input:disabled[b-psmc4p3z50] {
    opacity: 0.7;
    cursor: default;
}
/* /Components/Shared/AppDataTable.razor.rz.scp.css */
.tenant-table-shell[b-3ikz1pfahw] {
    --tenant-table-top-cover-height: var(--app-space-lg);
    flex: 1 1 0%;
    min-height: 0;
    overscroll-behavior: contain;
    padding: var(--app-space-lg);
    box-shadow: color-mix(in srgb, var(--app-dark-1) 30%, transparent) 0 25px 50px -12px;
    position: relative;
    isolation: isolate;
}

.tenant-table-shell.tenant-table-shell--list[b-3ikz1pfahw] {
    overflow-x: auto;
    overflow-y: auto;
}

.tenant-table-shell.tenant-table-shell--list.workflow-shell-flat[b-3ikz1pfahw] {
    overflow: visible;
    padding: 0;
    box-shadow: none;
    background: transparent;
}

.tenant-table-shell[b-3ikz1pfahw]  .app-table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--app-type-md);
}

.tenant-table-shell[b-3ikz1pfahw]  .app-table thead {
    position: sticky;
    top: 0;
    z-index: 14;
    background: var(--app-bg);
}

.tenant-table-shell[b-3ikz1pfahw]  .app-table thead::before {
    content: "";
    position: absolute;
    top: calc(-1 * var(--tenant-table-top-cover-height));
    left: 0;
    right: 0;
    height: var(--tenant-table-top-cover-height);
    background: var(--app-bg);
    pointer-events: none;
    z-index: 1;
}

.tenant-table-shell[b-3ikz1pfahw]  .app-table th {
    position: sticky;
    top: 0;
    z-index: 15;
    padding: var(--app-space-md) var(--app-space-lg);
    text-align: left;
    font-weight: 500;
    font-size: var(--app-type-xs);
    color: var(--app-text-muted);
    background: var(--app-bg);
    border-bottom: 1px solid var(--app-border);
    text-transform: uppercase;
    letter-spacing: 0.55px;
}

.tenant-table-shell[b-3ikz1pfahw]  .app-table td {
    padding: var(--app-space-sm) var(--app-space-lg);
    color: var(--app-text);
}

.tenant-table-shell[b-3ikz1pfahw]  .app-table th[class*="col-type-"],
.tenant-table-shell[b-3ikz1pfahw]  .app-table td[class*="col-type-"] {
    color: var(--app-text-muted) !important;
}

.tenant-table-shell[b-3ikz1pfahw]  .app-table th.col-type-title,
.tenant-table-shell[b-3ikz1pfahw]  .app-table td.col-type-title {
    color: var(--app-text) !important;
}

.tenant-table-shell[b-3ikz1pfahw]  .col-type-date {
    width: 120px;
    min-width: 120px;
    white-space: nowrap;
}

.tenant-table-shell[b-3ikz1pfahw]  .col-type-amount {
    width: 120px;
    min-width: 120px;
    text-align: right !important;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.tenant-table-shell[b-3ikz1pfahw]  .col-type-byte-size {
    width: 110px;
    min-width: 110px;
    text-align: right !important;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.tenant-table-shell[b-3ikz1pfahw]  .col-type-reference {
    width: 140px;
    min-width: 140px;
    font-family: var(--app-font-mono);
    font-size: var(--app-type-sm);
    white-space: nowrap;
}

.tenant-table-shell[b-3ikz1pfahw]  .col-type-name {
    min-width: 160px;
}

.tenant-table-shell[b-3ikz1pfahw]  .col-type-enum {
    width: 130px;
    min-width: 130px;
}

.tenant-table-shell[b-3ikz1pfahw]  .app-table tbody tr:last-child td {
    border-bottom: none;
}

.tenant-table-shell[b-3ikz1pfahw]  .app-table tbody tr {
    cursor: pointer;
    transition: background 0.1s;
}

.tenant-table-shell[b-3ikz1pfahw]  .app-table tbody td {
    cursor: pointer;
}

.tenant-table-shell[b-3ikz1pfahw]  .app-table tbody tr:hover {
    background: var(--app-sidebar-accent);
    color: var(--app-text);
}

.tenant-table-shell[b-3ikz1pfahw]  .app-table tbody tr:hover td:first-child {
    border-radius: var(--app-radius) 0 0 var(--app-radius);
}

.tenant-table-shell[b-3ikz1pfahw]  .app-table tbody tr:hover td:last-child {
    border-radius: 0 var(--app-radius) var(--app-radius) 0;
}

.tenant-table-shell.tenant-table-shell--detail[b-3ikz1pfahw] {
    width: 100%;
    border: 1px solid var(--app-border);
    background: var(--app-dark-1);
    padding: var(--app-space-sm) var(--app-space-lg);
    padding-top: 0;
    border-radius: var(--app-radius);
    box-shadow: none;
    flex: initial;
}

.tenant-table-shell.tenant-table-shell--detail[b-3ikz1pfahw]  .app-table thead {
    position: static;
    background: var(--app-background);
}

.tenant-table-shell.tenant-table-shell--detail[b-3ikz1pfahw]  .app-table thead::before {
    display: none;
}

.tenant-table-shell.tenant-table-shell--detail[b-3ikz1pfahw]  .app-table th {
    position: static;
    top: auto;
    z-index: auto;
    font-weight: 700;
    background: var(--app-dark-1);
    letter-spacing: 0.05em;
}
/* /Components/Shared/AppEmptyState.razor.rz.scp.css */
.app-empty-state[b-xwzbmmloh1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 56px 16px;
    gap: 8px;
    color: var(--app-text-subtle);
    text-align: center;
}

.app-empty-state--hero[b-xwzbmmloh1] {
    padding: var(--app-space-lg) var(--app-space-md);
    gap: 6px;
}

.app-empty-state__icon[b-xwzbmmloh1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--app-text-subtle);
}

.app-empty-state__icon[b-xwzbmmloh1]  svg {
    width: 52px;
    height: 52px;
}

.app-empty-state__icon[b-xwzbmmloh1]  i {
    font-size: var(--app-type-icon-xl);
    line-height: 1;
}

.app-empty-state--hero .app-empty-state__icon[b-xwzbmmloh1]  svg {
    width: calc(var(--app-type-2xl) * 1.75);
    height: calc(var(--app-type-2xl) * 1.75);
}

.app-empty-state--hero .app-empty-state__icon[b-xwzbmmloh1]  i {
    font-size: calc(var(--app-type-2xl) * 1.75);
}

.app-empty-state__copy[b-xwzbmmloh1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    max-width: 38ch;
}

.app-empty-state__title[b-xwzbmmloh1] {
    margin: 0;
    font-size: var(--app-type-lg);
    font-weight: 500;
    color: var(--app-text-muted);
}

.app-empty-state--hero .app-empty-state__title[b-xwzbmmloh1] {
    font-size: var(--app-type-xl);
    font-weight: 600;
    color: var(--app-text);
}

.app-empty-state__subtitle[b-xwzbmmloh1] {
    font-size: var(--app-type-md);
    line-height: 1.5;
    color: var(--app-text-muted);
}

.app-empty-state__actions[b-xwzbmmloh1] {
    margin-top: 14px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
}
/* /Components/Shared/AppFilterBuilder.razor.rz.scp.css */
.app-filter-builder[b-7hrovr7wf3] {
    position: relative;
    display: grid;
    gap: 8px;
    width: 100%;
    min-width: 0;
    container-type: inline-size;
    --app-filter-inline-row-height: calc(var(--app-input-height) - var(--app-space-xs));
}

.app-filter-builder--small[b-7hrovr7wf3] {
    gap: 6px;
    --app-filter-inline-row-height: calc(var(--app-input-height) - var(--app-space-sm));
}

.app-filter-header[b-7hrovr7wf3] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.app-filter-header-label[b-7hrovr7wf3] {
    font-size: var(--app-type-xs);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--app-text-muted);
    line-height: 1;
}

.app-filter-header-count[b-7hrovr7wf3] {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-pill);
    padding: 1px 6px;
    color: var(--app-text-subtle);
    font-size: var(--app-type-xs);
    line-height: 1;
}

.app-filter-inline-row[b-7hrovr7wf3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.app-filter-builder--small .app-filter-inline-row[b-7hrovr7wf3],
.app-filter-builder--small .app-filter-inline-row-compact[b-7hrovr7wf3],
.app-filter-builder--small .app-filter-inline-expression[b-7hrovr7wf3],
.app-filter-builder--small .app-filter-inline-list[b-7hrovr7wf3],
.app-filter-builder--small .app-filter-inline-rows[b-7hrovr7wf3] {
    gap: 4px;
}

.app-filter-inline-list[b-7hrovr7wf3] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.app-filter-inline-rows[b-7hrovr7wf3] {
    display: grid;
    gap: 8px;
}

.app-filter-inline-row-compact[b-7hrovr7wf3] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    max-width: 100%;
}

.app-filter-builder--small .app-filter-inline-row-compact[b-7hrovr7wf3],
.app-filter-builder--small .app-filter-inline-composer[b-7hrovr7wf3],
.app-filter-builder--small .app-filter-inline-expression[b-7hrovr7wf3] {
    width: fit-content;
    max-width: 100%;
    flex: 0 0 auto;
}

.app-filter-builder--small:not(.app-filter-builder--inline-fit) .app-filter-inline-row-compact[b-7hrovr7wf3],
.app-filter-builder--small:not(.app-filter-builder--inline-fit) .app-filter-inline-composer[b-7hrovr7wf3],
.app-filter-builder--small:not(.app-filter-builder--inline-fit) .app-filter-inline-expression[b-7hrovr7wf3] {
    width: 100%;
    max-width: 100%;
    flex: 1 1 auto;
}

.app-filter-builder--small .app-filter-inline-expression[b-7hrovr7wf3] {
    gap: 0;
    overflow: visible;
}

.app-filter-builder--small.app-filter-builder--inline-fit .app-filter-inline-expression[b-7hrovr7wf3] {
    gap: 0;
}

.app-filter-builder--small .app-filter-inline-expression:hover[b-7hrovr7wf3] {
    background: var(--app-sidebar-accent);
}

.app-filter-builder--small .app-filter-inline-expression:focus-within[b-7hrovr7wf3] {
    background: var(--app-sidebar-accent);
}

.app-filter-inline-composer[b-7hrovr7wf3] {
    min-width: 0;
    width: 100%;
    min-height: 0;
    display: flex;
    align-items: center;
    border: none;
    border-radius: 0;
    background: transparent;
    overflow: visible;
    flex: 1 1 auto;
}

.app-filter-builder--inline-fit[b-7hrovr7wf3] {
    width: auto;
    container-type: normal;
}

.app-filter-builder--inline-fit .app-filter-inline-list[b-7hrovr7wf3] {
    display: inline-grid;
    width: auto;
    max-width: 100%;
    justify-items: start;
}

.app-filter-builder--inline-fit .app-filter-inline-row[b-7hrovr7wf3] {
    width: auto;
    flex: 0 0 auto;
    max-width: 100%;
}

.app-filter-builder--inline-fit .app-filter-inline-composer[b-7hrovr7wf3] {
    min-height: 0;
    width: auto;
    flex: 0 0 auto;
    max-width: 100%;
    border: none;
    background: transparent;
    overflow: visible;
}

.app-filter-builder--inline-fit .app-filter-inline-expression[b-7hrovr7wf3] {
    width: auto;
    flex: 0 0 auto;
    align-items: center;
    gap: 0;
    overflow: visible;
}

.app-filter-builder--inline-fit .app-filter-inline-segment[b-7hrovr7wf3],
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-segment {
    min-height: 0;
    border-right: none;
}

.app-filter-builder--inline-fit .app-filter-inline-expression[b-7hrovr7wf3]  .app-filter-field-cell {
    width: auto;
    min-width: 0;
    flex: 0 0 auto;
}

.app-filter-builder--inline-fit .app-filter-inline-field[b-7hrovr7wf3],
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-field {
    width: auto;
    min-width: 0;
    max-width: min(24ch, 44vw);
    margin: 0;
}

.app-filter-builder--inline-fit .app-filter-inline-operator-wrap[b-7hrovr7wf3] {
    min-width: 0;
    flex: 0 0 auto;
    padding-inline: 0;
    width: 12ch;
    max-width: 14ch;
    overflow: visible;
}

.app-filter-builder--inline-fit .app-filter-inline-value-wrap[b-7hrovr7wf3] {
    min-width: 8ch;
    flex: 0 0 auto;
    padding-inline: 0;
    width: fit-content;
    max-width: min(24ch, 44vw);
}

.app-filter-builder--inline-fit .app-filter-inline-operator-wrap[b-7hrovr7wf3],
.app-filter-builder--inline-fit .app-filter-inline-value-wrap[b-7hrovr7wf3] {
    border-left: 1px solid var(--app-dark-3);
}

.app-filter-builder--inline-fit .app-filter-inline-value[b-7hrovr7wf3],
.app-filter-builder--inline-fit .app-filter-inline-value-dropdown[b-7hrovr7wf3] {
    min-width: 8ch;
    width: fit-content;
    max-width: 100%;
}

.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-operator {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-operator .mud-input-control,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-operator .mud-input-control-input-container,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-operator .mud-input,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-operator .mud-input-slot.mud-input-root,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-value .mud-input-control,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-value .mud-input-control-input-container,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-value .mud-input,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-value .mud-input-slot.mud-input-root,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-value-dropdown .mud-input-control,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-value-dropdown .mud-input-control-input-container,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-value-dropdown .mud-input,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-value-dropdown .mud-input-slot.mud-input-root {
    width: fit-content !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-value,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-value-dropdown {
    width: fit-content;
    min-width: 10ch;
    max-width: 100%;
}

.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-value.app-value-editor-control.app-filter-inline-control-shell {
    margin: 0 !important;
}

.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-value .mud-input-control,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-value .mud-input-control-input-container,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-value .mud-input,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-value .mud-input-slot.mud-input-root {
    margin: 0 !important;
    border: none !important;
    outline: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-value .mud-input-outlined-border {
    display: none !important;
}

.app-filter-builder--inline-fit .app-filter-inline-expression:hover[b-7hrovr7wf3] {
    background: var(--app-sidebar-accent);
}

.app-filter-builder--inline-fit .app-filter-inline-expression:focus-within[b-7hrovr7wf3] {
    background: var(--app-sidebar-accent);
}

.app-filter-inline-expression.app-input-shell[b-7hrovr7wf3] {
    height: var(--app-filter-inline-row-height);
    min-height: var(--app-filter-inline-row-height);
    color: var(--app-text-on-dark);
}

.app-filter-builder--inline-fit .app-filter-inline-control-shell[b-7hrovr7wf3],
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-control-shell,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-control-shell.app-property-picker-trigger,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-control-shell.app-menu-select-trigger,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-control-shell.app-compact-input {
    min-height: var(--app-filter-inline-row-height);
    width: fit-content !important;
    min-width: 0;
    max-width: 100%;
    border: none;
    border-radius: 0;
    background: transparent;
    color: var(--app-text);
    box-sizing: border-box;
    box-shadow: none;
    outline: none;
}

.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-operator.app-menu-select,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-value.app-menu-select,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-operator.app-menu-select .app-menu-select-cell,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-value.app-menu-select .app-menu-select-cell,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-operator.app-menu-select .app-menu-select-trigger,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-value.app-menu-select .app-menu-select-trigger,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-operator.app-menu-select .app-menu-select-trigger-copy,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-value.app-menu-select .app-menu-select-trigger-copy,
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-operator.app-menu-select,
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-value.app-menu-select,
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-operator.app-menu-select .app-menu-select-cell,
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-value.app-menu-select .app-menu-select-cell,
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-operator.app-menu-select .app-menu-select-trigger,
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-value.app-menu-select .app-menu-select-trigger,
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-operator.app-menu-select .app-menu-select-trigger-copy,
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-value.app-menu-select .app-menu-select-trigger-copy {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-operator.app-menu-select .app-menu-select-cell.app-input-shell,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-value.app-menu-select .app-menu-select-cell.app-input-shell,
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-operator.app-menu-select .app-menu-select-cell.app-input-shell,
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-value.app-menu-select .app-menu-select-cell.app-input-shell {
    border: none !important;
    outline: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.app-filter-builder--inline-fit .app-filter-inline-control-shell:hover[b-7hrovr7wf3],
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-control-shell:hover {
    border-color: transparent !important;
    background: var(--app-sidebar-accent) !important;
    color: var(--app-text) !important;
}

.app-filter-builder--inline-fit .app-filter-inline-control-shell:focus[b-7hrovr7wf3],
.app-filter-builder--inline-fit .app-filter-inline-control-shell:focus-within[b-7hrovr7wf3],
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-control-shell:focus,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-control-shell:focus-within {
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-control-shell.app-input-shell,
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-control-shell.app-input-shell,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-control-shell.app-input-shell:hover,
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-control-shell.app-input-shell:hover,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-control-shell.app-input-shell:focus,
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-control-shell.app-input-shell:focus,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-control-shell.app-input-shell:focus-within,
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-control-shell.app-input-shell:focus-within {
    border: none !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-control-shell.app-input-shell .mud-input-control-input-container::before,
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-control-shell.app-input-shell .mud-input-control-input-container::before {
    background: transparent !important;
}

.app-filter-builder--inline-fit .app-filter-inline-row-compact .app-filter-clause-delete[b-7hrovr7wf3] {
    margin-left: 2px;
    align-self: center;
}

.app-filter-inline-expression[b-7hrovr7wf3] {
    min-width: 0;
    flex: 1 1 auto;
    width: 100%;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    overflow: visible;
}

.app-filter-inline-segment[b-7hrovr7wf3],
.app-filter-builder[b-7hrovr7wf3]  .app-filter-inline-segment {
    min-height: 0;
    border-right: none;
    display: inline-flex;
    align-items: center;
}

.app-filter-inline-field[b-7hrovr7wf3],
.app-filter-builder[b-7hrovr7wf3]  .app-filter-inline-field {
    min-width: 0;
    min-height: var(--app-filter-inline-row-height);
    width: 100%;
    margin: 0;
    padding: 0 var(--app-input-padding-x);
    border: 1px solid var(--app-input-border);
    border-radius: var(--app-input-radius);
    background: var(--app-surface);
    color: var(--app-text);
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    font-size: var(--app-type-md);
    line-height: 1;
    outline: none;
    cursor: pointer;
}

.app-filter-builder--small .app-filter-inline-field[b-7hrovr7wf3],
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-field {
    padding-inline: calc(var(--app-input-padding-x) - 4px);
    gap: 4px;
    font-size: var(--app-type-2xs);
}

.app-filter-inline-field:hover[b-7hrovr7wf3],
.app-filter-builder[b-7hrovr7wf3]  .app-filter-inline-field:hover {
    border-color: transparent;
    background: var(--app-sidebar-accent);
    color: var(--app-text);
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-field-cell {
    position: relative;
    min-width: 0;
    flex: 1 1 36%;
}

.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-field-cell {
    flex: 0 0 auto;
    width: fit-content;
    /* Keep the property picker wider than the operator/value controls; losing field context here wrecks the row UX. */
    min-width: 16ch;
    max-width: min(30ch, 48vw);
}

.app-filter-builder--small:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-filter-field-cell {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-field-icon {
    color: var(--app-text-subtle);
    font-size: var(--app-type-sm);
    display: none;
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-field-label {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: var(--app-type-md);
    line-height: 1;
}

.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-field-label,
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-operator .app-menu-select-trigger-label,
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-value .mud-input-slot,
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-value-dropdown .app-menu-select-trigger-label {
    font-size: var(--app-type-2xs) !important;
}

.app-filter-inline-field[b-7hrovr7wf3]::after,
.app-filter-builder[b-7hrovr7wf3]  .app-filter-inline-field::after,
.app-filter-builder[b-7hrovr7wf3]  .app-filter-clause-field::after {
    content: "";
    margin-left: auto;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid var(--app-text-subtle);
    opacity: 0.9;
    transform: translateY(1px);
    flex: 0 0 auto;
}

.app-filter-inline-operator-wrap[b-7hrovr7wf3] {
    min-width: 0;
    width: 12ch;
    max-width: 14ch;
    flex: 0 0 auto;
    padding-inline: 0;
    overflow: visible;
}

.app-filter-builder--small .app-filter-inline-operator-wrap[b-7hrovr7wf3] {
    width: 10ch;
    max-width: 11ch;
}

.app-filter-inline-operator[b-7hrovr7wf3] {
    min-width: 0;
    width: 100%;
    max-width: 100%;
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-inline-operator {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-inline-operator-wrap > .app-menu-select {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    flex: 0 0 auto !important;
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-inline-operator-wrap > .app-menu-select,
.app-filter-builder[b-7hrovr7wf3]  .app-filter-inline-operator-wrap > .app-menu-select .app-menu-select-trigger,
.app-filter-builder[b-7hrovr7wf3]  .app-filter-inline-operator-wrap > .app-menu-select .app-menu-select-trigger-copy,
.app-filter-builder[b-7hrovr7wf3]  .app-filter-inline-operator-wrap > .app-menu-select .app-menu-select-trigger-label {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

.app-filter-inline-value-wrap[b-7hrovr7wf3] {
    min-width: 0;
    flex: 1 1 34%;
    padding-inline: 0;
    overflow: visible;
}

.app-filter-builder--small .app-filter-inline-value-wrap[b-7hrovr7wf3] {
    flex: 0 1 auto;
    min-width: 7ch;
    width: min(11ch, 28vw);
    max-width: 11ch;
}

.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-value.app-menu-select {
    min-width: 7.5ch;
}

.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-value.app-menu-select .app-menu-select-trigger {
    min-width: 7.5ch;
    padding-right: calc(var(--app-input-padding-x) + 10px);
}

.app-filter-builder--small .app-filter-inline-operator-wrap[b-7hrovr7wf3],
.app-filter-builder--small .app-filter-inline-value-wrap[b-7hrovr7wf3] {
    border-left: 1px solid var(--app-dark-3);
}

.app-filter-builder--small .app-filter-inline-field[b-7hrovr7wf3],
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-field {
    width: fit-content;
    max-width: min(22ch, 38vw);
}

.app-filter-builder--small:not(.app-filter-builder--inline-fit) .app-filter-inline-field[b-7hrovr7wf3],
.app-filter-builder--small:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-filter-inline-field {
    width: 100%;
    max-width: 100%;
}

.app-filter-builder--small .app-filter-inline-control-shell[b-7hrovr7wf3],
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-control-shell,
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-control-shell.app-property-picker-trigger,
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-control-shell.app-menu-select-trigger,
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-control-shell.app-compact-input {
    min-height: var(--app-filter-inline-row-height);
    width: fit-content !important;
    min-width: 0;
    max-width: 100%;
    padding-inline: calc(var(--app-input-padding-x) - 4px);
    border: none;
    border-radius: 0;
    background: transparent;
    color: var(--app-text);
    font-size: var(--app-type-2xs);
    line-height: 1;
    box-sizing: border-box;
    box-shadow: none;
    outline: none;
}

.app-filter-builder--small:not(.app-filter-builder--inline-fit) .app-filter-inline-control-shell[b-7hrovr7wf3],
.app-filter-builder--small:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-filter-inline-control-shell,
.app-filter-builder--small:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-filter-inline-control-shell.app-property-picker-trigger,
.app-filter-builder--small:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-filter-inline-control-shell.app-menu-select-trigger,
.app-filter-builder--small:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-filter-inline-control-shell.app-compact-input,
.app-filter-builder--small:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-property-picker-trigger-copy {
    width: 100% !important;
    max-width: 100% !important;
}

.app-filter-builder--small:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-filter-field-cell > .app-property-picker,
.app-filter-builder--small:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-filter-inline-operator-wrap > .app-property-picker {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    flex: 1 1 auto;
}

.app-filter-builder--small .app-filter-inline-control-shell:hover[b-7hrovr7wf3],
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-control-shell:hover {
    border-color: transparent !important;
    background: transparent !important;
}

.app-filter-builder--small .app-filter-inline-control-shell:focus[b-7hrovr7wf3],
.app-filter-builder--small .app-filter-inline-control-shell:focus-within[b-7hrovr7wf3],
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-control-shell:focus,
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-control-shell:focus-within {
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-value.app-compact-input,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-value.app-compact-input:hover,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-value.app-compact-input:focus,
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-value.app-compact-input,
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-value.app-compact-input:hover,
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-value.app-compact-input:focus {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

.app-filter-builder--small .app-filter-inline-field[b-7hrovr7wf3]::after,
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-field::after,
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-clause-field::after,
.app-filter-builder--inline-fit .app-filter-inline-field[b-7hrovr7wf3]::after,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-field::after,
.app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-clause-field::after {
    margin-left: 3px;
    border-left-width: 3px;
    border-right-width: 3px;
    border-top-width: 4px;
    border-top-color: var(--app-text-on-dark-subtle);
    transform: translateY(0);
}

.app-filter-inline-value-dropdown[b-7hrovr7wf3],
.app-filter-inline-value[b-7hrovr7wf3] {
    min-width: 0;
    width: 100%;
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-inline-value-dropdown .mud-input-control,
.app-filter-builder[b-7hrovr7wf3]  .app-filter-inline-value-dropdown .mud-input-control-input-container,
.app-filter-builder[b-7hrovr7wf3]  .app-filter-inline-value-dropdown .mud-input,
.app-filter-builder[b-7hrovr7wf3]  .app-filter-inline-value-dropdown .mud-input-slot.mud-input-root,
.app-filter-builder[b-7hrovr7wf3]  .app-filter-inline-value .mud-input-control,
.app-filter-builder[b-7hrovr7wf3]  .app-filter-inline-value .mud-input-control-input-container,
.app-filter-builder[b-7hrovr7wf3]  .app-filter-inline-value .mud-input,
.app-filter-builder[b-7hrovr7wf3]  .app-filter-inline-value .mud-input-slot.mud-input-root {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

.app-filter-builder--small .app-filter-inline-operator-wrap[b-7hrovr7wf3],
.app-filter-builder--small .app-filter-inline-value-wrap[b-7hrovr7wf3] {
    width: fit-content;
    max-width: min(18ch, 30vw);
    flex: 0 0 auto;
}

.app-filter-builder--small .app-filter-inline-operator-wrap[b-7hrovr7wf3] {
    max-width: min(12ch, 24vw);
}

.app-filter-builder--small:not(.app-filter-builder--inline-fit) .app-filter-inline-value-wrap[b-7hrovr7wf3] {
    width: auto;
    max-width: 100%;
    flex: 1 1 11ch;
}

.app-filter-builder--small:not(.app-filter-builder--inline-fit) .app-filter-inline-operator-wrap[b-7hrovr7wf3] {
    width: 11ch;
    max-width: 11ch;
    flex: 0 0 11ch;
}

.app-filter-builder--small:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-filter-inline-value-wrap > .app-value-editor,
.app-filter-builder--small:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-filter-inline-value-wrap > .app-value-editor .app-value-editor-control,
.app-filter-builder--small:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-filter-inline-value-wrap > .app-value-editor .mud-input-control,
.app-filter-builder--small:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-filter-inline-value-wrap > .app-value-editor .mud-input-control-input-container,
.app-filter-builder--small:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-filter-inline-value-wrap > .app-value-editor .mud-input,
.app-filter-builder--small:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-filter-inline-value-wrap > .app-value-editor .mud-input-slot.mud-input-root {
    width: 100% !important;
    max-width: 100% !important;
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-operator-picker-popover {
    min-width: min(220px, 34vw);
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-field-picker-popover {
    min-width: min(220px, 34vw);
}

/* Keep the field popover on the same bounded overlay model as the working selectors.
   Do not use max-content here; it explodes the panel width and breaks the compact row UX. */

.app-filter-builder--small .app-filter-inline-operator-compact[b-7hrovr7wf3],
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-value,
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-value-dropdown,
.app-filter-builder--small[b-7hrovr7wf3]  .app-compact-input,
.app-filter-builder--small[b-7hrovr7wf3]  .app-menu-select {
    width: fit-content !important;
    max-width: 100% !important;
}

.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-field.app-filter-inline-control-shell {
    gap: 4px;
    padding-inline: calc(var(--app-input-padding-x) - 4px);
}

.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-value.app-property-picker-trigger {
    min-width: 88px;
    max-width: min(16ch, 24vw);
}

.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-control-shell.app-property-picker-trigger-copy {
    gap: 2px;
}

.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-control-shell .app-property-picker-trigger-label,
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-control-shell .app-property-picker-trigger-type,
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-control-shell .app-menu-select-trigger,
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-control-shell .app-menu-select-trigger-label,
.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-control-shell.app-compact-input {
    font-size: var(--app-type-2xs);
    line-height: 1;
}

.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-control-shell .app-property-picker-trigger-type {
    display: none;
}

.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-control-shell.app-menu-select-trigger {
    align-items: center;
    gap: 4px;
    height: var(--app-filter-inline-row-height);
    min-height: var(--app-filter-inline-row-height);
}

.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-control-shell.app-menu-select-trigger {
    padding-left: calc(var(--app-input-padding-x) - 4px);
    padding-right: calc(var(--app-input-padding-x) + 8px);
    height: 100%;
    min-height: 100%;
}

.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-control-shell.app-menu-select-trigger .app-menu-select-trigger-caret {
    margin-right: 0;
    margin-left: 4px;
}

.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-control-shell.app-compact-input {
    padding-block: 0;
    min-width: 7ch;
}

.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-value.app-menu-select {
    min-width: 88px;
}

.app-filter-builder--small[b-7hrovr7wf3]  .app-filter-inline-value.app-menu-select .app-menu-select-trigger {
    width: 100%;
    min-width: 88px;
}

.app-filter-inline-variable-wrap[b-7hrovr7wf3] {
    min-width: 0;
    flex: 1 1 44%;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding-inline: 0;
}

.app-filter-inline-scope[b-7hrovr7wf3] {
    min-width: 110px;
}

.app-filter-inline-no-value[b-7hrovr7wf3] {
    min-width: 88px;
    padding: 0 12px;
    color: var(--app-text-subtle);
    font-size: var(--app-type-sm);
}

.app-filter-add-icon[b-7hrovr7wf3],
.app-filter-builder[b-7hrovr7wf3]  .app-filter-clause-delete {
    width: 26px;
    min-width: 26px;
    height: 26px;
}

.app-filter-add-icon[b-7hrovr7wf3] {
    border: 1px dashed var(--app-border-strong);
    border-radius: var(--app-radius-sm);
    background: transparent;
    color: var(--app-text-subtle);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.app-filter-builder--small .app-filter-add-icon[b-7hrovr7wf3],
.app-filter-builder--small .app-filter-clause-delete[b-7hrovr7wf3] {
    width: 24px;
    min-width: 24px;
    height: 24px;
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-add-icon {
    width: 26px;
    min-width: 26px;
}

.app-filter-add-icon:hover[b-7hrovr7wf3] {
    border-color: var(--app-border-strong);
    background: var(--app-sidebar-accent);
    color: var(--app-text);
}

.app-filter-menu-trigger[b-7hrovr7wf3] {
    width: 38px;
    min-width: 38px;
    border: none;
    border-radius: 0;
    background: transparent;
    color: var(--app-text-subtle);
    justify-content: center;
    cursor: pointer;
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-menu-trigger {
    display: none;
}

.app-filter-menu-trigger:hover[b-7hrovr7wf3] {
    background: var(--app-sidebar-accent);
    color: var(--app-text);
}

.app-filter-inline-actions[b-7hrovr7wf3] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.app-filter-variable-toggle[b-7hrovr7wf3] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--app-text-subtle);
    font-size: var(--app-type-sm);
}

.app-filter-inline-link[b-7hrovr7wf3] {
    border: none;
    background: transparent;
    color: var(--app-blue-fg);
    padding: 0;
    cursor: pointer;
    font-size: var(--app-type-sm);
}

.app-filter-builder--small .app-filter-inline-link[b-7hrovr7wf3],
.app-filter-builder--small .app-filter-empty[b-7hrovr7wf3],
.app-filter-builder--small .app-filter-group-empty[b-7hrovr7wf3],
.app-filter-builder--small .app-filter-variable-toggle[b-7hrovr7wf3] {
    font-size: var(--app-type-2xs);
}

.app-filter-add[b-7hrovr7wf3] {
    min-height: 32px;
    border: 1px dashed var(--app-border-strong);
    border-radius: var(--app-radius-sm);
    background: color-mix(in srgb, var(--app-surface) 74%, transparent);
    color: var(--app-text-subtle);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 10px;
    cursor: pointer;
}

.app-filter-builder--small .app-filter-add[b-7hrovr7wf3] {
    min-height: 26px;
    padding: 0 8px;
    gap: 4px;
    font-size: var(--app-type-2xs);
}

.app-filter-add:hover[b-7hrovr7wf3] {
    border-color: var(--app-border-strong);
    background: var(--app-sidebar-accent);
    color: var(--app-text);
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-picker {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 80;
    width: min(360px, 90vw);
    border: 1px solid var(--app-border-strong);
    border-radius: var(--app-radius);
    background: var(--app-surface-dark);
    box-shadow: 0 14px 26px color-mix(in srgb, var(--app-bg) 78%, transparent);
    padding: 8px;
    display: grid;
    gap: 8px;
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-picker.app-filter-picker-overlay {
    position: absolute;
    top: calc(100% + 6px);
    bottom: auto;
    left: 0;
    width: min(360px, 90vw);
    max-width: min(360px, 90vw);
    margin-top: 0;
    z-index: 3600;
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-picker-search {
    width: 100%;
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-picker-list {
    max-height: 320px;
    overflow: auto;
    display: grid;
    gap: 4px;
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-picker-item {
    border: 1px solid transparent;
    border-radius: var(--app-radius-sm);
    background: transparent;
    color: var(--app-text);
    min-height: 30px;
    padding: 5px 8px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    text-align: left;
    cursor: pointer;
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-picker-item:hover,
.app-filter-builder[b-7hrovr7wf3]  .app-filter-picker-item.selected {
    border-color: transparent;
    background: var(--app-sidebar-accent);
    color: var(--app-text);
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-picker-item-icon {
    color: var(--app-text-subtle);
    font-size: var(--app-type-sm);
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-picker-item-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: var(--app-type-sm);
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-picker-item-type {
    color: var(--app-text-muted);
    font-size: var(--app-type-xs);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-picker-empty {
    border: 1px dashed var(--app-border);
    border-radius: var(--app-radius-sm);
    padding: 8px;
    color: var(--app-text-subtle);
    font-size: var(--app-type-sm);
}

.app-filter-overlay-backdrop[b-7hrovr7wf3] {
    position: fixed;
    inset: 0;
    background: color-mix(in srgb, var(--app-bg) 70%, transparent);
    backdrop-filter: blur(3px);
    z-index: 3500;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 84px 24px 24px;
}

.app-filter-overlay[b-7hrovr7wf3] {
    width: min(980px, 100%);
    border: 1px solid var(--app-border-strong);
    border-radius: var(--app-radius-lg);
    background: color-mix(in srgb, var(--app-surface-dark) 95%, transparent);
    box-shadow: 0 18px 42px color-mix(in srgb, var(--app-bg) 84%, transparent);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    max-height: min(76vh, 820px);
}

.app-filter-overlay-header[b-7hrovr7wf3],
.app-filter-overlay-footer[b-7hrovr7wf3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--app-border);
}

.app-filter-overlay-footer[b-7hrovr7wf3] {
    border-bottom: none;
    border-top: 1px solid var(--app-border);
}

.app-filter-overlay-header h4[b-7hrovr7wf3] {
    margin: 0;
    font-size: var(--app-type-md);
}

.app-filter-overlay-header-actions[b-7hrovr7wf3] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.app-filter-overlay-close[b-7hrovr7wf3] {
    width: 30px;
    height: 30px;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-sm);
    background: var(--app-surface);
    color: var(--app-text-subtle);
    cursor: pointer;
}

.app-filter-overlay-close:hover[b-7hrovr7wf3] {
    border-color: var(--app-border);
    background: var(--app-sidebar-accent);
    color: var(--app-text);
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-link {
    border: none;
    background: transparent;
    color: var(--app-blue-fg);
    cursor: pointer;
    font-size: var(--app-type-sm);
    padding: 0;
}

.app-filter-overlay-body[b-7hrovr7wf3] {
    overflow: auto;
    display: grid;
    gap: 12px;
    padding: 12px 14px;
}

.app-filter-overlay-body.app-filter-overlay-body--picker-open[b-7hrovr7wf3] {
    padding-bottom: 260px;
    overflow: visible;
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-group {
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius);
    padding: 10px;
    background: color-mix(in srgb, var(--app-surface) 82%, transparent);
    display: grid;
    gap: 8px;
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-group-header {
    display: grid;
    grid-template-columns: auto auto auto;
    align-items: center;
    gap: 8px;
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-group-caption {
    color: var(--app-text-subtle);
    font-size: var(--app-type-sm);
    min-width: 46px;
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-group-mode {
    min-width: 150px;
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-group-delete {
    border: none;
    background: transparent;
    color: var(--app-error);
    cursor: pointer;
    font-size: var(--app-type-sm);
    justify-self: start;
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-group-clauses {
    display: grid;
    gap: 8px;
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-group-empty {
    margin: 0;
    color: var(--app-text-subtle);
    font-size: var(--app-type-sm);
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-clause-row {
    border: 1px solid color-mix(in srgb, var(--app-border) 90%, transparent);
    border-radius: var(--app-radius-sm);
    padding: 8px;
    display: flex;
    gap: 6px;
    align-items: center;
    position: relative;
    min-width: 0;
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-clause-expression {
    min-width: 0;
    flex: 1 1 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-overlay .app-filter-clause-expression {
    gap: 4px;
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-clause-expression .app-filter-field-cell {
    width: max-content;
    min-width: 0;
    flex: 0 0 auto;
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-clause-field {
    min-height: calc(var(--app-input-height) - var(--app-space-xs));
    width: auto;
    max-width: min(32ch, 44vw);
    border: 1px solid var(--app-border);
    border-radius: var(--app-input-radius);
    background: var(--app-surface);
    color: var(--app-text);
    text-align: left;
    padding: 0 10px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 1 auto;
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-clause-field:hover {
    border-color: var(--app-input-border);
    background: var(--app-sidebar-accent);
    color: var(--app-text);
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-clause-operator,
.app-filter-builder[b-7hrovr7wf3]  .app-filter-clause-scope {
    min-width: 118px;
    flex: 0 0 auto;
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-clause-value {
    min-width: 0;
    width: min(26ch, 36vw);
    max-width: 100%;
    flex: 0 1 auto;
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-clause-operator-wrap {
    min-width: 0;
    flex: 0 0 auto;
    width: 12ch;
    max-width: 14ch;
    overflow: visible;
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-clause-operator-wrap > .app-menu-select {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    flex: 0 0 auto !important;
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-clause-operator-wrap > .app-menu-select,
.app-filter-builder[b-7hrovr7wf3]  .app-filter-clause-operator-wrap > .app-menu-select .app-menu-select-trigger,
.app-filter-builder[b-7hrovr7wf3]  .app-filter-clause-operator-wrap > .app-menu-select .app-menu-select-trigger-copy,
.app-filter-builder[b-7hrovr7wf3]  .app-filter-clause-operator-wrap > .app-menu-select .app-menu-select-trigger-label {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-clause-no-value {
    border: 1px dashed var(--app-border);
    border-radius: var(--app-radius-sm);
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    color: var(--app-text-subtle);
    font-size: var(--app-type-sm);
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-clause-variable-toggle {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--app-text-subtle);
    font-size: var(--app-type-xs);
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-clause-delete {
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-sm);
    background: var(--app-surface);
    color: var(--app-text-subtle);
    cursor: pointer;
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-clause-delete:hover {
    background: var(--app-sidebar-accent);
    color: var(--app-text);
}

.app-filter-builder[b-7hrovr7wf3]  .app-filter-inline-operator .app-menu-select-trigger,
.app-filter-builder[b-7hrovr7wf3]  .app-filter-clause-operator .app-menu-select-trigger,
.app-filter-builder[b-7hrovr7wf3]  .app-filter-inline-value .mud-input-slot.mud-input-root,
.app-filter-builder[b-7hrovr7wf3]  .app-filter-clause-value .mud-input-slot.mud-input-root {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

@container (max-width: 860px) {
    .app-filter-inline-expression[b-7hrovr7wf3]  .app-filter-field-cell {
        flex: 1 1 34%;
        min-width: 0;
    }

    .app-filter-builder[b-7hrovr7wf3]  .app-filter-inline-field {
        min-width: 0;
        width: 100%;
    }

    .app-filter-inline-operator-wrap[b-7hrovr7wf3] {
        min-width: 0;
        width: 11ch;
        max-width: 12ch;
        flex: 0 0 auto;
    }

    .app-filter-inline-value-wrap[b-7hrovr7wf3] {
        min-width: 0;
        flex: 1 1 32%;
    }

    .app-filter-inline-variable-wrap[b-7hrovr7wf3] {
        min-width: 0;
        flex: 1 1 40%;
    }

    .app-filter-builder--inline-fit[b-7hrovr7wf3]  .app-filter-inline-field {
        width: auto;
    }

    .app-filter-builder--inline-fit .app-filter-inline-expression[b-7hrovr7wf3]  .app-filter-field-cell {
        flex: 0 0 auto;
    }

    .app-filter-builder--inline-fit .app-filter-inline-operator-wrap[b-7hrovr7wf3] {
        flex: 0 0 auto;
    }

    .app-filter-builder--inline-fit .app-filter-inline-value-wrap[b-7hrovr7wf3] {
        flex: 0 0 auto;
    }
}

@container (max-width: 480px) {
    .app-filter-builder:not(.app-filter-builder--inline-fit) .app-filter-inline-row[b-7hrovr7wf3] {
        align-items: start;
    }

    .app-filter-builder:not(.app-filter-builder--inline-fit) .app-filter-inline-expression.app-input-shell[b-7hrovr7wf3] {
        height: auto;
        min-height: var(--app-filter-inline-row-height);
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-content: flex-start;
        overflow: hidden;
    }

    .app-filter-builder:not(.app-filter-builder--inline-fit) .app-filter-inline-expression[b-7hrovr7wf3] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
        align-content: flex-start;
        gap: 0;
    }

    .app-filter-builder:not(.app-filter-builder--inline-fit) .app-filter-inline-expression .app-filter-field-cell[b-7hrovr7wf3],
    .app-filter-builder:not(.app-filter-builder--inline-fit) .app-filter-inline-expression[b-7hrovr7wf3]  .app-filter-field-cell {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

    .app-filter-builder:not(.app-filter-builder--inline-fit) .app-filter-inline-expression > .app-filter-inline-segment[b-7hrovr7wf3],
    .app-filter-builder:not(.app-filter-builder--inline-fit) .app-filter-inline-expression > .app-filter-field-cell[b-7hrovr7wf3] {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

    .app-filter-builder:not(.app-filter-builder--inline-fit) .app-filter-inline-expression > .app-filter-inline-segment + .app-filter-inline-segment[b-7hrovr7wf3],
    .app-filter-builder:not(.app-filter-builder--inline-fit) .app-filter-inline-expression > .app-filter-field-cell + .app-filter-inline-segment[b-7hrovr7wf3] {
        border-top: 1px solid var(--app-dark-3);
    }

    .app-filter-builder:not(.app-filter-builder--inline-fit) .app-filter-inline-field[b-7hrovr7wf3],
    .app-filter-builder:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-filter-inline-field {
        width: 100%;
        max-width: 100%;
    }

    .app-filter-builder:not(.app-filter-builder--inline-fit) .app-filter-inline-operator-wrap[b-7hrovr7wf3] {
        min-width: 0;
        width: auto;
        max-width: 100%;
        flex: 1 1 auto;
        border-left: none;
    }

    .app-filter-builder:not(.app-filter-builder--inline-fit) .app-filter-inline-value-wrap[b-7hrovr7wf3] {
        min-width: 0;
        width: auto;
        max-width: 100%;
        flex: 1 1 auto;
        border-left: none;
    }

    .app-filter-builder:not(.app-filter-builder--inline-fit) .app-filter-inline-variable-wrap[b-7hrovr7wf3] {
        min-width: 0;
        width: 100%;
        max-width: 100%;
        flex: 1 1 auto;
    }

    .app-filter-builder:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-filter-inline-control-shell,
    .app-filter-builder:not(.app-filter-builder--inline-fit) .app-filter-inline-control-shell.app-property-picker-trigger[b-7hrovr7wf3],
    .app-filter-builder:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-filter-inline-control-shell.app-property-picker-trigger,
    .app-filter-builder:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-filter-inline-control-shell.app-menu-select-trigger,
    .app-filter-builder:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-filter-inline-control-shell.app-compact-input,
    .app-filter-builder:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-filter-inline-control-shell.app-property-picker-trigger-copy,
    .app-filter-builder:not(.app-filter-builder--inline-fit) .app-filter-inline-operator.app-property-picker-trigger[b-7hrovr7wf3],
    .app-filter-builder:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-filter-inline-value,
    .app-filter-builder:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-filter-inline-value-dropdown {
        width: 100% !important;
        max-width: 100% !important;
    }

    .app-filter-builder:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-filter-field-cell > .app-property-picker,
    .app-filter-builder:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-filter-inline-operator-wrap > .app-property-picker {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        flex: 1 1 auto;
    }

    .app-filter-builder:not(.app-filter-builder--inline-fit) .app-filter-inline-actions[b-7hrovr7wf3] {
        margin-top: 8px;
        flex-wrap: wrap;
        row-gap: 6px;
    }
}

@container (max-width: 320px) {
    .app-filter-builder[b-7hrovr7wf3]  .app-filter-clause-row {
        flex-direction: column;
        align-items: stretch;
    }

    .app-filter-builder[b-7hrovr7wf3]  .app-filter-clause-expression {
        width: 100%;
        flex-wrap: wrap;
    }

    .app-filter-inline-row[b-7hrovr7wf3] {
        flex-direction: column;
        align-items: stretch;
    }

    .app-filter-inline-composer[b-7hrovr7wf3] {
        width: 100%;
        flex-direction: column;
    }

    .app-filter-inline-segment[b-7hrovr7wf3] {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid var(--app-border);
    }

    .app-filter-inline-segment:last-child[b-7hrovr7wf3] {
        border-bottom: none;
    }

    .app-filter-inline-actions[b-7hrovr7wf3] {
        flex-wrap: wrap;
        row-gap: 4px;
    }

    .app-filter-add-icon[b-7hrovr7wf3] {
        align-self: flex-start;
    }

    .app-filter-builder--inline-fit .app-filter-inline-row[b-7hrovr7wf3] {
        flex-direction: row;
        align-items: center;
    }

    .app-filter-builder--inline-fit .app-filter-inline-composer[b-7hrovr7wf3] {
        width: auto;
        flex-direction: row;
    }

    .app-filter-builder--inline-fit .app-filter-inline-segment[b-7hrovr7wf3] {
        width: auto;
        border-right: none;
        border-bottom: none;
    }

    .app-filter-builder--inline-fit .app-filter-add-icon[b-7hrovr7wf3] {
        align-self: auto;
    }
}

.app-filter-builder--small:not(.app-filter-builder--inline-fit) .app-filter-inline-row[b-7hrovr7wf3] {
    align-items: start;
}

.app-filter-builder--small:not(.app-filter-builder--inline-fit) .app-filter-inline-composer[b-7hrovr7wf3] {
    width: 100%;
    align-self: stretch;
}

.app-filter-builder--small:not(.app-filter-builder--inline-fit) .app-filter-inline-expression.app-input-shell[b-7hrovr7wf3] {
    height: auto;
    min-height: var(--app-filter-inline-row-height);
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-content: flex-start;
    overflow: hidden;
}

.app-filter-builder--small:not(.app-filter-builder--inline-fit) .app-filter-inline-expression[b-7hrovr7wf3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    align-content: flex-start;
    gap: 0;
}

.app-filter-builder--small:not(.app-filter-builder--inline-fit) .app-filter-inline-expression > .app-filter-inline-segment[b-7hrovr7wf3],
.app-filter-builder--small:not(.app-filter-builder--inline-fit) .app-filter-inline-expression > .app-filter-field-cell[b-7hrovr7wf3],
.app-filter-builder--small:not(.app-filter-builder--inline-fit) .app-filter-inline-expression[b-7hrovr7wf3]  .app-filter-field-cell {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.app-filter-builder--small:not(.app-filter-builder--inline-fit) .app-filter-inline-expression > .app-filter-inline-segment + .app-filter-inline-segment[b-7hrovr7wf3],
.app-filter-builder--small:not(.app-filter-builder--inline-fit) .app-filter-inline-expression > .app-filter-field-cell + .app-filter-inline-segment[b-7hrovr7wf3] {
    border-top: 1px solid var(--app-dark-3);
}

.app-filter-builder--small:not(.app-filter-builder--inline-fit) .app-filter-inline-field[b-7hrovr7wf3],
.app-filter-builder--small:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-filter-inline-field,
.app-filter-builder--small:not(.app-filter-builder--inline-fit) .app-filter-inline-operator-wrap[b-7hrovr7wf3],
.app-filter-builder--small:not(.app-filter-builder--inline-fit) .app-filter-inline-value-wrap[b-7hrovr7wf3],
.app-filter-builder--small:not(.app-filter-builder--inline-fit) .app-filter-inline-variable-wrap[b-7hrovr7wf3] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.app-filter-builder--small:not(.app-filter-builder--inline-fit) .app-filter-inline-operator-wrap[b-7hrovr7wf3],
.app-filter-builder--small:not(.app-filter-builder--inline-fit) .app-filter-inline-value-wrap[b-7hrovr7wf3] {
    border-left: none;
    flex: 1 1 auto;
}

.app-filter-builder--small:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-property-picker,
.app-filter-builder--small:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-property-picker-trigger,
.app-filter-builder--small:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-property-picker-trigger-copy,
.app-filter-builder--small:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-menu-select,
.app-filter-builder--small:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-menu-select-cell,
.app-filter-builder--small:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-menu-select-trigger,
.app-filter-builder--small:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-menu-select-trigger-copy,
.app-filter-builder--small:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-filter-inline-value,
.app-filter-builder--small:not(.app-filter-builder--inline-fit)[b-7hrovr7wf3]  .app-filter-inline-value-dropdown {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

.app-filter-builder--small:not(.app-filter-builder--inline-fit) .app-filter-clause-delete[b-7hrovr7wf3],
.app-filter-builder--small:not(.app-filter-builder--inline-fit) .app-filter-add-icon[b-7hrovr7wf3] {
    align-self: start;
}

.app-filter-builder--small:not(.app-filter-builder--inline-fit) .app-filter-inline-actions[b-7hrovr7wf3] {
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    align-items: center;
    gap: 10px;
}

.app-filter-builder--small:not(.app-filter-builder--inline-fit) .app-filter-variable-toggle[b-7hrovr7wf3],
.app-filter-builder--small:not(.app-filter-builder--inline-fit) .app-filter-inline-link[b-7hrovr7wf3] {
    min-height: 20px;
}
/* /Components/Shared/AppIconPicker.razor.rz.scp.css */
.app-icon-picker-trigger[b-eqt8py3xpl] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--app-border-strong);
    border-radius: 8px;
    background: var(--app-dark-3);
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease;
    position: relative;
}

.app-icon-picker-trigger:hover[b-eqt8py3xpl] {
    border-color: var(--app-primary);
    background: var(--app-dark-4);
}

.app-icon-picker-preview[b-eqt8py3xpl] {
    font-size: 22px;
    color: var(--app-text);
    line-height: 1;
}

.app-icon-picker-backdrop[b-eqt8py3xpl] {
    position: fixed;
    inset: 0;
    z-index: 999;
}

.app-icon-picker-popup[b-eqt8py3xpl] {
    position: absolute;
    z-index: 1000;
    width: 320px;
    max-height: 400px;
    background: var(--app-surface-raised);
    border: 1px solid var(--app-border-strong);
    border-radius: 8px;
    box-shadow: 0 8px 24px color-mix(in srgb, var(--app-dark) 30%, transparent);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    margin-top: 4px;
}

.app-icon-picker-search[b-eqt8py3xpl] {
    padding: 8px;
    border-bottom: 1px solid var(--app-border);
}

.app-icon-picker-search[b-eqt8py3xpl]  .app-icon-picker-search-input {
    width: 100%;
}

.app-icon-picker-search[b-eqt8py3xpl]  .app-icon-picker-search-input.mud-input-control {
    width: 100%;
}

.app-icon-picker-grid[b-eqt8py3xpl] {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 2px;
    padding: 8px;
    overflow-y: auto;
    flex: 1;
}

.app-icon-picker-item[b-eqt8py3xpl] {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: var(--app-radius-sm);
    background: transparent;
    color: var(--app-text-muted);
    font-size: var(--app-type-xl);
    cursor: pointer;
    transition: background 0.1s, color 0.1s, border-color 0.1s;
}

.app-icon-picker-item:hover[b-eqt8py3xpl] {
    background: var(--app-dark-4);
    color: var(--app-text);
}

.app-icon-picker-item.selected[b-eqt8py3xpl] {
    background: var(--app-primary);
    color: var(--app-text-on-dark);
    border-color: var(--app-primary);
}
/* /Components/Shared/AppIntegrationBadge.razor.rz.scp.css */
.app-integration-badge[b-83gh08s3ft] {
    --integration-accent: var(--app-primary);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 24px;
    border-radius: var(--app-radius-pill);
    border: 1px solid color-mix(in srgb, var(--integration-accent) 40%, var(--app-border));
    background: color-mix(in srgb, var(--integration-accent) 14%, var(--app-surface));
    color: var(--app-text);
    font-size: var(--app-type-xs);
    font-weight: 600;
    line-height: 1;
    padding: 4px 8px;
    white-space: nowrap;
}

.app-integration-badge-icon[b-83gh08s3ft] {
    width: 16px;
    height: 16px;
    border-radius: var(--app-radius-pill);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--integration-accent) 18%, var(--app-surface));
    flex-shrink: 0;
}

.app-integration-badge-icon img[b-83gh08s3ft] {
    width: 12px;
    height: 12px;
    object-fit: contain;
}

.app-integration-badge-label[b-83gh08s3ft] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Components/Shared/AppMetaGrid.razor.rz.scp.css */
.app-meta-grid[b-nyqz7t78r8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
}
/* /Components/Shared/AppMetaItem.razor.rz.scp.css */
.app-meta-item[b-qhsamiv8uk] {
    display: grid;
    gap: 6px;
    padding: 14px;
    border: 1px solid var(--app-border-subtle);
    border-radius: var(--app-radius-sm);
    background: color-mix(in srgb, var(--app-dark-4) 28%, transparent);
}

.app-meta-label[b-qhsamiv8uk] {
    color: var(--app-text-subtle);
    font-size: var(--app-type-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.app-meta-value[b-qhsamiv8uk] {
    color: var(--app-text);
    font-size: var(--app-type-lg);
    font-weight: 600;
}

.app-meta-subtle[b-qhsamiv8uk] {
    color: var(--app-text-muted);
    font-size: var(--app-type-sm);
}
/* /Components/Shared/AppOverviewCard.razor.rz.scp.css */
[b-kqz5xh39qo] .app-overview-card-shell {
    height: 100%;
}

.overview-card[b-kqz5xh39qo] {
    display: grid;
    gap: 12px;
    min-height: 100%;
}

.overview-card-header[b-kqz5xh39qo] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.overview-card-icon[b-kqz5xh39qo] {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--app-radius-sm);
    background: var(--card-accent);
    flex-shrink: 0;
    font-size: 20px;
    color: var(--app-text-on-dark);
}

.overview-card-icon img[b-kqz5xh39qo] {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.overview-card-title-group[b-kqz5xh39qo] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.overview-card-name[b-kqz5xh39qo] {
    font-size: var(--app-type-lg);
    font-weight: 600;
    color: var(--app-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.overview-card-subtitle[b-kqz5xh39qo] {
    font-size: var(--app-type-sm);
    color: var(--app-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.overview-card-summary[b-kqz5xh39qo] {
    font-size: var(--app-type-sm);
    color: var(--app-text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.overview-card-meta[b-kqz5xh39qo] {
    display: grid;
    gap: 12px;
}

.overview-card-footer[b-kqz5xh39qo] {
    margin-top: auto;
}

[b-kqz5xh39qo] .card-doc-types {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

[b-kqz5xh39qo] .card-doc-pill {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: var(--app-radius-sm);
    font-size: var(--app-type-xs);
    color: var(--app-text-subtle);
    background: var(--app-dark-4);
    border: 1px solid var(--app-border-subtle);
}

[b-kqz5xh39qo] .card-doc-pill i {
    font-size: 10px;
    color: var(--app-text-muted);
}

[b-kqz5xh39qo] .card-doc-pill-more {
    color: var(--app-text-muted);
    font-weight: 600;
}

[b-kqz5xh39qo] .card-doc-pill-more i {
    display: none;
}

[b-kqz5xh39qo] .card-schedule {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-top: 10px;
    border-top: 1px solid var(--app-border-subtle);
}

[b-kqz5xh39qo] .schedule-item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

[b-kqz5xh39qo] .schedule-icon {
    font-size: 12px;
    color: var(--app-text-muted);
}

[b-kqz5xh39qo] .schedule-label {
    font-size: var(--app-type-xs);
    font-weight: 600;
    color: var(--app-text-subtle);
}

[b-kqz5xh39qo] .schedule-value {
    font-size: var(--app-type-xs);
    color: var(--app-text-muted);
}
/* /Components/Shared/AppPaneSplitter.razor.rz.scp.css */
.app-pane-splitter[b-kfdp5julgm] {
    position: relative;
    flex-shrink: 0;
    z-index: 4;
    outline: none;
}

.app-pane-splitter[b-kfdp5julgm]::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--app-radius-pill);
    background: color-mix(in srgb, var(--app-border-strong) 74%, transparent);
    transition: background var(--app-transition);
}

.app-pane-splitter:hover[b-kfdp5julgm]::before,
.app-pane-splitter:focus-visible[b-kfdp5julgm]::before {
    background: color-mix(in srgb, var(--app-primary) 42%, var(--app-border-strong) 58%);
}

.app-pane-splitter-vertical[b-kfdp5julgm] {
    width: 10px;
    cursor: col-resize;
}

.app-pane-splitter-vertical[b-kfdp5julgm]::before {
    left: 4px;
    width: 2px;
}

.app-pane-splitter-horizontal[b-kfdp5julgm] {
    height: 10px;
    cursor: row-resize;
}

.app-pane-splitter-horizontal[b-kfdp5julgm]::before {
    top: 4px;
    height: 2px;
}
/* /Components/Shared/AppPropertyPicker.razor.rz.scp.css */
.app-property-picker[b-v7eyqh2ixd] {
    position: relative;
    min-width: 0;
}

.app-property-picker-trigger[b-v7eyqh2ixd] {
    min-width: 0;
    min-height: calc(var(--app-input-height) - var(--app-space-xs));
    width: 100%;
    margin: 0;
    padding: 0 var(--app-input-padding-x);
    border: 1px solid var(--app-input-border);
    border-radius: var(--app-input-radius);
    background: var(--app-surface);
    color: var(--app-text);
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    font-size: var(--app-type-md);
    line-height: 1;
    outline: none;
    cursor: pointer;
}

.app-property-picker--small .app-property-picker-trigger[b-v7eyqh2ixd] {
    min-height: calc(var(--app-input-height) - var(--app-space-sm));
    min-width: 16ch;
    padding-inline: calc(var(--app-input-padding-x) - 4px);
    gap: 2px;
    width: fit-content;
    max-width: 100%;
}

.app-property-picker-trigger:hover[b-v7eyqh2ixd] {
    border-color: var(--app-input-border);
    background: var(--app-sidebar-accent);
    color: var(--app-text);
}

.app-property-picker-trigger:disabled[b-v7eyqh2ixd] {
    cursor: default;
    opacity: 0.7;
}

.app-property-picker-trigger[b-v7eyqh2ixd]::after {
    content: "";
    margin-left: auto;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid var(--app-text-subtle);
    opacity: 0.9;
    transform: translateY(1px);
    flex: 0 0 auto;
}

.app-property-picker--small .app-property-picker-trigger[b-v7eyqh2ixd]::after {
    margin-left: 3px;
    border-left-width: 3px;
    border-right-width: 3px;
    border-top-width: 4px;
    transform: translateY(0);
}

.app-property-picker-trigger-icon[b-v7eyqh2ixd] {
    color: var(--app-text-subtle);
    font-size: var(--app-type-sm);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    flex: 0 0 auto;
}

.app-property-picker-trigger-copy[b-v7eyqh2ixd] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 auto;
}

.app-property-picker--small .app-property-picker-trigger-copy[b-v7eyqh2ixd] {
    gap: 2px;
    flex: 0 0 auto;
    width: fit-content;
    max-width: 100%;
}

.app-property-picker--small .app-filter-inline-control-shell.app-property-picker-trigger[b-v7eyqh2ixd] {
    min-width: 0;
    width: 100%;
    max-width: 100%;
}

.app-property-picker--small .app-filter-inline-control-shell.app-property-picker-trigger .app-property-picker-trigger-copy[b-v7eyqh2ixd] {
    flex: 1 1 auto;
    width: 100%;
    max-width: 100%;
}

.app-property-picker-trigger-label[b-v7eyqh2ixd] {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: var(--app-type-md);
    line-height: 1;
}

.app-property-picker--small .app-property-picker-trigger-label[b-v7eyqh2ixd] {
    font-size: var(--app-type-2xs);
}

.app-property-picker-trigger-type[b-v7eyqh2ixd] {
    color: var(--app-text-muted);
    font-size: var(--app-type-xs);
    text-transform: lowercase;
    white-space: nowrap;
}

.app-property-picker--small .app-property-picker-trigger-type[b-v7eyqh2ixd] {
    display: none;
}

.app-property-picker--small .app-property-picker-trigger-icon[b-v7eyqh2ixd] {
    display: none;
}

[b-v7eyqh2ixd] .app-property-picker-popover {
    --app-menu-popover-z: 30;
    --app-menu-popover-min-width: 100%;
    --app-menu-popover-max-width: none;
    left: 0;
    right: 0;
}

[b-v7eyqh2ixd] .app-property-picker-popover--small {
    padding: 6px;
    gap: 6px;
}

[b-v7eyqh2ixd] .app-property-picker-popover--overlay {
    min-width: min(420px, 82vw);
    right: auto;
}

.app-property-picker-search[b-v7eyqh2ixd] {
    width: 100%;
}

[b-v7eyqh2ixd] .app-property-picker-list {
    display: grid;
    gap: 6px;
    max-height: 260px;
    overflow: auto;
}

[b-v7eyqh2ixd] .app-property-picker-item {
    padding: 6px 10px;
}

[b-v7eyqh2ixd] .app-property-picker-popover--small .app-property-picker-item {
    padding: 6px 8px;
}

[b-v7eyqh2ixd] .app-property-picker-item-icon {
    width: 16px;
    color: var(--app-orange-fg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--app-type-sm);
}

[b-v7eyqh2ixd] .app-property-picker-item-type {
    color: var(--app-text-subtle);
    font-size: var(--app-type-xs);
    text-transform: lowercase;
    white-space: nowrap;
}

[b-v7eyqh2ixd] .app-property-picker-popover--small .app-menu-option-label,
[b-v7eyqh2ixd] .app-property-picker-popover--small .app-menu-option-description,
[b-v7eyqh2ixd] .app-property-picker-popover--small .app-property-picker-item-type,
[b-v7eyqh2ixd] .app-property-picker-popover--small .app-property-picker-empty {
    font-size: var(--app-type-2xs);
}

.app-property-picker--small[b-v7eyqh2ixd]  .app-property-picker-search .mud-input-slot.mud-input-root,
.app-property-picker--small[b-v7eyqh2ixd]  .app-property-picker-search .mud-select-input,
.app-property-picker--small[b-v7eyqh2ixd]  .app-property-picker-search input.mud-input-slot {
    font-size: var(--app-type-2xs) !important;
}

[b-v7eyqh2ixd] .app-property-picker-empty {
    border: 1px dashed var(--app-border);
    border-radius: var(--app-radius-sm);
    padding: 12px;
    color: var(--app-text-muted);
    font-size: var(--app-type-sm);
    text-align: center;
}
/* /Components/Shared/AppRecurringTimeControl.razor.rz.scp.css */
.app-recurring-time-control[b-hagt2y867i] {
    --app-control-compact-height: calc(var(--app-input-height) - var(--app-space-xs));
    display: inline-flex;
    align-items: stretch;
    width: fit-content;
    max-width: 100%;
    min-height: var(--app-control-compact-height);
    height: var(--app-control-compact-height);
    border: 1px solid var(--app-dark-3);
    border-radius: var(--app-input-radius);
    background: var(--app-dark-1);
    color: var(--app-text-on-dark);
    overflow: hidden;
    box-sizing: border-box;
}

.app-recurring-time-control-label[b-hagt2y867i] {
    display: inline-flex;
    align-items: center;
    height: 100%;
    padding: 0 10px;
    font-size: var(--app-type-xs);
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    white-space: nowrap;
    color: var(--app-text-muted);
    background: var(--app-dark-1);
}

.app-recurring-time-control-input-wrap[b-hagt2y867i] {
    display: flex;
    align-items: center;
    height: 100%;
    min-width: 78px;
    flex: 1 1 78px;
    border-left: 1px solid var(--app-dark-3);
    border-right: 1px solid var(--app-dark-3);
    background: transparent;
}

.app-recurring-time-control-input[b-hagt2y867i] {
    width: 100%;
    min-width: 0;
    min-height: 100%;
    height: 100%;
    padding: 0 calc(var(--app-input-padding-x) - 2px);
    border: none;
    background: transparent;
    color: var(--app-text-on-dark);
    font: inherit;
    font-size: var(--app-type-md);
    font-weight: 600;
    line-height: 1;
    text-align: center;
    outline: none;
    appearance: textfield;
}

.app-recurring-time-control-input[b-hagt2y867i]::-webkit-outer-spin-button,
.app-recurring-time-control-input[b-hagt2y867i]::-webkit-inner-spin-button {
    margin: 0;
    appearance: none;
}

.app-recurring-time-control-input:disabled[b-hagt2y867i] {
    cursor: default;
    opacity: 0.55;
}

.app-recurring-time-control-toggle[b-hagt2y867i] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    height: 100%;
    min-width: 56px;
    padding: 0 14px;
    border: none;
    background: transparent;
    color: var(--app-text-muted);
    font: inherit;
    font-size: var(--app-type-md);
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, opacity 0.15s ease;
}

.app-recurring-time-control-toggle--enabled[b-hagt2y867i] {
    background: var(--app-primary);
    color: var(--app-white);
}

.app-recurring-time-control-toggle--disabled[b-hagt2y867i] {
    background: var(--app-dark-1);
    color: var(--app-text-muted);
}

.app-recurring-time-control-toggle:hover:not(:disabled)[b-hagt2y867i] {
    opacity: 0.88;
}

.app-recurring-time-control-toggle:disabled[b-hagt2y867i] {
    cursor: default;
    opacity: 0.5;
}
/* /Components/Shared/AppStatusBadge.razor.rz.scp.css */
.app-status-badge[b-bo8ebvmscz] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.app-status-badge--trace[b-bo8ebvmscz] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border: 1px solid var(--app-border);
    border-radius: 8px;
    font-size: var(--app-type-sm);
    font-weight: 600;
    line-height: 1;
    text-transform: capitalize;
}

.app-status-badge--trace .status-badge-icon[b-bo8ebvmscz],
.app-status-badge--soft .status-badge-icon[b-bo8ebvmscz] {
    width: auto;
    height: auto;
    border: none;
    background: transparent;
    padding: 0;
}

.app-status-badge--trace i[b-bo8ebvmscz] {
    font-size: var(--app-type-base);
}

.app-status-badge--trace.app-status-badge--tone-pending[b-bo8ebvmscz] {
    color: var(--app-signal-status-pending-bg);
    border-color: color-mix(in srgb, var(--app-signal-status-pending-bg) 50%, transparent);
    background: color-mix(in srgb, var(--app-signal-status-pending-bg) 14%, var(--app-surface));
}

.app-status-badge--trace.app-status-badge--tone-working[b-bo8ebvmscz] {
    color: var(--app-signal-status-working-bg);
    border-color: color-mix(in srgb, var(--app-signal-status-working-bg) 50%, transparent);
    background: color-mix(in srgb, var(--app-signal-status-working-bg) 14%, var(--app-surface));
}

.app-status-badge--trace.app-status-badge--tone-completed[b-bo8ebvmscz],
.app-status-badge--trace.app-status-badge--tone-success[b-bo8ebvmscz] {
    color: var(--app-signal-status-completed-bg);
    border-color: color-mix(in srgb, var(--app-signal-status-completed-bg) 50%, transparent);
    background: color-mix(in srgb, var(--app-signal-status-completed-bg) 14%, var(--app-surface));
}

.app-status-badge--trace.app-status-badge--tone-failed[b-bo8ebvmscz],
.app-status-badge--trace.app-status-badge--tone-error[b-bo8ebvmscz] {
    color: var(--app-signal-status-failed-bg);
    border-color: color-mix(in srgb, var(--app-signal-status-failed-bg) 50%, transparent);
    background: color-mix(in srgb, var(--app-signal-status-failed-bg) 14%, var(--app-surface));
}

.app-status-badge--soft[b-bo8ebvmscz] {
    min-height: 26px;
    padding: 4px 10px;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-pill);
    background: var(--app-surface-dark);
    color: var(--app-text);
    font-size: var(--app-type-2xs);
    font-weight: 700;
    line-height: 1.1;
}

.app-status-badge--soft.app-status-badge--tone-primary[b-bo8ebvmscz],
.app-status-badge--soft.app-status-badge--tone-info[b-bo8ebvmscz],
.app-status-badge--trace.app-status-badge--tone-primary[b-bo8ebvmscz],
.app-status-badge--trace.app-status-badge--tone-info[b-bo8ebvmscz],
.app-status-badge--trace.app-status-badge--tone-active[b-bo8ebvmscz] {
    border-color: color-mix(in srgb, var(--app-primary) 58%, var(--app-border));
    background: color-mix(in srgb, var(--app-primary) 12%, var(--app-surface));
    color: var(--app-text);
}

.app-status-badge--soft.app-status-badge--tone-working[b-bo8ebvmscz] {
    border-color: color-mix(in srgb, var(--app-warning) 52%, var(--app-border));
    background: color-mix(in srgb, var(--app-warning) 12%, var(--app-surface));
    color: var(--app-text);
}

.app-status-badge--soft.app-status-badge--tone-success[b-bo8ebvmscz],
.app-status-badge--soft.app-status-badge--tone-completed[b-bo8ebvmscz] {
    border-color: color-mix(in srgb, var(--app-success) 52%, var(--app-border));
    background: color-mix(in srgb, var(--app-success) 12%, var(--app-surface));
    color: var(--app-text);
}

.app-status-badge--soft.app-status-badge--tone-warning[b-bo8ebvmscz],
.app-status-badge--trace.app-status-badge--tone-warning[b-bo8ebvmscz] {
    border-color: color-mix(in srgb, var(--app-warning) 52%, var(--app-border));
    background: color-mix(in srgb, var(--app-warning) 12%, var(--app-surface));
    color: var(--app-text);
}

.app-status-badge--soft.app-status-badge--tone-error[b-bo8ebvmscz],
.app-status-badge--soft.app-status-badge--tone-failed[b-bo8ebvmscz],
.app-status-badge--trace.app-status-badge--tone-blocked[b-bo8ebvmscz],
.app-status-badge--trace.app-status-badge--tone-inactive[b-bo8ebvmscz] {
    border-color: color-mix(in srgb, var(--app-error) 52%, var(--app-border));
    background: color-mix(in srgb, var(--app-error) 12%, var(--app-surface));
    color: var(--app-text);
}
/* /Components/Shared/AppStatusDot.razor.rz.scp.css */
.workflow-status-dot[b-uaoq9sm6hu] {
    flex-shrink: 0;
}

.workflow-status-dot i[b-uaoq9sm6hu] {
    font-size: var(--app-type-sm);
}

.workflow-status-dot.workflow-status-dot-pending[b-uaoq9sm6hu] {
    color: var(--app-signal-status-pending-bg);
    border-color: var(--app-signal-status-pending-bg);
}

.workflow-status-dot.workflow-status-dot-working[b-uaoq9sm6hu] {
    color: var(--app-signal-status-working-bg);
    border-color: var(--app-signal-status-working-bg);
}

.workflow-status-dot.workflow-status-dot-working i[b-uaoq9sm6hu] {
    animation: workflow-status-spin-b-uaoq9sm6hu 1.1s linear infinite;
}

.workflow-status-dot.workflow-status-dot-completed[b-uaoq9sm6hu] {
    color: var(--app-signal-status-completed-bg);
    border-color: var(--app-signal-status-completed-bg);
}

.workflow-status-dot.workflow-status-dot-failed[b-uaoq9sm6hu] {
    color: var(--app-signal-status-failed-bg);
    border-color: var(--app-signal-status-failed-bg);
}

@keyframes workflow-status-spin-b-uaoq9sm6hu {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
/* /Components/Shared/AppSummaryBanner.razor.rz.scp.css */
.app-summary-banner[b-gsua470fhb] {
    border: 1px solid color-mix(in srgb, var(--app-border) 86%, transparent);
    border-radius: var(--app-radius);
    background: color-mix(in srgb, var(--app-surface-dark) 94%, transparent);
    padding: 14px 16px;
    display: grid;
    gap: 12px;
}

.app-summary-banner--tone-success[b-gsua470fhb] {
    border-color: var(--app-green);
    background: color-mix(in srgb, var(--app-green) 10%, var(--app-dark-2));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--app-green) 8%, transparent);
}

.app-summary-banner__header[b-gsua470fhb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.app-summary-banner__copy-shell[b-gsua470fhb] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}

.app-summary-banner__copy[b-gsua470fhb] {
    display: grid;
    gap: 4px;
}

.app-summary-banner__copy h3[b-gsua470fhb],
.app-summary-banner__copy p[b-gsua470fhb] {
    margin: 0;
}

.app-summary-banner__copy h3[b-gsua470fhb] {
    color: var(--app-text);
    font-size: var(--app-type-base);
    font-weight: 700;
}

.app-summary-banner__copy p[b-gsua470fhb] {
    color: var(--app-text-subtle);
    font-size: var(--app-type-sm);
    line-height: 1.5;
    max-width: 56ch;
}

.app-summary-banner--tone-success .app-summary-banner__copy h3[b-gsua470fhb] {
    color: var(--app-text);
}

.app-summary-banner--tone-success .app-summary-banner__copy p[b-gsua470fhb] {
    color: var(--app-text-subtle);
}

.app-summary-banner__icon[b-gsua470fhb] {
    width: 34px;
    height: 34px;
    border-radius: var(--app-radius-pill);
    border: 1px solid var(--app-border);
    background: color-mix(in srgb, var(--app-surface-dark) 84%, transparent);
    color: var(--app-text-muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.app-summary-banner--tone-success .app-summary-banner__icon[b-gsua470fhb] {
    border-color: var(--app-green);
    background: transparent;
    color: color-mix(in srgb, var(--app-green) 72%, var(--app-text));
}

.app-summary-banner__header-content[b-gsua470fhb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.app-summary-banner__body[b-gsua470fhb] {
    display: grid;
    gap: 8px;
}

@media (max-width: 900px) {
    .app-summary-banner__header[b-gsua470fhb] {
        flex-direction: column;
    }
}
/* /Components/Shared/AppValueEditor.razor.rz.scp.css */
.app-value-editor[b-byppyacnzd] {
    min-width: 0;
    width: 100%;
}

.app-value-editor[b-byppyacnzd]  .app-value-editor-control,
.app-value-editor[b-byppyacnzd]  .mud-input-control,
.app-value-editor[b-byppyacnzd]  .mud-input-control-input-container,
.app-value-editor[b-byppyacnzd]  .mud-input,
.app-value-editor[b-byppyacnzd]  .mud-input-slot.mud-input-root,
.app-value-editor[b-byppyacnzd]  .app-menu-select,
.app-value-editor[b-byppyacnzd]  .app-menu-select-cell,
.app-value-editor[b-byppyacnzd]  .app-menu-select-trigger {
    width: 100% !important;
    max-width: 100% !important;
}

.app-value-editor--small[b-byppyacnzd] {
    --app-control-compact-height: calc(var(--app-input-height) - var(--app-space-sm));
}

.app-value-editor--small[b-byppyacnzd]  .app-control-compact .mud-input-slot.mud-input-root,
.app-value-editor--small[b-byppyacnzd]  .app-control-compact .app-menu-select-trigger,
.app-value-editor--small[b-byppyacnzd]  .app-control-compact .app-menu-select-trigger-label,
.app-value-editor--small[b-byppyacnzd]  .app-control-compact input.mud-input-slot {
    font-size: var(--app-type-2xs) !important;
}

.app-value-editor--small[b-byppyacnzd]  .app-control-compact .mud-input-slot.mud-input-root {
    padding-inline: calc(var(--app-input-padding-x) - 4px) !important;
}

.app-value-editor--small[b-byppyacnzd]  .app-control-compact .app-menu-select-trigger {
    padding-inline: calc(var(--app-input-padding-x) - 4px) !important;
}
/* /Components/Shared/DetailStateGate.razor.rz.scp.css */
/* /Components/Shared/DocumentsExplorer.razor.rz.scp.css */
    .pagination-bar[b-3puomxnqok] {
        background: var(--app-surface-dark);
    }

    .documents-embedded-page[b-3puomxnqok] {
        background: transparent;
    }

    .documents-embedded-page .tenant-table-shell[b-3puomxnqok] {
        border: none;
        border-radius: var(--app-radius-sm);
        padding: 0;
        background: transparent;
    }

    .documents-embedded-page .type-cards-container[b-3puomxnqok] {
        padding: 0;
    }

    .documents-embedded-page .type-cards-grid[b-3puomxnqok] {
        max-width: none;
    }

    .documents-table-controls[b-3puomxnqok] {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: var(--app-space-sm);
        padding: var(--app-space-lg);
    }

    .documents-upload-controls[b-3puomxnqok] {
        display: flex;
        align-items: flex-start;
        gap: var(--app-space-sm);
        padding: var(--app-space-md) var(--app-space-lg) 0 var(--app-space-lg);
    }

    .documents-file-upload-shell[b-3puomxnqok] {
        display: flex;
        flex: 1 1 100%;
        flex-direction: column;
        gap: var(--app-space-xs);
        min-width: 0;
    }

    [b-3puomxnqok] .documents-file-upload-dropzone {
        position: relative;
        width: 100%;
        min-height: 138px;
        padding: 0 !important;
        border: 1px dashed var(--app-border-strong) !important;
        border-radius: var(--app-radius-lg) !important;
        background: var(--app-dark-3);
        box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--app-surface-dark) 42%, transparent);
        color: var(--app-text) !important;
        overflow: hidden;
        text-transform: none !important;
        transition:
            border-color 160ms ease,
            background 160ms ease,
            box-shadow 160ms ease;
    }

    [b-3puomxnqok] .documents-file-upload-dropzone:hover:not(:disabled) {
        border-color: color-mix(in srgb, var(--app-text-subtle) 52%, var(--app-border));
        background: color-mix(in srgb, var(--app-surface) 82%, var(--app-surface-dark) 18%) !important;
        box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--app-text-subtle) 18%, transparent);
    }

    [b-3puomxnqok] .documents-file-upload-dropzone:focus-visible {
        outline: none;
        border-color: color-mix(in srgb, var(--app-primary) 54%, var(--app-border));
        box-shadow:
            0 0 0 3px color-mix(in srgb, var(--app-primary) 16%, transparent),
            inset 0 0 0 1px color-mix(in srgb, var(--app-primary) 16%, transparent);
    }

    [b-3puomxnqok] .documents-file-upload-dropzone .mud-button-label {
        position: relative;
        z-index: 1;
        width: 100%;
        min-height: 138px;
        padding: 0;
    }

    .documents-file-upload-dropzone-uploading[b-3puomxnqok] {
        opacity: 0.92;
    }

    [b-3puomxnqok] .documents-file-upload-input {
        display: none !important;
    }

    .documents-file-upload-hero-icon[b-3puomxnqok] {
        width: auto !important;
        height: auto !important;
        font-size: inherit !important;
        line-height: 1 !important;
    }

    .documents-file-upload-state[b-3puomxnqok] {
        min-height: 138px;
        max-width: none;
    }

    .documents-file-upload-status[b-3puomxnqok] {
        display: inline-flex;
        align-items: center;
        align-self: flex-start;
        min-height: 30px;
        padding: 0 10px;
        border: 1px solid color-mix(in srgb, var(--app-success) 34%, var(--app-border));
        border-radius: var(--app-radius-pill);
        background: color-mix(in srgb, var(--app-success) 10%, var(--app-surface));
        font-size: var(--app-type-sm);
        font-weight: 600;
        color: color-mix(in srgb, var(--app-success) 70%, var(--app-text));
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    .documents-file-upload-error[b-3puomxnqok] {
        display: inline-flex;
        align-items: center;
        align-self: flex-start;
        min-height: 30px;
        padding: 0 10px;
        border: 1px solid color-mix(in srgb, var(--app-error) 40%, var(--app-border));
        border-radius: var(--app-radius-pill);
        background: color-mix(in srgb, var(--app-error) 10%, var(--app-surface));
        font-size: var(--app-type-sm);
        font-weight: 600;
        color: color-mix(in srgb, var(--app-error) 76%, var(--app-text));
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    .documents-view-controls[b-3puomxnqok] {
        margin-left: auto;
        display: flex;
        flex-wrap: wrap;
        gap: var(--app-space-sm);
        align-items: flex-start;
        justify-content: flex-end;
    }

    .documents-list-shell[b-3puomxnqok],
    .documents-grouping-shell[b-3puomxnqok] {
        display: inline-flex;
        align-items: flex-start;
    }

    .documents-table[b-3puomxnqok] {
        width: calc(100% - 8px) !important;
        margin-inline: 4px;
    }

    .documents-filter-empty-hint[b-3puomxnqok] {
        position: relative;
        z-index: 16;
        margin: 0 var(--app-space-lg) var(--app-space-md) var(--app-space-lg);
        padding: var(--app-space-sm) 10px;
        border: 1px solid var(--app-border);
        border-radius: var(--app-radius-sm);
        background: color-mix(in srgb, var(--app-bg-subtle) 80%, var(--app-surface) 20%);
        color: var(--app-text-muted);
        font-size: var(--app-type-sm);
        font-weight: 500;
    }

    .documents-table th[b-3puomxnqok] {
        white-space: nowrap;
    }

    .documents-table tbody td[b-3puomxnqok] {
        border-bottom: none;
    }

    @media (max-width: 720px) {
        [b-3puomxnqok] .documents-file-upload-dropzone .mud-button-label {
            min-height: 124px;
            padding: var(--app-space-sm);
        }
    }

    .documents-col-header-label[b-3puomxnqok] {
        vertical-align: middle;
    }

    .documents-col-sort-indicator[b-3puomxnqok] {
        margin-left: 6px;
        font-size: var(--app-type-2xs);
        font-weight: 700;
        color: var(--app-blue-fg);
        letter-spacing: 0.06em;
    }

    .documents-group-row-cell[b-3puomxnqok] {
        padding: var(--app-space-sm) var(--app-space-lg) !important;
        border-bottom: none;
        background: var(--app-background);
    }

    .documents-group-row:hover .documents-group-row-cell[b-3puomxnqok] {
        background: var(--app-background);
    }

    .documents-group-header-label[b-3puomxnqok] {
        font-size: var(--app-type-sm);
        font-weight: 700;
        color: var(--app-text);
    }

    .documents-group-header-count[b-3puomxnqok] {
        margin-left: 8px;
        font-size: var(--app-type-xs);
        color: var(--app-text-muted);
    }

    /* Column selector */
    .col-selector-th[b-3puomxnqok] {
        width: 36px;
        min-width: 36px;
        max-width: 36px;
        position: relative;
        padding: 4px !important;
        text-align: center;
    }

    .col-selector-btn[b-3puomxnqok] {
        width: 26px;
        height: 26px;
        border: 1px dashed var(--app-border-strong);
        border-radius: var(--app-radius-sm);
        background: transparent;
        color: var(--app-text-subtle);
        font-size: var(--app-type-xl);
        font-weight: 600;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.15s;
        line-height: 1;
    }

    .col-selector-btn:hover[b-3puomxnqok] {
        border-color: var(--app-border-strong);
        color: var(--app-text);
        background: var(--app-sidebar-accent);
    }

    .col-selector-dropdown[b-3puomxnqok] {
        --app-menu-popover-min-width: 220px;
        --app-menu-popover-z: 100;
        --app-menu-popover-gap: 0;
        --app-menu-popover-padding: 6px 0;
    }

    .col-selector-item[b-3puomxnqok] {
        padding: 6px 12px;
        font-size: var(--app-type-md);
        font-weight: 500;
        color: var(--app-text);
        white-space: nowrap;
    }

    .col-selector-item-glyph[b-3puomxnqok] {
        color: var(--app-text);
        font-size: var(--app-type-md);
        line-height: 1;
    }

    /* Column drag-and-drop */
    .app-table th[draggable="true"][b-3puomxnqok] {
        cursor: grab;
        user-select: none;
    }

    .app-table th.col-dragging[b-3puomxnqok] {
        opacity: 0.4;
    }

    .app-table th.col-drag-over[b-3puomxnqok] {
        border-left: 2px solid var(--app-primary);
    }

    /* ─── Type cards (landing page) ─── */
    .type-cards-container[b-3puomxnqok] {
        flex: 1;
        padding: 24px 16px;
    }

    .type-cards-group-header[b-3puomxnqok] {
        font-size: var(--app-type-xs);
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        color: var(--app-text-subtle);
        padding: 16px 0 6px 0;
    }

    .type-cards-group-header:first-child[b-3puomxnqok] {
        padding-top: 0;
    }

    .type-cards-grid[b-3puomxnqok] {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 12px;
        margin-bottom: 12px;
        max-width: 960px;
    }

    .type-card[b-3puomxnqok] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding: 14px;
        background: var(--app-surface);
        border: 1px solid var(--app-border);
        border-radius: var(--app-radius);
        text-decoration: none;
        color: inherit;
        min-height: 132px;
        transition: all 0.16s ease;
    }

    .type-card:hover[b-3puomxnqok] {
        border-color: var(--app-border);
        background: var(--app-sidebar-accent);
        transform: none;
        color: var(--app-text);
    }

    .type-card-static[b-3puomxnqok] {
        cursor: default;
    }

    .type-card-static:hover[b-3puomxnqok] {
        transform: none;
        box-shadow: none;
    }

    .type-card-icon[b-3puomxnqok] {
        width: 46px;
        height: 46px;
        border-radius: var(--app-radius);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: var(--app-type-xl);
        font-weight: 700;
        color: var(--app-white);
        flex-shrink: 0;
    }

    .type-card-icon .tenant-nav-icon[b-3puomxnqok] {
        font-size: var(--app-type-2xl) !important;
        width: 18px !important;
        height: 18px !important;
        line-height: 1 !important;
    }

    .type-card-info[b-3puomxnqok] {
        display: flex;
        flex-direction: column;
        gap: 2px;
        flex: 1;
        min-width: 0;
    }

    .type-card-name[b-3puomxnqok] {
        font-size: var(--app-type-base);
        font-weight: 600;
        color: var(--app-text);
    }

    .type-card-count[b-3puomxnqok] {
        font-size: var(--app-type-sm);
        color: var(--app-text-muted);
    }

    .type-card-description[b-3puomxnqok] {
        font-size: var(--app-type-sm);
        color: var(--app-text-muted);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    @@media (max-width: 900px) {
        .documents-table-controls[b-3puomxnqok] {
            padding: 8px 12px;
            flex-wrap: wrap;
        }

        .documents-view-controls[b-3puomxnqok] {
            margin-left: 0;
            width: 100%;
            justify-content: flex-start;
        }

        .documents-table[b-3puomxnqok] {
            width: 100% !important;
            margin-inline: 0;
        }

        .type-cards-container[b-3puomxnqok] {
            padding: 16px 12px;
        }
    }

    @@media (max-width: 680px) {
        .documents-view-controls[b-3puomxnqok] {
            width: 100%;
        }

        .documents-list-shell[b-3puomxnqok],
        .documents-grouping-shell[b-3puomxnqok] {
            width: 100%;
        }

        .documents-list-shell[b-3puomxnqok],
        .documents-grouping-shell[b-3puomxnqok] {
            display: flex;
            justify-content: flex-start;
        }

        .documents-list-shell .app-menu-select[b-3puomxnqok],
        .documents-grouping-shell .app-menu-select[b-3puomxnqok] {
            width: 100%;
            min-width: 0;
            max-width: none;
        }

        .type-cards-grid[b-3puomxnqok] {
            grid-template-columns: 1fr;
        }
    }
/* /Components/Shared/DocumentShorthand.razor.rz.scp.css */
/* /Components/Shared/FloatingActionToolbar.razor.rz.scp.css */
.floating-action-toolbar-shell[b-9qqqx6bad9] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-pill);
    background: color-mix(in srgb, var(--app-dark-4) 82%, transparent);
    pointer-events: auto;
}

.floating-action-toolbar-shell[b-9qqqx6bad9]  .floating-action-toolbar-separator {
    width: 1px;
    height: 24px;
    margin: 0 2px;
    background: var(--app-border);
}

.floating-action-toolbar-shell[b-9qqqx6bad9]  .floating-action-toolbar-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: var(--app-radius-pill);
    background: transparent;
    color: var(--app-text-muted);
    cursor: pointer;
    transition: background-color var(--app-transition), color var(--app-transition), transform var(--app-transition);
}

.floating-action-toolbar-shell[b-9qqqx6bad9]  .floating-action-toolbar-btn i[class^="icon-"],
.floating-action-toolbar-shell[b-9qqqx6bad9]  .floating-action-toolbar-btn i[class*=" icon-"],
.floating-action-toolbar-shell[b-9qqqx6bad9]  .floating-action-toolbar-btn svg {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
}

.floating-action-toolbar-shell[b-9qqqx6bad9]  .floating-action-toolbar-btn i[class^="icon-"],
.floating-action-toolbar-shell[b-9qqqx6bad9]  .floating-action-toolbar-btn i[class*=" icon-"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--app-type-2xl);
    line-height: 1;
}

.floating-action-toolbar-shell[b-9qqqx6bad9]  .floating-action-toolbar-btn svg {
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.5;
}

.floating-action-toolbar-shell[b-9qqqx6bad9]  .floating-action-toolbar-fill {
    fill: currentColor;
    stroke: none;
}

.floating-action-toolbar-shell[b-9qqqx6bad9]  .floating-action-toolbar-btn:hover:not(:disabled) {
    background: var(--app-sidebar-accent);
    color: var(--app-text);
    transform: none;
}

.floating-action-toolbar-shell[b-9qqqx6bad9]  .floating-action-toolbar-btn.attention {
    background: color-mix(in srgb, var(--app-primary) 20%, var(--app-dark-4));
    color: var(--app-primary-light);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--app-primary) 60%, transparent);
}

.floating-action-toolbar-shell[b-9qqqx6bad9]  .floating-action-toolbar-btn.attention:hover:not(:disabled) {
    background: var(--app-sidebar-accent);
    color: var(--app-text);
}

.floating-action-toolbar-shell[b-9qqqx6bad9]  .floating-action-toolbar-btn.primary {
    background: var(--app-primary);
    color: var(--app-white);
}

.floating-action-toolbar-shell[b-9qqqx6bad9]  .floating-action-toolbar-btn.primary:hover:not(:disabled) {
    background: var(--app-sidebar-accent);
    color: var(--app-text);
}

.floating-action-toolbar-shell[b-9qqqx6bad9]  .floating-action-toolbar-btn:disabled {
    color: var(--app-text-subtle);
    opacity: 0.42;
    cursor: default;
    transform: none;
}

.floating-action-toolbar-shell[b-9qqqx6bad9]  .floating-action-toolbar-btn.primary:disabled {
    background: transparent;
}
/* /Components/Shared/IntegrationDetailCardShell.razor.rz.scp.css */
.integration-detail-actions[b-at1htaw9hv] {
    margin-top: 8px;
}
/* /Components/Shared/IntegrationIdentityCell.razor.rz.scp.css */
.integration-identity[b-fk2q9u69kp] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.integration-identity-icon[b-fk2q9u69kp] {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--app-radius-sm);
    background: var(--app-primary-subtle);
    flex-shrink: 0;
}

.integration-identity-icon img[b-fk2q9u69kp] {
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.integration-identity-name[b-fk2q9u69kp] {
    font-size: var(--app-type-sm);
    color: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Components/Shared/JsHighlightComponent.razor.rz.scp.css */
.js-highlight-component[b-z4rdou65lo] {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.js-highlight-component pre[b-z4rdou65lo] {
    margin: 0;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.js-highlight-component code[b-z4rdou65lo] {
    display: block;
    font-family: var(--app-font-mono);
    font-size: var(--app-type-xs);
    line-height: 1.5;
    tab-size: 2;
}
/* /Components/Shared/JsonTreeView.razor.rz.scp.css */
.json-tree-view[b-2ptqgw07th] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius);
    background: var(--app-surface);
    overflow: hidden;
}

.json-tree-toolbar[b-2ptqgw07th] {
    display: flex;
    align-items: center;
    gap: var(--app-space-xs);
    padding: 10px 12px;
    border-bottom: 1px solid var(--app-border);
    background: color-mix(in srgb, var(--app-surface-dark) 72%, var(--app-surface) 28%);
}

.json-tree-search[b-2ptqgw07th] {
    flex: 1 1 auto;
}

.json-tree-toolbar-actions[b-2ptqgw07th] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.json-tree-summary[b-2ptqgw07th] {
    color: var(--app-text-muted);
    font-size: var(--app-type-sm);
    font-weight: 600;
}

.json-tree-toolbar-btn[b-2ptqgw07th] {
    min-width: auto;
}

.json-tree-viewport[b-2ptqgw07th] {
    min-height: 0;
    overflow: auto;
    padding: 8px 10px 12px 10px;
}

.json-tree-node + .json-tree-node[b-2ptqgw07th] {
    margin-top: 2px;
}

.json-tree-row[b-2ptqgw07th] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 30px;
    padding: 4px 6px;
    border-radius: var(--app-radius-sm);
}

.json-tree-row:hover[b-2ptqgw07th] {
    background: var(--app-sidebar-accent);
    color: var(--app-text);
}

.json-tree-toggle[b-2ptqgw07th],
.json-tree-action[b-2ptqgw07th] {
    border: none;
    background: transparent;
    color: var(--app-text-subtle);
    cursor: pointer;
    padding: 0;
    font: inherit;
}

.json-tree-toggle[b-2ptqgw07th] {
    width: 18px;
    text-align: center;
}

.json-tree-toggle-placeholder[b-2ptqgw07th] {
    visibility: hidden;
}

.json-tree-key[b-2ptqgw07th] {
    color: var(--app-code-keyword);
    font-family: var(--app-font-mono);
    font-size: var(--app-type-sm);
}

.json-tree-composite[b-2ptqgw07th],
.json-tree-value[b-2ptqgw07th] {
    color: var(--app-text);
    font-family: var(--app-font-mono);
    font-size: var(--app-type-sm);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.json-tree-value[b-2ptqgw07th] {
    color: var(--app-code-string);
}

.json-tree-spacer[b-2ptqgw07th] {
    flex: 1 1 auto;
}

.json-tree-action:hover[b-2ptqgw07th],
.json-tree-toggle:hover[b-2ptqgw07th] {
    background: var(--app-sidebar-accent);
    color: var(--app-text);
}

.json-tree-children[b-2ptqgw07th] {
    margin-left: 18px;
    padding-left: 10px;
    border-left: 1px solid color-mix(in srgb, var(--app-border) 80%, transparent);
}
/* /Components/Shared/SchemaFileUploadPanel.razor.rz.scp.css */
.schema-file-panel[b-d0s7hiscij] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.schema-file-upload-shell[b-d0s7hiscij] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.schema-file-upload-action[b-d0s7hiscij] {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: fit-content;
}

.schema-file-upload-btn[b-d0s7hiscij] {
    height: 34px !important;
    padding: 0 12px !important;
    border-radius: var(--app-radius-sm) !important;
    font-size: var(--app-type-md) !important;
    font-weight: 600 !important;
    text-transform: none !important;
}

.schema-file-upload-btn:hover[b-d0s7hiscij] {
    transform: none;
}

.schema-file-upload-icon[b-d0s7hiscij] {
    font-size: var(--app-type-base);
    margin-right: 6px;
    line-height: 1;
}

[b-d0s7hiscij] .schema-file-upload-input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
}

.schema-file-selected[b-d0s7hiscij] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--app-type-md);
    color: var(--app-text-muted);
}

.schema-file-selected-empty[b-d0s7hiscij] {
    color: var(--app-text-subtle);
}

.schema-file-selected-icon[b-d0s7hiscij] {
    font-size: var(--app-type-md);
    line-height: 1;
}

.schema-file-error[b-d0s7hiscij] {
    color: var(--app-error);
    font-size: var(--app-type-md);
}

.schema-file-preview-card[b-d0s7hiscij] {
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-sm);
    background: var(--app-surface);
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.schema-file-preview-line[b-d0s7hiscij] {
    font-size: var(--app-type-md);
    color: var(--app-text);
}

.schema-file-preview-list[b-d0s7hiscij] {
    margin: 0;
    padding-left: 18px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.schema-file-preview-muted[b-d0s7hiscij] {
    color: var(--app-text-muted);
    font-size: var(--app-type-sm);
}
/* /Components/Shared/SpanIcon.razor.rz.scp.css */
.span-icon[b-nxmw1npb6d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.span-icon-status-dot[b-nxmw1npb6d] {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
}

.span-icon-status-dot i[b-nxmw1npb6d] {
    font-size: var(--app-type-2xs);
}

.span-icon-status-dot.workflow-status-dot-pending[b-nxmw1npb6d] {
    color: var(--app-signal-status-pending-bg);
}

.span-icon-status-dot.span-icon-status-dot-blocked.workflow-status-dot-pending[b-nxmw1npb6d] {
    color: var(--app-signal-status-failed-bg);
}

.span-icon.type[b-nxmw1npb6d] {
    width: 18px;
    height: 18px;
    min-width: 24px;
    min-height: 24px;
    border-radius: var(--app-radius-pill);
    color: var(--app-white);
    background: var(--app-secondary);
}

.span-icon.type svg[b-nxmw1npb6d] {
    width: 15px;
    height: 15px;
    fill: currentColor;
}

.span-icon.type.workflow-document[b-nxmw1npb6d] {
    background: var(--app-primary);
}

.span-icon.type.workflow-file[b-nxmw1npb6d] {
    background: var(--app-success);
}

.span-icon.type.workflow-reactor[b-nxmw1npb6d] {
    background: var(--app-tertiary);
}

.span-icon.type.workflow-other[b-nxmw1npb6d] {
    background: var(--app-secondary);
}
/* /Components/Shared/TenantDetailPage.razor.rz.scp.css */
/* /Components/Shared/TenantListChrome.razor.rz.scp.css */
.tenant-list-chrome[b-a3cqn1zja5] {
    flex: 0 0 auto;
    box-shadow: color-mix(in srgb, var(--app-dark-1) 30%, transparent) 0 4px 15px -12px;
    overflow: visible;
    position: sticky;
    top: 0;
    z-index: 20;
    background: var(--app-surface);
}

.tenant-list-chrome.workflow-list-chrome-flat[b-a3cqn1zja5] {
    box-shadow: none;
    overflow: visible;
    background: transparent;
}
/* /Components/Shared/TenantListPage.razor.rz.scp.css */
/* /Components/Shared/TenantListToolbar.razor.rz.scp.css */
.tenant-list-toolbar[b-04p92wql88] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 44px;
    padding: 4px 24px;
    border-bottom: 1px solid var(--app-border);
}

.tenant-list-toolbar-subtle[b-04p92wql88] {
    background: var(--app-surface);
}

.tenant-list-toolbar-surface[b-04p92wql88] {
    background: color-mix(in srgb, var(--app-surface) 94%, transparent);
}

.tenant-list-toolbar-left[b-04p92wql88],
.tenant-list-toolbar-right[b-04p92wql88] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.tenant-list-toolbar-left[b-04p92wql88] {
    flex: 1 1 auto;
}

.tenant-list-toolbar-right[b-04p92wql88] {
    margin-left: auto;
}

.tenant-list-toolbar[b-04p92wql88]  .app-toolbar-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 32px;
    padding: 8px;
    border-radius: var(--app-radius-sm);
    border: none;
    background: transparent;
    color: var(--app-text-muted);
    font-size: var(--app-type-base);
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s, transform 0.1s;
}

.tenant-list-toolbar[b-04p92wql88]  .app-toolbar-btn svg {
    width: 14px;
    height: 14px;
}

.tenant-list-toolbar[b-04p92wql88]  .app-toolbar-btn:hover {
    background: var(--app-sidebar-accent);
    color: var(--app-text);
}

.tenant-list-toolbar[b-04p92wql88]  .app-toolbar-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

@media (max-width: 900px) {
    .tenant-list-toolbar[b-04p92wql88] {
        padding: 4px 16px;
        gap: 6px;
    }
}

@media (max-width: 680px) {
    .tenant-list-toolbar[b-04p92wql88] {
        flex-direction: column;
        align-items: stretch;
    }

    .tenant-list-toolbar-left[b-04p92wql88],
    .tenant-list-toolbar-right[b-04p92wql88] {
        width: 100%;
        justify-content: space-between;
    }
}
/* /Components/Shared/TenantPageHeader.razor.rz.scp.css */
.tenant-page-header[b-ra84d7jxre] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 0;
    padding: 10px var(--app-space-lg);
    background: color-mix(in srgb, var(--app-bg) 80%, transparent);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-bottom: 1px solid var(--app-border);
    gap: 12px;
    flex-wrap: wrap;
}

.tenant-page-header-strip[b-ra84d7jxre] {
    background: color-mix(in srgb, var(--app-bg) 80%, transparent);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-bottom: 1px solid var(--app-border);
}

.tenant-page-header-navbar[b-ra84d7jxre] {
    width: 100%;
    min-height: 39px;
    padding: 0;
    background: transparent;
    border-bottom: 0;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    gap: 10px;
}

.tenant-page-header-left[b-ra84d7jxre] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.tenant-page-header-back[b-ra84d7jxre] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: none;
    border-radius: var(--app-radius-sm);
    background: transparent;
    color: var(--app-text-muted);
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}

.tenant-page-header-back:hover[b-ra84d7jxre] {
    background: var(--app-sidebar-accent);
    color: var(--app-text);
}

.tenant-page-header-back:focus-visible[b-ra84d7jxre] {
    outline: 2px solid color-mix(in srgb, var(--app-primary) 55%, transparent);
    outline-offset: 1px;
}

.tenant-page-header-back svg[b-ra84d7jxre] {
    width: 18px !important;
    height: 18px !important;
}

.tenant-page-header-icon[b-ra84d7jxre] {
    flex-shrink: 0;
}

.tenant-page-header-text[b-ra84d7jxre] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 2px;
}

.tenant-page-header-title[b-ra84d7jxre] {
    max-width: 100%;
}

.tenant-page-header-subtitle[b-ra84d7jxre] {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.35;
    margin-top: 2px;
}

.tenant-page-header-actions[b-ra84d7jxre] {
    display: flex;
    gap: 12px;
    align-items: center;
    min-height: 34px;
}

.tenant-page-header-navbar .tenant-page-header-left[b-ra84d7jxre] {
    gap: 10px;
    flex: 1 1 auto;
}

.tenant-page-header-navbar .tenant-page-header-back[b-ra84d7jxre] {
    width: 30px;
    height: 30px;
}

.tenant-page-header-navbar .tenant-page-header-icon[b-ra84d7jxre] {
    width: 36px;
    height: 36px;
    border-radius: var(--app-radius-sm);
    font-size: var(--app-type-xl);
}

.tenant-page-header-navbar .tenant-page-header-icon.integration-icon img[b-ra84d7jxre] {
    max-width: 26px;
}

.tenant-page-header-navbar .tenant-page-header-icon svg[b-ra84d7jxre],
.tenant-page-header-navbar .tenant-page-header-icon .mud-icon-root[b-ra84d7jxre] {
    width: 16px;
    height: 16px;
    font-size: var(--app-type-xl) !important;
}

.tenant-page-header-navbar .tenant-page-header-title[b-ra84d7jxre] {
    font-size: var(--app-type-base);
    line-height: 1.15;
    min-height: 24px;
    display: flex;
    align-items: center;
}

.tenant-page-header-navbar .tenant-page-header-subtitle[b-ra84d7jxre] {
    font-size: var(--app-type-xs);
    line-height: 1.2;
    margin-top: 0;
}

.tenant-page-header-navbar .tenant-page-header-actions[b-ra84d7jxre] {
    gap: 8px;
    min-height: 30px;
    flex-shrink: 0;
}

.tenant-page-header-navbar .tenant-page-favorite-btn[b-ra84d7jxre] {
    width: 30px;
    height: 30px;
}

.tenant-page-header-navbar[b-ra84d7jxre]  .detail-header-right {
    gap: 8px;
}

.tenant-page-header-navbar[b-ra84d7jxre]  .app-button-filled-primary,
.tenant-page-header-navbar[b-ra84d7jxre]  .app-button-primary-outlined,
.tenant-page-header-navbar[b-ra84d7jxre]  .app-button-outlined-default {
    height: 30px;
    padding: 0 12px;
    font-size: var(--app-type-sm);
}

.tenant-page-header-navbar[b-ra84d7jxre]  .app-button-filled-primary svg,
.tenant-page-header-navbar[b-ra84d7jxre]  .app-button-primary-outlined svg,
.tenant-page-header-navbar[b-ra84d7jxre]  .app-button-outlined-default svg,
.tenant-page-header-navbar[b-ra84d7jxre]  .app-button-filled-primary i[class^="icon-"],
.tenant-page-header-navbar[b-ra84d7jxre]  .app-button-filled-primary i[class*=" icon-"],
.tenant-page-header-navbar[b-ra84d7jxre]  .app-button-primary-outlined i[class^="icon-"],
.tenant-page-header-navbar[b-ra84d7jxre]  .app-button-primary-outlined i[class*=" icon-"],
.tenant-page-header-navbar[b-ra84d7jxre]  .app-button-outlined-default i[class^="icon-"],
.tenant-page-header-navbar[b-ra84d7jxre]  .app-button-outlined-default i[class*=" icon-"] {
    width: 13px;
    height: 13px;
    flex-basis: 13px;
    font-size: var(--app-type-md);
}

.tenant-page-header-actions[b-ra84d7jxre]  .app-tab {
    gap: 7px;
    padding: 6px 16px;
    min-height: 34px;
    font-size: var(--app-type-md);
}

.tenant-page-header-actions[b-ra84d7jxre]  .app-tab svg {
    width: 16px;
    height: 16px;
}

.tenant-page-favorite-btn[b-ra84d7jxre] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: var(--app-radius-sm);
    background: var(--app-surface-dark);
    color: var(--app-text-muted);
    cursor: pointer;
    transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
}

.tenant-page-favorite-btn:hover[b-ra84d7jxre] {
    background: var(--app-sidebar-accent);
    color: var(--app-text);
    border-color: transparent;
}

.tenant-page-favorite-btn.active[b-ra84d7jxre] {
    color: var(--app-warning);
    border-color: color-mix(in srgb, var(--app-warning) 55%, var(--app-border));
    background: color-mix(in srgb, var(--app-warning-bg) 40%, var(--app-surface-dark));
}

.tenant-page-favorite-btn:disabled[b-ra84d7jxre] {
    opacity: 0.6;
    cursor: not-allowed;
}

@media (max-width: 900px) {
    .tenant-page-header[b-ra84d7jxre] {
        padding: 10px var(--app-space-md);
    }
}

@media (max-width: 680px) {
    .tenant-page-header[b-ra84d7jxre] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .tenant-page-header-actions[b-ra84d7jxre] {
        width: 100%;
    }

    .tenant-page-header-navbar[b-ra84d7jxre] {
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
    }

    .tenant-page-header-navbar .tenant-page-header-actions[b-ra84d7jxre] {
        width: auto;
    }
}
/* /Components/Shared/WorkflowFailuresTable.razor.rz.scp.css */
/* /Components/Shared/WorkflowIdentityCell.razor.rz.scp.css */
.workflow-primary-cell[b-afcsog2a7p] {
    max-width: 100%;
    min-width: 0;
}

.workflow-primary-text[b-afcsog2a7p] {
    flex: 1 1 0;
    width: 0;
    min-width: 0;
    max-width: 100%;
}

.workflow-primary-link[b-afcsog2a7p] {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.workflow-primary-title[b-afcsog2a7p],
.workflow-primary-subtitle[b-afcsog2a7p] {
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Components/Shared/WorkflowOverviewPanel.razor.rz.scp.css */
.workflow-kpi-grid[b-e4iu1uzu44] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.workflow-kpi-grid .overview-card[b-e4iu1uzu44] {
    border-radius: var(--app-radius);
    border: 1px solid var(--app-border);
    background: var(--app-surface);
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 110px;
    overflow: hidden;
}

.workflow-kpi-grid .workflow-kpi-value[b-e4iu1uzu44] {
    font-size: 22px;
    line-height: 1.05;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    margin: 0;
}

.kpi-header[b-e4iu1uzu44] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    min-width: 0;
}

.kpi-icon[b-e4iu1uzu44] {
    width: 26px;
    height: 26px;
    border-radius: var(--app-radius-pill);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
}

.kpi-icon-completed[b-e4iu1uzu44] {
    color: var(--app-overlay-green);
    border-color: var(--app-overlay-green);
    background: var(--app-dark-4);
}

.kpi-icon-pending[b-e4iu1uzu44] {
    color: var(--app-signal-status-pending-bg);
    border-color: var(--app-signal-status-pending-bg);
    background: var(--app-dark-4);
}

.kpi-icon-failed[b-e4iu1uzu44] {
    color: var(--app-signal-status-failed-bg);
    border-color: var(--app-signal-status-failed-bg);
    background: var(--app-dark-4);
}

.kpi-icon-stalled[b-e4iu1uzu44] {
    color: var(--app-signal-status-working-bg);
    border-color: var(--app-signal-status-working-bg);
    background: var(--app-dark-4);
}

.workflow-kpi-grid .overview-title[b-e4iu1uzu44] {
    display: block;
    font-size: var(--app-type-sm);
    color: var(--app-text-subtle);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    flex: 1 1 auto;
}

.workflow-kpi-grid .overview-title-detail[b-e4iu1uzu44] {
    text-transform: none;
    letter-spacing: 0.01em;
    font-size: var(--app-type-xs);
}

.kpi-body[b-e4iu1uzu44] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 8px;
    flex: 1 1 auto;
    min-height: 42px;
    margin-top: auto;
}

.kpi-body--value-only[b-e4iu1uzu44] {
    justify-content: flex-start;
}

.kpi-spark[b-e4iu1uzu44] {
    width: 92px;
    height: 30px;
    overflow: visible;
}

.kpi-spark rect[b-e4iu1uzu44] {
    fill: var(--app-primary-light);
}

.value-proof-grid[b-e4iu1uzu44] {
    margin-top: 12px;
}

.value-proof-grid .overview-card[b-e4iu1uzu44] {
    min-height: 96px;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 8px;
}

.value-proof-grid .kpi-body[b-e4iu1uzu44] {
    min-height: 0;
    align-items: flex-end;
}

.value-proof-grid .workflow-kpi-value[b-e4iu1uzu44] {
    margin-top: auto;
}

.value-proof-grid .overview-title-detail[b-e4iu1uzu44] {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.workflow-overview-grid[b-e4iu1uzu44] {
    margin-top: 12px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.workflow-panel[b-e4iu1uzu44] {
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius);
    background: var(--app-surface);
    padding: 14px;
}

.workflow-panel h3[b-e4iu1uzu44] {
    margin: 0 0 10px;
    font-size: var(--app-type-md);
    color: var(--app-text);
    letter-spacing: 0.02em;
}

.workflow-neon-chart[b-e4iu1uzu44] {
    height: 230px;
}

.workflow-ranking[b-e4iu1uzu44] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.workflow-ranking-row[b-e4iu1uzu44] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    border-bottom: 1px dashed var(--app-border);
    padding-bottom: 6px;
}

.workflow-ranking-row:last-child[b-e4iu1uzu44] {
    border-bottom: 0;
    padding-bottom: 0;
}

.workflow-ranking-title[b-e4iu1uzu44] {
    font-size: var(--app-type-sm);
    color: var(--app-text);
}

.workflow-ranking-subtitle[b-e4iu1uzu44] {
    font-size: var(--app-type-xs);
    color: var(--app-text-muted);
}

.workflow-ranking-count[b-e4iu1uzu44] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

.runtime-health[b-e4iu1uzu44] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.runtime-health-metrics[b-e4iu1uzu44] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.runtime-health-metric-row[b-e4iu1uzu44] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-size: var(--app-type-sm);
    color: var(--app-text-muted);
}

.runtime-health-metric-row strong[b-e4iu1uzu44] {
    color: var(--app-text);
    font-variant-numeric: tabular-nums;
}

.runtime-health-histogram[b-e4iu1uzu44] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.runtime-health-histogram-row[b-e4iu1uzu44] {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    font-size: var(--app-type-xs);
}

.runtime-health-histogram-label[b-e4iu1uzu44] {
    color: var(--app-text-muted);
}

.runtime-health-histogram-track[b-e4iu1uzu44] {
    position: relative;
    height: 8px;
    border-radius: 999px;
    background: var(--app-dark-4);
    overflow: hidden;
}

.runtime-health-histogram-fill[b-e4iu1uzu44] {
    position: absolute;
    inset: 0 auto 0 0;
    min-width: 2px;
    border-radius: 999px;
    background: var(--app-primary-light);
}

.runtime-health-histogram-count[b-e4iu1uzu44] {
    color: var(--app-text);
    font-variant-numeric: tabular-nums;
}

@media (max-width: 1100px) {
    .workflow-kpi-grid[b-e4iu1uzu44] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .workflow-overview-grid[b-e4iu1uzu44] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .workflow-kpi-grid[b-e4iu1uzu44] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/WorkflowTimestampCell.razor.rz.scp.css */