/* /Components/StepApplicationNode.razor.rz.scp.css */
.step-app-node[b-ujqqay62u2] {
    margin: 0.35rem 0;
    padding: 0;
    border: 1px solid var(--rz-base-300);
    border-radius: 1rem;
    background: var(--rz-base-background-color);
    overflow: hidden;
}

.step-app-node summary[b-ujqqay62u2] {
    display: list-item;
    position: relative;
    cursor: pointer;
    padding: 0.85rem 1rem;
    background: var(--rz-base-background-color);
}

.step-app-node[open] > summary[b-ujqqay62u2] {
    border-bottom: 1px solid var(--rz-base-300);
    background: var(--rz-base-100);
}

.step-app-summary[b-ujqqay62u2] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    min-width: 0;
    max-width: calc(100% - 0.5rem);
    vertical-align: middle;
}

.step-app-summary-with-action[b-ujqqay62u2] {
    max-width: calc(100% - 2rem);
}

.step-app-summary-action[b-ujqqay62u2] {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    z-index: 2;
}

.step-app-title[b-ujqqay62u2] {
    display: inline-block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    line-height: 1.35;
    vertical-align: middle;
}

.step-app-empty[b-ujqqay62u2] {
    padding: 0.9rem;
    border: 1px dashed var(--rz-base-400);
    border-radius: 0.85rem;
    background: var(--rz-base-100);
    color: var(--rz-text-secondary-color);
}

.step-app-panel[b-ujqqay62u2] {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    border: 1px solid var(--rz-base-300);
    border-radius: 1rem;
    background: var(--rz-base-background-color);
}

.step-app-panel-title[b-ujqqay62u2],
.step-app-card-title[b-ujqqay62u2] {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--rz-text-secondary-color);
}

.step-app-list[b-ujqqay62u2] {
    list-style: none;
    display: grid;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
}

.step-app-item-list[b-ujqqay62u2] {
    display: grid;
    gap: 0.6rem;
}

.step-app-item[b-ujqqay62u2] {
    margin: 0;
    border: 1px solid var(--rz-base-300);
    border-radius: 0.9rem;
    background: var(--rz-base-background-color);
    overflow: hidden;
}

.step-app-item summary[b-ujqqay62u2] {
    display: list-item;
    position: relative;
    cursor: pointer;
    padding: 0.8rem 0.9rem;
    background: var(--rz-base-background-color);
}

.step-app-item-pending[b-ujqqay62u2] {
    border-style: dashed;
    background: var(--rz-base-100);
}

.step-app-item-pending summary[b-ujqqay62u2] {
    background: var(--rz-base-100);
}

.step-app-item-summary[b-ujqqay62u2] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    max-width: calc(100% - 2rem);
}

.step-app-item-action[b-ujqqay62u2] {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    z-index: 2;
}

.step-app-source-name[b-ujqqay62u2] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.step-app-info-layout[b-ujqqay62u2] {
    display: grid;
    gap: 1rem;
}

.step-app-info-header[b-ujqqay62u2] {
    display: grid;
    gap: 0.45rem;
    padding: 0.25rem 0 0.4rem 0;
    border-bottom: 1px solid var(--rz-base-300);
}

.step-app-info-title[b-ujqqay62u2] {
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.2;
}

.step-app-info-summary[b-ujqqay62u2] {
    color: var(--rz-text-secondary-color);
    line-height: 1.5;
    max-width: 72ch;
}

.step-app-info-columns[b-ujqqay62u2] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.8fr);
    gap: 1rem;
    align-items: start;
}

.step-app-content-column[b-ujqqay62u2] {
    display: grid;
    gap: 1rem;
}

.step-app-sidebar-column[b-ujqqay62u2] {
    display: grid;
    gap: 0.85rem;
}

.step-app-sidebar-card[b-ujqqay62u2] {
    display: grid;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid var(--rz-base-300);
    border-radius: 1rem;
    background: var(--rz-base-background-color);
}

.step-app-sidebar-card-accent[b-ujqqay62u2] {
    border-color: color-mix(in srgb, var(--rz-primary) 45%, var(--rz-base-300));
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--rz-primary) 12%, transparent);
}

.step-app-status-line[b-ujqqay62u2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.step-app-status-select[b-ujqqay62u2] {
    width: 100%;
    padding: 0.6rem 0.75rem;
    border: 1px solid var(--rz-base-300);
    border-radius: 0.75rem;
    background: var(--rz-base-background-color);
    color: var(--rz-text-color);
}

.step-app-priority-score[b-ujqqay62u2] {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
}

.step-app-priority-copy[b-ujqqay62u2] {
    color: var(--rz-text-secondary-color);
    line-height: 1.5;
}

.step-app-meta-list[b-ujqqay62u2] {
    display: grid;
    gap: 0.5rem;
}

.step-app-meta-row[b-ujqqay62u2] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    font-size: 0.95rem;
}

.step-app-meta-label[b-ujqqay62u2] {
    color: var(--rz-text-secondary-color);
}

.step-app-checklist[b-ujqqay62u2] {
    margin: 0;
    padding-left: 1.1rem;
    display: grid;
    gap: 0.35rem;
    color: var(--rz-text-secondary-color);
}

.step-app-link-stack[b-ujqqay62u2] {
    display: grid;
    gap: 0.5rem;
}

.step-app-richtext[b-ujqqay62u2] {
    white-space: pre-wrap;
    line-height: 1.6;
}

.step-app-text-card[b-ujqqay62u2] {
    display: grid;
    gap: 0.55rem;
    padding: 1rem;
    border: 1px solid var(--rz-base-300);
    border-radius: 1rem;
    background: var(--rz-base-background-color);
}

.step-app-edit-panel[b-ujqqay62u2] {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    border: 1px solid var(--rz-base-300);
    border-radius: 1rem;
    background: var(--rz-base-100);
}

.step-app-actions[b-ujqqay62u2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

@media (max-width: 900px) {
    .step-app-info-columns[b-ujqqay62u2] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/A_StepPages/StepHub.razor.rz.scp.css */
body[b-h8fmpf7ig6] {
}
summary[b-h8fmpf7ig6] {
    display: list-item;
    position: relative;
}

.step-left[b-h8fmpf7ig6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.step-right[b-h8fmpf7ig6] {
    display: flex;
    align-items: center;
    gap: 1rem;
    text-align: end;
}

.step-check[b-h8fmpf7ig6] {
    transform: scale(1.2);
    cursor: pointer;
}
/* /Pages/Index.razor.rz.scp.css */
.landing-shell[b-9pxdesqpm8] {
    display: grid;
    gap: 1.75rem;
    --landing-shadow-color: color-mix(in srgb, var(--rz-text-title-color) 12%, transparent);
    --landing-warm-surface: color-mix(in srgb, var(--rz-warning-lighter) 26%, var(--rz-base-background-color));
    --landing-cool-surface: color-mix(in srgb, var(--rz-info-lighter) 24%, var(--rz-base-background-color));
    --landing-strong-text: color-mix(in srgb, var(--rz-text-title-color) 88%, var(--rz-text-color));
    --landing-muted-text: color-mix(in srgb, var(--rz-text-color) 72%, var(--rz-text-secondary-color));
}

.landing-hero[b-9pxdesqpm8],
.landing-search-panel[b-9pxdesqpm8],
.landing-create-panel[b-9pxdesqpm8],
.landing-architecture[b-9pxdesqpm8],
.landing-discover[b-9pxdesqpm8],
.landing-paths[b-9pxdesqpm8] {
    border: 1px solid color-mix(in srgb, var(--rz-base-300) 55%, transparent);
    border-radius: 1.5rem;
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--rz-base-background-color) 92%, var(--rz-base-100)) 0%,
        color-mix(in srgb, var(--rz-base-background-color) 98%, var(--rz-base-900)) 100%
    );
    box-shadow: 0 18px 40px var(--landing-shadow-color);
}

.landing-hero[b-9pxdesqpm8] {
    padding: clamp(2rem, 4vw, 3.5rem);
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--rz-warning-lighter) 45%, transparent) 0%, transparent 35%),
        radial-gradient(circle at top right, color-mix(in srgb, var(--rz-info-lighter) 38%, transparent) 0%, transparent 28%),
        linear-gradient(
            135deg,
            color-mix(in srgb, var(--rz-base-background-color) 88%, var(--rz-base-100)),
            color-mix(in srgb, var(--rz-base-background-color) 92%, var(--rz-warning-lighter))
        );
    display: grid;
    gap: 1.5rem;
}

.landing-eyebrow[b-9pxdesqpm8] {
    margin: 0 0 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--rz-text-secondary-color);
}

.landing-hero h1[b-9pxdesqpm8] {
    margin: 0;
    font-size: clamp(2rem, 4vw, 3.4rem);
    line-height: 1.02;
}

.landing-lead[b-9pxdesqpm8] {
    max-width: 48rem;
    margin: 1rem 0 0;
    font-size: 1.05rem;
    color: var(--rz-text-secondary-color);
}

.landing-search-panel[b-9pxdesqpm8],
.landing-create-panel[b-9pxdesqpm8],
.landing-architecture[b-9pxdesqpm8],
.landing-discover[b-9pxdesqpm8],
.landing-paths[b-9pxdesqpm8] {
    padding: 1.5rem;
}

.landing-search-panel[b-9pxdesqpm8] {
    display: grid;
    gap: 1rem;
}

.landing-search-panel--hero[b-9pxdesqpm8],
.landing-create-panel--hero[b-9pxdesqpm8] {
    background: color-mix(in srgb, var(--rz-base-background-color) 82%, var(--rz-base-100));
    backdrop-filter: blur(10px);
    border: 1px solid color-mix(in srgb, var(--rz-base-300) 42%, var(--rz-base-100));
    box-shadow: 0 20px 48px color-mix(in srgb, var(--rz-warning) 12%, transparent);
}

.landing-search-panel__header[b-9pxdesqpm8] {
    display: grid;
    gap: 0.35rem;
}

.landing-search-panel__subcopy[b-9pxdesqpm8] {
    color: var(--rz-text-secondary-color);
}

.landing-guidance-list[b-9pxdesqpm8] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
}

.landing-guidance-item[b-9pxdesqpm8],
.landing-pill-card[b-9pxdesqpm8],
.landing-path-card[b-9pxdesqpm8] {
    display: grid;
    gap: 0.35rem;
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    background: color-mix(in srgb, var(--rz-base-100) 88%, var(--rz-base-background-color));
    border: 1px solid color-mix(in srgb, var(--rz-base-300) 50%, transparent);
    color: var(--rz-text-color);
}

.landing-guidance-item__icon[b-9pxdesqpm8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--rz-warning-lighter) 70%, transparent),
        color-mix(in srgb, var(--rz-warning) 45%, var(--rz-base-100))
    );
    color: color-mix(in srgb, var(--rz-warning-darker) 82%, var(--rz-text-title-color));
    font-size: 1.1rem;
    font-weight: 600;
}

.landing-guidance-item__icon .rz-icon[b-9pxdesqpm8] {
    font-size: 1.1rem;
}

.landing-guidance-item__title[b-9pxdesqpm8] {
    font-weight: 700;
}

.landing-guidance-item__body[b-9pxdesqpm8],
.landing-pill-card p[b-9pxdesqpm8],
.landing-path-card span[b-9pxdesqpm8],
.discover-panel__header p[b-9pxdesqpm8],
.landing-section-heading p[b-9pxdesqpm8],
.discover-card p[b-9pxdesqpm8] {
    color: color-mix(in srgb, var(--rz-text-color) 72%, var(--rz-text-secondary-color));
}

.landing-search-results[b-9pxdesqpm8],
.landing-architecture[b-9pxdesqpm8],
.landing-discover[b-9pxdesqpm8],
.landing-paths[b-9pxdesqpm8],
.landing-create-fields[b-9pxdesqpm8] {
    display: grid;
    gap: 1rem;
}

.landing-section-heading[b-9pxdesqpm8] {
    display: grid;
    gap: 0.3rem;
}

.landing-section-heading h2[b-9pxdesqpm8] {
    margin: 0;
    font-size: 1.25rem;
    color: var(--rz-text-title-color);
}

.landing-section-heading p[b-9pxdesqpm8],
.discover-panel__header p[b-9pxdesqpm8] {
    margin: 0;
}

.landing-card-list[b-9pxdesqpm8],
.discover-grid[b-9pxdesqpm8],
.landing-architecture__grid[b-9pxdesqpm8],
.landing-paths__grid[b-9pxdesqpm8] {
    display: grid;
    gap: 1rem;
}

.discover-grid[b-9pxdesqpm8] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.landing-architecture__grid[b-9pxdesqpm8],
.landing-paths__grid[b-9pxdesqpm8] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.discover-panel[b-9pxdesqpm8] {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    border-radius: 1.1rem;
    background: color-mix(in srgb, var(--rz-base-100) 78%, var(--rz-base-background-color));
    border: 1px solid color-mix(in srgb, var(--rz-base-300) 45%, transparent);
}

.landing-discover-toggle[b-9pxdesqpm8] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border: 0;
    border-radius: 1rem;
    background: linear-gradient(135deg, var(--landing-warm-surface), var(--landing-cool-surface));
    color: var(--landing-strong-text);
    cursor: pointer;
    text-align: left;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--rz-base-100) 80%, transparent);
    position: relative;
    z-index: 10;
}

.landing-discover-toggle__copy[b-9pxdesqpm8] {
    display: grid;
    gap: 0.2rem;
}

.landing-discover-toggle__eyebrow[b-9pxdesqpm8] {
    font-size: 0.75rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--rz-text-secondary-color);
    font-weight: 700;
}

.landing-discover-toggle__copy strong[b-9pxdesqpm8] {
    font-size: 1rem;
    color: var(--landing-strong-text);
}

.landing-discover-toggle__copy span:last-child[b-9pxdesqpm8] {
    color: var(--landing-muted-text);
}

.landing-discover-toggle__icon[b-9pxdesqpm8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--rz-base-100) 90%, transparent);
    font-size: 1.1rem;
    color: color-mix(in srgb, var(--rz-warning-darker) 72%, var(--rz-primary));
    flex: 0 0 auto;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--rz-warning) 14%, transparent);
}

.landing-discover-toggle__icon .rz-icon[b-9pxdesqpm8] {
    font-size: 1.35rem;
    line-height: 1;
}

.discover-panel__header[b-9pxdesqpm8] {
    display: grid;
    gap: 0.3rem;
}

.discover-panel__header h3[b-9pxdesqpm8],
.discover-card h3[b-9pxdesqpm8],
.landing-pill-card h3[b-9pxdesqpm8] {
    margin: 0;
    font-size: 1rem;
}

.discover-card[b-9pxdesqpm8] {
    display: grid;
    gap: 0.7rem;
    padding: 0.9rem 1rem;
    border-radius: 0.9rem;
    background: color-mix(in srgb, var(--rz-base-background-color) 88%, var(--rz-base-100));
    border: 1px solid color-mix(in srgb, var(--rz-base-300) 35%, transparent);
}

.discover-card__content[b-9pxdesqpm8] {
    display: grid;
    gap: 0.35rem;
}

.discover-card__content p[b-9pxdesqpm8] {
    margin: 0;
    font-size: 0.92rem;
}

.discover-card__link[b-9pxdesqpm8] {
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
    font: inherit;
    font-weight: 700;
    color: var(--rz-link-color);
    cursor: pointer;
    text-decoration: none;
    line-height: 1.3;
}

.discover-card__link:hover[b-9pxdesqpm8] {
    color: var(--rz-link-hover-color);
}

.discover-card__meta[b-9pxdesqpm8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.discover-card__meta span[b-9pxdesqpm8] {
    display: inline-flex;
    align-items: center;
    padding: 0.22rem 0.55rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--rz-primary-lighter) 42%, var(--rz-base-100));
    color: color-mix(in srgb, var(--rz-text-color) 84%, var(--rz-primary));
    font-size: 0.78rem;
}

.discover-empty[b-9pxdesqpm8] {
    margin: 0;
    color: var(--rz-text-secondary-color);
}

.landing-create-actions[b-9pxdesqpm8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.landing-path-card[b-9pxdesqpm8] {
    text-decoration: none;
    color: inherit;
}

.landing-path-card strong[b-9pxdesqpm8],
.landing-pill-card h3[b-9pxdesqpm8],
.discover-panel__header h3[b-9pxdesqpm8],
.discover-card h3[b-9pxdesqpm8],
.landing-guidance-item__title[b-9pxdesqpm8] {
    color: var(--rz-text-title-color);
}

.landing-architecture__grid .landing-pill-card:nth-child(1)[b-9pxdesqpm8] {
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--rz-warning-lighter) 34%, transparent),
        color-mix(in srgb, var(--rz-warning-lighter) 18%, var(--rz-base-100))
    );
}

.landing-architecture__grid .landing-pill-card:nth-child(2)[b-9pxdesqpm8] {
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--rz-info-lighter) 34%, transparent),
        color-mix(in srgb, var(--rz-info-lighter) 18%, var(--rz-base-100))
    );
}

.landing-architecture__grid .landing-pill-card:nth-child(3)[b-9pxdesqpm8] {
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--rz-success-lighter) 34%, transparent),
        color-mix(in srgb, var(--rz-success-lighter) 18%, var(--rz-base-100))
    );
}

.landing-paths__grid .landing-path-card:nth-child(1)[b-9pxdesqpm8] {
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--rz-warning-lighter) 28%, transparent),
        color-mix(in srgb, var(--rz-warning-lighter) 14%, var(--rz-base-100))
    );
}

.landing-paths__grid .landing-path-card:nth-child(2)[b-9pxdesqpm8] {
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--rz-info-lighter) 28%, transparent),
        color-mix(in srgb, var(--rz-info-lighter) 14%, var(--rz-base-100))
    );
}

.landing-paths__grid .landing-path-card:nth-child(3)[b-9pxdesqpm8] {
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--rz-success-lighter) 28%, transparent),
        color-mix(in srgb, var(--rz-success-lighter) 14%, var(--rz-base-100))
    );
}

.landing-path-card:hover[b-9pxdesqpm8] {
    border-color: color-mix(in srgb, var(--rz-primary) 28%, transparent);
    transform: translateY(-1px);
    transition: transform 160ms ease, border-color 160ms ease;
}

@media (max-width: 900px) {
    .landing-guidance-list[b-9pxdesqpm8],
    .discover-grid[b-9pxdesqpm8],
    .landing-architecture__grid[b-9pxdesqpm8],
    .landing-paths__grid[b-9pxdesqpm8] {
        grid-template-columns: 1fr;
    }
}
