/* /Components/AccountPageLoadingSkeleton.razor.rz.scp.css */
.account-page-skeleton[b-g4gh1utiyh] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
    min-height: 14rem;
}

.account-page-skeleton__actions[b-g4gh1utiyh] {
    width: 11.5rem;
    height: 2.375rem;
    border-radius: var(--ss-radius);
    background: linear-gradient(90deg, #e2e8f0 0%, #f1f5f9 50%, #e2e8f0 100%);
    background-size: 200% 100%;
    animation: account-page-skeleton-shimmer-b-g4gh1utiyh 1.2s ease-in-out infinite;
}

.account-page-skeleton__card[b-g4gh1utiyh] {
    padding: 1rem 1.125rem;
    border-radius: var(--ss-radius-lg);
    border: 1px solid rgba(148, 163, 184, 0.18);
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.account-page-skeleton__line[b-g4gh1utiyh] {
    height: 0.75rem;
    border-radius: 999px;
    background: linear-gradient(90deg, #e2e8f0 0%, #f1f5f9 50%, #e2e8f0 100%);
    background-size: 200% 100%;
    animation: account-page-skeleton-shimmer-b-g4gh1utiyh 1.2s ease-in-out infinite;
}

.account-page-skeleton__line--title[b-g4gh1utiyh] {
    width: 42%;
    height: 0.875rem;
}

.account-page-skeleton__line--meta[b-g4gh1utiyh] {
    width: 68%;
}

.account-page-skeleton__line--short[b-g4gh1utiyh] {
    width: 34%;
    animation-delay: 0.15s;
}

@keyframes account-page-skeleton-shimmer-b-g4gh1utiyh {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: -100% 0;
    }
}
/* /Components/AdminAiOutreachLinksSection.razor.rz.scp.css */
.admin-dashboard__outreach-section[b-woacw2hpdr] {
    padding: 1.25rem;
    margin-bottom: 1.5rem;
}

.admin-dashboard__outreach-section h2[b-woacw2hpdr] {
    margin: 0 0 1rem;
    font-size: 1.125rem;
}

.admin-dashboard__outreach-panel[b-woacw2hpdr] {
    padding-top: 1.25rem;
}

.admin-dashboard__section-desc[b-woacw2hpdr] {
    margin: 0 0 1rem;
    font-size: 0.875rem;
    color: var(--ss-navy-subtle);
}

.admin-dashboard__outreach-form[b-woacw2hpdr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.875rem 1rem;
    margin: 0 0 1.5rem;
    padding: 1.25rem;
    border: 1px solid var(--ss-border);
    border-radius: var(--ss-radius-sm);
    background: var(--ss-bg-subtle);
}

.admin-dashboard__outreach-field[b-woacw2hpdr] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

.admin-dashboard__outreach-field--full[b-woacw2hpdr] {
    grid-column: 1 / -1;
}

.admin-dashboard__outreach-notes[b-woacw2hpdr] {
    min-height: 5.5rem;
    resize: vertical;
}

.admin-dashboard__outreach-actions[b-woacw2hpdr] {
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-start;
    padding-top: 0.25rem;
}

.admin-dashboard__notice[b-woacw2hpdr],
.admin-dashboard__error[b-woacw2hpdr],
.admin-dashboard__empty[b-woacw2hpdr] {
    margin: 0 0 1rem;
}

.admin-dashboard__subsection-title[b-woacw2hpdr] {
    margin: 1.25rem 0 0.5rem;
    font-size: 1rem;
}

.admin-dashboard__section-desc strong[b-woacw2hpdr] {
    font-weight: 600;
    color: var(--ss-navy);
}

.admin-dashboard__outreach-section .admin-dashboard__table th:nth-child(n+4):nth-child(-n+8)[b-woacw2hpdr],
.admin-dashboard__outreach-section .admin-dashboard__table td:nth-child(n+4):nth-child(-n+8)[b-woacw2hpdr],
.admin-dashboard__outreach-panel .admin-dashboard__table th:nth-child(n+4):nth-child(-n+8)[b-woacw2hpdr],
.admin-dashboard__outreach-panel .admin-dashboard__table td:nth-child(n+4):nth-child(-n+8)[b-woacw2hpdr] {
    text-align: right;
    min-width: 4.5rem;
    white-space: nowrap;
}

.admin-dashboard__table-wrap[b-woacw2hpdr] {
    overflow-x: auto;
}
/* /Components/AdminPersonalRemindersPanel.razor.rz.scp.css */
.admin-for-you[b-o9polc1ygh] {
    margin-top: 0.5rem;
    padding: 0.625rem 0.75rem;
    background: rgba(248, 250, 252, 0.7);
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: var(--ss-radius-md);
}

.admin-for-you__title[b-o9polc1ygh] {
    margin: 0 0 0.125rem;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--ss-navy-muted);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.admin-for-you__label[b-o9polc1ygh] {
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--ss-navy);
}

.admin-for-you__desc[b-o9polc1ygh] {
    margin: 0 0 0.4375rem;
    font-size: 0.75rem;
    line-height: 1.35;
    color: var(--ss-navy-subtle);
}

.admin-for-you .admin-reminder--compact[b-o9polc1ygh] {
    margin-top: 0;
}

.admin-for-you .admin-reminder[b-o9polc1ygh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.375rem 0.5rem;
}

.admin-for-you .admin-reminder__label[b-o9polc1ygh] {
    flex: 1 1 8rem;
    font-size: 0.75rem;
    line-height: 1.35;
    color: var(--ss-navy-muted);
}

.admin-for-you .admin-reminder__days[b-o9polc1ygh] {
    flex: 0 0 auto;
    width: auto;
    min-width: 6.25rem;
    padding: 0.3125rem 0.4375rem;
    font-size: 0.75rem;
}

.admin-for-you .admin-switch[b-o9polc1ygh] {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    cursor: pointer;
}

.admin-for-you .admin-switch input[b-o9polc1ygh] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.admin-for-you .admin-switch__track[b-o9polc1ygh] {
    position: relative;
    display: block;
    width: 2.5rem;
    height: 1.375rem;
    background: #cbd5e1;
    border-radius: 999px;
    transition: background 0.2s ease;
}

.admin-for-you .admin-switch__track[b-o9polc1ygh]::after {
    content: "";
    position: absolute;
    top: 0.125rem;
    left: 0.125rem;
    width: 1.125rem;
    height: 1.125rem;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.18);
    transition: transform 0.2s ease;
}

.admin-for-you .admin-switch input:checked + .admin-switch__track[b-o9polc1ygh] {
    background: var(--ss-primary);
}

.admin-for-you .admin-switch input:checked + .admin-switch__track[b-o9polc1ygh]::after {
    transform: translateX(1.125rem);
}

.admin-for-you .admin-switch input:focus-visible + .admin-switch__track[b-o9polc1ygh] {
    outline: 2px solid var(--ss-primary);
    outline-offset: 2px;
}

.admin-for-you .admin-switch input:disabled + .admin-switch__track[b-o9polc1ygh] {
    opacity: 0.55;
    cursor: not-allowed;
}

@media (max-width: 640px) {
    .admin-for-you .admin-reminder__days[b-o9polc1ygh] {
        width: 100%;
        min-width: 0;
    }
}
/* /Components/AdminSharingNotificationsPanel.razor.rz.scp.css */
.admin-assistant-settings[b-i7bw7oqtsi] {
    border-top: 1px solid var(--ss-border-subtle);
    padding-top: 0.5rem;
}

.admin-assistant-settings--inline[b-i7bw7oqtsi] {
    margin-top: 0.125rem;
}

.admin-assistant-settings__trigger[b-i7bw7oqtsi] {
    display: flex;
    align-items: center;
    gap: 0.4375rem;
    width: 100%;
    padding: 0.375rem 0;
    font-family: var(--ss-font);
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--ss-navy-muted);
    text-align: left;
    background: transparent;
    border: 0;
    cursor: pointer;
}

.admin-assistant-settings__trigger:hover[b-i7bw7oqtsi] {
    color: var(--ss-navy);
}

.admin-assistant-settings__trigger:hover .admin-assistant-settings__chevron[b-i7bw7oqtsi] {
    color: var(--ss-navy-muted);
    border-color: rgba(148, 163, 184, 0.35);
}

.admin-assistant-settings__title[b-i7bw7oqtsi] {
    flex-shrink: 0;
    font-weight: 600;
    color: var(--ss-navy);
}

.admin-assistant-settings__summary[b-i7bw7oqtsi] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--ss-navy-subtle);
    text-align: right;
}

.admin-assistant-settings__chevron[b-i7bw7oqtsi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    color: var(--ss-navy-subtle);
    background: rgba(248, 250, 252, 0.95);
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 0.375rem;
    transition: transform 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.admin-assistant-settings__chevron svg[b-i7bw7oqtsi] {
    display: block;
}

.admin-assistant-settings__chevron--expanded[b-i7bw7oqtsi] {
    transform: rotate(180deg);
}

.admin-sharing-intro[b-i7bw7oqtsi] {
    margin: 0 0 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 0.75rem;
    line-height: 1.45;
    color: var(--ss-navy-subtle);
    border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}

.admin-assistant-settings__panel[b-i7bw7oqtsi] {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0.5rem 0 0.125rem;
}

.admin-assistant-settings__block[b-i7bw7oqtsi] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    padding: 0.625rem 0;
    border-top: 1px solid rgba(148, 163, 184, 0.1);
}

.admin-assistant-settings__block--first[b-i7bw7oqtsi] {
    padding-top: 0;
    border-top: none;
}

.admin-assistant-settings__block--last[b-i7bw7oqtsi] {
    padding-bottom: 0;
}

.admin-assistant-settings__block--primary[b-i7bw7oqtsi] {
    gap: 0.3125rem;
}

.admin-assistant-settings__block--primary .admin-assistant-settings__block-title[b-i7bw7oqtsi] {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--ss-navy);
}

.admin-assistant-settings__block--secondary[b-i7bw7oqtsi] {
    padding: 0.5rem 0;
    border-top-color: rgba(148, 163, 184, 0.08);
}

.admin-assistant-settings__block--secondary .admin-assistant-settings__block-title[b-i7bw7oqtsi] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--ss-navy-muted);
}

.admin-assistant-settings__block--secondary .admin-assistant-settings__block-desc[b-i7bw7oqtsi] {
    font-size: 0.75rem;
}

.admin-assistant-settings__block-head[b-i7bw7oqtsi] {
    display: flex;
    flex-direction: column;
    gap: 0.0625rem;
}

.admin-assistant-settings__block-title[b-i7bw7oqtsi] {
    margin: 0;
    line-height: 1.3;
}

.admin-assistant-settings__block-desc[b-i7bw7oqtsi] {
    margin: 0;
    font-size: 0.75rem;
    line-height: 1.35;
    color: var(--ss-navy-subtle);
}

.admin-sharing-advanced[b-i7bw7oqtsi] {
    margin-top: 0.25rem;
    padding-top: 0.5rem;
    border-top: 1px solid rgba(148, 163, 184, 0.12);
}

.admin-sharing-advanced__summary[b-i7bw7oqtsi] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.35;
    color: var(--ss-navy-subtle);
    cursor: pointer;
    list-style: none;
    user-select: none;
}

.admin-sharing-advanced__summary[b-i7bw7oqtsi]::-webkit-details-marker {
    display: none;
}

.admin-sharing-advanced__summary[b-i7bw7oqtsi]::before {
    content: "";
    flex-shrink: 0;
    width: 0.4375rem;
    height: 0.4375rem;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(-45deg);
    transition: transform 0.15s ease;
    opacity: 0.65;
}

.admin-sharing-advanced[open] .admin-sharing-advanced__summary[b-i7bw7oqtsi]::before {
    transform: rotate(45deg);
    margin-top: -0.125rem;
}

.admin-sharing-advanced__summary:hover[b-i7bw7oqtsi] {
    color: var(--ss-navy-muted);
}

.admin-sharing-advanced__body[b-i7bw7oqtsi] {
    display: flex;
    flex-direction: column;
    padding: 0.25rem 0 0 0.625rem;
    border-left: 1px solid rgba(148, 163, 184, 0.14);
    margin-left: 0.125rem;
}

.admin-sharing-advanced__body .admin-assistant-settings__block--secondary:first-child[b-i7bw7oqtsi] {
    padding-top: 0.25rem;
    border-top: none;
}

.admin-sharing-actions[b-i7bw7oqtsi] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3125rem;
}

.admin-sharing-empty[b-i7bw7oqtsi] {
    margin: 0;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--ss-navy-subtle);
}

.admin-sharing-helper[b-i7bw7oqtsi] {
    margin: 0;
    font-size: 0.6875rem;
    line-height: 1.35;
    color: var(--ss-navy-subtle);
}

.admin-sharing-actions__btn[b-i7bw7oqtsi] {
    min-height: 1.875rem;
    padding: 0.3125rem 0.625rem;
    font-family: var(--ss-font);
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.2;
    color: var(--ss-navy-muted);
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(148, 163, 184, 0.26);
    border-radius: 0.4375rem;
    cursor: pointer;
    white-space: nowrap;
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}

.admin-sharing-actions__btn:hover:not(:disabled)[b-i7bw7oqtsi] {
    color: var(--ss-navy);
    border-color: rgba(148, 163, 184, 0.4);
}

.admin-sharing-actions__btn--primary[b-i7bw7oqtsi] {
    color: var(--ss-navy);
    background: #fff;
    border-color: rgba(6, 182, 212, 0.28);
}

.admin-sharing-actions__btn--primary:hover:not(:disabled)[b-i7bw7oqtsi] {
    color: var(--ss-primary);
    border-color: rgba(6, 182, 212, 0.44);
    background: rgba(240, 249, 255, 0.95);
}

.admin-sharing-actions__btn--emphasis[b-i7bw7oqtsi] {
    color: #fff;
    background: var(--ss-primary);
    border-color: var(--ss-primary);
}

.admin-sharing-actions__btn--emphasis:hover:not(:disabled)[b-i7bw7oqtsi] {
    color: #fff;
    background: #0891b2;
    border-color: #0891b2;
}

.admin-sharing-actions__btn:disabled[b-i7bw7oqtsi] {
    opacity: 0.55;
    cursor: not-allowed;
}

.admin-sharing-actions__btn--copied[b-i7bw7oqtsi] {
    color: #047857;
    background: rgba(236, 253, 245, 0.95);
    border-color: rgba(16, 185, 129, 0.35);
    cursor: default;
}

.admin-sharing-actions__btn--copied:hover:not(:disabled)[b-i7bw7oqtsi] {
    color: #047857;
    background: rgba(236, 253, 245, 0.95);
    border-color: rgba(16, 185, 129, 0.35);
}

.admin-switch[b-i7bw7oqtsi] {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    cursor: pointer;
}

.admin-switch input[b-i7bw7oqtsi] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.admin-switch__track[b-i7bw7oqtsi] {
    position: relative;
    display: block;
    width: 2.5rem;
    height: 1.375rem;
    background: #cbd5e1;
    border-radius: 999px;
    transition: background 0.2s ease;
}

.admin-switch__track[b-i7bw7oqtsi]::after {
    content: "";
    position: absolute;
    top: 0.125rem;
    left: 0.125rem;
    width: 1.125rem;
    height: 1.125rem;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.18);
    transition: transform 0.2s ease;
}

.admin-switch input:checked + .admin-switch__track[b-i7bw7oqtsi] {
    background: var(--ss-primary);
}

.admin-switch input:checked + .admin-switch__track[b-i7bw7oqtsi]::after {
    transform: translateX(1.125rem);
}

.admin-switch input:focus-visible + .admin-switch__track[b-i7bw7oqtsi] {
    outline: 2px solid var(--ss-primary);
    outline-offset: 2px;
}

.admin-switch input:disabled + .admin-switch__track[b-i7bw7oqtsi] {
    opacity: 0.55;
    cursor: not-allowed;
}

.admin-reminder[b-i7bw7oqtsi] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.375rem 0.5rem;
}

.admin-reminder--compact[b-i7bw7oqtsi] {
    margin-top: 0.125rem;
}

.admin-reminder__toggle[b-i7bw7oqtsi] {
    flex-shrink: 0;
}

.admin-reminder__label[b-i7bw7oqtsi] {
    flex: 1 1 8rem;
    font-size: 0.75rem;
    line-height: 1.35;
    color: var(--ss-navy-muted);
}

.admin-notify-checkbox[b-i7bw7oqtsi] {
    display: flex;
    align-items: flex-start;
    gap: 0.4375rem;
    font-size: 0.75rem;
    color: var(--ss-navy-muted);
    cursor: pointer;
}

.admin-notify-options[b-i7bw7oqtsi] {
    display: flex;
    flex-direction: column;
    gap: 0.3125rem;
    margin-top: 0.375rem;
    padding-left: 0.0625rem;
}

.admin-notify-options--disabled[b-i7bw7oqtsi] {
    opacity: 0.55;
}

.admin-notify-options--disabled .admin-notify-checkbox[b-i7bw7oqtsi] {
    cursor: not-allowed;
}

.admin-notify-checkbox input[b-i7bw7oqtsi] {
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.admin-recipient-field[b-i7bw7oqtsi] {
    margin-bottom: 0;
}

.admin-recipient-chips[b-i7bw7oqtsi] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3125rem;
}

.admin-recipient-chip[b-i7bw7oqtsi] {
    display: inline-flex;
    align-items: center;
    gap: 0.1875rem;
    max-width: 100%;
    padding: 0.125rem 0.25rem 0.125rem 0.4375rem;
    background: rgba(241, 245, 249, 0.85);
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 999px;
    box-sizing: border-box;
}

.admin-recipient-chip__email[b-i7bw7oqtsi] {
    font-size: 0.6875rem;
    line-height: 1.35;
    color: var(--ss-navy);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-recipient-chip__remove[b-i7bw7oqtsi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.125rem;
    height: 1.125rem;
    padding: 0;
    font-size: 0.8125rem;
    line-height: 1;
    color: var(--ss-navy-subtle);
    background: transparent;
    border: none;
    border-radius: 999px;
    cursor: pointer;
    opacity: 0.75;
}

.admin-recipient-chip__remove:hover:not(:disabled)[b-i7bw7oqtsi] {
    color: var(--ss-navy-muted);
    background: rgba(255, 255, 255, 0.8);
    opacity: 1;
}

.admin-recipient-add[b-i7bw7oqtsi] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3125rem;
    align-items: center;
    flex: 1 1 100%;
    min-width: 0;
}

.admin-recipient-add__input[b-i7bw7oqtsi] {
    flex: 1 1 10rem;
    min-width: 0;
    padding: 0.375rem 0.5625rem;
    font-size: 0.75rem;
    line-height: 1.35;
}

.admin-recipient-add__btn[b-i7bw7oqtsi] {
    flex-shrink: 0;
    padding: 0.375rem 0.625rem;
    font-size: 0.75rem;
}

.admin-recipient-error[b-i7bw7oqtsi] {
    margin: 0.25rem 0 0;
    font-size: 0.6875rem;
    line-height: 1.35;
    color: var(--ss-error);
}

@media (max-width: 640px) {
    .admin-assistant-settings__summary[b-i7bw7oqtsi] {
        display: none;
    }
}

@media (max-width: 479px) {
    .admin-reminder__days[b-i7bw7oqtsi] {
        width: 100%;
        min-width: 0;
    }
}
/* /Components/CommunicationEmailPreview.razor.rz.scp.css */
.comm-email-preview[b-iikezpmlrf] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.comm-email-preview__subject[b-iikezpmlrf] {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--ss-navy-muted);
}

.comm-email-preview__subject-label[b-iikezpmlrf] {
    font-weight: 600;
    color: var(--ss-navy);
}

.comm-email-preview__frame[b-iikezpmlrf] {
    width: 100%;
    min-height: 22rem;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 0.75rem;
    background: #f8fafc;
    overflow: hidden;
}
/* /Components/CommunicationRecipientPicker.razor.rz.scp.css */
.comm-recipient-picker[b-mi5wzeus3a] {
    margin-bottom: 0.875rem;
}

.comm-recipient-picker__header[b-mi5wzeus3a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.comm-recipient-picker__label[b-mi5wzeus3a] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--ss-navy-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.comm-recipient-picker__count[b-mi5wzeus3a] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--ss-navy-subtle);
}

.comm-recipient-picker__empty[b-mi5wzeus3a] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--ss-navy-subtle);
}

.comm-recipient-picker__list[b-mi5wzeus3a] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    max-height: 10rem;
    overflow-y: auto;
    border: 1px solid var(--ss-border-subtle);
    border-radius: 0.5625rem;
    background: var(--ss-bg-subtle);
}

.comm-recipient-picker__item[b-mi5wzeus3a] {
    margin: 0;
}

.comm-recipient-picker__row[b-mi5wzeus3a] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4375rem 0.625rem;
    cursor: pointer;
}

.comm-recipient-picker__checkbox[b-mi5wzeus3a] {
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    margin: 0;
    accent-color: var(--ss-primary);
}

.comm-recipient-picker__email[b-mi5wzeus3a] {
    font-size: 0.8125rem;
    line-height: 1.35;
    color: var(--ss-navy);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/DashboardPageCard.razor.rz.scp.css */
.account-page__item[b-sbimhvxvb9] {
    padding: 0.95rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease,
        transform 0.15s ease;
}

.account-page__item--attention[b-sbimhvxvb9] {
    border-left: 3px solid #f59e0b;
    background: linear-gradient(90deg, rgba(255, 251, 235, 0.65) 0%, #fff 28%);
}

.account-page__item--paused[b-sbimhvxvb9] {
    opacity: 0.72;
    background: #f8fafc;
}

.account-page__item--paused:hover[b-sbimhvxvb9] {
    transform: none;
    box-shadow: none;
}

.account-page__item:hover[b-sbimhvxvb9] {
    border-color: rgba(148, 163, 184, 0.42);
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.08);
    transform: translateY(-1px);
}

.account-page__item-body[b-sbimhvxvb9] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    cursor: pointer;
}

.account-page__item-hit[b-sbimhvxvb9] {
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: calc(var(--ss-radius-lg) - 2px);
    text-decoration: none;
}

.account-page__item-header[b-sbimhvxvb9] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    pointer-events: none;
}

.account-page__comm-badge[b-sbimhvxvb9] {
    flex-shrink: 0;
    padding: 0.3125rem 0.6875rem;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    border-radius: 999px;
    line-height: 1.35;
    pointer-events: auto;
    cursor: default;
    white-space: nowrap;
}

.account-page__comm-badge--healthy[b-sbimhvxvb9] {
    color: #065f46;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
}

.account-page__comm-badge--needs-update[b-sbimhvxvb9] {
    color: #b45309;
    background: #fffbeb;
    border: 1px solid #fde68a;
}

.account-page__comm-badge--waiting[b-sbimhvxvb9] {
    color: #1d4ed8;
    background: #fffbeb;
    border: 1px solid #fde68a;
}

.account-page__comm-badge--setup[b-sbimhvxvb9] {
    color: #1d4ed8;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
}

.account-page__comm-badge--paused[b-sbimhvxvb9] {
    color: #64748b;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
}

.account-page__comm-badge--ready-to-share[b-sbimhvxvb9] {
    color: #1d4ed8;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
}

.account-page__comm-badge--completed[b-sbimhvxvb9],
.account-page__comm-badge--archived[b-sbimhvxvb9] {
    color: #64748b;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

.account-page__item--lifecycle[b-sbimhvxvb9] {
    opacity: 0.78;
    background: #f8fafc;
}

.account-page__item--lifecycle:hover[b-sbimhvxvb9] {
    transform: none;
    box-shadow: none;
}

.account-page__comm-attention[b-sbimhvxvb9] {
    margin: 0.375rem 0 0;
    font-size: 0.875rem;
    line-height: 1.45;
    font-weight: 500;
    color: var(--ss-navy);
}

.account-page__comm-secondary[b-sbimhvxvb9] {
    margin: 0.1875rem 0 0;
    font-size: 0.75rem;
    line-height: 1.4;
    color: var(--ss-navy-subtle);
}

.account-page__item-title[b-sbimhvxvb9] {
    margin: 0;
    font-size: 1.0625rem;
    line-height: 1.3;
    flex: 1;
    min-width: 0;
}

.account-page__item-title-link[b-sbimhvxvb9] {
    color: inherit;
    text-decoration: none;
    pointer-events: auto;
}

.account-page__item-title-link:hover[b-sbimhvxvb9],
.account-page__item-title-link:focus-visible[b-sbimhvxvb9] {
    color: inherit;
    text-decoration: none;
}

.account-page__item-main[b-sbimhvxvb9] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    pointer-events: none;
}

.account-page__item-meta[b-sbimhvxvb9] {
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 400;
    color: var(--ss-navy-muted);
    line-height: 1.45;
}

.account-page__item-actions[b-sbimhvxvb9] {
    position: relative;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.5rem;
    padding-top: 0.45rem;
    margin-top: 0.1rem;
    border-top: 1px solid var(--ss-border-subtle);
    cursor: default;
}

.account-page__item-action[b-sbimhvxvb9] {
    display: inline-flex;
    align-items: center;
    min-height: 1.75rem;
    padding: 0.125rem 0;
    font-family: var(--ss-font);
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.35;
    color: var(--ss-navy-muted);
    background: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.15s ease;
}

.account-page__item-action:hover[b-sbimhvxvb9] {
    color: var(--ss-navy);
}

.account-page__item-action--primary[b-sbimhvxvb9] {
    font-weight: 600;
    color: var(--ss-navy);
}

.account-page__item-action--cta[b-sbimhvxvb9] {
    padding: 0.3125rem 0.75rem;
    border-radius: 999px;
    background: var(--ss-bg-subtle);
    border: 1px solid var(--ss-border-subtle);
    text-decoration: none;
}

.account-page__item-action--cta:hover[b-sbimhvxvb9] {
    background: #fff;
    border-color: rgba(148, 163, 184, 0.42);
    color: var(--ss-primary);
}

.account-page__item-action--primary:hover[b-sbimhvxvb9] {
    color: var(--ss-primary);
}

.account-page__item-action:focus-visible[b-sbimhvxvb9] {
    outline: 2px solid var(--ss-navy);
    outline-offset: 2px;
    border-radius: 2px;
}

.account-page__item-action--delete:hover[b-sbimhvxvb9] {
    color: var(--ss-error);
}

.account-page__item-action--more[b-sbimhvxvb9] {
    position: relative;
}

.account-page__item-more[b-sbimhvxvb9] {
    position: relative;
}

.account-page__item--menu-open[b-sbimhvxvb9] {
    position: relative;
    z-index: 1510;
}

.account-page__item-menu[b-sbimhvxvb9] {
    position: absolute;
    right: 0;
    bottom: calc(100% + 0.35rem);
    z-index: 1520;
    min-width: 10.5rem;
    padding: 0.35rem;
    background: #fff;
    border: 1px solid var(--ss-border-subtle);
    border-radius: var(--ss-radius);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
}

.account-page__item-menu-action[b-sbimhvxvb9] {
    display: block;
    width: 100%;
    padding: 0.4375rem 0.625rem;
    font-family: var(--ss-font);
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.35;
    color: var(--ss-navy);
    text-align: left;
    background: none;
    border: none;
    border-radius: calc(var(--ss-radius) - 2px);
    cursor: pointer;
}

.account-page__item-menu-action:hover[b-sbimhvxvb9] {
    background: var(--ss-bg-subtle);
}

.account-page__item-menu-action--danger[b-sbimhvxvb9] {
    color: #b42318;
}

.account-page__item-menu-action--danger:hover[b-sbimhvxvb9] {
    color: var(--ss-error);
    background: #fef3f2;
}

.account-page__item-actions-spacer[b-sbimhvxvb9] {
    flex: 1 1 0.75rem;
    min-width: 0.75rem;
}

.account-page__item-action-sep[b-sbimhvxvb9] {
    color: var(--ss-pending);
    font-size: 0.75rem;
    line-height: 1;
    user-select: none;
}

@media (max-width: 479px) {
    .account-page__item-actions-spacer[b-sbimhvxvb9] {
        flex-basis: 100%;
        height: 0;
        min-height: 0;
    }
}
/* /Components/DashboardSummary.razor.rz.scp.css */
.dashboard-summary[b-z5al18dtqg] {
    margin: 0 0 1rem;
    padding: 0.875rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.dashboard-summary__header[b-z5al18dtqg] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.dashboard-summary__message[b-z5al18dtqg] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.45;
    color: var(--ss-navy);
}

.dashboard-summary__hint[b-z5al18dtqg] {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--ss-navy-muted);
}

.dashboard-summary__pills[b-z5al18dtqg] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.dashboard-summary__pill[b-z5al18dtqg] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.3125rem 0.6875rem;
    border-radius: 999px;
    font-family: inherit;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.35;
    border: 1px solid transparent;
    cursor: pointer;
    transition: filter 0.15s ease, box-shadow 0.15s ease;
}

.dashboard-summary__pill:hover[b-z5al18dtqg] {
    filter: brightness(0.97);
}

.dashboard-summary__pill:focus[b-z5al18dtqg] {
    outline: none;
}

.dashboard-summary__pill:focus-visible[b-z5al18dtqg] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--ss-blue);
}

.dashboard-summary__pill-count[b-z5al18dtqg] {
    font-variant-numeric: tabular-nums;
}

.dashboard-summary__pill--needs-action[b-z5al18dtqg] {
    color: #b45309;
    background: #fffbeb;
    border-color: #fde68a;
}

.dashboard-summary__pill--setup[b-z5al18dtqg] {
    color: #1d4ed8;
    background: #eff6ff;
    border-color: #bfdbfe;
}

.dashboard-summary__pill--healthy[b-z5al18dtqg] {
    color: #065f46;
    background: #ecfdf5;
    border-color: #a7f3d0;
}

.dashboard-summary__pill--paused[b-z5al18dtqg] {
    color: #64748b;
    background: #f1f5f9;
    border-color: #e2e8f0;
}
/* /Components/DemoLinkOutreachToolkit.razor.rz.scp.css */
.demo-link-outreach[b-l1ylp2o6gq] {
    padding: 1.25rem;
}

.demo-link-outreach__header[b-l1ylp2o6gq] {
    margin-bottom: 1.25rem;
}

.demo-link-outreach__title[b-l1ylp2o6gq] {
    margin: 0 0 0.375rem;
    font-size: 1.125rem;
}

.demo-link-outreach__lead[b-l1ylp2o6gq] {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.55;
    color: var(--ss-navy-muted);
}

.demo-link-outreach__link-row[b-l1ylp2o6gq] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--ss-border-subtle);
}

.demo-link-outreach__url[b-l1ylp2o6gq] {
    display: block;
    padding: 0.75rem 0.875rem;
    border-radius: 0.5rem;
    background: var(--ss-bg-subtle);
    border: 1px solid var(--ss-border-subtle);
    font-size: 0.875rem;
    line-height: 1.5;
    word-break: break-all;
    color: var(--ss-primary);
    text-decoration: none;
}

.demo-link-outreach__url:hover[b-l1ylp2o6gq] {
    text-decoration: underline;
}

.demo-link-outreach__messages-title[b-l1ylp2o6gq] {
    margin: 0 0 0.375rem;
    font-size: 1rem;
}

.demo-link-outreach__messages-hint[b-l1ylp2o6gq] {
    margin: 0 0 1rem;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--ss-navy-subtle);
}

.demo-link-outreach__message-card[b-l1ylp2o6gq] {
    padding: 1rem;
    border: 1px solid var(--ss-border-subtle);
    border-radius: var(--ss-radius);
    background: var(--ss-bg-subtle);
}

.demo-link-outreach__message-card + .demo-link-outreach__message-card[b-l1ylp2o6gq] {
    margin-top: 0.875rem;
}

.demo-link-outreach__message-header[b-l1ylp2o6gq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.demo-link-outreach__message-label[b-l1ylp2o6gq] {
    margin: 0 0 0.125rem;
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--ss-navy);
}

.demo-link-outreach__message-desc[b-l1ylp2o6gq] {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--ss-navy-subtle);
}

.demo-link-outreach__message-input[b-l1ylp2o6gq] {
    width: 100%;
    min-height: 10rem;
    field-sizing: content;
    resize: vertical;
    white-space: pre-wrap;
    font-size: 0.875rem;
    line-height: 1.6;
}

.demo-link-outreach__copy-link[b-l1ylp2o6gq],
.demo-link-outreach__copy-message[b-l1ylp2o6gq] {
    flex-shrink: 0;
}

@media (min-width: 640px) {
    .demo-link-outreach__link-row[b-l1ylp2o6gq] {
        flex-direction: row;
        align-items: center;
    }
}
/* /Components/DemoPageDisplay.razor.rz.scp.css */
.demo-display-shell[b-1dew5zwag8] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.demo-display[b-1dew5zwag8] {
    overflow: hidden;
}

.demo-display__logo-wrap[b-1dew5zwag8] {
    display: flex;
    justify-content: center;
    padding: 1.75rem 1.5rem 0;
}

.demo-display__logo[b-1dew5zwag8] {
    max-width: min(100%, 14rem);
    max-height: 5rem;
    width: auto;
    height: auto;
    object-fit: contain;
}

.demo-display__header[b-1dew5zwag8] {
    padding: 1.25rem 1.5rem 1rem;
}

.demo-display__title[b-1dew5zwag8] {
    margin: 0 0 0.75rem;
    font-size: clamp(1.375rem, 5vw, 1.75rem);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.02em;
    color: var(--ss-navy);
}

.demo-display__intro[b-1dew5zwag8] {
    margin: 0 0 0.75rem;
    font-size: 1rem;
    line-height: 1.65;
    color: var(--ss-navy-muted);
    white-space: pre-line;
}

.demo-display__meta[b-1dew5zwag8] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--ss-pending);
}

.demo-display__note[b-1dew5zwag8] {
    margin: 0 1.5rem 1.25rem;
    padding: 1rem 1.125rem;
    background: var(--ss-bg-subtle);
    border: 1px solid var(--ss-border);
    border-radius: var(--ss-radius);
}

.demo-display__note-label[b-1dew5zwag8] {
    margin: 0 0 0.375rem;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--ss-navy-subtle);
}

.demo-display__note-text[b-1dew5zwag8] {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.65;
    color: var(--ss-navy-muted);
    white-space: pre-line;
}

.demo-display__timeline-section[b-1dew5zwag8] {
    padding: 0 1.5rem 1.375rem;
}

.demo-display__footer[b-1dew5zwag8] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.25rem 0.375rem;
    padding: 1rem 1.25rem;
    font-size: 0.8125rem;
    text-align: center;
    color: var(--ss-pending);
    border-top: 1px solid var(--ss-border-subtle);
    background: var(--ss-bg-subtle);
}

.demo-display__footer-label[b-1dew5zwag8] {
    color: var(--ss-pending);
}

.demo-display__footer-brand[b-1dew5zwag8] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    color: var(--ss-navy-subtle);
    font-weight: 600;
    text-decoration: none;
    transition: color 0.15s ease;
}

.demo-display__footer-brand:hover[b-1dew5zwag8] {
    color: var(--ss-navy-muted);
}

.demo-display__footer-brand:focus-visible[b-1dew5zwag8] {
    outline: none;
    border-radius: 0.25rem;
    box-shadow: var(--ss-focus-ring);
}

.demo-display__footer-icon[b-1dew5zwag8] {
    display: block;
    width: auto;
    height: 1rem;
    flex-shrink: 0;
    object-fit: contain;
}

.demo-display__promo[b-1dew5zwag8] {
    padding: 1.25rem 1rem 1.5rem;
    text-align: center;
}

.demo-display__promo-headline[b-1dew5zwag8] {
    margin: 0 0 0.625rem;
    font-size: clamp(1.0625rem, 4vw, 1.1875rem);
    font-weight: 700;
    line-height: 1.35;
    color: var(--ss-navy);
}

.demo-display__promo-text[b-1dew5zwag8] {
    margin: 0 auto 1.125rem;
    max-width: 22rem;
    font-size: 0.9375rem;
    line-height: 1.65;
    color: var(--ss-navy-muted);
}

.demo-display__promo-link[b-1dew5zwag8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.demo-display__promo-reassurance[b-1dew5zwag8] {
    margin: 0.875rem auto 0;
    max-width: 22rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--ss-navy-muted);
}

.demo-display__promo-note[b-1dew5zwag8] {
    margin: 0.5rem auto 0;
    max-width: 22rem;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--ss-navy-subtle);
}

.demo-display--preview .demo-display[b-1dew5zwag8] {
    box-shadow: var(--ss-shadow);
}

.demo-display--preview .demo-display__promo-link[b-1dew5zwag8] {
    pointer-events: none;
}

@media (min-width: 480px) {
    .demo-display-shell[b-1dew5zwag8] {
        gap: 1.5rem;
    }

    .demo-display__promo[b-1dew5zwag8] {
        padding: 1.5rem 1.5rem 1.75rem;
    }
}
/* /Components/ExampleStatusCard.razor.rz.scp.css */
.example-card[b-4lq1x436kn] {
    overflow: hidden;
    background: var(--ss-bg);
    border-radius: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    box-shadow:
        0 1px 1px rgba(15, 23, 42, 0.02),
        0 4px 12px rgba(15, 23, 42, 0.04),
        0 16px 40px rgba(15, 23, 42, 0.06);
}

.example-card__header[b-4lq1x436kn] {
    padding: 1.375rem 1.375rem 1rem;
}

.example-card__label[b-4lq1x436kn] {
    margin: 0 0 0.75rem;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.055em;
    color: var(--ss-primary);
}

.example-card__title[b-4lq1x436kn] {
    margin: 0 0 0.375rem;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.025em;
    color: var(--ss-navy);
}

.example-card__meta[b-4lq1x436kn] {
    margin: 0;
    font-size: 0.75rem;
    color: var(--ss-navy-subtle);
}

.example-card__note[b-4lq1x436kn] {
    margin: 0 1.125rem 0.25rem;
    padding: 0.875rem 1rem;
    background: var(--ss-bg-subtle);
    border: 1px solid var(--ss-border-subtle);
    border-radius: var(--ss-radius);
}

.example-card__note-label[b-4lq1x436kn] {
    margin: 0 0 0.25rem;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--ss-navy-subtle);
}

.example-card__note-text[b-4lq1x436kn] {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.55;
    color: var(--ss-navy-muted);
}

.example-card__timeline[b-4lq1x436kn] {
    padding: 1rem 1.25rem 1.125rem;
}

.example-card__footer[b-4lq1x436kn] {
    padding: 0.8125rem 1.375rem;
    font-size: 0.75rem;
    text-align: center;
    color: var(--ss-navy-subtle);
    border-top: 1px solid var(--ss-border-subtle);
    background: rgba(248, 250, 252, 0.85);
}

@media (min-width: 960px) {
    .example-card__header[b-4lq1x436kn] {
        padding: 1.625rem 1.625rem 1.125rem;
    }

    .example-card__note[b-4lq1x436kn] {
        margin-left: 1.375rem;
        margin-right: 1.375rem;
        padding: 1rem 1.125rem;
    }

    .example-card__timeline[b-4lq1x436kn] {
        padding: 1.125rem 1.5rem 1.25rem;
    }

    .example-card__title[b-4lq1x436kn] {
        font-size: 1.25rem;
    }

    .example-card__note-text[b-4lq1x436kn] {
        font-size: 0.875rem;
    }

    .example-card__footer[b-4lq1x436kn] {
        padding: 0.875rem 1.625rem;
    }
}
/* /Components/HomeComparison.razor.rz.scp.css */
.comparison[b-yhdg6fx3ov] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    width: 100%;
    min-width: 0;
    align-items: center;
}

.comparison__card[b-yhdg6fx3ov] {
    min-width: 0;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.03),
        0 8px 24px rgba(15, 23, 42, 0.05);
}

.comparison__badge[b-yhdg6fx3ov] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1rem;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.comparison__badge--admin[b-yhdg6fx3ov] {
    color: #6d28d9;
    background: #f5f3ff;
    border-bottom: 1px solid #ede9fe;
}

.comparison__badge--customer[b-yhdg6fx3ov] {
    color: #047857;
    background: #ecfdf5;
    border-bottom: 1px solid #d1fae5;
}

.comparison__badge-note[b-yhdg6fx3ov] {
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    opacity: 0.85;
}

.comparison__body[b-yhdg6fx3ov] {
    padding: 1rem 1.125rem 1.125rem;
}

.comparison__project[b-yhdg6fx3ov] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.875rem;
}

.comparison__project-title[b-yhdg6fx3ov] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--ss-navy);
}

.comparison__project-title--customer[b-yhdg6fx3ov] {
    margin-bottom: 0.25rem;
}

.comparison__edit-icon[b-yhdg6fx3ov] {
    display: flex;
    color: var(--ss-navy-subtle);
    flex-shrink: 0;
}

.comparison__meta[b-yhdg6fx3ov] {
    margin: 0 0 0.875rem;
    font-size: 0.75rem;
    color: var(--ss-navy-subtle);
}

.comparison__admin-list[b-yhdg6fx3ov] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.comparison__admin-item[b-yhdg6fx3ov] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    padding: 0.5rem 0.625rem;
    background: var(--ss-bg-subtle);
    border: 1px solid var(--ss-border-subtle);
    border-radius: 0.5rem;
    font-size: 0.8125rem;
}

.comparison__grip[b-yhdg6fx3ov] {
    flex-shrink: 0;
    font-size: 0.75rem;
    color: #cbd5e1;
    line-height: 1;
}

.comparison__admin-text[b-yhdg6fx3ov] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    color: var(--ss-navy);
}

.comparison__status[b-yhdg6fx3ov] {
    flex-shrink: 0;
    font-size: 0.625rem;
    font-weight: 600;
    padding: 0.15rem 0.4rem;
    border-radius: 999px;
}

.comparison__status--complete[b-yhdg6fx3ov] {
    color: #15803d;
    background: #f0fdf4;
}

.comparison__status--active[b-yhdg6fx3ov] {
    color: #0891b2;
    background: #ecfeff;
}

.comparison__status--pending[b-yhdg6fx3ov] {
    color: var(--ss-navy-subtle);
    background: #f1f5f9;
}

.comparison__actions[b-yhdg6fx3ov] {
    display: flex;
    gap: 0.25rem;
    flex-shrink: 0;
    color: var(--ss-navy-subtle);
}

.comparison__action[b-yhdg6fx3ov] {
    display: flex;
    padding: 0.125rem;
}

.comparison__action--delete[b-yhdg6fx3ov] {
    color: #f87171;
}

.comparison__add[b-yhdg6fx3ov] {
    margin: 0.75rem 0 0;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--ss-secondary);
}

.comparison__flow[b-yhdg6fx3ov] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    padding: 0.25rem 0;
}

.comparison__flow-caption[b-yhdg6fx3ov] {
    margin: 0;
    max-width: 14rem;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.45;
    text-align: center;
    color: var(--ss-navy-muted);
}

.comparison__connector[b-yhdg6fx3ov] {
    display: flex;
    justify-content: center;
    color: #94a3b8;
    transform: rotate(90deg);
}

.comparison__footer[b-yhdg6fx3ov] {
    margin-top: 0.875rem;
    padding-top: 0.75rem;
    font-size: 0.6875rem;
    text-align: center;
    color: var(--ss-navy-subtle);
    border-top: 1px solid var(--ss-border-subtle);
}

@media (min-width: 900px) {
    .comparison[b-yhdg6fx3ov] {
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        gap: 1.25rem;
    }

    .comparison__flow[b-yhdg6fx3ov] {
        padding: 0 0.25rem;
    }

    .comparison__flow-caption[b-yhdg6fx3ov] {
        max-width: 7.5rem;
        font-size: 0.75rem;
    }

    .comparison__connector[b-yhdg6fx3ov] {
        transform: none;
    }

    .comparison__body[b-yhdg6fx3ov] {
        padding: 1.125rem 1.25rem 1.25rem;
    }
}

@media (max-width: 479px) {
    .comparison__admin-item[b-yhdg6fx3ov] {
        flex-wrap: wrap;
    }

    .comparison__status[b-yhdg6fx3ov] {
        order: 3;
        margin-left: 1.25rem;
    }

    .comparison__actions[b-yhdg6fx3ov] {
        margin-left: auto;
    }
}
/* /Components/HomeHeroDashboardLayer.razor.rz.scp.css */
.hero-dashboard-layer[b-t5g0m74uf9] {
    width: 100%;
    min-width: 0;
}

.hero-dashboard-layer__panel[b-t5g0m74uf9] {
    padding: 0.75rem 0.8125rem 0.6875rem;
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 0.875rem;
}

.hero-dashboard-layer__header[b-t5g0m74uf9] {
    margin-bottom: 0.625rem;
}

.hero-dashboard-layer__title[b-t5g0m74uf9] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.02em;
    color: var(--ss-navy);
}

.hero-dashboard-layer__lead[b-t5g0m74uf9] {
    margin: 0.25rem 0 0;
    font-size: 0.6875rem;
    line-height: 1.45;
    color: var(--ss-navy-muted);
}

.hero-dashboard-layer__pills[b-t5g0m74uf9] {
    list-style: none;
    margin: 0 0 0.625rem;
    padding: 0 0 0.625rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.3125rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}

.hero-dashboard-layer__pill[b-t5g0m74uf9] {
    display: inline-flex;
    align-items: center;
    gap: 0.3125rem;
    padding: 0.25rem 0.5625rem;
    border-radius: 999px;
    font-size: 0.6875rem;
    font-weight: 600;
    line-height: 1.35;
    border: 1px solid transparent;
}

.hero-dashboard-layer__pill-count[b-t5g0m74uf9] {
    font-variant-numeric: tabular-nums;
}

.hero-dashboard-layer__pill--needs-action[b-t5g0m74uf9] {
    color: #b45309;
    background: #fffbeb;
    border-color: #fde68a;
}

.hero-dashboard-layer__pill--ready[b-t5g0m74uf9] {
    color: #1d4ed8;
    background: #eff6ff;
    border-color: #bfdbfe;
}

.hero-dashboard-layer__pill--healthy[b-t5g0m74uf9] {
    color: #065f46;
    background: #ecfdf5;
    border-color: #a7f3d0;
}

.hero-dashboard-layer__sections[b-t5g0m74uf9] {
    display: flex;
    flex-direction: column;
    gap: 0.4375rem;
}

.hero-dashboard-layer__section--compact[b-t5g0m74uf9] {
    opacity: 0.94;
}

.hero-dashboard-layer__section-label[b-t5g0m74uf9] {
    margin: 0 0 0.3125rem;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--ss-navy);
}

.hero-dashboard-layer__list[b-t5g0m74uf9] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.3125rem;
}

.hero-dashboard-layer__card[b-t5g0m74uf9] {
    padding: 0.5625rem 0.6875rem;
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 0.5625rem;
}

.hero-dashboard-layer__card--attention[b-t5g0m74uf9] {
    border-left: 3px solid #f59e0b;
}

.hero-dashboard-layer__card--ready[b-t5g0m74uf9] {
    border-left: 3px solid #3b82f6;
}

.hero-dashboard-layer__card--healthy[b-t5g0m74uf9] {
    border-left: 3px solid #a7f3d0;
}

.hero-dashboard-layer__card--selected[b-t5g0m74uf9] {
    background: #fffdf8;
    border-color: rgba(245, 158, 11, 0.28);
    box-shadow: 0 0 0 1px rgba(245, 158, 11, 0.12);
}

.hero-dashboard-layer__card-header[b-t5g0m74uf9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.1875rem;
}

.hero-dashboard-layer__card-title[b-t5g0m74uf9] {
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--ss-navy);
}

.hero-dashboard-layer__badge[b-t5g0m74uf9] {
    flex-shrink: 0;
    padding: 0.1875rem 0.4375rem;
    font-size: 0.625rem;
    font-weight: 600;
    border-radius: 999px;
    white-space: nowrap;
}

.hero-dashboard-layer__badge--needs-update[b-t5g0m74uf9] {
    color: #b45309;
    background: #fffbeb;
    border: 1px solid #fde68a;
}

.hero-dashboard-layer__badge--ready[b-t5g0m74uf9] {
    color: #1d4ed8;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
}

.hero-dashboard-layer__badge--healthy[b-t5g0m74uf9] {
    color: #065f46;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
}

.hero-dashboard-layer__card-meta[b-t5g0m74uf9] {
    margin: 0;
    font-size: 0.6875rem;
    line-height: 1.45;
    color: var(--ss-navy-subtle);
}

.hero-dashboard-layer__card-attention[b-t5g0m74uf9] {
    margin: 0.125rem 0 0;
    font-size: 0.6875rem;
    line-height: 1.45;
    color: var(--ss-navy-muted);
}

@media (min-width: 960px) {
    .hero-dashboard-layer__panel[b-t5g0m74uf9] {
        padding: 0.875rem 0.9375rem 0.75rem;
    }

    .hero-dashboard-layer__title[b-t5g0m74uf9] {
        font-size: 1.125rem;
    }

    .hero-dashboard-layer__lead[b-t5g0m74uf9] {
        font-size: 0.75rem;
    }

    .hero-dashboard-layer__pill[b-t5g0m74uf9] {
        font-size: 0.75rem;
    }

    .hero-dashboard-layer__card-title[b-t5g0m74uf9] {
        font-size: 0.875rem;
    }

    .hero-dashboard-layer__card-meta[b-t5g0m74uf9],
    .hero-dashboard-layer__card-attention[b-t5g0m74uf9] {
        font-size: 0.75rem;
    }
}
/* /Components/HomeHeroPreview.razor.rz.scp.css */
.hero-preview[b-oe80yfesjx] {
    --home-scroll-offset: calc(4.25rem + 1rem);
    position: relative;
    width: 100%;
    max-width: 29rem;
    margin: 0 auto;
    min-width: 0;
    scroll-margin-top: var(--home-scroll-offset);
}

.hero-preview__admin[b-oe80yfesjx] {
    position: absolute;
    top: 1.75rem;
    right: -0.875rem;
    z-index: 0;
    width: 9.5rem;
    transform: rotate(4deg);
    opacity: 0.3;
}

.hero-preview__admin-card[b-oe80yfesjx] {
    padding: 0.75rem 0.875rem;
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 0.75rem;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}

.hero-preview__admin-label[b-oe80yfesjx] {
    display: block;
    margin-bottom: 0.375rem;
    font-size: 0.5625rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--ss-navy-subtle);
}

.hero-preview__admin-title[b-oe80yfesjx] {
    margin: 0 0 0.5rem;
    font-size: 0.6875rem;
    font-weight: 700;
    color: var(--ss-navy);
}

.hero-preview__admin-row[b-oe80yfesjx] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    margin-top: 0.3125rem;
}

.hero-preview__admin-dot[b-oe80yfesjx] {
    flex-shrink: 0;
    width: 0.4375rem;
    height: 0.4375rem;
    border-radius: 999px;
    background: var(--ss-pending);
}

.hero-preview__admin-dot--complete[b-oe80yfesjx] {
    background: var(--ss-success);
}

.hero-preview__admin-dot--active[b-oe80yfesjx] {
    background: var(--ss-primary);
}

.hero-preview__admin-text[b-oe80yfesjx] {
    font-size: 0.5625rem;
    color: var(--ss-navy-muted);
}

.hero-preview__admin-row--active .hero-preview__admin-text[b-oe80yfesjx] {
    font-weight: 600;
    color: var(--ss-navy);
}

.hero-preview__card[b-oe80yfesjx] {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 1.125rem;
    box-shadow:
        0 1px 1px rgba(15, 23, 42, 0.02),
        0 12px 32px rgba(15, 23, 42, 0.07),
        0 24px 56px rgba(15, 23, 42, 0.1);
}

.hero-preview__header[b-oe80yfesjx] {
    padding: 1.25rem 1.5rem 1rem;
}

.hero-preview__title[b-oe80yfesjx] {
    margin: 0 0 0.5rem;
    font-size: 1.4375rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.025em;
    color: var(--ss-navy);
}

.hero-preview__status[b-oe80yfesjx] {
    display: inline-flex;
    align-items: center;
    gap: 0.4375rem;
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--ss-primary);
}

.hero-preview__status-dot[b-oe80yfesjx] {
    width: 0.4375rem;
    height: 0.4375rem;
    border-radius: 999px;
    background: var(--ss-primary);
    box-shadow: 0 0 0 3px rgba(6, 182, 212, 0.18);
}

.hero-preview__note[b-oe80yfesjx] {
    margin: 0 1.25rem 0.875rem;
    padding: 0.875rem 1rem;
    background: var(--ss-bg-subtle);
    border: 1px solid var(--ss-border-subtle);
    border-radius: var(--ss-radius);
}

.hero-preview__note-label[b-oe80yfesjx] {
    margin: 0 0 0.25rem;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--ss-navy-subtle);
}

.hero-preview__note-text[b-oe80yfesjx] {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.55;
    color: var(--ss-navy-muted);
}

.hero-preview__details[b-oe80yfesjx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0 1.25rem 0.875rem;
    padding: 0;
}

.hero-preview__detail[b-oe80yfesjx] {
    margin: 0;
    padding: 0.75rem 0.875rem;
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 0.625rem;
}

.hero-preview__detail dt[b-oe80yfesjx] {
    margin: 0 0 0.1875rem;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--ss-navy-subtle);
}

.hero-preview__detail dd[b-oe80yfesjx] {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.4;
    color: var(--ss-navy);
}

.hero-preview__timeline[b-oe80yfesjx] {
    padding: 0.375rem 1.25rem 1rem;
}

.hero-preview__footer[b-oe80yfesjx] {
    padding: 0.875rem 1.375rem;
    font-size: 0.8125rem;
    text-align: center;
    color: var(--ss-navy-subtle);
    border-top: 1px solid var(--ss-border-subtle);
    background: rgba(248, 250, 252, 0.85);
}

@media (min-width: 960px) {
    .hero-preview[b-oe80yfesjx] {
        max-width: 32rem;
        margin: 0;
    }

    .hero-preview__admin[b-oe80yfesjx] {
        right: -1.5rem;
        width: 10.5rem;
    }

    .hero-preview__title[b-oe80yfesjx] {
        font-size: 1.5625rem;
    }

    .hero-preview__note-text[b-oe80yfesjx] {
        font-size: 1.0625rem;
    }
}

@media (max-width: 479px) {
    .hero-preview__admin[b-oe80yfesjx] {
        display: none;
    }
}
/* /Components/HomeHeroVisual.razor.rz.scp.css */
.home-hero-visual[b-8gylejua4a] {
    width: 100%;
    min-width: 0;
    user-select: none;
    overflow: visible;
}

.home-hero-visual__perspective[b-8gylejua4a] {
    overflow: visible;
}

.home-hero-visual__stack[b-8gylejua4a] {
    position: relative;
    width: 100%;
    max-width: 30rem;
    margin: 0 auto;
    min-height: 22rem;
    overflow: visible;
}

.home-hero-visual__layer[b-8gylejua4a] {
    will-change: transform;
    pointer-events: none;
    cursor: default;
}

.home-hero-visual__surface[b-8gylejua4a] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    pointer-events: none;
}

.home-hero-visual__callout[b-8gylejua4a] {
    align-self: stretch;
    width: 100%;
    margin: 0 0 0.375rem;
    padding-right: 0.9375rem;
    text-align: right;
    pointer-events: none;
    box-sizing: border-box;
}

.home-hero-visual__callout--client[b-8gylejua4a] {
    width: 100%;
}

.home-hero-visual__label[b-8gylejua4a] {
    margin: 0;
    font-size: 0.5rem;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #8b97a6;
}

.home-hero-visual__caption[b-8gylejua4a] {
    margin: 0.125rem 0 0;
    font-size: 0.625rem;
    font-weight: 500;
    line-height: 1.45;
    color: #94a3b8;
}

.home-hero-visual__layer--dashboard[b-8gylejua4a] {
    position: relative;
    width: 100%;
    z-index: 0;
    opacity: 0.96;
    transform: rotate(-5.5deg) translate(-12px, -10px) scale(0.93);
    transform-origin: 50% 50%;
}

.home-hero-visual__layer--dashboard[b-8gylejua4a]  .hero-dashboard-layer__panel {
    pointer-events: auto;
    border-radius: 1.5rem;
    box-shadow:
        0 4px 16px rgba(15, 23, 42, 0.04),
        0 10px 28px rgba(15, 23, 42, 0.025);
}

.home-hero-visual__layer--client[b-8gylejua4a] {
    position: absolute;
    top: 22%;
    right: -4%;
    width: 56%;
    min-width: 13.5rem;
    z-index: 1;
    opacity: 1;
    transform: rotate(3.5deg);
    transform-origin: 50% 50%;
}

.home-hero-visual__layer--client[b-8gylejua4a]  .home-preview-page {
    margin: 0;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1.5rem;
    box-shadow:
        0 10px 30px rgba(15, 23, 42, 0.08),
        0 20px 40px rgba(15, 23, 42, 0.05);
    overflow: hidden;
    pointer-events: auto;
}

.home-hero-visual__layer--client[b-8gylejua4a]  .public-timeline-section {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
}

.home-hero-visual__layer--client[b-8gylejua4a]  .public-note {
    margin-left: 0.875rem;
    margin-right: 0.875rem;
}

.home-hero-visual__layer--client[b-8gylejua4a]  .status-timeline {
    --st-marker-size: 0.8125rem;
    --st-row-gap: 0.375rem;
    --st-item-spacing: 0.4375rem;
}

.home-hero-visual__layer--client[b-8gylejua4a]  .status-timeline__content {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.home-hero-visual__layer--client[b-8gylejua4a]  .status-timeline__item {
    min-width: 0;
}

.home-hero-visual__layer--client[b-8gylejua4a]  .status-timeline__text {
    font-size: 0.6875rem;
    line-height: 1.35;
    white-space: normal;
    overflow-wrap: break-word;
}

.home-hero-visual__layer--client[b-8gylejua4a]  .status-timeline__item--active .status-timeline__content {
    padding: 0.375rem 0.5rem;
}

.home-hero-visual__layer--client[b-8gylejua4a]  .status-timeline__badge {
    margin-bottom: 0.125rem;
    padding: 0.0625rem 0.3125rem;
    font-size: 0.5rem;
}

.home-hero-visual__layer--client[b-8gylejua4a]  .public-note-text {
    font-size: 0.75rem;
    line-height: 1.45;
    white-space: normal;
    overflow-wrap: break-word;
}

.home-hero-visual__layer--client[b-8gylejua4a]  .public-meta {
    color: var(--ss-primary);
    font-weight: 600;
}

.home-hero-visual__layer--client[b-8gylejua4a]  .public-note {
    border-color: rgba(6, 182, 212, 0.24);
    background: #f0fdff;
}

.home-hero-visual__layer--client[b-8gylejua4a]  .public-footer {
    padding-top: 0.5625rem;
    padding-bottom: 0.5625rem;
}

@media (hover: hover) and (pointer: fine) {
    .home-hero-visual__layer[b-8gylejua4a] {
        transition:
            transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1),
            opacity 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    .home-hero-visual__layer--dashboard[b-8gylejua4a]  .hero-dashboard-layer__panel,
    .home-hero-visual__layer--client[b-8gylejua4a]  .home-preview-page {
        transition: box-shadow 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    .home-hero-visual__stack:has(.home-hero-visual__layer--client:hover) .home-hero-visual__layer--dashboard[b-8gylejua4a] {
        opacity: 0.98;
        transform: rotate(0deg) translate(-10px, -14px) scale(0.93);
    }

    .home-hero-visual__stack:has(.home-hero-visual__layer--dashboard:hover) .home-hero-visual__layer--dashboard[b-8gylejua4a] {
        z-index: 2;
        opacity: 1;
        transform: rotate(0deg) translate(-10px, -16px) scale(0.97);
    }

    .home-hero-visual__stack:has(.home-hero-visual__layer--dashboard:hover) .home-hero-visual__layer--dashboard[b-8gylejua4a]  .hero-dashboard-layer__panel {
        box-shadow:
            0 8px 24px rgba(15, 23, 42, 0.08),
            0 18px 40px rgba(15, 23, 42, 0.06);
    }

    .home-hero-visual__stack:has(.home-hero-visual__layer--client:hover) .home-hero-visual__layer--dashboard[b-8gylejua4a]  .hero-dashboard-layer__panel {
        box-shadow:
            0 6px 20px rgba(15, 23, 42, 0.06),
            0 14px 32px rgba(15, 23, 42, 0.04);
    }

    .home-hero-visual__stack:has(.home-hero-visual__layer--client:hover) .home-hero-visual__layer--client[b-8gylejua4a] {
        z-index: 3;
        transform: rotate(0deg) translateY(-5px);
    }

    .home-hero-visual__stack:has(.home-hero-visual__layer--client:hover) .home-hero-visual__layer--client[b-8gylejua4a]  .home-preview-page {
        box-shadow:
            0 14px 34px rgba(15, 23, 42, 0.1),
            0 26px 52px rgba(15, 23, 42, 0.06);
    }
}

@media (min-width: 960px) {
    .home-hero-visual__stack[b-8gylejua4a] {
        max-width: 40rem;
        min-height: 29rem;
    }

    .home-hero-visual__callout[b-8gylejua4a] {
        margin-bottom: 0.4375rem;
    }

    .home-hero-visual__label[b-8gylejua4a] {
        font-size: 0.53125rem;
    }

    .home-hero-visual__caption[b-8gylejua4a] {
        font-size: 0.6875rem;
    }

    .home-hero-visual__layer--dashboard[b-8gylejua4a] {
        transform: rotate(-6deg) translate(-16px, -12px) scale(0.93);
    }

    .home-hero-visual__layer--client[b-8gylejua4a] {
        top: 23%;
        right: -5%;
        width: 58%;
        max-width: 22.5rem;
        transform: rotate(4deg);
    }

    .home-hero-visual__layer--client[b-8gylejua4a]  .status-timeline__text {
        font-size: 0.75rem;
    }

    .home-hero-visual__layer--client[b-8gylejua4a]  .public-note-text {
        font-size: 0.8125rem;
    }

    @media (hover: hover) and (pointer: fine) {
        .home-hero-visual__stack:has(.home-hero-visual__layer--client:hover) .home-hero-visual__layer--dashboard[b-8gylejua4a] {
            transform: rotate(0deg) translate(-8px, -16px) scale(0.93);
        }

        .home-hero-visual__stack:has(.home-hero-visual__layer--dashboard:hover) .home-hero-visual__layer--dashboard[b-8gylejua4a] {
            transform: rotate(0deg) translate(-8px, -18px) scale(0.97);
        }

        .home-hero-visual__stack:has(.home-hero-visual__layer--client:hover) .home-hero-visual__layer--client[b-8gylejua4a] {
            transform: rotate(0deg) translateY(-6px);
        }
    }
}

@media (max-width: 959px) {
    .home-hero-visual[b-8gylejua4a] {
        margin-top: 0.25rem;
    }

    .home-hero-visual__stack[b-8gylejua4a] {
        max-width: 27rem;
        min-height: 24rem;
    }

    .home-hero-visual__layer--client[b-8gylejua4a] {
        top: 21%;
        right: -3%;
        width: 62%;
        max-width: none;
    }

    .home-hero-visual__layer--client[b-8gylejua4a]  .status-timeline__text {
        font-size: 0.65625rem;
    }

    .home-hero-visual__layer--client[b-8gylejua4a]  .public-note-text {
        font-size: 0.6875rem;
    }
}

@media (max-width: 479px) {
    .home-hero-visual__stack[b-8gylejua4a] {
        max-width: 22rem;
        min-height: 21rem;
    }

    .home-hero-visual__layer--dashboard[b-8gylejua4a] {
        transform: rotate(-4deg) translate(-8px, -8px) scale(0.94);
    }

    .home-hero-visual__layer--client[b-8gylejua4a] {
        top: 22%;
        right: -5%;
        width: 66%;
        max-width: none;
        transform: rotate(2.5deg);
    }

    .home-hero-visual__layer--client[b-8gylejua4a]  .status-timeline {
        --st-marker-size: 0.75rem;
    }

    .home-hero-visual__layer--client[b-8gylejua4a]  .public-note-text {
        font-size: 0.65625rem;
    }

    .home-hero-visual__layer--client[b-8gylejua4a]  .status-timeline__text {
        font-size: 0.625rem;
    }

    @media (hover: hover) and (pointer: fine) {
        .home-hero-visual__stack:has(.home-hero-visual__layer--dashboard:hover) .home-hero-visual__layer--dashboard[b-8gylejua4a] {
            transform: rotate(0deg) translate(-6px, -12px) scale(0.97);
        }

        .home-hero-visual__stack:has(.home-hero-visual__layer--client:hover) .home-hero-visual__layer--client[b-8gylejua4a] {
            transform: rotate(0deg) translateY(-4px);
        }
    }
}

@media (min-width: 480px) and (max-width: 959px) {
    .home-hero-visual__layer--client[b-8gylejua4a] {
        width: 62%;
        max-width: none;
        right: -4%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-hero-visual__layer[b-8gylejua4a] {
        transition: none;
    }

    .home-hero-visual__layer--dashboard[b-8gylejua4a]  .hero-dashboard-layer__panel,
    .home-hero-visual__layer--client[b-8gylejua4a]  .home-preview-page {
        transition: none;
    }
}
/* /Components/HomeInteractiveDemo.razor.rz.scp.css */
.home-demo[b-x88vvwcmoo] {
    width: 100%;
    min-width: 0;
}

/* ---- Status bar ---- */

.home-demo__bar[b-x88vvwcmoo] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.875rem;
    min-height: 1.5rem;
}

.home-demo__bar-badge[b-x88vvwcmoo] {
    display: inline-flex;
    align-items: center;
    gap: 0.3125rem;
    padding: 0.25rem 0.625rem;
    font-size: 0.6875rem;
    font-weight: 600;
    border-radius: 999px;
    white-space: nowrap;
}

.home-demo__bar-badge--live[b-x88vvwcmoo] {
    color: #15803d;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
}

.home-demo__bar-badge--interactive[b-x88vvwcmoo] {
    color: var(--ss-navy-muted);
    background: var(--ss-bg-muted);
    border: 1px solid var(--ss-border);
}

/* Pulsing indicator dot inside the Live badge */
.home-demo__bar-dot[b-x88vvwcmoo] {
    display: inline-block;
    width: 0.4375rem;
    height: 0.4375rem;
    background: #16a34a;
    border-radius: 999px;
    animation: home-demo-bar-pulse-b-x88vvwcmoo 2s ease-in-out infinite;
}

@keyframes home-demo-bar-pulse-b-x88vvwcmoo {
    0%, 100% { opacity: 1;    transform: scale(1);    }
    50%       { opacity: 0.5; transform: scale(0.82); }
}

.home-demo__bar-hint[b-x88vvwcmoo] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--ss-navy-subtle);
    opacity: 0.8;
}

@media (max-width: 479px) {
    .home-demo__bar-hint[b-x88vvwcmoo] {
        display: none;
    }
}

/* ---- Two-panel grid: ~55% admin / ~45% customer ---- */

.home-demo__panels[b-x88vvwcmoo] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.875rem;
    align-items: start;
}

@media (min-width: 720px) {
    .home-demo__panels[b-x88vvwcmoo] {
        grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
        gap: 1.25rem;
    }
}

/* ---- Panel card ---- */

.home-demo__panel[b-x88vvwcmoo] {
    min-width: 0;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.03),
        0 8px 24px rgba(15, 23, 42, 0.05);
}

.home-demo__panel--customer[b-x88vvwcmoo] {
    box-shadow:
        0 2px 4px rgba(15, 23, 42, 0.05),
        0 12px 32px rgba(15, 23, 42, 0.09);
    border-color: rgba(6, 182, 212, 0.22);
}

/* ---- Badge header ---- */

.home-demo__badge[b-x88vvwcmoo] {
    display: flex;
    align-items: center;
    gap: 0.4375rem;
    padding: 0.5625rem 0.875rem;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.home-demo__badge--admin[b-x88vvwcmoo] {
    color: #6d28d9;
    background: #f5f3ff;
    border-bottom: 1px solid #ede9fe;
}

.home-demo__badge--customer[b-x88vvwcmoo] {
    color: #047857;
    background: #ecfdf5;
    border-bottom: 1px solid #d1fae5;
}

.home-demo__badge-sep[b-x88vvwcmoo] {
    opacity: 0.35;
}

.home-demo__badge-note[b-x88vvwcmoo] {
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    opacity: 0.75;
}

/* ---- Panel body ---- */

.home-demo__body[b-x88vvwcmoo] {
    padding: 0.75rem 0.875rem 0.875rem;
}

.home-demo__body--customer[b-x88vvwcmoo] {
    background: #f0f9ff;
    padding: 0.875rem;
}

/* ---- Item list ---- */

.home-demo__list[b-x88vvwcmoo] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.3125rem;
    position: relative;
}

.home-demo__list.is-sorting .home-demo__item:not(.is-dragging)[b-x88vvwcmoo] {
    transition: transform 0.12s ease;
}

/* ---- Individual item ---- */

.home-demo__item[b-x88vvwcmoo] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    padding: 0.5rem 0.625rem 0.5rem 0.4375rem;
    background: var(--ss-bg-subtle);
    border: 1px solid var(--ss-border-subtle);
    border-radius: var(--ss-radius-sm);
    box-sizing: border-box;
    transition: border-color 0.25s ease, background 0.25s ease;
}

/* Auto-demo highlight — briefly pulses when the animation changes this item */
@keyframes home-demo-item-ping-b-x88vvwcmoo {
    0%   { border-color: rgba(6, 182, 212, 0.55); background: rgba(6, 182, 212, 0.06); }
    100% { border-color: var(--ss-border-subtle);  background: var(--ss-bg-subtle);     }
}

.home-demo__item--highlight[b-x88vvwcmoo] {
    animation: home-demo-item-ping-b-x88vvwcmoo 0.55s ease forwards;
}

.home-demo__item.is-dragging[b-x88vvwcmoo] {
    position: fixed;
    z-index: 1000;
    margin: 0;
    opacity: 0.97;
    background: #ffffff;
    border-color: rgba(6, 182, 212, 0.45);
    box-shadow:
        0 16px 40px rgba(15, 23, 42, 0.14),
        0 0 0 1px rgba(6, 182, 212, 0.12);
    cursor: grabbing;
    pointer-events: none;
    transition: none;
}

/* ---- Top row: handle + input ---- */

.home-demo__item-top[b-x88vvwcmoo] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.home-demo__handle[b-x88vvwcmoo] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.375rem;
    height: 1.375rem;
    font-size: 0.8125rem;
    line-height: 1;
    color: #cbd5e1;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 0.3125rem;
    cursor: grab;
    touch-action: none;
    user-select: none;
    transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}

.home-demo__handle:hover[b-x88vvwcmoo] {
    color: var(--ss-navy-subtle);
    background: #ffffff;
    border-color: var(--ss-border);
}

.home-demo__item.is-dragging .home-demo__handle[b-x88vvwcmoo] {
    cursor: grabbing;
}

.home-demo__input[b-x88vvwcmoo] {
    flex: 1;
    min-width: 0;
    padding: 0.3125rem 0.5rem;
    font-size: 0.8125rem;
    line-height: 1.4;
    border-color: rgba(148, 163, 184, 0.28);
    box-shadow: none;
    background: #ffffff;
}

.home-demo__input:focus[b-x88vvwcmoo] {
    border-color: var(--ss-primary);
    box-shadow: 0 0 0 2px rgba(6, 182, 212, 0.12);
    outline: none;
}

/* ---- Bottom row: marker + state buttons ---- */

.home-demo__item-bottom[b-x88vvwcmoo] {
    display: flex;
    align-items: center;
    gap: 0.4375rem;
    padding-left: 0.125rem;
}

.home-demo__marker[b-x88vvwcmoo] {
    flex-shrink: 0;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 999px;
    border: 2px solid var(--ss-pending);
    background: #fff;
    transition: background 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}

.home-demo__marker--pending[b-x88vvwcmoo] {
    border-style: dashed;
    background: var(--ss-pending-bg);
}

.home-demo__marker--active[b-x88vvwcmoo] {
    border-color: var(--ss-primary);
    background: var(--ss-primary);
    box-shadow: 0 0 0 2.5px rgba(6, 182, 212, 0.18);
}

.home-demo__marker--complete[b-x88vvwcmoo] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: var(--ss-success);
    background: var(--ss-success);
    line-height: 0;
}

.home-demo__marker--complete[b-x88vvwcmoo]::after {
    content: "";
    display: block;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 0.21875rem;
    height: 0.375rem;
    border: solid #fff;
    border-width: 0 1.5px 1.5px 0;
    transform: rotate(45deg) translate(-0.5px, -1px);
}

/* ---- State toggle buttons — deliberately subtle ---- */

.home-demo__states[b-x88vvwcmoo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.1875rem;
}

.home-demo__state[b-x88vvwcmoo] {
    padding: 0.1875rem 0.4375rem;
    font-family: var(--ss-font);
    font-size: 0.5rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #94a3b8;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 999px;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.home-demo__state:hover[b-x88vvwcmoo] {
    color: var(--ss-navy-subtle);
    background: rgba(148, 163, 184, 0.1);
    border-color: rgba(148, 163, 184, 0.3);
}

.home-demo__state--selected.home-demo__state--pending[b-x88vvwcmoo] {
    color: var(--ss-navy-muted);
    background: var(--ss-pending-bg);
    border-color: var(--ss-border);
}

.home-demo__state--selected.home-demo__state--active[b-x88vvwcmoo] {
    color: var(--ss-primary);
    background: var(--ss-active-bg);
    border-color: var(--ss-active-border);
}

.home-demo__state--selected.home-demo__state--complete[b-x88vvwcmoo] {
    color: #15803d;
    background: var(--ss-success-bg);
    border-color: var(--ss-success-border);
}

.home-demo__drag-hint[b-x88vvwcmoo] {
    margin: 0.5rem 0 0;
    font-size: 0.625rem;
    font-weight: 500;
    color: var(--ss-pending);
    opacity: 0.75;
}

/* ---- Customer panel — mini status page card ---- */

.home-demo__body--customer[b-x88vvwcmoo] {
    background: #f0f9ff;
    padding: 0.875rem;
}

.home-demo__page-card[b-x88vvwcmoo] {
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: var(--ss-radius);
    box-shadow:
        0 1px 3px rgba(15, 23, 42, 0.04),
        0 4px 16px rgba(15, 23, 42, 0.05);
    overflow: hidden;
}

@keyframes home-demo-flash-b-x88vvwcmoo {
    0%   { background-color: rgba(6, 182, 212, 0.08); }
    100% { background-color: #ffffff; }
}

.home-demo__page-card--flash[b-x88vvwcmoo] {
    animation: home-demo-flash-b-x88vvwcmoo 0.4s ease forwards;
}

.home-demo__page-header[b-x88vvwcmoo] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.75rem 1rem 0.625rem;
    border-bottom: 1px solid var(--ss-border-subtle);
}

.home-demo__page-title[b-x88vvwcmoo] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--ss-navy);
}

.home-demo__page-meta[b-x88vvwcmoo] {
    display: flex;
    align-items: center;
    gap: 0.3125rem;
    margin: 0;
    font-size: 0.6875rem;
    color: var(--ss-navy-subtle);
    white-space: nowrap;
}

/* Pulsing live dot in customer panel header */
.home-demo__live-dot[b-x88vvwcmoo] {
    display: inline-block;
    flex-shrink: 0;
    width: 0.4375rem;
    height: 0.4375rem;
    background: var(--ss-success);
    border-radius: 999px;
    animation: home-demo-bar-pulse-b-x88vvwcmoo 2.5s ease-in-out infinite;
}

.home-demo__page-timeline[b-x88vvwcmoo] {
    padding: 0.875rem 1rem;
}

/* Smooth transitions on customer-side timeline items */
.home-demo__page-timeline[b-x88vvwcmoo]  .status-timeline__marker {
    transition: background 0.45s ease, border-color 0.45s ease, box-shadow 0.45s ease;
}

.home-demo__page-timeline[b-x88vvwcmoo]  .status-timeline__item--active .status-timeline__content {
    transition: background 0.4s ease, border-color 0.4s ease;
}

.home-demo__page-timeline[b-x88vvwcmoo]  .status-timeline__text {
    transition: color 0.4s ease;
}

.home-demo__page-footer[b-x88vvwcmoo] {
    display: flex;
    align-items: center;
    gap: 0.3125rem;
    padding: 0.5rem 1rem;
    font-size: 0.6875rem;
    color: var(--ss-navy-subtle);
    border-top: 1px solid var(--ss-border-subtle);
}

.home-demo__page-footer-label[b-x88vvwcmoo] {
    font-weight: 400;
}

.home-demo__page-footer-brand[b-x88vvwcmoo] {
    font-weight: 600;
    color: var(--ss-navy-muted);
}

/* ---- CTA ---- */

.home-demo__cta[b-x88vvwcmoo] {
    margin-top: 1.5rem;
    display: flex;
    justify-content: center;
}

.home-demo__cta-btn[b-x88vvwcmoo] {
    text-decoration: none;
    gap: 0.375rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
/* /Components/HomeProductPreview.razor.rz.scp.css */
.home-preview-page[b-rb4p8r05w9] {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid var(--ss-border);
    border-radius: var(--ss-radius-lg);
    box-shadow:
        0 4px 8px rgba(15, 23, 42, 0.07),
        0 16px 40px -6px rgba(15, 23, 42, 0.15),
        0 1px 2px rgba(15, 23, 42, 0.05);
}

.home-preview-page__logo[b-rb4p8r05w9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4375rem;
    padding: 1.25rem 1.25rem 0;
    margin-bottom: 0.875rem;
}

.home-preview-page__logo-mark[b-rb4p8r05w9] {
    display: block;
    width: 3rem;
    height: 3rem;
    flex-shrink: 0;
}

.home-preview-page__logo-wordmark[b-rb4p8r05w9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.125rem;
    line-height: 1;
}

.home-preview-page__logo-name[b-rb4p8r05w9] {
    font-size: 1.3125rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: var(--ss-navy);
}

.home-preview-page__logo-tag[b-rb4p8r05w9] {
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: #64748b;
}

.home-preview-page .public-title[b-rb4p8r05w9] {
    margin: 0 0 0.25rem;
    font-size: clamp(1.125rem, 2.5vw, 1.375rem);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.02em;
    color: var(--ss-navy);
}

.home-preview-page .public-meta[b-rb4p8r05w9] {
    margin: 0;
    font-size: 0.75rem;
    color: var(--ss-pending);
}

.home-preview-page .public-header[b-rb4p8r05w9] {
    padding: 0.5rem 1.25rem calc(0.5rem + 10px);
    text-align: left;
}

.home-preview-page .public-note[b-rb4p8r05w9] {
    margin: 0 1.25rem 0.875rem;
    padding: 0.75rem 0.875rem;
    background: var(--ss-bg-subtle);
    border: 1px solid var(--ss-border);
    border-radius: var(--ss-radius);
}

.home-preview-page .public-note-label[b-rb4p8r05w9] {
    margin: 0 0 0.25rem;
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--ss-navy-subtle);
}

.home-preview-page .public-note-text[b-rb4p8r05w9] {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.55;
    color: var(--ss-navy-muted);
}

.home-preview-page .public-timeline-section[b-rb4p8r05w9] {
    padding: 0 1.125rem calc(0.75rem + 10px);
}

.home-preview-page .public-footer[b-rb4p8r05w9] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.25rem 0.375rem;
    margin-top: auto;
    padding: 0.75rem 1.25rem;
    font-size: 0.75rem;
    text-align: center;
    color: var(--ss-pending);
    border-top: 1px solid var(--ss-border-subtle);
    background: var(--ss-bg-subtle);
}

.home-preview-page .public-footer__label[b-rb4p8r05w9] {
    color: var(--ss-pending);
}

.home-preview-page .public-footer__brand[b-rb4p8r05w9] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    color: var(--ss-navy-subtle);
    font-weight: 600;
    text-decoration: none;
}

.home-preview-page .public-footer__icon[b-rb4p8r05w9] {
    display: block;
    width: auto;
    height: 0.875rem;
    flex-shrink: 0;
    object-fit: contain;
}

.home-preview-page[b-rb4p8r05w9]  .status-timeline {
    --st-marker-size: 0.8125rem;
    --st-row-gap: 0.5rem;
    --st-item-spacing: 0.625rem;
}

.home-preview-page[b-rb4p8r05w9]  .status-timeline__text {
    font-size: 0.8125rem;
    line-height: 1.4;
}

.home-preview-page[b-rb4p8r05w9]  .status-timeline__item--active .status-timeline__content {
    padding: 0.5rem 0.625rem;
    background: #e0f7fa;
    border-color: rgba(6, 182, 212, 0.45);
}

.home-preview-page[b-rb4p8r05w9]  .status-timeline__item--active .status-timeline__text {
    font-weight: 700;
    color: var(--ss-navy);
}

.home-preview-page[b-rb4p8r05w9]  .status-timeline__item--active .status-timeline__marker {
    width: 1rem;
    height: 1rem;
}
/* /Components/HomeReadyLinks.razor.rz.scp.css */
.ready-links[b-gl78b93alg] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 1.25rem;
    background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%);
    border: 1px solid #bbf7d0;
    border-radius: 1rem;
    box-sizing: border-box;
}

.ready-links__banner[b-gl78b93alg] {
    text-align: center;
    margin-bottom: 1.125rem;
}

.ready-links__title[b-gl78b93alg] {
    margin: 0 0 0.375rem;
    font-size: 1.0625rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    color: var(--ss-navy);
}

.ready-links__lead[b-gl78b93alg] {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--ss-navy-muted);
}

.ready-links__grid[b-gl78b93alg] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.875rem;
}

.ready-links__item[b-gl78b93alg] {
    min-width: 0;
    padding: 0.875rem 1rem;
    background: #ffffff;
    border-radius: 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
}

.ready-links__label[b-gl78b93alg] {
    display: block;
    margin-bottom: 0.375rem;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--ss-navy-subtle);
}

.ready-links__url-row[b-gl78b93alg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.ready-links__url[b-gl78b93alg] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0;
    background: none;
}

.ready-links__item--customer .ready-links__url[b-gl78b93alg] {
    color: #15803d;
}

.ready-links__item--admin .ready-links__url[b-gl78b93alg] {
    color: #7c3aed;
}

.ready-links__copy[b-gl78b93alg] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    padding: 0;
    color: var(--ss-navy-subtle);
    background: var(--ss-bg-subtle);
    border: 1px solid var(--ss-border);
    border-radius: 0.5rem;
    cursor: default;
}

.ready-links__hint[b-gl78b93alg] {
    margin: 0.5rem 0 0;
    font-size: 0.75rem;
    line-height: 1.45;
    color: var(--ss-navy-subtle);
}

.ready-links__flow[b-gl78b93alg] {
    margin: 1rem 0 0;
    font-size: 0.8125rem;
    font-weight: 500;
    text-align: center;
    color: var(--ss-navy-muted);
}

@media (min-width: 640px) {
    .ready-links[b-gl78b93alg] {
        padding: 1.5rem;
    }

    .ready-links__grid[b-gl78b93alg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1rem;
    }

    .ready-links__url[b-gl78b93alg] {
        font-size: 0.8125rem;
    }
}
/* /Components/HomeWorkflowPreview.razor.rz.scp.css */
.home-workflow-preview[b-4xz8m1zr4q] {
    width: 100%;
    max-width: 42rem;
    margin: 0 auto;
    min-width: 0;
}

.home-workflow-preview__step-label[b-4xz8m1zr4q] {
    margin: 0 0 0.4375rem;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--ss-navy-subtle);
    text-align: center;
}

.home-workflow-preview__client[b-4xz8m1zr4q] {
    min-width: 0;
}

.home-workflow-preview__client-frame[b-4xz8m1zr4q] {
    min-width: 0;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-vt4o1qwjcn] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    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-vt4o1qwjcn] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-0qswnyv3uh],
.components-reconnect-repeated-attempt-visible[b-0qswnyv3uh],
.components-reconnect-failed-visible[b-0qswnyv3uh],
.components-pause-visible[b-0qswnyv3uh],
.components-resume-failed-visible[b-0qswnyv3uh],
.components-rejoining-animation[b-0qswnyv3uh] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-0qswnyv3uh {
    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/LogoUploadField.razor.rz.scp.css */
.logo-upload[b-ilp77djg32] {
    position: relative;
}

.logo-upload--hidden-input[b-ilp77djg32] {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.logo-upload__intro[b-ilp77djg32] {
    margin: 0 0 0.75rem;
    font-size: 0.875rem;
    line-height: 1.55;
    color: var(--ss-navy-muted);
}

.logo-upload__input-host[b-ilp77djg32] {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.logo-upload__input-host[b-ilp77djg32]  input[type="file"] {
    position: absolute;
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
}

.logo-upload__card[b-ilp77djg32] {
    padding: 1rem;
    background: var(--ss-bg-subtle);
    border: 1px dashed var(--ss-border);
    border-radius: var(--ss-radius-lg);
    transition: border-color 0.15s ease, background 0.15s ease;
}

.logo-upload__card--uploading[b-ilp77djg32] {
    border-style: solid;
    border-color: rgba(6, 182, 212, 0.35);
    background: rgba(6, 182, 212, 0.04);
}

.logo-upload__card--has-image[b-ilp77djg32] {
    padding: 0.875rem 1rem 0.75rem;
    border-style: solid;
    border-color: var(--ss-border);
    background: var(--ss-card);
}

.logo-upload__card--empty:hover[b-ilp77djg32] {
    border-color: rgba(6, 182, 212, 0.45);
    background: rgba(6, 182, 212, 0.03);
}

.logo-upload__empty[b-ilp77djg32] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.375rem;
    padding: 0.875rem 0.5rem;
    text-align: center;
    cursor: pointer;
}

.logo-upload__empty-icon[b-ilp77djg32] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    margin-bottom: 0.125rem;
    color: var(--ss-primary);
    background: rgba(6, 182, 212, 0.1);
    border-radius: 999px;
}

.logo-upload__empty-title[b-ilp77djg32] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--ss-navy);
}

.logo-upload__empty-text[b-ilp77djg32] {
    max-width: 18rem;
    font-size: 0.875rem;
    line-height: 1.55;
    color: var(--ss-navy-muted);
}

.logo-upload__empty-formats[b-ilp77djg32] {
    font-size: 0.8125rem;
    color: var(--ss-navy-subtle);
}

.logo-upload__preview-trigger[b-ilp77djg32] {
    display: block;
    cursor: pointer;
}

.logo-upload__preview[b-ilp77djg32] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 4.5rem;
    padding: 0.375rem 0.5rem;
    border-radius: var(--ss-radius);
}

.logo-upload__preview img[b-ilp77djg32] {
    display: block;
    max-width: min(100%, 14rem);
    max-height: 4.5rem;
    width: auto;
    height: auto;
    object-fit: contain;
}

.logo-upload__preview-overlay[b-ilp77djg32] {
    position: absolute;
    inset: 0.375rem 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    border-radius: var(--ss-radius);
    color: #fff;
    background: rgba(15, 23, 42, 0.52);
    opacity: 0;
    transition: opacity 0.2s ease;
    pointer-events: none;
}

.logo-upload__preview-overlay-icon[b-ilp77djg32] {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.95;
}

.logo-upload__preview-overlay-text[b-ilp77djg32] {
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.01em;
}

@media (hover: hover) and (pointer: fine) {
    .logo-upload__preview-trigger:hover .logo-upload__preview-overlay[b-ilp77djg32] {
        opacity: 1;
    }
}

.logo-upload__actions[b-ilp77djg32] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.375rem 0.5rem;
    margin-top: 0.125rem;
    padding-top: 0.375rem;
}

.logo-upload__action[b-ilp77djg32] {
    margin: 0;
    padding: 0.25rem 0;
    font-family: var(--ss-font);
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--ss-navy-muted);
    background: none;
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: color 0.15s ease;
}

.logo-upload__action:hover:not(:disabled)[b-ilp77djg32] {
    color: var(--ss-primary);
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.logo-upload__action--remove:hover:not(:disabled)[b-ilp77djg32] {
    color: var(--ss-navy);
}

.logo-upload__action:disabled[b-ilp77djg32] {
    opacity: 0.55;
    cursor: not-allowed;
}

.logo-upload__action-sep[b-ilp77djg32] {
    font-size: 0.75rem;
    line-height: 1;
    color: var(--ss-pending);
    user-select: none;
}

.logo-upload__status[b-ilp77djg32] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 1.125rem 0.75rem;
    text-align: center;
}

.logo-upload__spinner[b-ilp77djg32] {
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid var(--ss-border);
    border-top-color: var(--ss-primary);
    border-radius: 50%;
    animation: logo-upload-spin-b-ilp77djg32 0.8s linear infinite;
}

.logo-upload__status-title[b-ilp77djg32] {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--ss-navy);
}

.logo-upload__status-file[b-ilp77djg32] {
    margin: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.8125rem;
    color: var(--ss-navy-subtle);
}

.logo-upload__success[b-ilp77djg32] {
    margin: 0 0 0.625rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--ss-success);
    background: var(--ss-success-bg);
    border: 1px solid var(--ss-success-border);
    border-radius: var(--ss-radius);
    opacity: 1;
    transition: opacity 0.45s ease;
}

.logo-upload__success--fading[b-ilp77djg32] {
    opacity: 0;
}

.logo-upload__error[b-ilp77djg32] {
    margin: 0 0 0.625rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: #b42318;
    background: #fef3f2;
    border: 1px solid #fecdca;
    border-radius: var(--ss-radius);
}

@keyframes logo-upload-spin-b-ilp77djg32 {
    to {
        transform: rotate(360deg);
    }
}
/* /Components/MarketingFooter.razor.rz.scp.css */
.marketing-footer[b-ki3ytxc4ld] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    width: 100%;
    max-width: 72rem;
    margin: 0 auto;
    padding: 3rem 1.25rem;
    border-top: 1px solid rgba(148, 163, 184, 0.14);
    box-sizing: border-box;
}

.marketing-footer__brand-group[b-ki3ytxc4ld] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.marketing-footer__links[b-ki3ytxc4ld] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem 2rem;
}

.marketing-footer__link[b-ki3ytxc4ld] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--ss-navy-subtle);
    text-decoration: none;
    transition: color 0.15s ease;
}

.marketing-footer__link:hover[b-ki3ytxc4ld] {
    color: var(--ss-navy-muted);
}

.marketing-footer__copy[b-ki3ytxc4ld] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--ss-navy-subtle);
}

.marketing-footer__email[b-ki3ytxc4ld] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--ss-navy-subtle);
    text-decoration: none;
    transition: color 0.15s ease;
}

.marketing-footer__email:hover[b-ki3ytxc4ld] {
    color: var(--ss-navy-muted);
}

@media (min-width: 768px) {
    .marketing-footer[b-ki3ytxc4ld] {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        padding: 3rem 1.5rem;
    }

    .marketing-footer__brand-group[b-ki3ytxc4ld] {
        align-items: flex-start;
    }

    .marketing-footer__links[b-ki3ytxc4ld] {
        justify-content: flex-end;
        padding-top: 0.125rem;
    }
}
/* /Components/MarketingHeader.razor.rz.scp.css */
.marketing-header[b-opuva4i1hw] {
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}

.marketing-header--open[b-opuva4i1hw] {
    border-bottom-color: transparent;
}

.marketing-header__inner[b-opuva4i1hw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    max-width: 72rem;
    margin: 0 auto;
    padding: 0.75rem 1rem;
    min-width: 0;
    box-sizing: border-box;
}

.marketing-header__brand[b-opuva4i1hw] {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
}

.marketing-header__brand[b-opuva4i1hw]  .ss-brand {
    max-width: 100%;
}

.marketing-header__menu[b-opuva4i1hw] {
    display: flex;
    flex-shrink: 0;
    margin-left: 0.5rem;
}

.marketing-header__menu-btn[b-opuva4i1hw] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.375rem;
    height: 2.375rem;
    padding: 0;
    color: var(--ss-navy);
    background: rgba(241, 245, 249, 0.9);
    border: 1px solid rgba(148, 163, 184, 0.25);
    border-radius: 0.5rem;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.marketing-header__menu-btn:hover[b-opuva4i1hw] {
    background: #f1f5f9;
    border-color: rgba(148, 163, 184, 0.35);
}

.marketing-header__menu-btn-icon[b-opuva4i1hw],
.marketing-header__menu-btn-icon[b-opuva4i1hw]::before,
.marketing-header__menu-btn-icon[b-opuva4i1hw]::after {
    display: block;
    width: 1.125rem;
    height: 2px;
    background: currentColor;
    border-radius: 1px;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.marketing-header__menu-btn-icon[b-opuva4i1hw] {
    position: relative;
}

.marketing-header__menu-btn-icon[b-opuva4i1hw]::before,
.marketing-header__menu-btn-icon[b-opuva4i1hw]::after {
    content: "";
    position: absolute;
    left: 0;
}

.marketing-header__menu-btn-icon[b-opuva4i1hw]::before {
    top: -6px;
}

.marketing-header__menu-btn-icon[b-opuva4i1hw]::after {
    top: 6px;
}

.marketing-header--open .marketing-header__menu-btn-icon[b-opuva4i1hw] {
    background: transparent;
}

.marketing-header--open .marketing-header__menu-btn-icon[b-opuva4i1hw]::before {
    top: 0;
    transform: rotate(45deg);
}

.marketing-header--open .marketing-header__menu-btn-icon[b-opuva4i1hw]::after {
    top: 0;
    transform: rotate(-45deg);
}

.marketing-header__nav--desktop[b-opuva4i1hw] {
    display: none;
    align-items: center;
    gap: 0.25rem;
    flex-shrink: 0;
    min-width: 0;
}

.marketing-header__link[b-opuva4i1hw] {
    display: inline-block;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--ss-navy-muted);
    text-decoration: none;
    border-radius: 0.5rem;
    transition: color 0.15s ease, background 0.15s ease;
}

.marketing-header__link:hover[b-opuva4i1hw] {
    color: var(--ss-navy);
    background: rgba(241, 245, 249, 0.8);
}

.marketing-header__link--active[b-opuva4i1hw] {
    color: var(--ss-navy);
    font-weight: 600;
}

.marketing-header__link--email[b-opuva4i1hw],
.marketing-header__mobile-link--email[b-opuva4i1hw] {
    position: relative;
}

.marketing-header__nav-spark[b-opuva4i1hw] {
    position: absolute;
    top: -0.2rem;
    left: 0.125rem;
    font-size: 0.625rem;
    line-height: 1;
    pointer-events: none;
}

.marketing-header__account[b-opuva4i1hw] {
    position: relative;
}

.marketing-header__account-trigger[b-opuva4i1hw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.125rem;
    list-style: none;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 999px;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.marketing-header__account-trigger[b-opuva4i1hw]::-webkit-details-marker {
    display: none;
}

.marketing-header__account-trigger[b-opuva4i1hw]::marker {
    content: "";
}

.marketing-header__account-trigger:hover[b-opuva4i1hw],
.marketing-header__account[open] .marketing-header__account-trigger[b-opuva4i1hw] {
    background: rgba(241, 245, 249, 0.8);
    border-color: rgba(148, 163, 184, 0.18);
}

.marketing-header__account--active .marketing-header__account-trigger[b-opuva4i1hw] {
    border-color: rgba(148, 163, 184, 0.28);
}

.marketing-header__account-avatar[b-opuva4i1hw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--ss-navy);
    background: #e2e8f0;
    border-radius: 999px;
}

.marketing-header__account-menu[b-opuva4i1hw] {
    position: absolute;
    top: calc(100% + 0.375rem);
    right: 0;
    z-index: 60;
    min-width: 16rem;
    max-width: min(22rem, calc(100vw - 1.5rem));
    padding: 0.375rem;
    background: #fff;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 0.625rem;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);
    box-sizing: border-box;
}

.marketing-header__account-identity[b-opuva4i1hw] {
    min-width: 0;
    padding: 0.5rem 0.75rem 0.375rem;
    overflow: hidden;
}

.marketing-header__account-name[b-opuva4i1hw] {
    margin: 0 0 0.125rem;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.35;
    color: var(--ss-navy);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.marketing-header__account-email[b-opuva4i1hw] {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.4;
    color: var(--ss-navy-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.marketing-header__account-email--solo[b-opuva4i1hw] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--ss-navy);
}

.marketing-header__account-divider[b-opuva4i1hw] {
    height: 1px;
    margin: 0.25rem 0.375rem 0.375rem;
    background: rgba(148, 163, 184, 0.2);
}

.marketing-header__account-item[b-opuva4i1hw] {
    display: block;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--ss-navy-muted);
    text-decoration: none;
    border-radius: 0.375rem;
    transition: color 0.15s ease, background 0.15s ease;
}

.marketing-header__account-item:hover[b-opuva4i1hw],
.marketing-header__account-item--active[b-opuva4i1hw] {
    color: var(--ss-navy);
    background: rgba(241, 245, 249, 0.9);
}

.marketing-header__account-item--logout[b-opuva4i1hw] {
    color: #b42318;
}

.marketing-header__account-item--logout:hover[b-opuva4i1hw] {
    color: var(--ss-error);
    background: #fef2f2;
}

.marketing-header__cta[b-opuva4i1hw] {
    padding: 0.5625rem 1rem;
    font-size: 0.875rem;
    text-decoration: none;
    white-space: nowrap;
}

.marketing-header__cta:hover[b-opuva4i1hw] {
    text-decoration: none;
}

.marketing-header__create-form[b-opuva4i1hw],
.marketing-header__mobile-create-form[b-opuva4i1hw] {
    margin: 0;
}

.marketing-header__create-form[b-opuva4i1hw] {
    display: inline-flex;
}

.marketing-header__mobile-create-form[b-opuva4i1hw] {
    display: flex;
}

.marketing-header__mobile-nav[b-opuva4i1hw] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 40;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    width: 100%;
    padding: 0 1rem;
    background: rgba(255, 255, 255, 0.98);
    box-sizing: border-box;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
    transition: max-height 0.25s ease, opacity 0.2s ease, padding 0.25s ease;
}

.marketing-header__mobile-nav--open[b-opuva4i1hw] {
    max-height: 24rem;
    opacity: 1;
    padding: 0.625rem 1rem 1rem;
    border-top: 1px solid rgba(148, 163, 184, 0.14);
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}

.marketing-header__mobile-nav:not(.marketing-header__mobile-nav--open)[b-opuva4i1hw] {
    pointer-events: none;
}

.marketing-header__mobile-link[b-opuva4i1hw] {
    display: block;
    padding: 0.75rem 0.875rem;
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--ss-navy-muted);
    text-decoration: none;
    border-radius: 0.5rem;
    transition: color 0.15s ease, background 0.15s ease;
}

.marketing-header__mobile-link:hover[b-opuva4i1hw],
.marketing-header__mobile-link--active[b-opuva4i1hw] {
    color: var(--ss-navy);
    background: rgba(241, 245, 249, 0.9);
}

.marketing-header__mobile-link--logout[b-opuva4i1hw] {
    color: #b42318;
}

.marketing-header__mobile-link--logout:hover[b-opuva4i1hw] {
    color: var(--ss-error);
    background: #fef2f2;
}

.marketing-header__mobile-identity[b-opuva4i1hw] {
    padding: 0.625rem 0.875rem 0.375rem;
    margin-bottom: 0.125rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.16);
}

.marketing-header__mobile-name[b-opuva4i1hw] {
    margin: 0 0 0.125rem;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.35;
    color: var(--ss-navy);
    word-break: break-word;
}

.marketing-header__mobile-email[b-opuva4i1hw] {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.4;
    color: var(--ss-navy-muted);
    word-break: break-all;
}

.marketing-header__mobile-email--solo[b-opuva4i1hw] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--ss-navy);
}

.marketing-header__mobile-cta[b-opuva4i1hw] {
    margin-top: 0.5rem;
    width: 100%;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
}

.marketing-header__mobile-cta:hover[b-opuva4i1hw] {
    text-decoration: none;
}

@media (min-width: 640px) {
    .marketing-header__inner[b-opuva4i1hw] {
        padding: 1rem 1.5rem;
    }
}

@media (min-width: 769px) {
    .marketing-header__menu[b-opuva4i1hw] {
        display: none;
    }

    .marketing-header__mobile-nav[b-opuva4i1hw] {
        display: none;
    }

    .marketing-header__brand[b-opuva4i1hw] {
        flex: 0 1 auto;
    }

    .marketing-header__nav--desktop[b-opuva4i1hw] {
        display: flex;
    }

    .marketing-header--logged-in .marketing-header__nav--desktop[b-opuva4i1hw] {
        gap: 0.125rem;
    }

    .marketing-header--logged-in .marketing-header__account[b-opuva4i1hw] {
        margin-left: 0.125rem;
    }
}

@media (min-width: 769px) and (max-width: 960px) {
    .marketing-header--logged-in .marketing-header__link[b-opuva4i1hw] {
        padding: 0.5rem 0.625rem;
        font-size: 0.8125rem;
    }
}

@media (max-width: 768px) {
    .marketing-header__brand[b-opuva4i1hw]  .ss-brand--header {
        gap: 0.625rem;
    }

    .marketing-header__brand[b-opuva4i1hw]  .ss-brand--header .ss-brand__icon {
        height: 2rem;
    }

    .marketing-header__brand[b-opuva4i1hw]  .ss-brand--header .ss-brand__text {
        font-size: 1.0625rem;
    }
}

@media (max-width: 479px) {
    .marketing-header__inner[b-opuva4i1hw] {
        padding: 0.625rem 0.875rem;
        gap: 0.5rem;
    }

    .marketing-header__brand[b-opuva4i1hw]  .ss-brand--header .ss-brand__icon {
        height: 1.875rem;
    }

    .marketing-header__brand[b-opuva4i1hw]  .ss-brand--header .ss-brand__text {
        font-size: 1rem;
    }

    .marketing-header__menu-btn[b-opuva4i1hw] {
        width: 2.25rem;
        height: 2.25rem;
    }
}
/* /Components/Pages/Admin.razor.rz.scp.css */
.admin[b-nef7h02pn5] {
    min-height: 100vh;
    min-height: 100dvh;
    width: 100%;
    max-width: 100vw;
    overflow-x: clip;
    box-sizing: border-box;
    background:
        radial-gradient(ellipse 90% 50% at 50% -10%, rgba(6, 182, 212, 0.07), transparent 55%),
        linear-gradient(180deg, #ffffff 0%, #f4f9ff 45%, #f8fafc 100%);
}

.admin--dialog-open[b-nef7h02pn5] {
    overflow: hidden;
    height: 100dvh;
}

.admin-loading[b-nef7h02pn5],
.admin-not-found[b-nef7h02pn5] {
    max-width: 28rem;
    margin: 4rem auto;
    text-align: center;
    padding: 0 1.25rem;
    color: var(--ss-navy-subtle);
}

.admin-page-skeleton[b-nef7h02pn5] {
    max-width: 72rem;
    margin: 0 auto;
    padding: 0 1rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: 24rem;
    box-sizing: border-box;
}

.admin-page-skeleton__intro[b-nef7h02pn5] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    padding-top: 0.25rem;
}

.admin-page-skeleton__panel[b-nef7h02pn5] {
    padding: 1.125rem 1.25rem;
    border-radius: var(--ss-radius-lg);
    border: 1px solid rgba(148, 163, 184, 0.18);
    background: rgba(255, 255, 255, 0.72);
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.admin-page-skeleton__panel--tall[b-nef7h02pn5] {
    min-height: 10rem;
}

.admin-page-skeleton__line[b-nef7h02pn5] {
    height: 0.75rem;
    border-radius: 999px;
    background: linear-gradient(90deg, #e2e8f0 0%, #f1f5f9 50%, #e2e8f0 100%);
    background-size: 200% 100%;
    animation: admin-page-skeleton-shimmer-b-nef7h02pn5 1.2s ease-in-out infinite;
}

.admin-page-skeleton__line--title[b-nef7h02pn5] {
    width: 38%;
    height: 1.125rem;
}

.admin-page-skeleton__line--lead[b-nef7h02pn5] {
    width: 72%;
}

.admin-page-skeleton__line--panel[b-nef7h02pn5] {
    width: 88%;
}

.admin-page-skeleton__line--short[b-nef7h02pn5] {
    width: 46%;
    animation-delay: 0.12s;
}

@keyframes admin-page-skeleton-shimmer-b-nef7h02pn5 {
    0% {
        background-position: 100% 0;
    }

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

.admin-not-found h1[b-nef7h02pn5] {
    margin: 1.25rem 0 0.75rem;
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--ss-navy);
}

.admin-not-found p[b-nef7h02pn5] {
    margin: 0 0 1.5rem;
    color: var(--ss-navy-muted);
    line-height: 1.6;
}

.admin-link-button[b-nef7h02pn5] {
    display: inline-flex;
    padding: 0.625rem 1rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(135deg, var(--ss-primary) 0%, var(--ss-secondary) 100%);
    border: none;
    border-radius: var(--ss-radius);
    text-decoration: none;
}

.admin--logged-in .admin-main[b-nef7h02pn5] {
    padding-top: 1.25rem;
}

.admin-back[b-nef7h02pn5] {
    display: inline-block;
    margin: 0 0 0.875rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--ss-navy-muted);
    text-decoration: none;
    transition: color 0.15s ease;
}

.admin-back:hover[b-nef7h02pn5] {
    color: var(--ss-navy);
}

/* Header */
.admin-header[b-nef7h02pn5] {
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(10px);
}

.admin-header__inner[b-nef7h02pn5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    max-width: 72rem;
    margin: 0 auto;
    padding: 0.75rem 1rem;
    min-width: 0;
    box-sizing: border-box;
}

.admin-header__brand[b-nef7h02pn5] {
    display: flex;
    min-width: 0;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    color: inherit;
    font: inherit;
    text-align: left;
}

.admin-header__brand:hover[b-nef7h02pn5] {
    opacity: 0.92;
}

.admin-header__badge[b-nef7h02pn5] {
    flex-shrink: 0;
    padding: 0.25rem 0.625rem;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #6d28d9;
    background: #f5f3ff;
    border-radius: 999px;
}

/* Main */
.admin-main[b-nef7h02pn5] {
    max-width: 72rem;
    margin: 0 auto;
    padding: 1.5rem 1rem 3rem;
    box-sizing: border-box;
}

.admin-intro[b-nef7h02pn5] {
    margin-bottom: 1.5rem;
}

.admin-setup-sticky[b-nef7h02pn5] {
    position: sticky;
    top: var(--admin-header-height, 0px);
    z-index: 25;
    margin-bottom: 1rem;
    padding: 0.875rem 1rem;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(6, 182, 212, 0.22);
    border-radius: 0.875rem;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
    backdrop-filter: blur(8px);
}

.admin-setup-sticky__inner[b-nef7h02pn5] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.75rem 1rem;
}

.admin-setup-sticky__top[b-nef7h02pn5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem 1rem;
    flex: 1 1 100%;
}

.admin-setup-sticky__dismiss[b-nef7h02pn5] {
    flex-shrink: 0;
    padding: 0.25rem 0.125rem;
    font-family: var(--ss-font);
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.4;
    color: var(--ss-navy-subtle);
    text-decoration: underline;
    text-underline-offset: 0.14em;
    background: transparent;
    border: 0;
    cursor: pointer;
    white-space: nowrap;
}

.admin-setup-sticky__dismiss:hover[b-nef7h02pn5] {
    color: var(--ss-navy-muted);
}

.admin-setup-sticky__dismiss:focus[b-nef7h02pn5] {
    outline: none;
}

.admin-setup-sticky__dismiss:focus-visible[b-nef7h02pn5] {
    outline: 2px solid rgba(15, 23, 42, 0.35);
    outline-offset: 2px;
    border-radius: 2px;
}

.admin-setup-sticky__summary[b-nef7h02pn5] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 8rem;
}

.admin-setup-sticky__title[b-nef7h02pn5] {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--ss-navy);
}

.admin-setup-sticky__progress[b-nef7h02pn5] {
    font-size: 0.75rem;
    color: var(--ss-navy-subtle);
}

.admin-setup-sticky__steps[b-nef7h02pn5] {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    gap: 0.375rem 0.625rem;
    margin: 0;
    padding: 0;
    list-style: none;
    min-width: 0;
}

.admin-setup-sticky__step[b-nef7h02pn5] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.5rem;
    font-size: 0.6875rem;
    line-height: 1.3;
    color: var(--ss-navy-muted);
    background: rgba(248, 250, 252, 0.9);
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 999px;
}

.admin-setup-sticky__step--complete[b-nef7h02pn5] {
    color: #047857;
    background: rgba(236, 253, 245, 0.9);
    border-color: rgba(16, 185, 129, 0.22);
}

.admin-setup-sticky__step--current[b-nef7h02pn5] {
    color: var(--ss-navy);
    border-color: rgba(6, 182, 212, 0.35);
    box-shadow: 0 0 0 1px rgba(6, 182, 212, 0.12);
}

.admin-setup-sticky__step--actionable[b-nef7h02pn5] {
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.admin-setup-sticky__step--actionable:hover[b-nef7h02pn5] {
    border-color: rgba(6, 182, 212, 0.45);
    background: rgba(240, 249, 255, 0.95);
}

.admin-setup-sticky__step--actionable:focus-visible[b-nef7h02pn5] {
    outline: 2px solid rgba(6, 182, 212, 0.45);
    outline-offset: 2px;
}

.admin-setup-sticky__mark[b-nef7h02pn5] {
    flex-shrink: 0;
    font-size: 0.6875rem;
    font-weight: 700;
}

.admin-setup-sticky__step-label[b-nef7h02pn5] {
    min-width: 0;
}

.admin-setup-sticky__next[b-nef7h02pn5] {
    flex-shrink: 0;
    margin-left: auto;
    font-size: 0.8125rem;
    font-weight: 650;
}

.admin-setup-sticky__invite[b-nef7h02pn5] {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 0.75rem;
    padding-top: 0.4375rem;
    border-top: 1px solid rgba(148, 163, 184, 0.12);
}

.admin-setup-sticky__invite-options[b-nef7h02pn5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3125rem 0.4375rem;
    flex: 1 1 auto;
    min-width: min(100%, 16rem);
}

.admin-setup-sticky__invite-secondary[b-nef7h02pn5] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.125rem 0.25rem;
}

.admin-setup-sticky__invite-label[b-nef7h02pn5] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--ss-navy-muted);
    white-space: nowrap;
}

.admin-setup-sticky__invite-primary[b-nef7h02pn5] {
    min-height: 1.875rem;
    padding: 0.3125rem 0.625rem;
    font-size: 0.75rem;
    font-weight: 650;
    white-space: nowrap;
}

.admin-setup-sticky__invite-or[b-nef7h02pn5] {
    font-size: 0.6875rem;
    color: var(--ss-navy-subtle);
}

.admin-setup-sticky__invite-link[b-nef7h02pn5] {
    padding: 0.1875rem 0.125rem;
    font-family: var(--ss-font);
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--ss-navy-muted);
    text-decoration: underline;
    text-underline-offset: 0.14em;
    background: transparent;
    border: 0;
    cursor: pointer;
    white-space: nowrap;
}

.admin-setup-sticky__invite-link:hover:not(:disabled)[b-nef7h02pn5] {
    color: var(--ss-primary);
}

.admin-setup-sticky__invite-link:disabled[b-nef7h02pn5] {
    opacity: 0.55;
    cursor: not-allowed;
}

.admin-setup-sticky__invite-sep[b-nef7h02pn5] {
    font-size: 0.75rem;
    line-height: 1;
    color: var(--ss-navy-subtle);
    user-select: none;
}

.admin-setup-sticky__go-live[b-nef7h02pn5] {
    flex-shrink: 0;
    min-height: 1.875rem;
    padding: 0.3125rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 650;
    white-space: nowrap;
}

.admin-setup-section-next[b-nef7h02pn5] {
    margin-top: 0.75rem;
}

.admin-setup-section-next__btn[b-nef7h02pn5] {
    font-size: 0.8125rem;
    font-weight: 650;
}

@media (max-width: 640px) {
    .admin-setup-sticky[b-nef7h02pn5] {
        position: relative;
        top: auto;
        margin-bottom: 0.75rem;
        padding: 0.625rem 0.75rem;
    }

    .admin-setup-sticky__inner[b-nef7h02pn5] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }

    .admin-setup-sticky__steps[b-nef7h02pn5] {
        width: 100%;
    }

    .admin-setup-sticky__next[b-nef7h02pn5] {
        width: 100%;
        margin-left: 0;
    }

    .admin-setup-sticky__step-label[b-nef7h02pn5] {
        max-width: none;
        overflow: visible;
        text-overflow: unset;
        white-space: normal;
    }

    .admin-setup-sticky__invite[b-nef7h02pn5] {
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 0.5rem;
        padding-top: 0.375rem;
    }

    .admin-setup-sticky__invite-options[b-nef7h02pn5] {
        flex: 0 0 auto;
        min-width: 0;
        flex-direction: column;
        align-items: stretch;
        gap: 0.375rem;
    }

    .admin-setup-sticky__invite-or[b-nef7h02pn5] {
        display: none;
    }

    .admin-setup-sticky__invite-primary[b-nef7h02pn5],
    .admin-setup-sticky__go-live[b-nef7h02pn5] {
        width: 100%;
        justify-content: center;
    }

    .admin-setup-sticky__invite-secondary[b-nef7h02pn5] {
        justify-content: center;
    }

    .admin-setup-sticky__go-live[b-nef7h02pn5] {
        align-self: stretch;
    }
}

.admin-links[b-nef7h02pn5] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.admin-links--bottom[b-nef7h02pn5] {
    margin-top: 1.25rem;
    margin-bottom: 0;
}

.admin-link-card--compact[b-nef7h02pn5] {
    padding: 0.875rem 1rem;
    border-radius: 0.875rem;
    box-shadow: none;
}

.admin-link-card--compact .admin-link-card__label[b-nef7h02pn5] {
    font-size: 0.625rem;
}

.admin-link-card--compact .admin-link-card__hint[b-nef7h02pn5] {
    margin-bottom: 0.375rem;
    font-size: 0.75rem;
}

.admin-link-card--compact .admin-link-card__url[b-nef7h02pn5] {
    font-size: 0.6875rem;
}

/* Page header workspace */
.admin-page-header[b-nef7h02pn5] {
    margin-bottom: 1.5rem;
}

.admin-page-header__lead[b-nef7h02pn5] {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.55;
    color: var(--ss-navy-muted);
    max-width: 42rem;
}

.admin-editor-panel__heading[b-nef7h02pn5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem 1rem;
    margin-bottom: 1.125rem;
}

.admin-editor-panel__hint[b-nef7h02pn5] {
    margin-bottom: 0;
}

.admin-editor-panel__setup-hint[b-nef7h02pn5] {
    margin: 0.375rem 0 0;
    font-size: 0.75rem;
    line-height: 1.4;
    color: var(--ss-navy-subtle);
}

.admin-editor-panel__active[b-nef7h02pn5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
    padding: 0.375rem 0.625rem;
    background: rgba(248, 250, 252, 0.9);
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 999px;
}

.admin-editor-panel__active-label[b-nef7h02pn5] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--ss-navy-muted);
    white-space: nowrap;
}

@media (max-width: 640px) {
    .admin-editor-panel__heading[b-nef7h02pn5] {
        flex-direction: column;
        align-items: stretch;
    }

    .admin-editor-panel__active[b-nef7h02pn5] {
        align-self: flex-start;
    }
}

.admin-page-header__main[b-nef7h02pn5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem 1.25rem;
}

.admin-page-header__identity[b-nef7h02pn5] {
    display: flex;
    align-items: flex-start;
    gap: 0.875rem;
    min-width: 0;
    flex: 1 1 auto;
}

.admin-page-header__logo[b-nef7h02pn5] {
    flex-shrink: 0;
}

.admin-page-header__logo-thumb[b-nef7h02pn5] {
    display: block;
    width: 2.75rem;
    height: 2.75rem;
    object-fit: contain;
    border-radius: 0.5rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    background: #fff;
}

.admin-page-header__titles[b-nef7h02pn5] {
    min-width: 0;
    flex: 1 1 auto;
}

.admin-page-header__title-display[b-nef7h02pn5] {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0.125rem 0;
    font-family: var(--ss-font);
    font-size: clamp(1.375rem, 4vw, 1.75rem);
    font-weight: 700;
    letter-spacing: -0.025em;
    line-height: 1.2;
    color: var(--ss-navy);
}

.admin-page-header__title[b-nef7h02pn5] {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0.125rem 0;
    font-family: var(--ss-font);
    font-size: clamp(1.375rem, 4vw, 1.75rem);
    font-weight: 700;
    letter-spacing: -0.025em;
    line-height: 1.2;
    color: var(--ss-navy);
    background: transparent;
    border: none;
    border-bottom: 1px solid transparent;
    border-radius: 0;
    box-shadow: none;
    transition: border-color 0.15s ease;
}

.admin-page-header__title:hover:not(:disabled)[b-nef7h02pn5],
.admin-page-header__title:focus[b-nef7h02pn5] {
    border-bottom-color: rgba(148, 163, 184, 0.35);
    outline: none;
}

.admin-page-header__title:focus-visible[b-nef7h02pn5] {
    border-bottom-color: rgba(6, 182, 212, 0.55);
    outline: 2px solid rgba(6, 182, 212, 0.25);
    outline-offset: 2px;
}

.admin-page-header__title:disabled[b-nef7h02pn5] {
    opacity: 0.65;
}

.admin-page-header__summary[b-nef7h02pn5],
.admin-page-header__lead[b-nef7h02pn5] {
    margin: 0.375rem 0 0;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--ss-navy-muted);
}

.admin-page-header__lead[b-nef7h02pn5] {
    font-size: 0.9375rem;
    line-height: 1.55;
    max-width: 42rem;
}

.admin-page-header__controls[b-nef7h02pn5] {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.375rem;
}

.admin-page-header__setup-hint[b-nef7h02pn5] {
    margin: 0;
    font-size: 0.75rem;
    line-height: 1.4;
    color: var(--ss-navy-subtle);
    text-align: right;
}

.admin-page-header__active[b-nef7h02pn5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.625rem;
    background: rgba(248, 250, 252, 0.9);
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 999px;
}

.admin-page-header__active-label[b-nef7h02pn5] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--ss-navy-muted);
    white-space: nowrap;
}

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

@media (max-width: 640px) {
    .admin-page-header__main[b-nef7h02pn5] {
        flex-direction: column;
        align-items: stretch;
    }

    .admin-page-header__controls[b-nef7h02pn5] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .admin-page-header__setup-hint[b-nef7h02pn5] {
        text-align: left;
    }
}

.admin-page-header__sharing[b-nef7h02pn5] {
    margin-bottom: 1.25rem;
}

.admin-page-title[b-nef7h02pn5] {
    margin: 0 0 0.375rem;
    font-size: clamp(1.375rem, 4vw, 1.75rem);
    font-weight: 700;
    letter-spacing: -0.025em;
    color: var(--ss-navy);
    line-height: 1.2;
}

.admin-page-lead[b-nef7h02pn5] {
    margin: 0;
    font-size: 0.9375rem;
    color: var(--ss-navy-muted);
    line-height: 1.55;
    max-width: 42rem;
}

.admin-page-summary[b-nef7h02pn5] {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--ss-navy-muted);
}

#project-setup[b-nef7h02pn5],
#project-setup-activity[b-nef7h02pn5],
#progress[b-nef7h02pn5],
#project-stages[b-nef7h02pn5],
#page-title-field[b-nef7h02pn5],
#customer-page[b-nef7h02pn5],
#page-header[b-nef7h02pn5],
#page-settings[b-nef7h02pn5],
#sharing-notifications[b-nef7h02pn5],
#client-share[b-nef7h02pn5],
#share-links[b-nef7h02pn5],
#status-page[b-nef7h02pn5],
#admin-editor-panel[b-nef7h02pn5],
#admin-preview-panel[b-nef7h02pn5] {
    scroll-margin-top: var(--admin-scroll-offset, 5.5rem);
}

@media (max-width: 959px) {
    #project-setup[b-nef7h02pn5],
    #project-setup-activity[b-nef7h02pn5],
    #progress[b-nef7h02pn5],
    #project-stages[b-nef7h02pn5],
    #page-title-field[b-nef7h02pn5],
    #customer-page[b-nef7h02pn5],
    #page-header[b-nef7h02pn5],
    #page-settings[b-nef7h02pn5],
    #sharing-notifications[b-nef7h02pn5],
    #client-share[b-nef7h02pn5],
    #share-links[b-nef7h02pn5],
    #status-page[b-nef7h02pn5],
    #admin-editor-panel[b-nef7h02pn5],
    #admin-preview-panel[b-nef7h02pn5] {
        scroll-margin-top: var(--admin-scroll-offset, 9rem);
    }
}

.admin-section-focus[b-nef7h02pn5] {
    outline: 2px solid rgba(6, 182, 212, 0.45);
    outline-offset: 4px;
    border-radius: 1rem;
    transition: outline-color 0.2s ease;
}

.admin-assistant-settings__block.admin-section-focus[b-nef7h02pn5] {
    border-radius: 0.75rem;
}

.admin-field.admin-section-focus[b-nef7h02pn5] {
    border-radius: 0.625rem;
}

/* Collapsible section toggle */
.admin-section--collapsible[b-nef7h02pn5] {
    padding: 0;
    overflow: hidden;
}

.admin-section-toggle[b-nef7h02pn5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 1rem 1.375rem;
    font-family: var(--ss-font);
    font-size: 0.9375rem;
    font-weight: 650;
    color: var(--ss-navy-muted);
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: left;
    letter-spacing: -0.01em;
    transition: color 0.15s ease;
}

.admin-section-toggle:hover[b-nef7h02pn5] {
    color: var(--ss-navy);
}

.admin-section-toggle__title[b-nef7h02pn5] {
    flex-shrink: 0;
    font-size: 1rem;
    font-weight: 650;
    color: var(--ss-navy-muted);
}

.admin-section-toggle__summary[b-nef7h02pn5] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.8125rem;
    font-weight: 400;
    color: var(--ss-navy-subtle);
}

.admin-section-toggle__summary--empty[b-nef7h02pn5] {
    color: #94a3b8;
}

.admin-section-toggle__status--active[b-nef7h02pn5] {
    color: #065f46;
}

.admin-section-toggle__chevron[b-nef7h02pn5] {
    flex-shrink: 0;
    font-size: 0.875rem;
    color: var(--ss-navy-subtle);
    transition: transform 0.2s ease;
    display: inline-block;
}

.admin-section-toggle__chevron--expanded[b-nef7h02pn5] {
    transform: rotate(180deg);
}

.admin-section-panel[b-nef7h02pn5] {
    padding: 0 1.375rem 1.25rem;
    border-top: 1px solid rgba(148, 163, 184, 0.12);
}

/* Sharing actions row within section panel */
.admin-sharing-actions[b-nef7h02pn5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
}

.admin-sharing-actions__btn[b-nef7h02pn5] {
    font-size: 0.875rem;
}

.admin-field--latest-update[b-nef7h02pn5] {
    margin: 1.25rem 0 1.5rem;
}

.admin-field--progress[b-nef7h02pn5] {
    margin-top: 0.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(148, 163, 184, 0.14);
}

.admin-preview-open[b-nef7h02pn5] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;
    font-size: 0.8125rem;
    color: var(--ss-primary);
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.admin-preview-open:hover[b-nef7h02pn5] {
    color: var(--ss-primary-hover, #1d4ed8);
    text-decoration: underline;
    text-underline-offset: 0.12em;
}

.admin-preview-open__icon[b-nef7h02pn5] {
    flex-shrink: 0;
    opacity: 0.85;
}

.admin-panel__heading--preview[b-nef7h02pn5] {
    margin-bottom: 1rem;
}

.admin-preview-panel__hint[b-nef7h02pn5] {
    margin-bottom: 0;
    line-height: 1.45;
}

.admin-panel__heading--preview .admin-preview-open[b-nef7h02pn5] {
    align-self: flex-start;
    margin-top: 0.125rem;
}

/* Legacy latest-update block (unused) */
.admin-field--progress-update[b-nef7h02pn5] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(148, 163, 184, 0.12);
}

.admin-update-send[b-nef7h02pn5] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
    margin-top: 0.75rem;
}

.admin-update-send__btn[b-nef7h02pn5] {
    width: auto;
    min-width: 9rem;
}

.admin-update-send__hint[b-nef7h02pn5] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--ss-text-muted, #64748b);
    line-height: 1.4;
}

/* Links */
.admin-link-card[b-nef7h02pn5] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
    min-width: 0;
    padding: 1.125rem 1.25rem;
    border-radius: 1rem;
    box-sizing: border-box;
}

.admin-link-card--customer[b-nef7h02pn5] {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border: 1px solid rgba(148, 163, 184, 0.22);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

.admin-link-card--admin[b-nef7h02pn5] {
    padding: 0.875rem 1rem;
    background: var(--ss-bg-subtle);
    border: 1px solid rgba(148, 163, 184, 0.16);
    box-shadow: none;
}

.admin-link-card__content[b-nef7h02pn5] {
    min-width: 0;
}

.admin-link-card__label[b-nef7h02pn5] {
    display: block;
    margin-bottom: 0.25rem;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--ss-navy-subtle);
}

.admin-link-card--customer .admin-link-card__label[b-nef7h02pn5] {
    color: var(--ss-navy-muted);
}

.admin-link-card--customer .admin-link-card__url[b-nef7h02pn5] {
    color: var(--ss-navy-muted);
}

.admin-link-card__hint[b-nef7h02pn5] {
    margin: 0 0 0.5rem;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--ss-navy-muted);
}

.admin-link-card--admin .admin-link-card__hint[b-nef7h02pn5] {
    color: var(--ss-navy-subtle);
}

.admin-link-card__hint--warning[b-nef7h02pn5] {
    color: #b45309;
}

.admin-link-card__url[b-nef7h02pn5] {
    display: block;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.75rem;
    line-height: 1.45;
    color: var(--ss-navy-muted);
    word-break: break-all;
}

.admin-link-card__copy[b-nef7h02pn5] {
    align-self: flex-start;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.admin-link-card__actions[b-nef7h02pn5] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
}

.admin-link-card__actions--grouped[b-nef7h02pn5] {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0.5rem;
}

.admin-link-card__copy--primary[b-nef7h02pn5] {
    flex: 1 1 10rem;
}

.admin-link-card__qr--grouped[b-nef7h02pn5] {
    flex-shrink: 0;
    min-width: 6.5rem;
}

.admin-link-card__qr[b-nef7h02pn5] {
    padding: 0.4375rem 0.75rem;
    font-family: var(--ss-font);
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--ss-navy-muted);
    background: #fff;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: var(--ss-radius-sm);
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.admin-link-card__qr:hover:not(:disabled)[b-nef7h02pn5] {
    color: var(--ss-navy);
    background: var(--ss-bg-subtle);
    border-color: rgba(148, 163, 184, 0.4);
}

.admin-link-card__copy--subtle[b-nef7h02pn5] {
    padding: 0.4375rem 0.75rem;
    font-family: var(--ss-font);
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--ss-navy-subtle);
    background: #fff;
    border: 1px solid var(--ss-border);
    border-radius: var(--ss-radius-sm);
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.admin-link-card__copy--subtle:hover:not(:disabled)[b-nef7h02pn5] {
    background: var(--ss-bg-muted);
    border-color: rgba(148, 163, 184, 0.35);
}

@media (min-width: 640px) {
    .admin-link-card[b-nef7h02pn5] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .admin-link-card__actions[b-nef7h02pn5] {
        width: auto;
        flex-shrink: 0;
        align-items: stretch;
    }

    .admin-link-card__copy[b-nef7h02pn5] {
        flex-shrink: 0;
    }
}

/* Developer API */
.admin-api[b-nef7h02pn5] {
    margin-bottom: 1.25rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

.admin-api__summary[b-nef7h02pn5] {
    padding: 0.875rem 1.125rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--ss-navy);
    cursor: pointer;
    list-style: none;
}

.admin-api__summary[b-nef7h02pn5]::-webkit-details-marker {
    display: none;
}

.admin-api__summary[b-nef7h02pn5]::before {
    content: "▸";
    display: inline-block;
    margin-right: 0.5rem;
    color: var(--ss-navy-subtle);
    transition: transform 0.15s ease;
}

.admin-api[open] .admin-api__summary[b-nef7h02pn5]::before {
    transform: rotate(90deg);
}

.admin-api__body[b-nef7h02pn5] {
    padding: 0 1.125rem 1.125rem;
    border-top: 1px solid var(--ss-border-subtle);
}

.admin-api__text[b-nef7h02pn5] {
    margin: 0.875rem 0 0.5rem;
    font-size: 0.8125rem;
    line-height: 1.55;
    color: var(--ss-navy-muted);
}

.admin-api__inline-code[b-nef7h02pn5] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.75rem;
    color: var(--ss-navy);
    word-break: break-all;
}

.admin-api__warning[b-nef7h02pn5] {
    margin: 0.75rem 0 0;
    padding: 0.625rem 0.75rem;
    font-size: 0.75rem;
    line-height: 1.5;
    color: #b45309;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: var(--ss-radius-sm);
}

.admin-api__warning--strong[b-nef7h02pn5] {
    color: #92400e;
    background: #fef3c7;
    border-color: #fcd34d;
}

.admin-api__token-reveal[b-nef7h02pn5] {
    margin-top: 0.75rem;
}

.admin-api__token-security[b-nef7h02pn5] {
    margin: 0 0 0.75rem;
    padding: 0.5rem 0.625rem;
    font-size: 0.6875rem;
    line-height: 1.45;
    color: var(--ss-navy-subtle);
    background: var(--ss-bg-subtle);
    border-left: 3px solid #fbbf24;
    border-radius: 0 var(--ss-radius-sm) var(--ss-radius-sm) 0;
}

.admin-api__token[b-nef7h02pn5] {
    display: block;
    margin: 0.625rem 0 0.5rem;
    padding: 0.625rem 0.75rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.6875rem;
    line-height: 1.45;
    color: var(--ss-navy);
    word-break: break-all;
    background: var(--ss-bg-subtle);
    border: 1px solid var(--ss-border);
    border-radius: var(--ss-radius-sm);
}

.admin-api__actions[b-nef7h02pn5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.admin-api__btn[b-nef7h02pn5] {
    padding: 0.4375rem 0.75rem;
    font-family: var(--ss-font);
    font-size: 0.75rem;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(135deg, var(--ss-primary) 0%, var(--ss-secondary) 100%);
    border: none;
    border-radius: var(--ss-radius-sm);
    cursor: pointer;
}

.admin-api__btn:hover:not(:disabled)[b-nef7h02pn5] {
    opacity: 0.92;
}

.admin-api__btn:disabled[b-nef7h02pn5] {
    opacity: 0.6;
    cursor: not-allowed;
}

.admin-api__btn--subtle[b-nef7h02pn5] {
    color: var(--ss-navy-muted);
    background: #fff;
    border: 1px solid var(--ss-border);
}

.admin-api__btn--subtle:hover:not(:disabled)[b-nef7h02pn5] {
    background: var(--ss-bg-muted);
    opacity: 1;
}

/* Mobile edit / preview switch */
.admin-mobile-tabs[b-nef7h02pn5] {
    display: none;
}

@media (max-width: 959px) {
    .admin-mobile-tabs[b-nef7h02pn5] {
        display: block;
        position: sticky;
        top: 0;
        z-index: 24;
        margin-bottom: 0.75rem;
        padding: 0.375rem 0 0.5rem;
        background: rgba(255, 255, 255, 0.96);
        border-bottom: 1px solid rgba(148, 163, 184, 0.1);
        backdrop-filter: blur(6px);
    }

    .admin--logged-in .admin-mobile-tabs[b-nef7h02pn5] {
        top: calc(var(--admin-header-height, 3.5rem) - 3px);
    }

    .admin-mobile-tabs__hint[b-nef7h02pn5] {
        margin: 0 0 0.375rem;
        font-size: 0.75rem;
        line-height: 1.35;
        text-align: center;
        color: var(--ss-navy-subtle);
    }

    .admin-mobile-tabs__controls[b-nef7h02pn5] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.125rem;
        padding: 0.125rem;
        background: rgba(241, 245, 249, 0.9);
        border: 1px solid rgba(148, 163, 184, 0.18);
        border-radius: 0.625rem;
    }

    .admin-mobile-tabs__tab[b-nef7h02pn5] {
        min-height: 2.75rem;
        padding: 0.5rem 0.625rem;
        font-family: var(--ss-font);
        font-size: 0.8125rem;
        font-weight: 600;
        color: var(--ss-navy-subtle);
        background: transparent;
        border: none;
        border-radius: 0.4375rem;
        cursor: pointer;
        transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
    }

    .admin-mobile-tabs__tab--active[b-nef7h02pn5] {
        color: var(--ss-navy);
        background: #fff;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    }

    .admin-layout--edit .admin-preview-section[b-nef7h02pn5] {
        display: none;
    }

    .admin-layout--preview .admin-editor[b-nef7h02pn5] {
        display: none;
    }

    .admin-layout--preview .admin-preview-section[b-nef7h02pn5] {
        display: block;
    }

    .admin-layout--preview .admin-panel--preview[b-nef7h02pn5] {
        padding: 1rem;
    }

    .admin-layout--preview .admin-panel__title[b-nef7h02pn5] {
        text-align: center;
    }

    .admin-layout--preview .admin-panel__hint[b-nef7h02pn5] {
        text-align: center;
    }

    .admin-layout--preview .admin-preview-wrap[b-nef7h02pn5] {
        max-width: 28rem;
        margin: 0 auto;
    }

    .admin-layout--preview .admin-preview-wrap[b-nef7h02pn5]  .preview-card {
        box-shadow: var(--ss-shadow-lg);
    }
}

/* Layout */
.admin-editor[b-nef7h02pn5] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    min-width: 0;
}

.admin-layout[b-nef7h02pn5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.25rem;
    min-width: 0;
}

@media (min-width: 960px) {
    .admin-layout[b-nef7h02pn5] {
        grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
        gap: 1.5rem;
        align-items: start;
    }

    .admin-preview-section[b-nef7h02pn5] {
        position: sticky;
        top: 1rem;
        align-self: start;
    }
}

.admin-panel[b-nef7h02pn5] {
    min-width: 0;
    padding: 1.375rem;
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 1.125rem;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.03),
        0 8px 28px rgba(15, 23, 42, 0.05);
    box-sizing: border-box;
}

.admin-panel--hero[b-nef7h02pn5] {
    padding: 1.625rem 1.75rem;
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 55%);
    border-color: rgba(148, 163, 184, 0.24);
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 12px 36px rgba(15, 23, 42, 0.06);
}

.admin-panel--prominent[b-nef7h02pn5] {
    padding: 1.5rem 1.625rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border-color: rgba(148, 163, 184, 0.26);
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 10px 32px rgba(15, 23, 42, 0.06);
}

.admin-panel--prominent .admin-panel__title[b-nef7h02pn5] {
    font-size: 1.125rem;
}

.admin-panel--prominent .admin-preview-wrap[b-nef7h02pn5] {
    margin-top: 0.25rem;
}

.admin-panel--secondary[b-nef7h02pn5] {
    padding: 1.25rem 1.375rem;
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(148, 163, 184, 0.16);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.025);
}

.admin-panel--secondary .admin-section__title[b-nef7h02pn5],
.admin-panel--secondary .admin-panel__title[b-nef7h02pn5] {
    font-size: 1rem;
    font-weight: 650;
    color: var(--ss-navy-muted);
}

.admin-panel--preview[b-nef7h02pn5] {
    background: rgba(255, 255, 255, 0.92);
}

.admin-preview-wrap[b-nef7h02pn5] {
    min-width: 0;
}

.admin-preview-wrap[b-nef7h02pn5]  .preview-card {
    box-shadow: var(--ss-shadow);
    border-color: var(--ss-border);
}

.admin-panel__title[b-nef7h02pn5] {
    margin: 0 0 0.25rem;
    font-size: 1.0625rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    color: var(--ss-navy);
}

.admin-panel__hint[b-nef7h02pn5] {
    margin: 0 0 1.125rem;
    font-size: 0.8125rem;
    color: var(--ss-navy-subtle);
}

.admin-panel__heading[b-nef7h02pn5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem 1rem;
    margin-bottom: 0.25rem;
}

.admin-panel__heading .admin-panel__title[b-nef7h02pn5] {
    margin-bottom: 0.25rem;
}

.admin-panel__heading .admin-panel__hint[b-nef7h02pn5] {
    margin-bottom: 0;
}

.admin-panel__send-update[b-nef7h02pn5] {
    flex-shrink: 0;
    min-height: 2.25rem;
    padding: 0.4375rem 0.875rem;
    font-size: 0.8125rem;
    white-space: nowrap;
}

.admin-field[b-nef7h02pn5] {
    margin-bottom: 1.125rem;
}

.admin-field__hint[b-nef7h02pn5] {
    margin: -0.25rem 0 0.5rem;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--ss-navy-subtle);
}

.admin-field .ss-input[b-nef7h02pn5] {
    border-color: rgba(148, 163, 184, 0.3);
    box-shadow: none;
}

.admin-textarea[b-nef7h02pn5] {
    resize: vertical;
    min-height: 5rem;
}

.admin-status-toggle[b-nef7h02pn5] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    min-height: 2.25rem;
}

.admin-status-toggle__text[b-nef7h02pn5] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--ss-navy-muted);
}

.admin-status-toggle__text--active[b-nef7h02pn5] {
    color: #065f46;
}

.admin-switch[b-nef7h02pn5] {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    cursor: pointer;
}

.admin-switch input[b-nef7h02pn5] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.admin-switch__track[b-nef7h02pn5] {
    position: relative;
    display: block;
    width: 2.75rem;
    height: 1.5rem;
    background: #cbd5e1;
    border-radius: 999px;
    transition: background 0.2s ease;
}

.admin-switch__track[b-nef7h02pn5]::after {
    content: "";
    position: absolute;
    top: 0.125rem;
    left: 0.125rem;
    width: 1.25rem;
    height: 1.25rem;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.18);
    transition: transform 0.2s ease;
}

.admin-switch input:checked + .admin-switch__track[b-nef7h02pn5] {
    background: var(--ss-primary);
}

.admin-switch input:checked + .admin-switch__track[b-nef7h02pn5]::after {
    transform: translateX(1.25rem);
}

.admin-switch input:focus-visible + .admin-switch__track[b-nef7h02pn5] {
    outline: 2px solid var(--ss-primary);
    outline-offset: 2px;
}

.admin-switch input:disabled + .admin-switch__track[b-nef7h02pn5] {
    opacity: 0.55;
    cursor: not-allowed;
}

.admin-field--last[b-nef7h02pn5] {
    margin-bottom: 0;
}

.admin-field--compact[b-nef7h02pn5] {
    margin-bottom: 0.875rem;
}

.admin-items-section[b-nef7h02pn5] {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.admin-section__title[b-nef7h02pn5] {
    margin: 0 0 0.25rem;
    font-size: 1.0625rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    color: var(--ss-navy);
}

.admin-section__hint[b-nef7h02pn5] {
    margin: 0 0 1.125rem;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--ss-navy-subtle);
}

.admin-section--items .admin-section__hint[b-nef7h02pn5] {
    margin-bottom: 0.875rem;
}

.admin-activity-card[b-nef7h02pn5] {
    margin-bottom: 1.25rem;
}

.admin-activity-card--compact.admin-panel[b-nef7h02pn5] {
    padding: 1rem 1.125rem;
}

.admin-activity-card--compact .admin-panel__title[b-nef7h02pn5] {
    margin-bottom: 0.125rem;
    font-size: 1rem;
}

.admin-panel__hint--compact[b-nef7h02pn5] {
    margin-bottom: 0.75rem;
    font-size: 0.75rem;
    line-height: 1.4;
}

.admin-metrics-layout[b-nef7h02pn5] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 0.875rem;
}

.admin-health-card[b-nef7h02pn5] {
    padding: 0.625rem 0.75rem;
    border-radius: 0.625rem;
    border: 1px solid transparent;
    box-sizing: border-box;
}

.admin-health-card--healthy[b-nef7h02pn5] {
    background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%);
    border-color: #bbf7d0;
}

.admin-health-card--neutral[b-nef7h02pn5],
.admin-health-card--waiting[b-nef7h02pn5] {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-color: rgba(148, 163, 184, 0.22);
}

.admin-health-card--ready[b-nef7h02pn5] {
    background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%);
    border-color: rgba(147, 197, 253, 0.45);
}

.admin-health-card--active[b-nef7h02pn5] {
    background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 100%);
    border-color: rgba(134, 239, 172, 0.45);
}

.admin-health-card--update-recommended[b-nef7h02pn5] {
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
    border-color: #fde68a;
}

.admin-health-card--clients-checking[b-nef7h02pn5] {
    background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%);
    border-color: rgba(147, 197, 253, 0.55);
}

.admin-health-card--dormant[b-nef7h02pn5],
.admin-health-card--recipients[b-nef7h02pn5],
.admin-health-card--manual[b-nef7h02pn5] {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-color: rgba(148, 163, 184, 0.22);
}

.admin-health-card--attention[b-nef7h02pn5],
.admin-health-card--watching[b-nef7h02pn5] {
    background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%);
    border-color: rgba(147, 197, 253, 0.55);
}

.admin-health-card--nodata[b-nef7h02pn5] {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-color: rgba(148, 163, 184, 0.22);
}

.admin-health-card__header[b-nef7h02pn5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.admin-health-card__icon[b-nef7h02pn5] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 0.4375rem;
    background: rgba(255, 255, 255, 0.72);
    color: inherit;
}

.admin-health-card--healthy .admin-health-card__icon[b-nef7h02pn5] {
    color: #15803d;
}

.admin-health-card--neutral .admin-health-card__icon[b-nef7h02pn5],
.admin-health-card--waiting .admin-health-card__icon[b-nef7h02pn5] {
    color: var(--ss-navy-subtle);
}

.admin-health-card--ready .admin-health-card__icon[b-nef7h02pn5] {
    color: #2563eb;
}

.admin-health-card--active .admin-health-card__icon[b-nef7h02pn5] {
    color: #059669;
}

.admin-health-card--update-recommended .admin-health-card__icon[b-nef7h02pn5] {
    color: #b45309;
}

.admin-health-card--clients-checking .admin-health-card__icon[b-nef7h02pn5] {
    color: #2563eb;
}

.admin-health-card--dormant .admin-health-card__icon[b-nef7h02pn5],
.admin-health-card--recipients .admin-health-card__icon[b-nef7h02pn5],
.admin-health-card--manual .admin-health-card__icon[b-nef7h02pn5] {
    color: var(--ss-navy-subtle);
}

.admin-health-card--attention .admin-health-card__icon[b-nef7h02pn5],
.admin-health-card--watching .admin-health-card__icon[b-nef7h02pn5] {
    color: #2563eb;
}

.admin-health-card--nodata .admin-health-card__icon[b-nef7h02pn5] {
    color: var(--ss-navy-subtle);
}

.admin-health-card__copy[b-nef7h02pn5] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
}

.admin-health-card__eyebrow[b-nef7h02pn5] {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--ss-navy-subtle);
}

.admin-health-card__title[b-nef7h02pn5] {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.01em;
    color: var(--ss-navy);
}

.admin-health-card__detail[b-nef7h02pn5] {
    font-size: 0.75rem;
    line-height: 1.4;
    color: var(--ss-navy-muted);
}

.admin-metrics-row[b-nef7h02pn5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.4375rem;
}

@media (min-width: 720px) {
    .admin-metrics-row[b-nef7h02pn5] {
        grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
        align-items: stretch;
        gap: 0.5rem;
    }
}

.admin-metrics-compact[b-nef7h02pn5] {
    display: flex;
    flex-direction: column;
    gap: 0.4375rem;
}

.admin-activity-metric[b-nef7h02pn5] {
    display: flex;
    align-items: flex-start;
    gap: 0.4375rem;
    min-width: 0;
    padding: 0.5rem 0.625rem;
    background: var(--ss-bg-subtle);
    border: 1px solid var(--ss-border-subtle);
    border-radius: 0.5625rem;
    box-sizing: border-box;
}

.admin-activity-metric--featured[b-nef7h02pn5] {
    padding: 0.5625rem 0.6875rem;
    background: #fff;
    border-color: rgba(148, 163, 184, 0.2);
    box-shadow: none;
}

.admin-activity-metric--compact[b-nef7h02pn5] {
    padding: 0.4375rem 0.5625rem;
}

.admin-activity-metric__icon[b-nef7h02pn5] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.375rem;
    height: 1.375rem;
    margin-top: 0;
    color: var(--ss-navy-subtle);
}

.admin-activity-metric--featured .admin-activity-metric__icon[b-nef7h02pn5] {
    color: var(--ss-secondary);
}

.admin-activity-metric__body[b-nef7h02pn5] {
    display: flex;
    flex-direction: column;
    gap: 0.1875rem;
    min-width: 0;
}

.admin-activity-metric__label[b-nef7h02pn5] {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--ss-navy-subtle);
}

.admin-activity-metric__value[b-nef7h02pn5] {
    font-size: 0.75rem;
    line-height: 1.35;
    font-weight: 500;
    color: var(--ss-navy);
}

.admin-activity-metric__value--empty[b-nef7h02pn5] {
    font-weight: 400;
    color: var(--ss-navy-subtle);
}

.admin-activity-card__divider[b-nef7h02pn5] {
    height: 1px;
    margin: 0 0 0.875rem;
    background: var(--ss-border-subtle);
}

@media (max-width: 639px) {
    .admin-activity-card--compact .admin-panel__hint--compact[b-nef7h02pn5] {
        display: none;
    }

    .admin-health-card__detail[b-nef7h02pn5] {
        display: none;
    }

    .admin-metrics-row[b-nef7h02pn5] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.admin-items__heading[b-nef7h02pn5] {
    margin: 0 0 0.25rem;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--ss-navy);
}

.admin-items__hint[b-nef7h02pn5] {
    margin: 0 0 0.875rem;
    font-size: 0.75rem;
    color: var(--ss-navy-subtle);
}

.admin-items[b-nef7h02pn5] {
    list-style: none;
    margin: 0 0 1rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
}

.admin-items.is-sorting .admin-item:not(.is-dragging):not(.admin-item--placeholder)[b-nef7h02pn5] {
    transition: transform 0.12s ease;
}

.admin-item[b-nef7h02pn5] {
    min-width: 0;
    padding: 0.625rem 0.75rem;
    background: var(--ss-bg-subtle);
    border: 1px solid var(--ss-border-subtle);
    border-radius: 0.75rem;
    box-sizing: border-box;
}

.admin-item--highlight[b-nef7h02pn5] {
    animation: admin-item-highlight-b-nef7h02pn5 2.5s ease-out;
}

@keyframes admin-item-highlight-b-nef7h02pn5 {
    0%, 15% {
        box-shadow: 0 0 0 2px rgba(6, 182, 212, 0.45);
        background: rgba(6, 182, 212, 0.06);
    }

    100% {
        box-shadow: none;
        background: var(--ss-bg-subtle);
    }
}

.admin-item.is-dragging[b-nef7h02pn5] {
    position: fixed;
    z-index: 1000;
    margin: 0;
    opacity: 0.96;
    border-color: rgba(6, 182, 212, 0.45);
    box-shadow:
        0 16px 40px rgba(15, 23, 42, 0.14),
        0 0 0 1px rgba(6, 182, 212, 0.12);
    cursor: grabbing;
    pointer-events: none;
    transition: none;
}

.admin-item--placeholder[b-nef7h02pn5] {
    min-height: 3.25rem;
    padding: 0;
    margin: 0;
    background: rgba(6, 182, 212, 0.06);
    border: 2px dashed rgba(6, 182, 212, 0.38);
    border-radius: 0.75rem;
    box-shadow: inset 0 0 0 1px rgba(6, 182, 212, 0.08);
    pointer-events: none;
    list-style: none;
    box-sizing: border-box;
}

/* Desktop: single-row grid */
@media (min-width: 768px) {
    .admin-item[b-nef7h02pn5] {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto auto;
        grid-template-areas: "handle input states delete";
        gap: 0.5rem;
        align-items: center;
    }

    .admin-item__top[b-nef7h02pn5],
    .admin-item__bottom[b-nef7h02pn5] {
        display: contents;
    }

    .admin-item__handle[b-nef7h02pn5] {
        grid-area: handle;
    }

    .admin-item__input[b-nef7h02pn5] {
        grid-area: input;
    }

    .admin-item__states[b-nef7h02pn5] {
        grid-area: states;
    }

    .admin-item__delete[b-nef7h02pn5] {
        grid-area: delete;
    }

    .admin-item__reorder[b-nef7h02pn5] {
        display: none;
    }
}

/* Mobile: stacked card rows */
@media (max-width: 767px) {
    .admin-item[b-nef7h02pn5] {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        grid-template-areas:
            "handle input delete"
            "states states states"
            "reorder reorder reorder";
        gap: 0.625rem 0.5rem;
        padding: 0.875rem;
        align-items: center;
    }

    .admin-item__top[b-nef7h02pn5],
    .admin-item__bottom[b-nef7h02pn5] {
        display: contents;
    }

    .admin-item__handle[b-nef7h02pn5] {
        grid-area: handle;
        align-self: center;
        width: 1.625rem;
        height: 1.625rem;
        font-size: 0.8125rem;
    }

    .admin-item__input[b-nef7h02pn5] {
        grid-area: input;
        min-width: 0;
    }

    .admin-item__delete[b-nef7h02pn5] {
        grid-area: delete;
        align-self: center;
        width: 1.75rem;
        height: 1.75rem;
        color: #fca5a5;
        background: #fff;
        border-color: #fee2e2;
    }

    .admin-item__delete svg[b-nef7h02pn5] {
        width: 14px;
        height: 14px;
    }

    .admin-item__marker[b-nef7h02pn5] {
        grid-area: marker;
        align-self: center;
    }

    .admin-item__states[b-nef7h02pn5] {
        grid-area: states;
        min-width: 0;
    }

    .admin-item__reorder[b-nef7h02pn5] {
        grid-area: reorder;
        display: flex;
        justify-self: end;
        gap: 0.25rem;
        margin-top: 0.125rem;
    }

    .admin-item__move[b-nef7h02pn5] {
        width: 1.375rem;
        height: 1.375rem;
        font-size: 0.6875rem;
    }
}

.admin-item__handle[b-nef7h02pn5] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.75rem;
    height: 1.75rem;
    font-size: 0.875rem;
    line-height: 1;
    color: #94a3b8;
    background: #fff;
    border: 1px solid var(--ss-border);
    border-radius: 0.375rem;
    cursor: grab;
    touch-action: none;
    user-select: none;
}

.admin-item__handle[aria-disabled="true"][b-nef7h02pn5] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.admin-item.is-dragging .admin-item__handle[b-nef7h02pn5],
.admin-item__handle:active[b-nef7h02pn5] {
    cursor: grabbing;
}

.admin-item__reorder[b-nef7h02pn5] {
    display: flex;
    flex-direction: row;
    gap: 0.125rem;
}

.admin-item__move[b-nef7h02pn5] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    font-size: 0.75rem;
    line-height: 1;
    color: var(--ss-navy-subtle);
    background: #fff;
    border: 1px solid var(--ss-border);
    border-radius: 0.25rem;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.admin-item__move:hover:not(:disabled)[b-nef7h02pn5] {
    color: var(--ss-navy-muted);
    background: var(--ss-bg-muted);
}

.admin-item__move:disabled[b-nef7h02pn5] {
    opacity: 0.35;
    cursor: not-allowed;
}

.admin-item__marker[b-nef7h02pn5] {
    flex-shrink: 0;
    width: 0.875rem;
    height: 0.875rem;
    border-radius: 999px;
    border: 2px solid var(--ss-pending);
    background: #fff;
}

.admin-item__marker--pending[b-nef7h02pn5] {
    border-style: dashed;
    background: var(--ss-pending-bg);
}

.admin-item__marker--active[b-nef7h02pn5] {
    border-color: var(--ss-primary);
    background: var(--ss-primary);
    box-shadow: 0 0 0 3px rgba(6, 182, 212, 0.16);
}

.admin-item__marker--complete[b-nef7h02pn5] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: var(--ss-success);
    background: var(--ss-success);
    line-height: 0;
}

.admin-item__marker--complete[b-nef7h02pn5]::after {
    content: "";
    display: block;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 0.25rem;
    height: 0.42rem;
    border: solid #fff;
    border-width: 0 1.5px 1.5px 0;
    transform: rotate(45deg) translate(-0.5px, -1px);
}

.admin-item__input[b-nef7h02pn5] {
    min-width: 0;
    padding: 0.625rem 0.75rem;
    font-size: 0.875rem;
}

.admin-item__states[b-nef7h02pn5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.admin-state[b-nef7h02pn5] {
    padding: 0.3rem 0.5rem;
    font-family: var(--ss-font);
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--ss-navy-subtle);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 999px;
    cursor: pointer;
    opacity: 0.55;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, opacity 0.15s ease;
}

.admin-state:hover:not(:disabled)[b-nef7h02pn5] {
    opacity: 0.85;
    border-color: rgba(148, 163, 184, 0.28);
    color: var(--ss-navy-muted);
    background: rgba(255, 255, 255, 0.7);
}

.admin-state--selected[b-nef7h02pn5] {
    opacity: 1;
    font-weight: 700;
    background: #fff;
    border-color: var(--ss-border);
}

.admin-state--selected.admin-state--pending[b-nef7h02pn5] {
    color: var(--ss-navy-muted);
    background: var(--ss-pending-bg);
    border-color: var(--ss-border);
}

.admin-state--selected.admin-state--active[b-nef7h02pn5] {
    color: var(--ss-primary);
    background: var(--ss-active-bg);
    border-color: var(--ss-active-border);
}

.admin-state--selected.admin-state--complete[b-nef7h02pn5] {
    color: #15803d;
    background: var(--ss-success-bg);
    border-color: var(--ss-success-border);
}

.admin-state:disabled[b-nef7h02pn5] {
    opacity: 0.55;
    cursor: not-allowed;
}

.admin-item__delete[b-nef7h02pn5] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    padding: 0;
    color: #f87171;
    background: #fff;
    border: 1px solid #fecaca;
    border-radius: 0.375rem;
    cursor: pointer;
    transition: background 0.15s ease;
}

.admin-item__delete:hover:not(:disabled)[b-nef7h02pn5] {
    background: #fef2f2;
}

.admin-item__delete:disabled[b-nef7h02pn5] {
    opacity: 0.5;
    cursor: not-allowed;
}

.admin-add-item[b-nef7h02pn5] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    min-width: 0;
}

.admin-add-item__btn[b-nef7h02pn5] {
    width: 100%;
}

@media (min-width: 640px) {
    .admin-add-item[b-nef7h02pn5] {
        flex-direction: row;
        align-items: stretch;
    }

    .admin-add-item .ss-input[b-nef7h02pn5] {
        flex: 1;
        min-width: 0;
    }

    .admin-add-item__btn[b-nef7h02pn5] {
        width: auto;
        white-space: nowrap;
    }
}

.admin-status[b-nef7h02pn5] {
    margin: 1rem 0 0;
    font-size: 0.8125rem;
    color: #b45309;
}

@media (min-width: 640px) {
    .admin-main[b-nef7h02pn5] {
        padding: 1.75rem 1.5rem 3rem;
    }

    .admin-header__inner[b-nef7h02pn5] {
        padding: 0.875rem 1.5rem;
    }
}

@media (max-width: 479px) {
    .admin-main[b-nef7h02pn5] {
        padding: 1.25rem 0.875rem 2.5rem;
    }

    .admin-header__inner[b-nef7h02pn5] {
        padding: 0.625rem 0.875rem;
    }

    .admin-panel[b-nef7h02pn5] {
        padding: 1.125rem;
    }

    .admin-link-card[b-nef7h02pn5] {
        padding: 1rem;
    }

    .admin-link-card__actions[b-nef7h02pn5],
    .admin-link-card__copy[b-nef7h02pn5] {
        width: 100%;
    }
}

/* Leave warning dialog */
.admin-leave-dialog[b-nef7h02pn5] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    box-sizing: border-box;
}

.admin-leave-dialog__backdrop[b-nef7h02pn5] {
    position: absolute;
    inset: 0;
    z-index: 0;
    padding: 0;
    border: none;
    background: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(4px);
    cursor: pointer;
}

.admin-leave-dialog__panel[b-nef7h02pn5] {
    position: relative;
    width: min(100%, 26rem);
    padding: 1.5rem;
    background: #fff;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 1.125rem;
    box-shadow:
        0 20px 50px rgba(15, 23, 42, 0.18),
        0 0 0 1px rgba(255, 255, 255, 0.06);
    box-sizing: border-box;
}

.admin-leave-dialog__icon[b-nef7h02pn5] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: 0.875rem;
    font-size: 1.125rem;
    background: #f5f3ff;
    border-radius: 0.625rem;
}

.admin-leave-dialog__title[b-nef7h02pn5] {
    margin: 0 0 0.5rem;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    color: var(--ss-navy);
}

.admin-leave-dialog__text[b-nef7h02pn5] {
    margin: 0 0 1rem;
    font-size: 0.875rem;
    line-height: 1.55;
    color: var(--ss-navy-muted);
}

.admin-leave-dialog__url[b-nef7h02pn5] {
    display: block;
    margin-bottom: 1.25rem;
    padding: 0.625rem 0.75rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.6875rem;
    line-height: 1.45;
    color: #6d28d9;
    word-break: break-all;
    background: #f5f3ff;
    border: 1px solid #ddd6fe;
    border-radius: 0.5rem;
}

.admin-leave-dialog__actions[b-nef7h02pn5] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.admin-leave-dialog__actions .ss-button[b-nef7h02pn5] {
    width: 100%;
    justify-content: center;
}

.admin-leave-dialog__leave[b-nef7h02pn5] {
    margin-top: 0.25rem;
    padding: 0.5rem;
    font-family: var(--ss-font);
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--ss-navy-subtle);
    background: none;
    border: none;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.admin-leave-dialog__leave:hover[b-nef7h02pn5] {
    color: var(--ss-navy-muted);
}

/* Customer QR dialog */
.admin-qr-dialog[b-nef7h02pn5] {
    position: fixed;
    inset: 0;
    z-index: 2100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    box-sizing: border-box;
}

.admin-qr-dialog__panel[b-nef7h02pn5] {
    position: relative;
    width: min(100%, 22rem);
    padding: 1.375rem;
    background: #fff;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 1.125rem;
    box-shadow:
        0 20px 50px rgba(15, 23, 42, 0.18),
        0 0 0 1px rgba(255, 255, 255, 0.06);
    box-sizing: border-box;
}

.admin-qr-dialog__title[b-nef7h02pn5] {
    margin: 0 0 0.375rem;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    color: var(--ss-navy);
}

.admin-qr-dialog__text[b-nef7h02pn5] {
    margin: 0 0 1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--ss-navy-muted);
}

.admin-qr-dialog__preview[b-nef7h02pn5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.625rem;
    margin-bottom: 1.125rem;
    padding: 1rem;
    background: var(--ss-bg-subtle);
    border: 1px solid var(--ss-border-subtle);
    border-radius: 0.875rem;
}

.admin-qr-dialog__image[b-nef7h02pn5] {
    display: block;
    width: 220px;
    height: 220px;
    image-rendering: pixelated;
}

.admin-qr-dialog__caption[b-nef7h02pn5] {
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--ss-navy-subtle);
}

.admin-qr-dialog__actions[b-nef7h02pn5] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.admin-qr-dialog__actions .ss-button[b-nef7h02pn5] {
    width: 100%;
    justify-content: center;
}

.admin-qr-dialog__close[b-nef7h02pn5] {
    margin-top: 0.125rem;
    padding: 0.5rem;
    font-family: var(--ss-font);
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--ss-navy-subtle);
    background: none;
    border: none;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.admin-qr-dialog__close:hover[b-nef7h02pn5] {
    color: var(--ss-navy-muted);
}

.admin-save-account[b-nef7h02pn5] {
    margin: 0 0 1.5rem;
    padding: 1.375rem 1.375rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
    background: linear-gradient(135deg, #eff6ff 0%, #ecfeff 100%);
    border: 1px solid #93c5fd;
    border-left: 4px solid var(--ss-secondary);
    box-shadow: 0 2px 12px rgba(37, 99, 235, 0.08);
}

.admin-save-account__body[b-nef7h02pn5] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    min-width: 0;
}

.admin-save-account__title[b-nef7h02pn5] {
    margin: 0;
    font-size: clamp(1.125rem, 3.5vw, 1.375rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.25;
    color: var(--ss-navy);
}

.admin-save-account__intro[b-nef7h02pn5] {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.5;
    color: var(--ss-navy-muted);
}

.admin-save-account__benefits[b-nef7h02pn5] {
    margin: 0.125rem 0 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 0.4375rem;
}

.admin-save-account__benefits li[b-nef7h02pn5] {
    position: relative;
    padding-left: 1.375rem;
    font-size: 0.9375rem;
    line-height: 1.45;
    color: var(--ss-navy);
}

.admin-save-account__benefits li[b-nef7h02pn5]::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--ss-secondary);
}

.admin-save-account__optional[b-nef7h02pn5] {
    margin: 0.25rem 0 0;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--ss-navy-subtle);
}

.admin-save-account__action[b-nef7h02pn5] {
    flex-shrink: 0;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.admin-save-account__btn[b-nef7h02pn5] {
    display: flex;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    text-decoration: none;
    text-align: center;
}

.admin-save-account__form[b-nef7h02pn5] {
    margin: 0;
    width: 100%;
    min-width: 0;
}

.admin-save-account-notice[b-nef7h02pn5] {
    margin: 0 0 1rem;
    padding: 0.75rem 1rem;
    border-radius: var(--ss-radius);
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: #065f46;
    font-size: 0.9375rem;
}

@media (min-width: 640px) {
    .admin-save-account[b-nef7h02pn5] {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        gap: 1.5rem;
        padding: 1.5rem 1.625rem;
    }

    .admin-save-account__body[b-nef7h02pn5] {
        flex: 1 1 auto;
        min-width: 0;
    }

    .admin-save-account__benefits[b-nef7h02pn5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 1rem;
    }

    .admin-save-account__action[b-nef7h02pn5] {
        flex: 0 0 auto;
        width: auto;
        min-width: auto;
        padding-top: 0.125rem;
        align-self: flex-start;
    }

    .admin-save-account__form[b-nef7h02pn5] {
        width: auto;
    }

    .admin-save-account__btn[b-nef7h02pn5] {
        width: auto;
        min-width: 10.5rem;
        white-space: nowrap;
    }
}

/* Welcome email dialog */
.admin-welcome-dialog[b-nef7h02pn5] {
    position: fixed;
    inset: 0;
    z-index: 2100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: max(1.25rem, env(safe-area-inset-top)) 1.25rem max(1.25rem, env(safe-area-inset-bottom));
    box-sizing: border-box;
    overflow: hidden;
}

.admin-welcome-dialog__panel[b-nef7h02pn5] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: min(100%, 26rem);
    max-height: min(calc(100dvh - 2.5rem), 100%);
    padding: 1.5rem;
    background: #fff;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 1.125rem;
    box-shadow:
        0 20px 50px rgba(15, 23, 42, 0.18),
        0 0 0 1px rgba(255, 255, 255, 0.06);
    box-sizing: border-box;
    overflow: hidden;
}

.admin-welcome-dialog__content[b-nef7h02pn5] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.admin-welcome-dialog__panel--preview[b-nef7h02pn5] {
    width: min(100%, 40rem);
}

.admin-welcome-dialog__title[b-nef7h02pn5] {
    margin: 0 0 0.5rem;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    color: var(--ss-navy);
}

.admin-welcome-dialog__text[b-nef7h02pn5] {
    margin: 0 0 1rem;
    font-size: 0.875rem;
    line-height: 1.55;
    color: var(--ss-navy-muted);
}

.admin-welcome-dialog__hint[b-nef7h02pn5] {
    margin: 0 0 1rem;
    padding: 0.75rem 0.875rem;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--ss-navy-muted);
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: var(--ss-radius-md);
}

.admin-welcome-dialog__hint--inline[b-nef7h02pn5] {
    margin-top: -0.25rem;
    padding: 0;
    background: transparent;
    border: 0;
    font-size: 0.8125rem;
    line-height: 1.55;
}

.admin-welcome-dialog__recipients[b-nef7h02pn5] {
    margin: 0 0 1rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--ss-navy);
}

.admin-welcome-dialog__field[b-nef7h02pn5] {
    margin-bottom: 1rem;
}

.admin-notify-changes[b-nef7h02pn5] {
    margin: 0 0 1.25rem;
    padding: 1rem 1.125rem;
    background: rgba(248, 250, 252, 0.95);
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 0.75rem;
}

.admin-notify-changes__heading[b-nef7h02pn5] {
    margin: 0 0 0.75rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--ss-navy);
}

.admin-notify-changes__empty[b-nef7h02pn5] {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--ss-navy-subtle);
    font-style: italic;
}

.admin-notify-changes__master[b-nef7h02pn5] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin: 0 0 0.625rem;
    padding-bottom: 0.625rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--ss-navy-muted);
    cursor: pointer;
}

.admin-notify-changes__list[b-nef7h02pn5] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.admin-notify-changes__item + .admin-notify-changes__item[b-nef7h02pn5] {
    margin-top: 0.375rem;
}

.admin-notify-changes__label[b-nef7h02pn5] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--ss-navy-muted);
    cursor: pointer;
}

.admin-notify-changes__master input[b-nef7h02pn5],
.admin-notify-changes__label input[b-nef7h02pn5] {
    margin-top: 0.15rem;
    flex-shrink: 0;
}

.admin-welcome-dialog__field:last-of-type[b-nef7h02pn5] {
    margin-bottom: 0.75rem;
}

.admin-welcome-dialog__error[b-nef7h02pn5] {
    margin: 0.75rem 0 0;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--ss-error);
}

.admin-welcome-dialog__success[b-nef7h02pn5] {
    margin: 0;
    padding: 0.5rem 0;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.5;
    color: var(--ss-success);
    text-align: center;
}

.admin-welcome-dialog__actions[b-nef7h02pn5] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex-shrink: 0;
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(148, 163, 184, 0.14);
    background: #fff;
}

.admin-welcome-dialog__actions .ss-button[b-nef7h02pn5] {
    width: 100%;
    justify-content: center;
}

.admin-done-action[b-nef7h02pn5] {
    margin-top: 1.75rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--ss-border-subtle);
}

.admin-done-action__btn[b-nef7h02pn5] {
    width: 100%;
    justify-content: center;
    padding: 1rem 1.5rem;
    font-size: 1.03125rem;
}

.admin-communication-panel[b-nef7h02pn5] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.admin-comm-panel[b-nef7h02pn5] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

/* Communication Assistant */
.admin-assistant[b-nef7h02pn5] {
    margin-bottom: 1.75rem;
}

.admin-assistant.admin-panel--hero[b-nef7h02pn5] {
    padding: 1.75rem 1.875rem;
}

.admin-assistant__header[b-nef7h02pn5] {
    margin-bottom: 1.375rem;
}

.admin-assistant__title[b-nef7h02pn5] {
    margin: 0 0 0.4375rem;
    font-size: 1.1875rem;
    font-weight: 750;
    letter-spacing: -0.02em;
    color: var(--ss-navy);
}

.admin-assistant__intro[b-nef7h02pn5] {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.55;
    color: var(--ss-navy-muted);
    max-width: 38rem;
}

.admin-assistant--setup[b-nef7h02pn5] {
    padding-top: 1.25rem;
}

.admin-assistant--setup .admin-assistant-timeline-section[b-nef7h02pn5] {
    margin: 0;
}

.admin-assistant__columns[b-nef7h02pn5] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.125rem;
    align-items: stretch;
}

@media (min-width: 900px) {
    .admin-assistant__columns[b-nef7h02pn5] {
        grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
        gap: 1.125rem;
    }
}

.admin-assistant__sidebar[b-nef7h02pn5] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    min-width: 0;
}

.admin-assistant__body[b-nef7h02pn5] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.admin-assistant-health[b-nef7h02pn5] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.625rem 0.875rem;
    padding: 0.875rem 1rem;
    border-radius: var(--ss-radius-md);
}

.admin-assistant-health--healthy[b-nef7h02pn5] {
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
}

.admin-assistant-health--attention[b-nef7h02pn5] {
    background: #fffbeb;
    border: 1px solid #fde68a;
}

.admin-assistant-health__main[b-nef7h02pn5] {
    flex: 1 1 14rem;
    min-width: 0;
}

.admin-assistant-health__title[b-nef7h02pn5] {
    margin: 0 0 0.125rem;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.01em;
    color: var(--ss-navy);
}

.admin-assistant-health--healthy .admin-assistant-health__title[b-nef7h02pn5] {
    color: #047857;
}

.admin-assistant-health--attention .admin-assistant-health__title[b-nef7h02pn5] {
    color: #b45309;
}

.admin-assistant-health__subtitle[b-nef7h02pn5] {
    margin: 0 0 0.25rem;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.35;
    color: var(--ss-navy-muted);
}

.admin-assistant-health__summary[b-nef7h02pn5] {
    margin: 0 0 0.625rem;
    font-size: 0.75rem;
    line-height: 1.45;
    color: var(--ss-navy-muted);
}

.admin-assistant-health__metrics[b-nef7h02pn5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.375rem 0.625rem;
}

.admin-assistant-health__metric[b-nef7h02pn5] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
}

.admin-assistant-health__metric-label[b-nef7h02pn5] {
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--ss-navy-subtle);
}

.admin-assistant-health__metric-value[b-nef7h02pn5] {
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.35;
    color: var(--ss-navy);
}

.admin-assistant-health__metric-value--empty[b-nef7h02pn5] {
    font-weight: 500;
    color: var(--ss-navy-subtle);
}

.admin-assistant-health__body[b-nef7h02pn5] {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.55;
    color: var(--ss-navy-muted);
}

.admin-assistant-health__checks[b-nef7h02pn5] {
    list-style: none;
    margin: 0.75rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.admin-assistant-health__checks li[b-nef7h02pn5] {
    position: relative;
    padding-left: 1.125rem;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--ss-navy-muted);
}

.admin-assistant-health__checks li[b-nef7h02pn5]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.4375rem;
    width: 0.4375rem;
    height: 0.4375rem;
    border-radius: 50%;
    background: #10b981;
}

.admin-assistant-health--attention .admin-assistant-health__checks li[b-nef7h02pn5]::before {
    background: #f59e0b;
}

.admin-assistant-health__action[b-nef7h02pn5] {
    flex-shrink: 0;
    align-self: center;
    min-height: 1.875rem;
    padding: 0.4375rem 0.875rem;
    font-size: 0.75rem;
    font-weight: 600;
    background: #fbbf24;
    border: 1px solid #f59e0b;
    color: #92400e;
}

.admin-assistant-health__action:hover:not(:disabled)[b-nef7h02pn5] {
    background: #f59e0b;
}

.admin-assistant-quick[b-nef7h02pn5] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.admin-assistant-quick__actions[b-nef7h02pn5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.admin-assistant-quick__btn[b-nef7h02pn5] {
    font-size: 0.8125rem;
}

.admin-assistant-quick__btn--primary[b-nef7h02pn5] {
    font-weight: 650;
}

.admin-assistant-quick__qr[b-nef7h02pn5] {
    padding: 0.5rem 0.875rem;
    font-family: var(--ss-font);
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--ss-navy-subtle);
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 0.5rem;
    cursor: pointer;
}

.admin-assistant-quick__qr:hover:not(:disabled)[b-nef7h02pn5] {
    color: var(--ss-navy-muted);
    border-color: rgba(15, 23, 42, 0.2);
}

.admin-assistant-quick__qr:disabled[b-nef7h02pn5] {
    opacity: 0.55;
    cursor: not-allowed;
}

.admin-assistant-quick__link-btn[b-nef7h02pn5] {
    align-self: center;
    padding: 0.375rem 0.125rem;
    font-family: var(--ss-font);
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--ss-navy-subtle);
    text-decoration: underline;
    text-underline-offset: 0.14em;
    background: transparent;
    border: 0;
    cursor: pointer;
}

.admin-assistant-quick__link-btn:hover:not(:disabled)[b-nef7h02pn5] {
    color: var(--ss-navy-muted);
}

.admin-assistant-quick__link-btn:disabled[b-nef7h02pn5] {
    opacity: 0.55;
    cursor: not-allowed;
}

.admin-assistant-quick__helper[b-nef7h02pn5] {
    margin: 0;
    font-size: 0.75rem;
    line-height: 1.45;
    color: var(--ss-navy-subtle);
}

.admin-assistant-quick__notice[b-nef7h02pn5] {
    margin: 0;
    font-size: 0.75rem;
    line-height: 1.45;
    color: #b45309;
}

.admin-assistant-inline-actions[b-nef7h02pn5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem 0.625rem;
}

.admin-assistant-inline-actions__btn[b-nef7h02pn5] {
    padding: 0.25rem 0;
    font-family: var(--ss-font);
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--ss-accent);
    background: transparent;
    border: 0;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 0.14em;
}

.admin-assistant-inline-actions__btn:hover:not(:disabled)[b-nef7h02pn5] {
    color: var(--ss-navy);
}

.admin-assistant-inline-actions__btn:disabled[b-nef7h02pn5] {
    opacity: 0.55;
    cursor: not-allowed;
}

.admin-project-setup[b-nef7h02pn5] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.875rem 1rem;
    padding: 1rem 1.125rem;
    background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);
    border: 1px solid rgba(147, 197, 253, 0.45);
    border-radius: var(--ss-radius-md);
}

.admin-project-setup__main[b-nef7h02pn5] {
    flex: 1 1 14rem;
    min-width: 0;
}

.admin-project-setup__title[b-nef7h02pn5] {
    margin: 0 0 0.75rem;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--ss-navy);
}

.admin-project-setup__checklist[b-nef7h02pn5] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4375rem;
}

.admin-project-setup__item[b-nef7h02pn5] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--ss-navy-muted);
}

.admin-project-setup__item--complete[b-nef7h02pn5] {
    color: var(--ss-navy);
}

.admin-project-setup__mark[b-nef7h02pn5] {
    flex-shrink: 0;
    width: 1rem;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--ss-navy-subtle);
    text-align: center;
}

.admin-project-setup__item--complete .admin-project-setup__mark[b-nef7h02pn5] {
    color: #059669;
    font-weight: 700;
}

.admin-project-setup__label[b-nef7h02pn5] {
    min-width: 0;
}

.admin-project-setup__link[b-nef7h02pn5] {
    padding: 0;
    font-family: var(--ss-font);
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.45;
    color: var(--ss-navy);
    text-align: left;
    text-decoration: underline;
    text-underline-offset: 0.14em;
    background: transparent;
    border: 0;
    cursor: pointer;
}

.admin-project-setup__link:hover[b-nef7h02pn5] {
    color: var(--ss-primary);
}

.admin-project-setup__continue[b-nef7h02pn5] {
    flex-shrink: 0;
    align-self: flex-end;
    font-size: 0.8125rem;
}

.admin-setup-invite[b-nef7h02pn5] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem 1.125rem;
    border: 1px solid rgba(6, 182, 212, 0.22);
    border-radius: 0.875rem;
    background: linear-gradient(180deg, rgba(6, 182, 212, 0.06) 0%, rgba(255, 255, 255, 0.92) 100%);
}

.admin-setup-invite__title[b-nef7h02pn5] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--ss-navy);
}

.admin-setup-invite__intro[b-nef7h02pn5] {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--ss-navy-muted);
}

.admin-setup-invite__actions[b-nef7h02pn5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.admin-setup-invite__btn[b-nef7h02pn5] {
    font-size: 0.8125rem;
}

.admin-setup-invite__btn--primary[b-nef7h02pn5] {
    font-weight: 650;
}

.admin-setup-invite__qr[b-nef7h02pn5] {
    padding: 0.5rem 0.875rem;
    font-family: var(--ss-font);
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--ss-navy-subtle);
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 0.5rem;
    cursor: pointer;
}

.admin-setup-invite__qr:hover:not(:disabled)[b-nef7h02pn5] {
    color: var(--ss-navy-muted);
    border-color: rgba(15, 23, 42, 0.2);
}

.admin-setup-invite__qr:disabled[b-nef7h02pn5] {
    opacity: 0.55;
    cursor: not-allowed;
}

.admin-setup-invite__helper[b-nef7h02pn5] {
    margin: 0;
    font-size: 0.75rem;
    line-height: 1.45;
    color: var(--ss-navy-subtle);
}

.admin-assistant-timeline-section[b-nef7h02pn5] {
    min-width: 0;
    padding: 0.75rem 0.875rem;
    background: rgba(248, 250, 252, 0.45);
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: var(--ss-radius-md);
    box-sizing: border-box;
}

.admin-assistant-timeline-section__header[b-nef7h02pn5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.625rem;
    margin-bottom: 0.625rem;
}

.admin-assistant-timeline-section__heading[b-nef7h02pn5] {
    min-width: 0;
}

.admin-assistant-timeline-section__details-toggle[b-nef7h02pn5] {
    flex-shrink: 0;
    padding: 0.25rem 0;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--ss-accent);
    background: transparent;
    border: 0;
    cursor: pointer;
    white-space: nowrap;
}

.admin-assistant-timeline-section__details-toggle:hover[b-nef7h02pn5] {
    text-decoration: underline;
}

.admin-assistant-timeline-section__title[b-nef7h02pn5] {
    margin: 0 0 0.125rem;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--ss-navy-muted);
}

.admin-assistant-timeline-section__desc[b-nef7h02pn5] {
    margin: 0;
    font-size: 0.6875rem;
    line-height: 1.4;
    color: var(--ss-navy-subtle);
}

.admin-assistant-timeline-section__empty[b-nef7h02pn5] {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--ss-navy-subtle);
}

.admin-assistant-timeline-section__toggle[b-nef7h02pn5] {
    margin-top: 0.625rem;
    padding: 0.375rem 0;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--ss-accent);
    background: transparent;
    border: 0;
    cursor: pointer;
}

.admin-assistant-timeline-section__toggle:hover[b-nef7h02pn5] {
    text-decoration: underline;
}

.admin-assistant-timeline-groups[b-nef7h02pn5] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.admin-assistant-timeline-group__label[b-nef7h02pn5] {
    margin: 0 0 0.25rem;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ss-navy-subtle);
}

.admin-assistant-setup-prompt[b-nef7h02pn5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.625rem 0.875rem;
    padding: 0.75rem 0.875rem;
    background: rgba(248, 250, 252, 0.9);
    border: 1px solid var(--ss-border-subtle);
    border-radius: var(--ss-radius-sm);
}

.admin-assistant-setup-prompt__text[b-nef7h02pn5] {
    margin: 0;
    flex: 1 1 12rem;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--ss-navy-muted);
}

.admin-assistant-setup-prompt__btn[b-nef7h02pn5] {
    flex-shrink: 0;
    font-size: 0.8125rem;
}

.admin-assistant-settings[b-nef7h02pn5] {
    border-top: 1px solid var(--ss-border-subtle);
    padding-top: 0.75rem;
}

.admin-assistant-settings__trigger[b-nef7h02pn5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.5rem 0;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--ss-navy-muted);
    text-align: left;
    background: transparent;
    border: 0;
    cursor: pointer;
}

.admin-assistant-settings__trigger:hover[b-nef7h02pn5] {
    color: var(--ss-navy);
}

.admin-assistant-settings__summary[b-nef7h02pn5] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--ss-navy-subtle);
    text-align: right;
}

.admin-assistant-settings__chevron[b-nef7h02pn5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.625rem;
    height: 1.625rem;
    color: var(--ss-navy-subtle);
    background: rgba(248, 250, 252, 0.95);
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 0.4375rem;
    transition: transform 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.admin-assistant-settings__chevron svg[b-nef7h02pn5] {
    display: block;
}

.admin-assistant-settings__chevron--expanded[b-nef7h02pn5] {
    transform: rotate(180deg);
}

.admin-assistant-settings__panel[b-nef7h02pn5] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
    padding: 0.75rem 0 0.25rem;
}

.admin-assistant-settings__prompt[b-nef7h02pn5] {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--ss-navy-muted);
}

.admin-assistant-settings--inline[b-nef7h02pn5] {
    margin-top: 0.25rem;
}

.admin-assistant-settings__block[b-nef7h02pn5] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(148, 163, 184, 0.1);
}

.admin-assistant-settings__block--first[b-nef7h02pn5] {
    padding-top: 0;
    border-top: none;
}

.admin-assistant-settings__block--last[b-nef7h02pn5] {
    padding-bottom: 0;
}

.admin-assistant-settings__block-title[b-nef7h02pn5] {
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--ss-navy);
}

.admin-assistant-settings__block-desc[b-nef7h02pn5] {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--ss-navy-subtle);
}

.admin-assistant-timeline[b-nef7h02pn5] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.admin-assistant-timeline__item[b-nef7h02pn5] {
    display: flex;
    align-items: flex-start;
    gap: 0.5625rem;
    padding: 0.3125rem 0;
}

.admin-assistant-timeline__dot[b-nef7h02pn5] {
    flex-shrink: 0;
    width: 0.4375rem;
    height: 0.4375rem;
    margin-top: 0.375rem;
    border-radius: 50%;
    background: var(--ss-accent);
}

.admin-assistant-timeline__item--view .admin-assistant-timeline__dot[b-nef7h02pn5] {
    background: #6366f1;
}

.admin-assistant-timeline__item--email .admin-assistant-timeline__dot[b-nef7h02pn5] {
    background: var(--ss-accent);
}

.admin-assistant-timeline__item--update .admin-assistant-timeline__dot[b-nef7h02pn5] {
    background: #0ea5e9;
}

.admin-assistant-timeline__item--stage .admin-assistant-timeline__dot[b-nef7h02pn5] {
    background: #10b981;
}

.admin-assistant-timeline__item--reminder .admin-assistant-timeline__dot[b-nef7h02pn5] {
    background: #f59e0b;
}

.admin-assistant-timeline__item--failed .admin-assistant-timeline__dot[b-nef7h02pn5] {
    background: #ef4444;
}

.admin-assistant-timeline__item--created .admin-assistant-timeline__dot[b-nef7h02pn5] {
    background: var(--ss-navy-subtle);
}

.admin-assistant-timeline__item--recipient .admin-assistant-timeline__dot[b-nef7h02pn5] {
    background: #8b5cf6;
}

.admin-assistant-timeline__item--expandable[b-nef7h02pn5] {
    cursor: pointer;
}

.admin-assistant-timeline__row-toggle[b-nef7h02pn5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "label chevron"
        "support support"
        "details details"
        "meta meta";
    align-items: start;
    gap: 0.0625rem 0.5rem;
    width: 100%;
    min-width: 0;
    padding: 0.0625rem 0;
    text-align: left;
    background: transparent;
    border: 0;
    cursor: pointer;
    color: inherit;
    font: inherit;
    border-radius: var(--ss-radius-sm);
}

.admin-assistant-timeline__row-toggle:hover[b-nef7h02pn5] {
    background: rgba(248, 250, 252, 0.9);
}

.admin-assistant-timeline__row-toggle .admin-assistant-timeline__primary[b-nef7h02pn5] {
    grid-area: label;
}

.admin-assistant-timeline__chevron[b-nef7h02pn5] {
    grid-area: chevron;
    width: 0.5rem;
    height: 0.5rem;
    margin-top: 0.3125rem;
    border-right: 2px solid var(--ss-navy-subtle);
    border-bottom: 2px solid var(--ss-navy-subtle);
    transform: rotate(45deg);
    transition: transform 0.15s ease, margin-top 0.15s ease;
}

.admin-assistant-timeline__chevron--expanded[b-nef7h02pn5] {
    margin-top: 0.4375rem;
    transform: rotate(-135deg);
}

.admin-assistant-timeline__row-toggle .admin-assistant-timeline__details[b-nef7h02pn5] {
    grid-area: details;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.admin-assistant-timeline__row-toggle .admin-assistant-timeline__meta[b-nef7h02pn5] {
    grid-area: meta;
}

.admin-assistant-timeline__copy[b-nef7h02pn5] {
    display: flex;
    flex-direction: column;
    gap: 0.0625rem;
    min-width: 0;
    flex: 1 1 auto;
}

.admin-assistant-timeline__primary[b-nef7h02pn5] {
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.35;
    color: var(--ss-navy);
}

.admin-assistant-timeline__primary-detail[b-nef7h02pn5] {
    font-weight: 500;
    color: var(--ss-navy-muted);
}

.admin-assistant-timeline__support[b-nef7h02pn5] {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.35;
    color: var(--ss-navy-muted);
}

.admin-assistant-timeline__row-toggle .admin-assistant-timeline__support[b-nef7h02pn5] {
    grid-area: support;
}

.admin-assistant-timeline__details[b-nef7h02pn5] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    margin-top: 0.125rem;
}

.admin-assistant-timeline__detail[b-nef7h02pn5] {
    font-size: 0.75rem;
    line-height: 1.35;
    font-style: italic;
    color: var(--ss-navy-subtle);
}

.admin-assistant-timeline__meta[b-nef7h02pn5] {
    font-size: 0.6875rem;
    line-height: 1.3;
    font-weight: 500;
    color: var(--ss-navy-subtle);
}

.admin-reminder--card[b-nef7h02pn5] {
    margin-top: 0;
}

.admin-reminder--card + .admin-notify-options[b-nef7h02pn5] {
    margin-top: 0.625rem;
}

.admin-notify-options--disabled[b-nef7h02pn5] {
    opacity: 0.55;
}

.admin-notify-options--disabled .admin-notify-checkbox[b-nef7h02pn5] {
    cursor: not-allowed;
}

@media (max-width: 640px) {
    .admin-assistant.admin-panel--hero[b-nef7h02pn5] {
        padding: 1.25rem 1.125rem;
    }

    .admin-assistant-health__action[b-nef7h02pn5] {
        width: 100%;
    }

    .admin-assistant-health__metrics[b-nef7h02pn5] {
        grid-template-columns: 1fr;
    }

    .admin-assistant-quick__btn[b-nef7h02pn5] {
        flex: 1 1 auto;
        min-width: 0;
    }

    .admin-assistant-setup-prompt__btn[b-nef7h02pn5] {
        width: 100%;
    }

    .admin-assistant-settings__summary[b-nef7h02pn5] {
        display: none;
    }
}

.admin-comm-banner[b-nef7h02pn5] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem 1rem;
    padding: 0.875rem 1rem;
    border-radius: var(--ss-radius-md);
}

.admin-comm-banner--healthy[b-nef7h02pn5] {
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
}

.admin-comm-banner--attention[b-nef7h02pn5] {
    background: #fffbeb;
    border: 1px solid #fde68a;
}

.admin-comm-banner__copy[b-nef7h02pn5] {
    flex: 1 1 12rem;
    min-width: 0;
}

.admin-comm-banner__title[b-nef7h02pn5] {
    margin: 0 0 0.25rem;
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--ss-navy);
}

.admin-comm-banner--healthy .admin-comm-banner__title[b-nef7h02pn5] {
    color: #047857;
}

.admin-comm-banner--attention .admin-comm-banner__title[b-nef7h02pn5] {
    color: #b45309;
}

.admin-comm-banner__detail[b-nef7h02pn5] {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--ss-navy-muted);
}

.admin-comm-banner__action[b-nef7h02pn5] {
    flex-shrink: 0;
    padding: 0.4375rem 0.875rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #92400e;
    background: #fbbf24;
    border: 1px solid #f59e0b;
    border-radius: var(--ss-radius-sm);
}

.admin-comm-banner__action:hover:not(:disabled)[b-nef7h02pn5] {
    background: #f59e0b;
}

.admin-comm-stats[b-nef7h02pn5] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
}

.admin-comm-stat[b-nef7h02pn5] {
    padding: 0.625rem 0.75rem;
    background: var(--ss-bg-subtle);
    border: 1px solid var(--ss-border-subtle);
    border-radius: var(--ss-radius-sm);
}

.admin-comm-stat__label[b-nef7h02pn5] {
    display: block;
    margin-bottom: 0.25rem;
    font-size: 0.6875rem;
    line-height: 1.3;
    color: var(--ss-navy-subtle);
}

.admin-comm-stat__value[b-nef7h02pn5] {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--ss-navy);
}

.admin-comm-stat__value--empty[b-nef7h02pn5] {
    font-weight: 500;
    color: var(--ss-navy-subtle);
}

.admin-comm-collapse[b-nef7h02pn5] {
    border: 1px solid var(--ss-border-subtle);
    border-radius: var(--ss-radius-sm);
    background: #fff;
    overflow: hidden;
}

.admin-comm-collapse + .admin-comm-collapse[b-nef7h02pn5] {
    margin-top: -0.375rem;
}

.admin-comm-collapse__trigger[b-nef7h02pn5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    padding: 0.75rem 0.875rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--ss-navy);
    text-align: left;
    background: transparent;
    border: 0;
    cursor: pointer;
}

.admin-comm-collapse__trigger:hover[b-nef7h02pn5] {
    background: var(--ss-bg-subtle);
}

.admin-comm-collapse__chevron[b-nef7h02pn5] {
    flex-shrink: 0;
    color: var(--ss-navy-subtle);
    transition: transform 0.15s ease;
}

.admin-comm-collapse__chevron--expanded[b-nef7h02pn5] {
    transform: rotate(180deg);
}

.admin-comm-collapse__body[b-nef7h02pn5] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0 0.875rem 0.875rem;
    border-top: 1px solid var(--ss-border-subtle);
}

.admin-comm-collapse__body .admin-notify-options[b-nef7h02pn5] {
    margin-top: 0;
    padding-left: 0.125rem;
}

.admin-comm-collapse__body .admin-recipient-field--compact[b-nef7h02pn5] {
    margin-bottom: 0;
}

.admin-reminder--compact[b-nef7h02pn5] {
    margin-top: 0.125rem;
}

.admin-comm-quiet-btn[b-nef7h02pn5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    align-self: flex-start;
    padding: 0.4375rem 0.75rem;
    font-size: 0.8125rem;
    background: #fff;
}

.admin-comm-quiet-btn--footer[b-nef7h02pn5] {
    width: 100%;
    margin-top: 0.125rem;
}

.admin-comm-history[b-nef7h02pn5] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.admin-comm-history__item[b-nef7h02pn5] {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    padding: 0.625rem 0;
    border-bottom: 1px solid var(--ss-border-subtle);
}

.admin-comm-history__item:last-child[b-nef7h02pn5] {
    border-bottom: 0;
    padding-bottom: 0;
}

.admin-comm-history__dot[b-nef7h02pn5] {
    flex-shrink: 0;
    width: 0.4375rem;
    height: 0.4375rem;
    margin-top: 0.4375rem;
    border-radius: 50%;
    background: var(--ss-accent);
}

.admin-comm-history__copy[b-nef7h02pn5] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
}

.admin-comm-history__primary[b-nef7h02pn5] {
    font-size: 0.8125rem;
    line-height: 1.4;
    color: var(--ss-navy);
}

.admin-comm-history__meta[b-nef7h02pn5] {
    font-size: 0.75rem;
    line-height: 1.35;
    color: var(--ss-navy-subtle);
}

.admin-comm-history__empty[b-nef7h02pn5] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--ss-navy-subtle);
}

@media (max-width: 640px) {
    .admin-comm-stats[b-nef7h02pn5] {
        grid-template-columns: 1fr;
    }

    .admin-comm-banner__action[b-nef7h02pn5] {
        width: 100%;
    }
}

.admin-communication-panel__title[b-nef7h02pn5] {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--ss-navy);
}

.admin-communication__lead[b-nef7h02pn5] {
    margin: 0 0 0.5rem;
    font-size: 0.75rem;
    line-height: 1.45;
    color: var(--ss-navy-muted);
}

.admin-communication__lead--muted[b-nef7h02pn5] {
    color: var(--ss-navy-subtle);
}

.admin-communication__block[b-nef7h02pn5] {
    margin-bottom: 0.875rem;
}

.admin-communication__block-header[b-nef7h02pn5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.admin-communication__block-header .admin-communication__subheading[b-nef7h02pn5] {
    margin-bottom: 0;
}

.admin-recipient-count[b-nef7h02pn5] {
    flex-shrink: 0;
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--ss-navy-muted);
    background: var(--ss-bg-subtle);
    border: 1px solid var(--ss-border-subtle);
    border-radius: 999px;
    padding: 0.1875rem 0.5rem;
}

.admin-recipient-field[b-nef7h02pn5] {
    margin-bottom: 0.5rem;
}

.admin-recipient-field__label[b-nef7h02pn5] {
    margin-bottom: 0.25rem;
    font-size: 0.75rem;
}

.admin-recipient-chips[b-nef7h02pn5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.375rem;
    margin-top: 0.25rem;
}

.admin-recipient-chip[b-nef7h02pn5] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    max-width: 100%;
    padding: 0.1875rem 0.3125rem 0.1875rem 0.5rem;
    background: rgba(241, 245, 249, 0.85);
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 999px;
    box-sizing: border-box;
}

.admin-recipient-chip__email[b-nef7h02pn5] {
    font-size: 0.75rem;
    line-height: 1.35;
    color: var(--ss-navy);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-recipient-chip__remove[b-nef7h02pn5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    padding: 0;
    font-size: 0.875rem;
    line-height: 1;
    color: var(--ss-navy-subtle);
    background: transparent;
    border: none;
    border-radius: 999px;
    cursor: pointer;
    opacity: 0.75;
}

.admin-recipient-chip__remove:hover:not(:disabled)[b-nef7h02pn5] {
    color: var(--ss-navy-muted);
    background: rgba(255, 255, 255, 0.8);
    opacity: 1;
}

.admin-recipient-add[b-nef7h02pn5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    align-items: center;
    flex: 1 1 100%;
    min-width: 0;
}

.admin-recipient-add__input[b-nef7h02pn5] {
    flex: 1 1 10rem;
    min-width: 0;
    padding: 0.4375rem 0.625rem;
    font-size: 0.8125rem;
    line-height: 1.35;
}

.admin-recipient-add__btn[b-nef7h02pn5] {
    flex-shrink: 0;
    padding: 0.4375rem 0.75rem;
    font-size: 0.8125rem;
}

.admin-recipient-error[b-nef7h02pn5] {
    margin: 0.375rem 0 0;
    font-size: 0.75rem;
    line-height: 1.4;
    color: var(--ss-error);
}

.admin-communication__toolbar[b-nef7h02pn5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.375rem 0.625rem;
    margin-top: 0.375rem;
}

.admin-communication__block--last[b-nef7h02pn5] {
    margin-bottom: 0;
}

.admin-communication__subheading[b-nef7h02pn5] {
    margin: 0 0 0.375rem;
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--ss-navy-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.admin-communication__status[b-nef7h02pn5] {
    margin: 0;
    font-size: 0.75rem;
    line-height: 1.4;
    color: var(--ss-navy-muted);
}

.admin-communication__status--muted[b-nef7h02pn5] {
    color: var(--ss-navy-subtle);
}

.admin-communication__status--sent[b-nef7h02pn5] {
    margin-bottom: 0.375rem;
}

.admin-communication__actions[b-nef7h02pn5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.375rem;
}

.admin-communication__history[b-nef7h02pn5] {
    margin-top: 0.875rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(148, 163, 184, 0.22);
}

.admin-communication__history-title[b-nef7h02pn5] {
    margin: 0 0 0.375rem;
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--ss-navy-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.admin-communication__history-empty[b-nef7h02pn5] {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--ss-navy-subtle);
}

.admin-communication-log-scroll[b-nef7h02pn5] {
    max-height: calc(5 * 1.5rem + 4px);
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 0.125rem;
    scrollbar-width: thin;
    scrollbar-color: rgba(148, 163, 184, 0.55) transparent;
}

.admin-communication-log-scroll[b-nef7h02pn5]::-webkit-scrollbar {
    width: 6px;
}

.admin-communication-log-scroll[b-nef7h02pn5]::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.45);
    border-radius: 999px;
}

.admin-communication-log-scroll[b-nef7h02pn5]::-webkit-scrollbar-track {
    background: transparent;
}

.admin-communication-log[b-nef7h02pn5] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
}

.admin-communication-log__item[b-nef7h02pn5] {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
}

.admin-communication-log__item:last-child[b-nef7h02pn5] {
    border-bottom: 0;
}

.admin-communication-log__row[b-nef7h02pn5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.375rem;
    min-height: 1.5rem;
    padding: 0;
}

.admin-communication-log__summary[b-nef7h02pn5] {
    flex: 1;
    min-width: 0;
    font-size: 0.75rem;
    line-height: 1.35;
    color: var(--ss-navy-muted);
}

.admin-communication-log__toggle[b-nef7h02pn5] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.375rem;
    height: 1.375rem;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--ss-navy-subtle);
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.admin-communication-log__toggle:hover[b-nef7h02pn5] {
    background: rgba(148, 163, 184, 0.12);
    color: var(--ss-navy-muted);
}

.admin-communication-log__toggle svg[b-nef7h02pn5] {
    transition: transform 0.15s ease;
}

.admin-communication-log__toggle--expanded svg[b-nef7h02pn5] {
    transform: rotate(180deg);
}

.admin-communication-log__recipients[b-nef7h02pn5] {
    margin: 0 0 0.1875rem;
    padding: 0 0 0.1875rem 0.125rem;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.admin-communication-log__recipient[b-nef7h02pn5] {
    font-size: 0.6875rem;
    line-height: 1.35;
    color: var(--ss-navy-subtle);
}

.admin-communication__future[b-nef7h02pn5] {
    margin: 0.625rem 0 0;
    font-size: 0.6875rem;
    line-height: 1.45;
    color: var(--ss-navy-subtle);
}

.admin-communication__action[b-nef7h02pn5] {
    margin-top: 0;
    width: auto;
    min-width: 0;
    justify-content: center;
}

.admin-communication__action--compact[b-nef7h02pn5] {
    padding: 0.3125rem 0.625rem;
    font-size: 0.75rem;
    font-weight: 600;
}

.admin-reminder[b-nef7h02pn5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4375rem 0.625rem;
}

.admin-reminder__toggle[b-nef7h02pn5] {
    flex-shrink: 0;
}

.admin-reminder__label[b-nef7h02pn5] {
    flex: 1 1 10rem;
    font-size: 0.8125rem;
    line-height: 1.35;
    color: var(--ss-navy-muted);
}

.admin-reminder__days[b-nef7h02pn5] {
    flex: 0 0 auto;
    width: auto;
    min-width: 6.75rem;
    padding: 0.375rem 0.5rem;
    font-size: 0.8125rem;
}

@media (max-width: 479px) {
    .admin-reminder__days[b-nef7h02pn5] {
        width: 100%;
        min-width: 0;
    }
}

.admin-notify-checkbox[b-nef7h02pn5] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.8125rem;
    color: var(--ss-navy-muted);
    cursor: pointer;
}

.admin-notify-options[b-nef7h02pn5] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.625rem;
    padding-left: 0.125rem;
}

.admin-notify-options__intro[b-nef7h02pn5] {
    margin: 0.625rem 0 0;
}

.admin-notify-checkbox input[b-nef7h02pn5] {
    flex-shrink: 0;
    margin-top: 0.125rem;
}

/* Status Page editor — single tap-first editing surface */
.admin-status-page[b-nef7h02pn5] {
    margin-top: 1.25rem;
    min-width: 0;
}

.admin-status-page__toolbar[b-nef7h02pn5] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem 1rem;
    margin-bottom: 0.875rem;
}

.admin-status-page__heading[b-nef7h02pn5] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    color: var(--ss-navy);
}

.admin-status-page__subtitle[b-nef7h02pn5] {
    margin: 0.25rem 0 0;
    font-size: 0.8125rem;
    color: var(--ss-navy-subtle);
}

.admin-status-page__toolbar-actions[b-nef7h02pn5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.admin-status-page__open-link[b-nef7h02pn5],
.admin-status-page__send-update[b-nef7h02pn5] {
    min-height: 2.75rem;
    padding: 0.4375rem 0.875rem;
    font-size: 0.8125rem;
    text-decoration: none;
    white-space: nowrap;
}

.admin-status-page__editor[b-nef7h02pn5] {
    min-width: 0;
}

.admin-status-page__meta[b-nef7h02pn5] {
    margin-top: 0.875rem;
}

.admin-status-page__save-notice[b-nef7h02pn5] {
    margin: 0 0 0.375rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #047857;
}

.admin-status-page__save-notice--error[b-nef7h02pn5] {
    color: #b91c1c;
}

.admin-status-page__notify-hint[b-nef7h02pn5] {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--ss-navy-subtle);
}

.admin-status-page .admin-done-action[b-nef7h02pn5] {
    margin-top: 1rem;
}

/* /Components/Pages/AdminDashboard.razor.rz.scp.css */
.admin-dashboard__section-header[b-xhypxz926c] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.admin-dashboard__section-header h2[b-xhypxz926c] {
    margin: 0 0 0.25rem;
}

.admin-dashboard__section-desc[b-xhypxz926c] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--ss-navy-subtle);
}

.admin-dashboard__demo-stats[b-xhypxz926c] {
    margin-top: 0.25rem;
    font-size: 0.8125rem;
    font-weight: 400;
    color: var(--ss-navy-subtle);
}

.admin-dashboard__subtabs[b-xhypxz926c] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin-bottom: 1rem;
}

.admin-dashboard__subtab[b-xhypxz926c] {
    display: inline-block;
    padding: 0.4375rem 0.75rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--ss-navy-muted);
    text-decoration: none;
    border: 1px solid var(--ss-border-subtle);
    border-radius: var(--ss-radius-sm);
    background: var(--ss-bg-subtle);
}

.admin-dashboard__subtab--active[b-xhypxz926c] {
    color: var(--ss-navy);
    border-color: var(--ss-border);
    background: #fff;
}

.admin-dashboard__section-toolbar[b-xhypxz926c] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1rem;
}

.admin-dashboard__badge[b-xhypxz926c] {
    display: inline-block;
    margin-left: 0.5rem;
    padding: 0.125rem 0.4375rem;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--ss-navy-subtle);
    border: 1px solid var(--ss-border-subtle);
    border-radius: 999px;
}

.admin-dashboard__row--muted[b-xhypxz926c] {
    opacity: 0.72;
}


.admin-dashboard__header[b-xhypxz926c] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 2rem;
}

.admin-dashboard__title[b-xhypxz926c] {
    margin: 0.75rem 0 0.25rem;
    font-size: 1.75rem;
}

.admin-dashboard__subtitle[b-xhypxz926c] {
    margin: 0;
    color: var(--ss-navy-muted);
}

.admin-dashboard__logout[b-xhypxz926c] {
    flex-shrink: 0;
    text-decoration: none;
}

.admin-dashboard__tabs[b-xhypxz926c] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--ss-border);
}

.admin-dashboard__tab[b-xhypxz926c] {
    display: inline-block;
    padding: 0.5rem 0.875rem;
    font-family: var(--ss-font);
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--ss-navy-muted);
    text-decoration: none;
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--ss-radius-sm);
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.admin-dashboard__tab:hover[b-xhypxz926c] {
    color: var(--ss-navy);
    background: var(--ss-bg-subtle);
}

.admin-dashboard__tab--active[b-xhypxz926c] {
    color: var(--ss-navy);
    background: #fff;
    border-color: var(--ss-border);
    box-shadow: var(--ss-shadow-sm);
}

.admin-dashboard__loading[b-xhypxz926c],
.admin-dashboard__empty[b-xhypxz926c] {
    color: var(--ss-navy-muted);
}

.admin-dashboard__cards[b-xhypxz926c] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.admin-dashboard__card[b-xhypxz926c] {
    padding: 1rem 1.25rem;
}

.admin-dashboard__card h2[b-xhypxz926c],
.admin-dashboard__card h3[b-xhypxz926c] {
    margin: 0 0 0.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--ss-navy-muted);
}

.admin-dashboard__cards--api[b-xhypxz926c] {
    margin-bottom: 0;
}

.admin-dashboard__card--compact[b-xhypxz926c] {
    padding: 0.875rem 1rem;
}

.admin-dashboard__filters[b-xhypxz926c] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
    align-items: end;
}

.admin-dashboard__filters label[b-xhypxz926c] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.75rem;
    color: var(--ss-navy-muted);
}

.admin-dashboard__filter-input[b-xhypxz926c] {
    padding: 0.5rem 0.625rem;
    font-size: 0.8125rem;
}

.admin-dashboard__filter-check[b-xhypxz926c] {
    flex-direction: row !important;
    align-items: center;
    gap: 0.375rem !important;
    padding-bottom: 0.5rem;
}

.admin-dashboard__filter-btn[b-xhypxz926c] {
    justify-self: start;
    padding: 0.5rem 0.875rem;
    font-size: 0.8125rem;
}

.admin-dashboard__actions[b-xhypxz926c] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    white-space: nowrap;
}

.admin-dashboard__inline-form[b-xhypxz926c] {
    display: inline;
    margin: 0;
}

.admin-dashboard__action[b-xhypxz926c] {
    padding: 0.25rem 0.5rem;
    font-family: var(--ss-font);
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--ss-navy-muted);
    background: #fff;
    border: 1px solid var(--ss-border);
    border-radius: var(--ss-radius-sm);
    cursor: pointer;
}

.admin-dashboard__action:hover[b-xhypxz926c] {
    background: var(--ss-bg-muted);
}

.admin-dashboard__action--link[b-xhypxz926c] {
    display: inline-block;
    text-decoration: none;
    text-align: center;
}

.admin-dashboard__row--unread[b-xhypxz926c] {
    background: #fffbeb;
}

.admin-dashboard__feedback-preview[b-xhypxz926c] {
    max-width: 16rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin-dashboard__feedback-detail-header[b-xhypxz926c] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.admin-dashboard__feedback-back[b-xhypxz926c] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--ss-navy-muted);
    text-decoration: none;
}

.admin-dashboard__feedback-back:hover[b-xhypxz926c] {
    color: var(--ss-navy);
}

.admin-dashboard__feedback-meta[b-xhypxz926c] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    gap: 0.75rem 1.25rem;
    margin: 0 0 1.25rem;
}

.admin-dashboard__feedback-meta dt[b-xhypxz926c] {
    margin: 0;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--ss-navy-muted);
}

.admin-dashboard__feedback-meta dd[b-xhypxz926c] {
    margin: 0.125rem 0 0;
}

.admin-dashboard__feedback-message h3[b-xhypxz926c] {
    margin: 0 0 0.5rem;
    font-size: 0.875rem;
}

.admin-dashboard__feedback-message p[b-xhypxz926c] {
    margin: 0;
    white-space: pre-wrap;
    line-height: 1.5;
}

.admin-dashboard__feedback-notes-form[b-xhypxz926c] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 1.25rem;
}

.admin-dashboard__feedback-notes[b-xhypxz926c] {
    resize: vertical;
    min-height: 4.5rem;
}

.admin-dashboard__feedback-detail-actions[b-xhypxz926c] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.admin-dashboard__metric[b-xhypxz926c] {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
}

.admin-dashboard__metric-note[b-xhypxz926c] {
    margin: 0.35rem 0 0;
    font-size: 0.8125rem;
    color: var(--ss-muted, #64748b);
    line-height: 1.4;
}

.admin-dashboard__section[b-xhypxz926c] {
    padding: 1.25rem;
    margin-bottom: 1.5rem;
}

.admin-dashboard__section h2[b-xhypxz926c] {
    margin: 0 0 1rem;
    font-size: 1.125rem;
}

.admin-dashboard__funnel[b-xhypxz926c] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
}

.admin-dashboard__funnel-step[b-xhypxz926c] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 8rem;
    padding: 0.75rem 1rem;
    border: 1px solid var(--ss-border);
    border-radius: var(--ss-radius);
    background: var(--ss-bg-subtle);
}

.admin-dashboard__funnel-label[b-xhypxz926c] {
    font-size: 0.8125rem;
    color: var(--ss-navy-muted);
}

.admin-dashboard__funnel-arrow[b-xhypxz926c] {
    color: var(--ss-navy-subtle);
    font-size: 1.25rem;
}

.admin-dashboard__funnel-inline[b-xhypxz926c] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
    margin: 0;
    line-height: 1.6;
}

.admin-dashboard__funnel-inline strong[b-xhypxz926c] {
    font-weight: 700;
}

.admin-dashboard__funnel-sep[b-xhypxz926c] {
    color: var(--ss-navy-subtle);
}

.admin-dashboard__subsection-title[b-xhypxz926c] {
    margin: 1.25rem 0 0.5rem;
    font-size: 1rem;
}

.admin-dashboard__table-wrap[b-xhypxz926c] {
    overflow-x: auto;
}

.admin-dashboard__table[b-xhypxz926c] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.admin-dashboard__table th[b-xhypxz926c],
.admin-dashboard__table td[b-xhypxz926c] {
    padding: 0.625rem 0.75rem;
    border-bottom: 1px solid var(--ss-border-subtle);
    text-align: left;
    vertical-align: top;
}

.admin-dashboard__table th[b-xhypxz926c] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--ss-navy-muted);
}

.admin-dashboard__links[b-xhypxz926c] {
    display: flex;
    gap: 0.75rem;
    white-space: nowrap;
}

.admin-dashboard__url[b-xhypxz926c] {
    max-width: 18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 640px) {
    .admin-dashboard__header[b-xhypxz926c] {
        flex-direction: column;
    }
}

.admin-dashboard__section-lead[b-xhypxz926c] {
    margin: 0 0 1rem;
    color: var(--ss-navy-muted);
}

.admin-dashboard__key-reveal[b-xhypxz926c] {
    margin-bottom: 1.25rem;
    padding: 1rem 1.25rem;
    border: 1px solid #f0c36d;
    background: #fff8e8;
}

.admin-dashboard__key-reveal h3[b-xhypxz926c] {
    margin: 0 0 0.5rem;
}

.admin-dashboard__key-reveal-value[b-xhypxz926c] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.admin-dashboard__key-reveal-value code[b-xhypxz926c] {
    word-break: break-all;
}

.admin-dashboard__integration-form[b-xhypxz926c] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.admin-dashboard__integration-form h3[b-xhypxz926c] {
    margin: 0;
}

.admin-dashboard__integration-fields[b-xhypxz926c] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: 0.75rem;
}

.admin-dashboard__integration-notes[b-xhypxz926c] {
    min-height: 4rem;
    resize: vertical;
}

.admin-dashboard__accounts[b-xhypxz926c] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.admin-dashboard__account[b-xhypxz926c] {
    border: 1px solid var(--ss-border);
    border-radius: var(--ss-radius);
    background: var(--ss-bg-subtle);
}

.admin-dashboard__account-summary[b-xhypxz926c] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem 1rem;
    align-items: baseline;
    padding: 0.875rem 1rem;
    cursor: pointer;
    list-style: none;
}

.admin-dashboard__account-summary[b-xhypxz926c]::-webkit-details-marker {
    display: none;
}

.admin-dashboard__account-email[b-xhypxz926c] {
    font-weight: 600;
    color: var(--ss-navy);
}

.admin-dashboard__account-meta[b-xhypxz926c] {
    font-size: 0.875rem;
    color: var(--ss-navy-muted);
}

.admin-dashboard__account-details[b-xhypxz926c] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: 0.75rem 1rem;
    margin: 0;
    padding: 0 1rem 1rem;
}

.admin-dashboard__account-details div[b-xhypxz926c] {
    margin: 0;
}

.admin-dashboard__account-details dt[b-xhypxz926c] {
    margin: 0 0 0.125rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--ss-navy-subtle);
}

.admin-dashboard__account-details dd[b-xhypxz926c] {
    margin: 0;
    font-size: 0.9375rem;
    color: var(--ss-navy);
}

.admin-dashboard__table--nested[b-xhypxz926c] {
    margin: 0 1rem 1rem;
    width: calc(100% - 2rem);
}

.admin-dashboard__empty--nested[b-xhypxz926c] {
    margin: 0 1rem 1rem;
}

.admin-dashboard__account-actions[b-xhypxz926c] {
    display: flex;
    justify-content: flex-end;
    padding: 0 1rem 1rem;
}

.admin-dashboard__delete-btn[b-xhypxz926c] {
    border: 0;
    background: none;
    padding: 0;
    font: inherit;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #b91c1c;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 0.12em;
}

.admin-dashboard__delete-btn:hover[b-xhypxz926c] {
    color: #991b1b;
}

.admin-dashboard__notice[b-xhypxz926c] {
    margin: 0 0 1rem;
    padding: 0.75rem 0.875rem;
    border-radius: var(--ss-radius-sm);
    background: #ecfdf5;
    color: #166534;
}

.admin-dashboard__error[b-xhypxz926c] {
    margin: 0 0 1rem;
    padding: 0.75rem 0.875rem;
    border-radius: var(--ss-radius-sm);
    background: #fef2f2;
    color: #991b1b;
}

.admin-dashboard__dialog[b-xhypxz926c] {
    border: 0;
    padding: 0;
    margin: auto;
    max-width: min(calc(100% - 2rem), 28rem);
    background: transparent;
}

.admin-dashboard__dialog[b-xhypxz926c]::backdrop {
    background: rgba(15, 23, 42, 0.45);
}

.admin-dashboard__dialog-panel[b-xhypxz926c] {
    padding: 1.25rem 1.5rem;
    border-radius: var(--ss-radius);
    background: #fff;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.18);
}

.admin-dashboard__dialog-title[b-xhypxz926c] {
    margin: 0 0 0.75rem;
    font-size: 1.125rem;
}

.admin-dashboard__dialog-text[b-xhypxz926c] {
    margin: 0 0 0.75rem;
    color: var(--ss-navy-muted);
    line-height: 1.55;
}

.admin-dashboard__dialog-list[b-xhypxz926c] {
    margin: 0 0 0.75rem;
    padding-left: 1.25rem;
    color: var(--ss-navy-muted);
    line-height: 1.5;
}

.admin-dashboard__dialog-warning[b-xhypxz926c] {
    margin: 0 0 1rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #b91c1c;
}

.admin-dashboard__dialog-form[b-xhypxz926c] {
    margin: 0;
}

.admin-dashboard__dialog-actions[b-xhypxz926c] {
    display: flex;
    justify-content: flex-end;
    gap: 0.625rem;
}

.admin-dashboard__dialog-delete[b-xhypxz926c] {
    background: #b91c1c;
    border-color: #b91c1c;
}

.admin-dashboard__dialog-delete:hover[b-xhypxz926c] {
    background: #991b1b;
    border-color: #991b1b;
}
/* /Components/Pages/AdminDemoEdit.razor.rz.scp.css */
.demo-admin[b-5g65tvdnv0] {
    min-height: 100vh;
    background:
        radial-gradient(ellipse 80% 50% at 50% -10%, rgba(6, 182, 212, 0.07), transparent),
        linear-gradient(180deg, var(--ss-bg-subtle) 0%, var(--ss-bg-muted) 100%);
}

.demo-admin__header[b-5g65tvdnv0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.demo-admin__back[b-5g65tvdnv0] {
    display: inline-block;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    color: var(--ss-navy-muted);
    text-decoration: none;
}

.demo-admin__back:hover[b-5g65tvdnv0] {
    color: var(--ss-navy);
}

.demo-admin__title[b-5g65tvdnv0] {
    margin: 0;
    font-size: 1.75rem;
}

.demo-admin__view-link[b-5g65tvdnv0] {
    flex-shrink: 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--ss-primary);
    text-decoration: none;
}

.demo-admin__privacy-note[b-5g65tvdnv0] {
    margin: 0 0 1.25rem;
    padding: 0.875rem 1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--ss-navy-muted);
    background: var(--ss-bg-subtle);
    border: 1px solid var(--ss-border);
    border-radius: var(--ss-radius);
}

.demo-admin__error[b-5g65tvdnv0] {
    margin: 0 0 1rem;
    padding: 0.75rem 1rem;
    color: #b42318;
    background: #fef3f2;
    border: 1px solid #fecdca;
    border-radius: var(--ss-radius);
}

.demo-admin__status[b-5g65tvdnv0] {
    margin: 0 0 1rem;
    padding: 0.75rem 1rem;
    color: var(--ss-success);
    background: var(--ss-success-bg);
    border: 1px solid var(--ss-success-border);
    border-radius: var(--ss-radius);
}

.demo-admin__loading[b-5g65tvdnv0] {
    color: var(--ss-navy-subtle);
}

.demo-admin__workspace[b-5g65tvdnv0] {
    display: grid;
    gap: 1.5rem;
    align-items: start;
}

.demo-admin__editor[b-5g65tvdnv0] {
    display: grid;
    gap: 1.5rem;
}

.demo-admin__panel[b-5g65tvdnv0] {
    padding: 1.25rem;
}

.demo-admin__panel-title[b-5g65tvdnv0] {
    margin: 0 0 1rem;
    font-size: 1.125rem;
}

.demo-admin__hint[b-5g65tvdnv0] {
    margin: -0.5rem 0 1rem;
    font-size: 0.875rem;
    color: var(--ss-navy-subtle);
}

.demo-admin__empty-items[b-5g65tvdnv0] {
    margin: 0 0 1rem;
    font-size: 0.875rem;
    color: var(--ss-navy-muted);
}

.demo-admin__field[b-5g65tvdnv0] {
    margin-bottom: 1rem;
}

.demo-admin__field--checkbox[b-5g65tvdnv0] {
    margin-top: 0.5rem;
}

.demo-admin__checkbox[b-5g65tvdnv0] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9375rem;
}

.demo-admin__textarea[b-5g65tvdnv0] {
    min-height: 5rem;
    resize: vertical;
}

.demo-admin__slug-row[b-5g65tvdnv0] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.demo-admin__slug-prefix[b-5g65tvdnv0] {
    font-size: 0.875rem;
    color: var(--ss-navy-subtle);
    white-space: nowrap;
}

.demo-admin__slug-input[b-5g65tvdnv0] {
    flex: 1;
}

.demo-admin__logo-preview[b-5g65tvdnv0] {
    margin-bottom: 0.75rem;
}

.demo-admin__logo-preview img[b-5g65tvdnv0] {
    max-width: min(100%, 12rem);
    max-height: 4rem;
    object-fit: contain;
}

.demo-admin__remove-logo[b-5g65tvdnv0] {
    display: inline-block;
    margin-top: 0.5rem;
    padding: 0;
    font-family: var(--ss-font);
    font-size: 0.8125rem;
    color: var(--ss-navy-muted);
    background: none;
    border: none;
    cursor: pointer;
}

.demo-admin__actions[b-5g65tvdnv0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.25rem;
}

.demo-admin__delete[b-5g65tvdnv0] {
    margin-left: auto;
}

.demo-admin__items[b-5g65tvdnv0] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 1rem;
}

.demo-admin__item[b-5g65tvdnv0] {
    padding: 0.875rem;
    border: 1px solid var(--ss-border);
    border-radius: var(--ss-radius);
    background: var(--ss-bg-subtle);
}

.demo-admin__item-text[b-5g65tvdnv0] {
    width: 100%;
    margin-bottom: 0.75rem;
}

.demo-admin__item-controls[b-5g65tvdnv0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin-bottom: 0.75rem;
}

.demo-admin__state-btn[b-5g65tvdnv0] {
    padding: 0.25rem 0.625rem;
    font-family: var(--ss-font);
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--ss-navy-muted);
    background: var(--ss-bg);
    border: 1px solid var(--ss-border);
    border-radius: 999px;
    cursor: pointer;
}

.demo-admin__state-btn--active[b-5g65tvdnv0] {
    color: var(--ss-primary);
    border-color: var(--ss-primary-light);
    background: var(--ss-active-bg);
}

.demo-admin__item-actions[b-5g65tvdnv0] {
    display: flex;
    gap: 0.375rem;
}

.demo-admin__icon-btn[b-5g65tvdnv0] {
    width: 2rem;
    height: 2rem;
    font-family: var(--ss-font);
    font-size: 0.875rem;
    color: var(--ss-navy-muted);
    background: var(--ss-bg);
    border: 1px solid var(--ss-border);
    border-radius: var(--ss-radius-sm);
    cursor: pointer;
}

.demo-admin__icon-btn--danger[b-5g65tvdnv0] {
    color: #b42318;
}

.demo-admin__add-item[b-5g65tvdnv0] {
    display: grid;
    gap: 0.75rem;
    margin-top: 1rem;
}

.demo-admin__preview-panel[b-5g65tvdnv0] {
    position: sticky;
    top: 1rem;
}

.demo-admin__preview-header[b-5g65tvdnv0] {
    margin-bottom: 0.75rem;
}

.demo-admin__sidebar[b-5g65tvdnv0] {
    display: grid;
    gap: 1.5rem;
    align-content: start;
}

.demo-admin__sidebar-panel[b-5g65tvdnv0] {
    padding: 1.25rem;
}

.demo-admin__sidebar-title[b-5g65tvdnv0] {
    margin: 0 0 0.5rem;
    font-size: 1.125rem;
}

.demo-admin__sidebar-text[b-5g65tvdnv0] {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.55;
    color: var(--ss-navy-muted);
}

@media (min-width: 960px) {
    .demo-admin__workspace[b-5g65tvdnv0] {
        grid-template-columns: minmax(0, 1.1fr) minmax(18rem, 0.9fr);
    }

    .demo-admin__workspace--with-sidebar[b-5g65tvdnv0] {
        grid-template-columns: minmax(0, 1.05fr) minmax(22rem, 0.95fr);
    }

    .demo-admin__sidebar--sticky[b-5g65tvdnv0] {
        position: sticky;
        top: 1.5rem;
    }

    .demo-admin__add-item[b-5g65tvdnv0] {
        grid-template-columns: 1fr auto;
        align-items: center;
    }
}

@media (min-width: 640px) {
    .demo-admin__add-item[b-5g65tvdnv0] {
        grid-template-columns: 1fr auto;
        align-items: center;
    }
}
/* /Components/Pages/AdminDemoLinkEdit.razor.rz.scp.css */
.demo-admin__panel[b-bchvzzsq5n] {
    padding: 1.5rem;
}

.demo-admin__panel-title[b-bchvzzsq5n] {
    margin: 0 0 1.25rem;
    font-size: 1.125rem;
}

.demo-admin__field[b-bchvzzsq5n] {
    margin-bottom: 1rem;
}

.demo-admin__hint[b-bchvzzsq5n] {
    margin: 0.375rem 0 0;
    font-size: 0.875rem;
    color: var(--ss-navy-subtle);
}

.demo-admin__textarea[b-bchvzzsq5n] {
    min-height: 5rem;
    resize: vertical;
}

.demo-admin__actions[b-bchvzzsq5n] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.25rem;
}

.demo-admin__delete[b-bchvzzsq5n] {
    margin-left: auto;
}

.demo-admin__sidebar-panel[b-bchvzzsq5n] {
    padding: 1.5rem;
}

@media (min-width: 768px) {
    .demo-admin__panel[b-bchvzzsq5n],
    .demo-admin__sidebar-panel[b-bchvzzsq5n] {
        padding: 1.75rem;
    }
}

.demo-admin__workspace--single[b-bchvzzsq5n] {
    grid-template-columns: minmax(0, 1fr);
    max-width: 42rem;
}

.demo-admin__workspace--with-sidebar[b-bchvzzsq5n] {
    max-width: none;
}

@media (min-width: 960px) {
    .demo-admin__workspace--single[b-bchvzzsq5n] {
        max-width: 42rem;
    }
}
/* /Components/Pages/AdminLogin.razor.rz.scp.css */
.admin-auth[b-2cz294d57y] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    background: var(--ss-bg-subtle);
}

.admin-auth__card[b-2cz294d57y] {
    width: min(100%, 24rem);
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.admin-auth__title[b-2cz294d57y] {
    margin: 0.5rem 0 0;
    font-size: 1.5rem;
}

.admin-auth__lead[b-2cz294d57y] {
    margin: 0;
    color: var(--ss-navy-muted);
}

.admin-auth__error[b-2cz294d57y] {
    margin: 0;
    padding: 0.75rem 1rem;
    border-radius: var(--ss-radius);
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: var(--ss-error);
}

.admin-auth__form[b-2cz294d57y] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 0.5rem;
}

.admin-auth__submit[b-2cz294d57y] {
    margin-top: 0.5rem;
}
/* /Components/Pages/AiPlayground.razor.rz.scp.css */
.ai-page[b-y8hxtlqte1] {
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    background: var(--ss-bg);
}

.ai-page__main[b-y8hxtlqte1] {
    flex: 1;
    width: 100%;
    max-width: 50rem;
    margin: 0 auto;
    padding: 1.75rem 1.25rem 2.5rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.ai-page__composer[b-y8hxtlqte1],
.ai-page__summary[b-y8hxtlqte1],
.ai-page__results[b-y8hxtlqte1] {
    padding: 1.25rem;
    box-sizing: border-box;
}

.ai-page__title[b-y8hxtlqte1] {
    margin: 0 0 0.375rem;
    font-size: clamp(1.5rem, 2.5vw, 1.75rem);
    line-height: 1.2;
}

.ai-page__subtitle[b-y8hxtlqte1] {
    margin: 0 0 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.35;
    color: var(--ss-navy);
}

.ai-page__lead[b-y8hxtlqte1] {
    margin: 0 0 1rem;
    color: var(--ss-navy-muted);
    line-height: 1.55;
}

.ai-page__form[b-y8hxtlqte1] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.ai-page__email[b-y8hxtlqte1] {
    resize: vertical;
    min-height: 10.5rem;
    max-height: 16rem;
    overflow-y: auto;
}

.ai-page__email[b-y8hxtlqte1]::placeholder {
    white-space: pre-wrap;
    font-size: 0.875rem;
    line-height: 1.45;
}

.ai-page__context[b-y8hxtlqte1] {
    margin: 0;
    border-radius: var(--ss-radius-sm);
    background: rgba(248, 250, 252, 0.7);
}

.ai-page__context-summary[b-y8hxtlqte1] {
    padding: 0.625rem 0.125rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--ss-navy-subtle);
    cursor: pointer;
    list-style: none;
}

.ai-page__context-summary[b-y8hxtlqte1]::-webkit-details-marker {
    display: none;
}

.ai-page__context-summary[b-y8hxtlqte1]::before {
    content: "▸";
    display: inline-block;
    margin-right: 0.375rem;
    transition: transform 0.15s ease;
}

.ai-page__context[open] .ai-page__context-summary[b-y8hxtlqte1]::before {
    transform: rotate(90deg);
}

.ai-page__context-body[b-y8hxtlqte1] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    padding: 0.125rem 0 0.25rem;
}

.ai-page__context-lead[b-y8hxtlqte1] {
    margin: 0;
    color: var(--ss-navy-muted);
    font-size: 0.8125rem;
    line-height: 1.5;
}

.ai-page__select[b-y8hxtlqte1] {
    width: 100%;
    cursor: pointer;
}

.ai-page__notes[b-y8hxtlqte1] {
    resize: vertical;
    min-height: 4.5rem;
}

.ai-page__notes[b-y8hxtlqte1]::placeholder {
    font-size: 0.875rem;
    line-height: 1.45;
}

.ai-page__context-hint[b-y8hxtlqte1] {
    margin: 0;
    color: var(--ss-navy-subtle);
    font-size: 0.75rem;
    line-height: 1.45;
}

.ai-page__submit[b-y8hxtlqte1] {
    align-self: flex-start;
    margin-top: 0.125rem;
}

.ai-page__button-content[b-y8hxtlqte1] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.ai-page__spinner[b-y8hxtlqte1] {
    width: 1rem;
    height: 1rem;
    border: 2px solid var(--ss-border);
    border-top-color: var(--ss-primary);
    border-radius: 50%;
    animation: ai-page-spin-b-y8hxtlqte1 0.8s linear infinite;
}

.ai-page__error[b-y8hxtlqte1],
.ai-page__notice[b-y8hxtlqte1] {
    margin-top: 0.875rem;
    padding: 0.75rem 0.875rem;
    border-radius: var(--ss-radius-sm);
}

.ai-page__error[b-y8hxtlqte1] {
    background: #fef2f2;
}

.ai-page__error-text[b-y8hxtlqte1] {
    margin: 0;
    color: #991b1b;
    line-height: 1.5;
}

.ai-page__notice[b-y8hxtlqte1] {
    background: #eff6ff;
}

.ai-page__notice-text[b-y8hxtlqte1] {
    margin: 0;
    color: #1e40af;
    line-height: 1.5;
}

.ai-page__rate-limit[b-y8hxtlqte1] {
    margin-top: 0.875rem;
    padding: 0.875rem 1rem;
    border-radius: var(--ss-radius-sm);
    background: #fffbeb;
    border: 1px solid #fcd34d;
}

.ai-page__rate-limit-title[b-y8hxtlqte1] {
    margin: 0 0 0.35rem;
    font-weight: 600;
    color: #92400e;
}

.ai-page__rate-limit-text[b-y8hxtlqte1] {
    margin: 0 0 0.75rem;
    color: #78350f;
    line-height: 1.5;
}

.ai-page__rate-limit-action[b-y8hxtlqte1] {
    margin: 0;
}

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

/* Collapsed source email strip */
.ai-page__summary[b-y8hxtlqte1] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    padding: 0.75rem 1rem;
    background: #f8fafc;
}

.ai-page__summary-content[b-y8hxtlqte1] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    min-width: 0;
    flex: 1;
}

.ai-page__summary-icon[b-y8hxtlqte1] {
    flex-shrink: 0;
    margin-top: 0.125rem;
    color: var(--ss-navy-subtle);
}

.ai-page__summary-text[b-y8hxtlqte1] {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--ss-navy-muted);
}

.ai-page__summary-preview[b-y8hxtlqte1] {
    color: var(--ss-navy);
}

.ai-page__summary-edit[b-y8hxtlqte1] {
    flex-shrink: 0;
    border: 0;
    background: none;
    padding: 0;
    font: inherit;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--ss-primary);
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 0.12em;
}

.ai-page__summary-edit:hover[b-y8hxtlqte1] {
    color: var(--ss-primary-hover, #0891b2);
}

/* Merged results card */
.ai-page__results[b-y8hxtlqte1] {
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 40%);
    border: 1px solid rgba(6, 182, 212, 0.14);
}

.ai-page__results-header[b-y8hxtlqte1] {
    margin-bottom: 1rem;
    padding-bottom: 0.875rem;
    border-bottom: 1px solid var(--ss-border);
}

.ai-page__success-title[b-y8hxtlqte1] {
    margin: 0 0 0.25rem;
    font-size: clamp(1.2rem, 2.5vw, 1.375rem);
    line-height: 1.25;
}

.ai-page__success-lead[b-y8hxtlqte1] {
    margin: 0 0 0.625rem;
    font-size: 0.9375rem;
    color: var(--ss-navy-muted);
    line-height: 1.5;
}

.ai-page__success-checks[b-y8hxtlqte1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ai-page__success-check[b-y8hxtlqte1] {
    display: inline-flex;
    align-items: center;
    gap: 0.3125rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--ss-navy);
}

.ai-page__success-check-icon[b-y8hxtlqte1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: #ecfdf5;
    color: #059669;
    font-size: 0.625rem;
    line-height: 1;
}

.ai-page__results-grid[b-y8hxtlqte1] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--ss-border);
}

.ai-page__section-title[b-y8hxtlqte1] {
    margin: 0 0 0.375rem;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.3;
}

.ai-page__trust-note[b-y8hxtlqte1] {
    margin: 0 0 0.5rem;
    font-size: 0.8125rem;
    color: var(--ss-navy-subtle);
    line-height: 1.45;
}

.ai-page__email-body[b-y8hxtlqte1] {
    margin: 0;
    padding: 0.75rem 0.875rem;
    border-radius: var(--ss-radius-sm);
    background: #f8fafc;
    color: var(--ss-navy);
    font-size: 0.875rem;
    line-height: 1.5;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    max-height: 7.5rem;
    overflow: hidden;
}

.ai-page__email-body--expanded[b-y8hxtlqte1] {
    max-height: 16rem;
    overflow: auto;
}

.ai-page__reply-actions[b-y8hxtlqte1] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.375rem 0.5rem;
    margin-top: 0.625rem;
}

.ai-page__text-action[b-y8hxtlqte1] {
    border: 0;
    background: none;
    padding: 0;
    font: inherit;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--ss-primary);
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 0.12em;
}

.ai-page__text-action:hover:not(:disabled)[b-y8hxtlqte1] {
    color: var(--ss-primary-hover, #0891b2);
}

.ai-page__text-action:disabled[b-y8hxtlqte1] {
    cursor: default;
    text-decoration: none;
}

.ai-page__text-action--copied[b-y8hxtlqte1] {
    color: #059669;
}

.ai-page__reply-actions-sep[b-y8hxtlqte1] {
    color: var(--ss-navy-subtle);
    font-size: 0.8125rem;
    line-height: 1;
    user-select: none;
}

.ai-page__secondary-action[b-y8hxtlqte1] {
    display: inline-block;
    margin-top: 0.625rem;
    border: 0;
    background: none;
    padding: 0;
    font: inherit;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--ss-navy-muted);
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 0.12em;
}

.ai-page__secondary-action:hover[b-y8hxtlqte1] {
    color: var(--ss-navy);
}

.ai-page__secondary-action--link[b-y8hxtlqte1] {
    text-decoration: none;
    color: var(--ss-primary);
}

.ai-page__secondary-action--link:hover[b-y8hxtlqte1] {
    text-decoration: underline;
    color: var(--ss-primary-hover, #0891b2);
}

.ai-page__preview-update[b-y8hxtlqte1] {
    margin: 0 0 0.625rem;
    font-size: 0.8125rem;
    color: var(--ss-navy-muted);
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ai-page__preview-timeline[b-y8hxtlqte1] {
    max-height: 11rem;
    overflow: hidden;
}

.ai-page__claim-block[b-y8hxtlqte1] {
    padding-top: 0.125rem;
}

.ai-page__claim-title[b-y8hxtlqte1] {
    margin: 0 0 0.375rem;
    font-size: 1rem;
    line-height: 1.3;
}

.ai-page__claim-intro[b-y8hxtlqte1] {
    margin: 0 0 0.5rem;
    font-size: 0.875rem;
    color: var(--ss-navy-muted);
    line-height: 1.45;
}

.ai-page__claim-tip[b-y8hxtlqte1] {
    margin: 0 0 0.875rem;
    font-size: 0.8125rem;
    color: var(--ss-navy-muted);
    line-height: 1.45;
}

.ai-page__claim-cta[b-y8hxtlqte1] {
    text-decoration: none;
}

.ai-page__claim-form[b-y8hxtlqte1] {
    margin: 0;
}

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

@keyframes ai-page-spin-b-y8hxtlqte1 {
    to {
        transform: rotate(360deg);
    }
}

@media (min-width: 640px) {
    .ai-page__main[b-y8hxtlqte1] {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (min-width: 768px) {
    .ai-page__main[b-y8hxtlqte1] {
        gap: 0.875rem;
    }

    .ai-page__composer[b-y8hxtlqte1],
    .ai-page__results[b-y8hxtlqte1] {
        padding: 1.375rem 1.5rem;
    }

    .ai-page__results-grid[b-y8hxtlqte1] {
        grid-template-columns: 1fr 1fr;
        gap: 1.25rem;
        align-items: start;
    }

    .ai-page__reply[b-y8hxtlqte1] {
        padding-right: 1.25rem;
        border-right: 1px solid var(--ss-border);
    }
}
/* /Components/Pages/Api.razor.rz.scp.css */
.api-docs[b-kj8tpaecta] {
    min-height: 100vh;
    min-height: 100dvh;
    background:
        radial-gradient(ellipse 90% 50% at 50% -10%, rgba(6, 182, 212, 0.07), transparent 55%),
        linear-gradient(180deg, #ffffff 0%, #f4f9ff 45%, #f8fafc 100%);
}

.api-docs__main[b-kj8tpaecta] {
    max-width: 48rem;
    margin: 0 auto;
    padding: 2rem 1rem 3rem;
    box-sizing: border-box;
}

.api-docs__intro[b-kj8tpaecta] {
    margin-bottom: 2.5rem;
}

.api-docs__eyebrow[b-kj8tpaecta] {
    margin: 0 0 0.5rem;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--ss-primary);
}

.api-docs__title[b-kj8tpaecta] {
    margin: 0 0 0.75rem;
    font-size: clamp(1.75rem, 5vw, 2.25rem);
    font-weight: 700;
    letter-spacing: -0.03em;
    color: var(--ss-navy);
    line-height: 1.15;
}

.api-docs__lead[b-kj8tpaecta] {
    margin: 0;
    font-size: 1.0625rem;
    line-height: 1.65;
    color: var(--ss-navy-muted);
}

.api-docs__section[b-kj8tpaecta] {
    margin-bottom: 2.5rem;
}

.api-docs__section-title[b-kj8tpaecta] {
    margin: 0 0 1rem;
    padding-bottom: 0.5rem;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--ss-navy);
    border-bottom: 1px solid var(--ss-border);
}

.api-docs__subsection-title[b-kj8tpaecta] {
    margin: 1.25rem 0 0.75rem;
    font-size: 1rem;
    font-weight: 600;
    color: var(--ss-navy);
}

.api-docs__quick-start[b-kj8tpaecta] {
    padding: 1.25rem 1.25rem 1.5rem;
    background: linear-gradient(180deg, var(--ss-active-bg) 0%, #ffffff 100%);
    border: 1px solid var(--ss-active-border);
    border-radius: var(--ss-radius-lg);
    box-shadow: var(--ss-shadow-sm);
}

.api-docs__quick-start .api-docs__section-title[b-kj8tpaecta] {
    border-bottom-color: var(--ss-active-border);
}

.api-docs__quick-flow[b-kj8tpaecta] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.api-docs__quick-flow-step[b-kj8tpaecta] {
    padding: 0.875rem 1rem;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid var(--ss-active-border);
    border-radius: var(--ss-radius);
}

.api-docs__quick-flow-step p[b-kj8tpaecta] {
    margin: 0.375rem 0 0;
    font-size: 0.9375rem;
    line-height: 1.55;
    color: var(--ss-navy-muted);
}

.api-docs__quick-flow-label[b-kj8tpaecta] {
    display: block;
    font-size: 0.9375rem;
    color: var(--ss-navy);
}

.api-docs__quick-flow-sublabel[b-kj8tpaecta] {
    display: block;
    margin-top: 0.125rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--ss-navy-subtle);
}

.api-docs__quick-flow-arrow[b-kj8tpaecta] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 0;
    font-size: 1rem;
    line-height: 1;
    color: var(--ss-primary);
}

.api-docs__quick-step-endpoint[b-kj8tpaecta] {
    margin-top: 0.5rem;
    margin-bottom: 0;
}

.api-docs__try-it[b-kj8tpaecta] {
    padding: 1.25rem 1.25rem 1.5rem;
    border: 1px solid var(--ss-border);
    border-radius: var(--ss-radius-lg);
    background: #ffffff;
    box-shadow: var(--ss-shadow-sm);
}

.api-docs__try-steps[b-kj8tpaecta] {
    margin: 0;
    padding-left: 1.25rem;
    font-size: 0.9375rem;
    line-height: 1.65;
    color: var(--ss-navy-muted);
}

.api-docs__try-steps li + li[b-kj8tpaecta] {
    margin-top: 0.375rem;
}

.api-docs__try-note[b-kj8tpaecta] {
    margin: 1rem 0 0;
    padding-top: 1rem;
    border-top: 1px solid var(--ss-border-subtle);
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--ss-navy-subtle);
}

.api-docs__csharp-example .api-docs__code:last-of-type[b-kj8tpaecta] {
    margin-bottom: 0;
}

.api-docs__code--inline[b-kj8tpaecta] {
    margin-top: 0.625rem;
    margin-bottom: 0;
}

.api-docs__working-example .api-docs__label[b-kj8tpaecta] {
    margin-top: 1.25rem;
}

.api-docs__working-example .api-docs__label:first-of-type[b-kj8tpaecta] {
    margin-top: 0;
}

.api-docs__working-example .api-docs__code:last-of-type[b-kj8tpaecta] {
    margin-bottom: 0;
}

.api-docs__working-example-note[b-kj8tpaecta] {
    margin: 1.25rem 0 0;
    padding-top: 1.25rem;
    border-top: 1px solid var(--ss-border-subtle);
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--ss-navy-muted);
}

.api-docs__section p[b-kj8tpaecta] {
    margin: 0 0 1rem;
    font-size: 0.9375rem;
    line-height: 1.65;
    color: var(--ss-navy-muted);
}

.api-docs__section p:last-child[b-kj8tpaecta] {
    margin-bottom: 0;
}

.api-docs__list[b-kj8tpaecta],
.api-docs__steps[b-kj8tpaecta] {
    margin: 0;
    padding-left: 1.25rem;
    font-size: 0.9375rem;
    line-height: 1.65;
    color: var(--ss-navy-muted);
}

.api-docs__list li + li[b-kj8tpaecta],
.api-docs__steps li + li[b-kj8tpaecta] {
    margin-top: 0.375rem;
}

.api-docs__code[b-kj8tpaecta] {
    margin: 0 0 1rem;
    padding: 0.875rem 1rem;
    overflow-x: auto;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.8125rem;
    line-height: 1.55;
    color: #e2e8f0;
    background: #0f172a;
    border-radius: var(--ss-radius);
    box-shadow: var(--ss-shadow-sm);
}

.api-docs__code code[b-kj8tpaecta] {
    font-family: inherit;
    white-space: pre;
}

.api-docs__section > code[b-kj8tpaecta],
.api-docs__section p code[b-kj8tpaecta],
.api-docs__section li code[b-kj8tpaecta] {
    padding: 0.125rem 0.375rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.8125rem;
    color: #6d28d9;
    background: #f5f3ff;
    border-radius: 0.25rem;
}

.api-docs__endpoint[b-kj8tpaecta] {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--ss-border-subtle);
}

.api-docs__endpoint:last-child[b-kj8tpaecta] {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.api-docs__endpoint-head[b-kj8tpaecta] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.625rem;
    margin-bottom: 0.75rem;
}

.api-docs__method[b-kj8tpaecta] {
    display: inline-flex;
    padding: 0.2rem 0.5rem;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border-radius: 0.25rem;
}

.api-docs__method--get[b-kj8tpaecta] {
    color: #15803d;
    background: #f0fdf4;
}

.api-docs__method--post[b-kj8tpaecta] {
    color: #1d4ed8;
    background: #eff6ff;
}

.api-docs__method--patch[b-kj8tpaecta] {
    color: #b45309;
    background: #fffbeb;
}

.api-docs__method--delete[b-kj8tpaecta] {
    color: #b91c1c;
    background: #fef2f2;
}

.api-docs__path[b-kj8tpaecta] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.875rem;
    color: var(--ss-navy);
    word-break: break-all;
}

.api-docs__label[b-kj8tpaecta] {
    margin: 0 0 0.375rem;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--ss-navy-subtle);
}

.api-docs__note[b-kj8tpaecta] {
    margin: -0.5rem 0 1rem;
    font-size: 0.8125rem;
    color: var(--ss-navy-subtle);
}

.api-docs__state-ref[b-kj8tpaecta] {
    margin: 0 0 1rem;
    padding: 0.625rem 0.75rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.8125rem;
    line-height: 1.55;
    color: var(--ss-navy-muted);
    background: var(--ss-bg-subtle);
    border: 1px solid var(--ss-border-subtle);
    border-radius: var(--ss-radius-sm);
}

.api-docs__state-ref--standalone[b-kj8tpaecta] {
    margin-bottom: 0.75rem;
}

.api-docs__endpoint a[b-kj8tpaecta],
.api-docs__section a[b-kj8tpaecta] {
    color: var(--ss-secondary);
    font-weight: 600;
    text-decoration: none;
}

.api-docs__endpoint a:hover[b-kj8tpaecta],
.api-docs__section a:hover[b-kj8tpaecta] {
    text-decoration: underline;
}

.api-docs__state-ref code[b-kj8tpaecta] {
    font-family: inherit;
    white-space: pre;
    color: inherit;
    background: none;
    padding: 0;
}

.api-docs__access-cards[b-kj8tpaecta] {
    display: grid;
    gap: 0.75rem;
    margin: 0 0 1rem;
}

.api-docs__access-card[b-kj8tpaecta] {
    margin: 0;
    padding: 0.875rem 1rem;
    border: 1px solid var(--ss-border);
    border-radius: var(--ss-radius);
    background: var(--ss-bg-subtle);
}

.api-docs__access-card--public[b-kj8tpaecta] {
    border-color: var(--ss-success-border);
    background: var(--ss-success-bg);
}

.api-docs__access-card--admin-url[b-kj8tpaecta] {
    border-color: #bfdbfe;
    background: #eff6ff;
}

.api-docs__access-card--token[b-kj8tpaecta] {
    border-color: #fde68a;
    background: #fffbeb;
}

.api-docs__access-card-title[b-kj8tpaecta] {
    margin: 0 0 0.25rem;
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--ss-navy);
}

.api-docs__access-card-desc[b-kj8tpaecta] {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.55;
    color: var(--ss-navy-muted);
}

.api-docs__access-card-field[b-kj8tpaecta] {
    margin: 0.5rem 0 0;
    font-size: 0.8125rem;
}

.api-docs__callout[b-kj8tpaecta] {
    margin: 0 0 1.75rem;
    padding: 0.875rem 1rem;
    border: 1px solid #bfdbfe;
    border-radius: var(--ss-radius);
    background: #f0f9ff;
}

.api-docs__callout-title[b-kj8tpaecta] {
    margin: 0 0 0.375rem;
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #1d4ed8;
}

.api-docs__callout p[b-kj8tpaecta] {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--ss-navy-muted);
}

.api-docs__callout p + p[b-kj8tpaecta] {
    margin-top: 0.5rem;
}

.api-docs__flow[b-kj8tpaecta] {
    padding: 1.25rem 1.25rem 1.5rem;
    border: 1px dashed var(--ss-border);
    border-radius: var(--ss-radius-lg);
    background: var(--ss-bg-subtle);
}

.api-docs__flow-lead[b-kj8tpaecta] {
    margin: 0 0 1rem;
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--ss-navy-subtle);
}

.api-docs__flow-lead a[b-kj8tpaecta] {
    color: var(--ss-secondary);
    font-weight: 600;
    text-decoration: none;
}

.api-docs__flow-lead a:hover[b-kj8tpaecta] {
    text-decoration: underline;
}

.api-docs__auth-levels[b-kj8tpaecta] {
    margin: 0 0 1rem;
    padding: 0;
    list-style: none;
}

.api-docs__auth-levels li[b-kj8tpaecta] {
    margin: 0 0 0.875rem;
    padding: 0.875rem 1rem;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--ss-navy-muted);
    background: var(--ss-bg-subtle);
    border: 1px solid var(--ss-border-subtle);
    border-radius: var(--ss-radius);
}

.api-docs__auth-levels li:last-child[b-kj8tpaecta] {
    margin-bottom: 0;
}

.api-docs__auth-levels strong[b-kj8tpaecta] {
    color: var(--ss-navy);
}

.api-docs__feedback-line[b-kj8tpaecta] {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--ss-border-subtle);
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--ss-navy-muted);
}

@media (min-width: 40rem) {
    .api-docs__access-cards[b-kj8tpaecta] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* /Components/Pages/DemoPersonalPublic.razor.rz.scp.css */
.demo-public__shell[b-9s6g8wtr17] {
    padding: 1.75rem 0 2.5rem;
    box-sizing: border-box;
}

.demo-public__main[b-9s6g8wtr17] {
    max-width: 28rem;
    width: 100%;
    margin: 0 auto;
    padding: 0 1rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.demo-public__loading[b-9s6g8wtr17] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100dvh;
    color: var(--ss-navy-subtle);
}

.demo-public--unavailable[b-9s6g8wtr17] {
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.demo-unavailable[b-9s6g8wtr17] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 100dvh;
    padding: 1.5rem 1rem;
    box-sizing: border-box;
}

.demo-unavailable__card[b-9s6g8wtr17] {
    width: 100%;
    max-width: 28rem;
    overflow: hidden;
}

.demo-personal-intro[b-9s6g8wtr17] {
    padding: 1.125rem 1.125rem 1rem;
    border-radius: 0.75rem;
    border: 1px solid var(--ss-border-subtle);
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.demo-personal-intro__greeting[b-9s6g8wtr17] {
    margin: 0 0 0.625rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
    color: var(--ss-navy);
}

.demo-personal-intro__message[b-9s6g8wtr17] {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--ss-navy-muted);
    white-space: pre-line;
}

.demo-personal-split[b-9s6g8wtr17] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.demo-personal-split__label[b-9s6g8wtr17] {
    display: none;
}

.demo-personal-split__control[b-9s6g8wtr17] {
    display: flex;
    flex-direction: column;
}

.demo-personal-behind[b-9s6g8wtr17] {
    padding: 1.125rem 1.125rem 1rem;
    border-radius: 0.75rem;
    border: 1px solid var(--ss-border-subtle);
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.demo-personal-behind__title[b-9s6g8wtr17] {
    margin: 0 0 0.5rem;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--ss-navy);
}

.demo-personal-behind__title-desktop[b-9s6g8wtr17] {
    display: none;
}

.demo-personal-behind__intro[b-9s6g8wtr17] {
    margin: 0 0 0.875rem;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--ss-navy-muted);
}

.demo-personal-behind__intro-desktop[b-9s6g8wtr17] {
    display: none;
}

.demo-personal-behind__list[b-9s6g8wtr17] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.demo-personal-behind__list li[b-9s6g8wtr17] {
    position: relative;
    padding-left: 1.375rem;
    font-size: 0.875rem;
    line-height: 1.55;
    color: var(--ss-navy-muted);
}

.demo-personal-behind__list li + li[b-9s6g8wtr17] {
    margin-top: 0.5rem;
}

.demo-personal-behind__list li[b-9s6g8wtr17]::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 700;
    color: var(--ss-primary);
}

.demo-personal-cta[b-9s6g8wtr17] {
    padding: 1.25rem 1rem 1.5rem;
    text-align: center;
}

.demo-personal-cta__headline[b-9s6g8wtr17] {
    margin: 0 0 0.625rem;
    font-size: clamp(1.0625rem, 4vw, 1.1875rem);
    font-weight: 700;
    line-height: 1.35;
    color: var(--ss-navy);
}

.demo-personal-cta__text[b-9s6g8wtr17] {
    margin: 0 auto 1.125rem;
    max-width: 22rem;
    font-size: 0.9375rem;
    line-height: 1.65;
    color: var(--ss-navy-muted);
}

.demo-personal-cta__link[b-9s6g8wtr17] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.demo-personal-cta__reassurance[b-9s6g8wtr17] {
    margin: 0.875rem auto 0;
    max-width: 22rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--ss-navy-muted);
}

.demo-personal-cta__note[b-9s6g8wtr17] {
    margin: 0.5rem auto 0;
    max-width: 22rem;
    font-size: 0.75rem;
    line-height: 1.5;
    color: var(--ss-navy-subtle);
}

@media (min-width: 480px) {
    .demo-public__shell[b-9s6g8wtr17] {
        padding: 3rem 0 3rem;
    }

    .demo-public__main[b-9s6g8wtr17] {
        padding: 0 1.5rem;
        gap: 1.5rem;
    }

    .demo-personal-intro[b-9s6g8wtr17] {
        padding: 1.25rem 1.25rem 1.125rem;
    }

    .demo-personal-behind[b-9s6g8wtr17] {
        padding: 1.25rem 1.25rem 1.125rem;
    }

    .demo-personal-cta[b-9s6g8wtr17] {
        padding: 1.5rem 1.5rem 1.75rem;
    }
}

@media (min-width: 1024px) {
    .demo-public__main[b-9s6g8wtr17] {
        max-width: 64rem;
        gap: 2rem;
    }

    .demo-personal-split[b-9s6g8wtr17] {
        display: grid;
        grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr);
        gap: 2rem;
        align-items: start;
    }

    .demo-personal-split__label[b-9s6g8wtr17] {
        display: block;
        margin: 0 0 0.625rem;
        font-size: 0.9375rem;
        font-weight: 600;
        line-height: 1.4;
        color: var(--ss-navy-muted);
    }

    .demo-personal-split__control[b-9s6g8wtr17] {
        position: sticky;
        top: 1.5rem;
    }

    .demo-personal-behind__title-mobile[b-9s6g8wtr17] {
        display: none;
    }

    .demo-personal-behind__title-desktop[b-9s6g8wtr17] {
        display: inline;
    }

    .demo-personal-behind__intro-mobile[b-9s6g8wtr17] {
        display: none;
    }

    .demo-personal-behind__intro-desktop[b-9s6g8wtr17] {
        display: block;
    }
}
/* /Components/Pages/DemoPublic.razor.rz.scp.css */
.demo-public[b-59gqrreqc4] {
    min-height: 100vh;
}

.demo-public--unavailable[b-59gqrreqc4] {
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.demo-public__loading[b-59gqrreqc4] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100dvh;
    color: var(--ss-navy-subtle);
}

.demo-public__shell[b-59gqrreqc4] {
    padding: 1.75rem 0 2.5rem;
    box-sizing: border-box;
}

.demo-public__main[b-59gqrreqc4] {
    max-width: 32rem;
    width: 100%;
    margin: 0 auto;
    padding: 0 1rem;
    box-sizing: border-box;
}

.demo-unavailable[b-59gqrreqc4] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 100dvh;
    padding: 1.5rem 1rem;
    box-sizing: border-box;
}

.demo-unavailable__card[b-59gqrreqc4] {
    width: 100%;
    max-width: 28rem;
    overflow: hidden;
}

.demo-unavailable__header[b-59gqrreqc4] {
    padding: 1.75rem 1.5rem 1.25rem;
    text-align: center;
}

.demo-unavailable__brand[b-59gqrreqc4] {
    display: flex;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.demo-unavailable__title[b-59gqrreqc4] {
    margin: 0 0 0.75rem;
    font-size: clamp(1.375rem, 5vw, 1.625rem);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.02em;
    color: var(--ss-navy);
}

.demo-unavailable__lead[b-59gqrreqc4] {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.65;
    color: var(--ss-navy-muted);
}

.demo-unavailable__cta[b-59gqrreqc4] {
    padding: 1.5rem 1.5rem 1.75rem;
    text-align: center;
    border-top: 1px solid var(--ss-border-subtle);
    background: linear-gradient(180deg, var(--ss-bg-subtle) 0%, rgba(6, 182, 212, 0.08) 100%);
}

.demo-unavailable__cta-title[b-59gqrreqc4] {
    margin: 0 0 0.625rem;
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--ss-navy);
}

.demo-unavailable__cta-text[b-59gqrreqc4] {
    margin: 0 0 1.25rem;
    font-size: 0.9375rem;
    line-height: 1.65;
    color: var(--ss-navy-muted);
}

.demo-unavailable__cta-button[b-59gqrreqc4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 18rem;
    text-decoration: none;
}

.demo-unavailable__home-link[b-59gqrreqc4] {
    display: inline-block;
    margin-top: 1rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--ss-navy-subtle);
    text-decoration: none;
}

.demo-unavailable__home-link:hover[b-59gqrreqc4] {
    color: var(--ss-primary);
}

.demo-unavailable__home-link:focus-visible[b-59gqrreqc4] {
    outline: none;
    border-radius: 0.25rem;
    box-shadow: var(--ss-focus-ring);
}

@media (min-width: 480px) {
    .demo-public__shell[b-59gqrreqc4] {
        padding: 3rem 0 3rem;
    }

    .demo-public__main[b-59gqrreqc4] {
        padding: 0 1.5rem;
    }

    .demo-unavailable[b-59gqrreqc4] {
        padding: 2rem 1.5rem;
    }

    .demo-unavailable__header[b-59gqrreqc4] {
        padding: 2rem 2rem 1.5rem;
    }

    .demo-unavailable__cta[b-59gqrreqc4] {
        padding: 1.75rem 2rem 2rem;
    }
}
/* /Components/Pages/Feedback.razor.rz.scp.css */
.feedback-page[b-wp1juy77w2] {
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
    box-sizing: border-box;
    background: var(--ss-bg);
}

.feedback-page__main[b-wp1juy77w2] {
    flex: 1;
    max-width: 40rem;
    width: 100%;
    min-width: 0;
    margin: 0 auto;
    padding: 2.5rem 1.25rem 3rem;
    box-sizing: border-box;
}

.feedback-page__card[b-wp1juy77w2] {
    padding: 1.75rem 1.5rem;
    box-sizing: border-box;
    min-width: 0;
    overflow-wrap: anywhere;
}

.feedback-page__form[b-wp1juy77w2] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 0;
}

.feedback-page__form .ss-input[b-wp1juy77w2] {
    max-width: 100%;
}

.feedback-page__title[b-wp1juy77w2] {
    margin: 0 0 0.5rem;
    font-size: 1.75rem;
}

.feedback-page__lead[b-wp1juy77w2] {
    margin: 0;
    color: var(--ss-navy-muted);
    line-height: 1.55;
}

.feedback-page__lead + .feedback-page__lead[b-wp1juy77w2] {
    margin-top: 0.625rem;
}

.feedback-page__lead:last-of-type[b-wp1juy77w2] {
    margin-bottom: 1.5rem;
}

.feedback-page__success[b-wp1juy77w2] {
    margin: 0;
    padding: 1rem 1.125rem;
    border-radius: var(--ss-radius-sm);
    background: #ecfdf5;
    color: #065f46;
    font-weight: 600;
}

.feedback-page__error[b-wp1juy77w2] {
    margin: 0 0 1rem;
    padding: 0.875rem 1rem;
    border-radius: var(--ss-radius-sm);
    background: #fef2f2;
    color: #991b1b;
}

.feedback-page__error a[b-wp1juy77w2] {
    color: inherit;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.feedback-page__optional[b-wp1juy77w2] {
    font-weight: 400;
    color: var(--ss-navy-muted);
}

.feedback-page__textarea[b-wp1juy77w2] {
    resize: vertical;
    min-height: 8rem;
}

.feedback-page__submit[b-wp1juy77w2] {
    align-self: flex-start;
    margin-top: 0.25rem;
}

.feedback-page__honeypot[b-wp1juy77w2] {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.feedback-page__footer[b-wp1juy77w2] {
    width: 100%;
    flex-shrink: 0;
    box-sizing: border-box;
}

.feedback-page__footer[b-wp1juy77w2]  .marketing-footer {
    width: 100%;
    max-width: 72rem;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

@media (min-width: 640px) {
    .feedback-page__footer[b-wp1juy77w2]  .marketing-footer {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home[b-oaecfrsb10] {
    --home-header-bar-height: 3.875rem;
    --home-scroll-offset: calc(var(--home-header-bar-height) + 1rem);
    --home-radius: 1rem;
    --home-border: rgba(148, 163, 184, 0.14);
    --home-border-subtle: rgba(148, 163, 184, 0.06);
    --home-shadow-soft: 0 1px 2px rgba(15, 23, 42, 0.03), 0 6px 20px rgba(15, 23, 42, 0.04);
    --home-section-y: 4rem;
    --home-section-y-sm: 3rem;
    --home-section-intro-gap: 2.5rem;
    --home-heading-lede-gap: 0.75rem;
    --home-card-padding: 2rem 1.75rem;
    min-height: 100vh;
    min-height: 100dvh;
    width: 100%;
    max-width: 100vw;
    overflow-x: clip;
    box-sizing: border-box;
    background: #f7f9fb;
}

.home-main[b-oaecfrsb10] {
    max-width: 72rem;
    margin: 0 auto;
    padding: 0 1rem 3rem;
    box-sizing: border-box;
}

/* Hero */
.home-hero[b-oaecfrsb10] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2.5rem;
    align-items: center;
    padding: 2.75rem 0 0;
    min-width: 0;
    overflow: visible;
}

.home-hero__copy[b-oaecfrsb10] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-width: 0;
}

.home-hero__visual[b-oaecfrsb10] {
    position: relative;
    z-index: 2;
    min-width: 0;
    overflow: visible;
    padding-right: 1rem;
    padding-bottom: 3.5rem;
}

@media (min-width: 960px) {
    .home-hero__visual[b-oaecfrsb10] {
        padding-right: 1.5rem;
    }
}

.home-headline[b-oaecfrsb10] {
    margin: 0;
    max-width: 14em;
    font-size: clamp(2rem, 6vw, 2.875rem);
    font-weight: 700;
    line-height: 1.14;
    letter-spacing: -0.035em;
    color: var(--ss-navy);
}

.home-headline__break[b-oaecfrsb10] {
    display: none;
}

.home-hero-subtext[b-oaecfrsb10] {
    margin: 1.25rem 0 0;
    max-width: 30rem;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1.55;
    color: var(--ss-navy-muted);
    text-align: center;
}

.home-hero-note[b-oaecfrsb10] {
    margin: 0.875rem 0 0;
    max-width: 26rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.55;
    color: var(--ss-navy-subtle);
}

.home-hero__actions[b-oaecfrsb10] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1.75rem;
    width: 100%;
}

.home-hero__cta[b-oaecfrsb10] {
    width: 100%;
    max-width: 21rem;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
}

.home-hero__alt-or[b-oaecfrsb10] {
    width: 100%;
    max-width: 21rem;
    margin: 0.375rem 0;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--ss-navy-subtle);
    line-height: 1.4;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.home-hero__cta-secondary[b-oaecfrsb10] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    padding: 0.875rem 1.375rem;
    font-size: 0.9375rem;
    line-height: 1.35;
}

.home-hero__cta-secondary-text[b-oaecfrsb10] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.home-hero__cta-secondary-spark[b-oaecfrsb10] {
    flex-shrink: 0;
}

.home-hero__cta-arrow[b-oaecfrsb10] {
    flex-shrink: 0;
    font-size: 1rem;
    line-height: 1;
    opacity: 0.72;
    transition: transform 0.15s ease, opacity 0.15s ease;
}

.home-hero__cta-secondary:hover .home-hero__cta-arrow[b-oaecfrsb10] {
    opacity: 1;
    transform: translateX(2px);
}

.home-hero__email-hint[b-oaecfrsb10] {
    margin: 0.25rem 0 0;
    max-width: 21rem;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.4;
    color: var(--ss-navy-muted);
    text-align: center;
}

.home-hero__trust[b-oaecfrsb10] {
    margin: 0.125rem 0 0;
    max-width: 21rem;
    font-size: 0.6875rem;
    font-weight: 400;
    line-height: 1.4;
    color: #94a3b8;
    text-align: center;
}

.home-hero__create-form[b-oaecfrsb10],
.home-final-cta__create-form[b-oaecfrsb10] {
    margin: 0;
}

.home-hero__create-form[b-oaecfrsb10] {
    display: flex;
    justify-content: center;
}

.home-hero__cta-primary[b-oaecfrsb10],
.home-final-cta__btn[b-oaecfrsb10] {
    padding: 1.0625rem 1.875rem;
    font-size: 1.0625rem;
    font-weight: 600;
    box-shadow: 0 2px 10px rgba(59, 130, 246, 0.22);
}

.home-hero__cta-primary:hover[b-oaecfrsb10],
.home-final-cta__btn:hover[b-oaecfrsb10] {
    text-decoration: none;
}

/* Benefit strip */
.home-benefits[b-oaecfrsb10] {
    box-sizing: border-box;
    width: 100vw;
    max-width: 100vw;
    margin-inline: calc(50% - 50vw);
    margin-top: 2.75rem;
    padding: 3rem 0 2.75rem;
    background: #ffffff;
    border-top: 1px solid rgba(148, 163, 184, 0.1);
    border-bottom: 1px solid rgba(148, 163, 184, 0.1);
    position: relative;
    z-index: 1;
}

.home-benefits__inner[b-oaecfrsb10] {
    max-width: 72rem;
    margin: 0 auto;
    padding: 0 1rem;
    box-sizing: border-box;
}

.home-benefits__grid[b-oaecfrsb10] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.25rem;
}

.home-benefit[b-oaecfrsb10] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    min-width: 0;
    gap: 0.125rem;
}

.home-benefit__icon-wrap[b-oaecfrsb10] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.875rem;
    height: 2.875rem;
    margin-bottom: 1rem;
    border-radius: 0.6875rem;
    box-sizing: border-box;
}

.home-benefit__icon-wrap--link[b-oaecfrsb10] {
    color: #2563eb;
    background: #eff6ff;
    border: 1px solid rgba(59, 130, 246, 0.14);
}

.home-benefit__icon-wrap--review[b-oaecfrsb10] {
    color: #0891b2;
    background: #ecfeff;
    border: 1px solid rgba(6, 182, 212, 0.16);
}

.home-benefit__icon-wrap--live[b-oaecfrsb10] {
    color: #059669;
    background: #ecfdf5;
    border: 1px solid rgba(16, 185, 129, 0.16);
}

.home-benefit__icon-wrap[b-oaecfrsb10]  .home-benefit__icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-benefit__icon-wrap[b-oaecfrsb10]  .home-benefit__icon svg {
    width: 1.25rem;
    height: 1.25rem;
}

.home-benefit__title[b-oaecfrsb10] {
    margin: 0 0 0.3125rem;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.015em;
    color: var(--ss-navy);
}

.home-benefit__text[b-oaecfrsb10] {
    margin: 0;
    max-width: none;
    font-size: 0.8125rem;
    line-height: 1.55;
    color: var(--ss-navy-muted);
}

.home-benefit--placeholder[b-oaecfrsb10] {
    padding: 0;
    border: 0;
    box-shadow: none;
    background: transparent;
    pointer-events: none;
    min-height: 5.25rem;
}

/* Product preview */
.home-preview[b-oaecfrsb10] {
    margin-top: 1.25rem;
    min-width: 0;
    scroll-margin-top: var(--home-scroll-offset);
    position: relative;
    z-index: 0;
}

.home-preview__frame[b-oaecfrsb10] {
    width: 100%;
    max-width: 42rem;
    margin: 0 auto;
    padding-bottom: 1.75rem;
    box-sizing: border-box;
}

/* How it works */
.home-flow-band[b-oaecfrsb10] {
    box-sizing: border-box;
    width: 100vw;
    max-width: 100vw;
    margin-inline: calc(50% - 50vw);
    margin-top: 0;
    padding: var(--home-section-y) 0 2.75rem;
    background: #f7f9fb;
    position: relative;
    z-index: 1;
}

.home-flow-band__inner[b-oaecfrsb10] {
    max-width: 72rem;
    margin: 0 auto;
    padding: 0 1rem;
    box-sizing: border-box;
}

.home-flow-band__intro[b-oaecfrsb10] {
    max-width: 34rem;
    margin: 0 auto var(--home-section-intro-gap);
    text-align: center;
}

.home-flow-band__lede[b-oaecfrsb10],
.home-section__lede[b-oaecfrsb10] {
    margin: var(--home-heading-lede-gap) 0 0;
    font-size: 1.0625rem;
    line-height: 1.55;
    color: var(--ss-navy-muted);
}

.home-flow-cards[b-oaecfrsb10] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.375rem;
    align-items: stretch;
    width: 100%;
    min-width: 0;
}

.home-flow-card[b-oaecfrsb10] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 0;
    padding: var(--home-card-padding);
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid var(--home-border);
    border-radius: var(--home-radius);
    box-shadow: var(--home-shadow-soft);
}

.home-flow-card__step[b-oaecfrsb10] {
    margin: 0 0 1rem;
    font-size: 0.6875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ss-navy-subtle);
}

.home-flow-card__icon-wrap[b-oaecfrsb10] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 3.125rem;
    height: 3.125rem;
    margin-bottom: 1.375rem;
    border-radius: 0.8125rem;
    box-sizing: border-box;
}

.home-flow-card__icon-wrap[b-oaecfrsb10]  .home-flow__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.home-flow-card__icon-wrap[b-oaecfrsb10]  .home-flow__icon svg {
    display: block;
    width: 1.375rem;
    height: 1.375rem;
}

.home-flow-card--problem .home-flow-card__icon-wrap[b-oaecfrsb10] {
    color: #dc2626;
    background: #fef2f2;
    border: 1px solid #fecaca;
}

.home-flow-card--problem .home-flow-card__label[b-oaecfrsb10] {
    color: #dc2626;
}

.home-flow-card--solution .home-flow-card__icon-wrap[b-oaecfrsb10] {
    color: #0891b2;
    background: #ecfeff;
    border: 1px solid rgba(6, 182, 212, 0.28);
}

.home-flow-card--solution .home-flow-card__label[b-oaecfrsb10] {
    color: #0891b2;
}

.home-flow-card--outcome .home-flow-card__icon-wrap[b-oaecfrsb10] {
    color: #16a34a;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
}

.home-flow-card--outcome .home-flow-card__label[b-oaecfrsb10] {
    color: #16a34a;
}

.home-flow-card__icon-wrap--step1[b-oaecfrsb10] {
    color: #2563eb;
    background: #eff6ff;
    border: 1px solid rgba(59, 130, 246, 0.16);
}

.home-flow-card__icon-wrap--step2[b-oaecfrsb10] {
    color: #0891b2;
    background: #ecfeff;
    border: 1px solid rgba(6, 182, 212, 0.18);
}

.home-flow-card__icon-wrap--step3[b-oaecfrsb10] {
    color: #059669;
    background: #ecfdf5;
    border: 1px solid rgba(16, 185, 129, 0.18);
}

.home-flow-card__title[b-oaecfrsb10] {
    margin: 0 0 0.75rem;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.025em;
    color: var(--ss-navy);
}

.home-flow-card__text[b-oaecfrsb10] {
    margin: 0;
    margin-top: auto;
    font-size: 0.9375rem;
    line-height: 1.55;
    color: var(--ss-navy-muted);
}

/* Sections */
.home-section[b-oaecfrsb10] {
    margin-top: 0;
    min-width: 0;
}

.home-section__intro[b-oaecfrsb10] {
    margin-bottom: var(--home-section-intro-gap);
    padding: 0 1rem;
    box-sizing: border-box;
}

.home-section__intro--center[b-oaecfrsb10] {
    text-align: center;
    max-width: 34rem;
    margin-left: auto;
    margin-right: auto;
}

.home-section__title[b-oaecfrsb10] {
    margin: 0;
    font-size: clamp(1.375rem, 3.5vw, 1.875rem);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.025em;
    color: var(--ss-navy);
}

.home-section--why[b-oaecfrsb10] {
    margin-top: 4.5rem;
}

.home-why-cards[b-oaecfrsb10] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    width: 100%;
    min-width: 0;
}

.home-why-card[b-oaecfrsb10] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 1.5rem;
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 1rem;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

.home-why-card__icon-wrap[b-oaecfrsb10] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: 1rem;
    color: var(--ss-navy-muted);
    background: #f8fafc;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 0.625rem;
}

.home-why-card__icon-wrap[b-oaecfrsb10]  .home-benefit__icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-why-card__icon-wrap[b-oaecfrsb10]  .home-benefit__icon svg {
    width: 1.125rem;
    height: 1.125rem;
}

.home-why-card__title[b-oaecfrsb10] {
    margin: 0 0 0.5rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.015em;
    color: var(--ss-navy);
}

.home-why-card__text[b-oaecfrsb10] {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--ss-navy-muted);
}

.home-section--faq[b-oaecfrsb10] {
    box-sizing: border-box;
    width: 100vw;
    max-width: 100vw;
    margin-inline: calc(50% - 50vw);
    margin-top: 0;
    margin-bottom: 0;
    padding: var(--home-section-y) 0 var(--home-section-y);
    background: #ffffff;
    border-top: 1px solid rgba(148, 163, 184, 0.08);
}

.home-section--faq .home-section__intro[b-oaecfrsb10] {
    margin-bottom: var(--home-section-intro-gap);
}

.home-faq[b-oaecfrsb10] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
    max-width: 40rem;
    min-width: 0;
    margin: 0 auto;
    padding: 0 1rem;
    box-sizing: border-box;
}

.home-faq__item[b-oaecfrsb10] {
    padding: 0;
    min-height: 3.125rem;
    background: #f8fafc;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: var(--home-radius);
    box-shadow: none;
    overflow: hidden;
    transition:
        border-color 0.22s ease,
        background 0.22s ease;
}

.home-faq__item[open][b-oaecfrsb10] {
    border-color: rgba(148, 163, 184, 0.18);
    background: #f8fafc;
    box-shadow: none;
}

@media (hover: hover) and (pointer: fine) {
    .home-faq__item:hover[b-oaecfrsb10] {
        background: #f1f5f9;
        border-color: rgba(148, 163, 184, 0.16);
    }
}

.home-faq__question[b-oaecfrsb10] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 3.125rem;
    padding: 0.8125rem 1.5rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--ss-navy);
    cursor: pointer;
    list-style: none;
}

.home-faq__question[b-oaecfrsb10]::-webkit-details-marker {
    display: none;
}

.home-faq__question[b-oaecfrsb10]::after {
    content: "";
    flex-shrink: 0;
    width: 0.5rem;
    height: 0.5rem;
    border-right: 2px solid var(--ss-navy-subtle);
    border-bottom: 2px solid var(--ss-navy-subtle);
    transform: rotate(45deg);
    transition: transform 0.34s cubic-bezier(0.4, 0, 0.2, 1);
}

.home-faq__item[open] .home-faq__question[b-oaecfrsb10]::after {
    transform: rotate(-135deg);
}

.home-faq__question:focus-visible[b-oaecfrsb10] {
    outline: 2px solid rgba(100, 116, 139, 0.35);
    outline-offset: -2px;
}

.home-faq__answer-wrap[b-oaecfrsb10] {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.34s cubic-bezier(0.4, 0, 0.2, 1);
}

.home-faq__item[open] .home-faq__answer-wrap[b-oaecfrsb10] {
    grid-template-rows: 1fr;
}

.home-faq__answer[b-oaecfrsb10] {
    margin: 0;
    overflow: hidden;
    min-height: 0;
    padding: 0 1.625rem;
    font-size: 0.9375rem;
    line-height: 1.55;
    color: var(--ss-navy-muted);
}

.home-faq__answer a[b-oaecfrsb10] {
    color: var(--ss-brand-blue);
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 0.12em;
}

.home-faq__answer a:hover[b-oaecfrsb10] {
    color: var(--ss-secondary);
}

.home-faq__item[open] .home-faq__answer[b-oaecfrsb10] {
    padding-bottom: 0.8125rem;
}

/* Final CTA */
.home-final-cta[b-oaecfrsb10] {
    margin-top: 2.25rem;
    margin-bottom: 3rem;
    padding: var(--home-card-padding);
    padding-block: 3.25rem;
    background: #ffffff;
    border: 1px solid var(--home-border);
    border-radius: var(--home-radius);
    box-shadow: var(--home-shadow-soft);
}

.home-final-cta__inner[b-oaecfrsb10] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1.875rem;
    text-align: center;
}

.home-final-cta__copy[b-oaecfrsb10] {
    display: flex;
    flex-direction: column;
    gap: var(--home-heading-lede-gap);
}

.home-final-cta__title[b-oaecfrsb10] {
    margin: 0;
    font-size: clamp(1.625rem, 4vw, 2.125rem);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.025em;
    color: var(--ss-navy);
}

.home-final-cta__text[b-oaecfrsb10] {
    margin: 0;
    font-size: 1.0625rem;
    line-height: 1.55;
    color: var(--ss-navy-muted);
}

.home-final-cta__btn[b-oaecfrsb10] {
    align-self: center;
}

/* Tablet */
@media (min-width: 640px) {
    .home[b-oaecfrsb10] {
        --home-header-bar-height: 4.125rem;
    }

    .home-main[b-oaecfrsb10] {
        padding: 0 1.5rem 3.5rem;
    }

    .home-faq__question[b-oaecfrsb10] {
        padding: 0.9375rem 1.625rem;
    }

    .home-faq__answer[b-oaecfrsb10] {
        padding-left: 1.625rem;
        padding-right: 1.625rem;
    }
}

/* Mobile — compact hero and flow */
@media (max-width: 767px) {
    .home[b-oaecfrsb10] {
        --home-section-y: 2.75rem;
        --home-section-y-sm: 2.25rem;
        --home-section-intro-gap: 2rem;
        --home-card-padding: 1.75rem 1.5rem;
    }

    .home-main[b-oaecfrsb10] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .home-benefits[b-oaecfrsb10] {
        margin-top: 3.5rem;
        padding: 1.75rem 0 1.25rem;
    }

    .home-benefits__inner[b-oaecfrsb10] {
        padding: 0 1rem;
    }

    .home-benefits__grid[b-oaecfrsb10] {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .home-benefit[b-oaecfrsb10] {
        align-items: center;
        text-align: center;
        padding: 1.25rem 0.75rem;
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .home-benefits__grid > .home-benefit:nth-child(1)[b-oaecfrsb10],
    .home-benefits__grid > .home-benefit:nth-child(2)[b-oaecfrsb10] {
        border-bottom: 1px solid var(--home-border-subtle);
    }

    .home-benefit__icon-wrap[b-oaecfrsb10] {
        width: 3.75rem;
        height: 3.75rem;
        margin-bottom: 0.625rem;
    }

    .home-benefit__icon-wrap[b-oaecfrsb10]  .home-benefit__icon svg {
        width: 1.5625rem;
        height: 1.5625rem;
    }

    .home-benefit__title[b-oaecfrsb10] {
        margin: 0 0 0.1875rem;
        font-size: 0.9375rem;
    }

    .home-benefit__text[b-oaecfrsb10] {
        max-width: 16rem;
        margin-inline: auto;
        font-size: 0.8125rem;
        line-height: 1.55;
    }

    .home-benefit--placeholder[b-oaecfrsb10] {
        order: 1;
        min-height: 7.5rem;
        padding: 0;
        background: transparent;
        border: 0;
        box-shadow: none;
    }

    .home-benefits__grid > .home-benefit:nth-child(1)[b-oaecfrsb10] {
        order: 2;
    }

    .home-benefits__grid > .home-benefit:nth-child(2)[b-oaecfrsb10] {
        order: 3;
    }

    .home-benefits__grid > .home-benefit:nth-child(3)[b-oaecfrsb10] {
        order: 4;
    }

    .home-hero[b-oaecfrsb10] {
        gap: 1.5rem;
        padding: 1.25rem 0 0;
    }

    .home-hero-note[b-oaecfrsb10] {
        margin-top: 0.625rem;
    }

    .home-hero__actions[b-oaecfrsb10] {
        margin-top: 1rem;
        gap: 0.5rem;
    }

    .home-hero__email-hint[b-oaecfrsb10] {
        font-size: 0.8125rem;
        line-height: 1.4;
    }

    .home-hero__visual[b-oaecfrsb10] {
        padding-bottom: 2.5rem;
    }

    .home-flow-band[b-oaecfrsb10] {
        margin-top: 0;
        padding: 2.25rem 0 2.25rem;
    }

    .home-flow-band__inner[b-oaecfrsb10] {
        padding: 0 1rem;
    }

    .home-flow-band__intro[b-oaecfrsb10] {
        margin-bottom: var(--home-section-intro-gap);
    }

    .home-flow-band__lede[b-oaecfrsb10] {
        font-size: 1rem;
    }

    .home-flow-cards[b-oaecfrsb10] {
        gap: 1rem;
    }

    .home-flow-card[b-oaecfrsb10] {
        width: 100%;
        max-width: none;
        align-items: flex-start;
        text-align: left;
    }

    .home-flow-card__text[b-oaecfrsb10] {
        margin-top: 0;
    }

    .home-section--faq[b-oaecfrsb10] {
        padding: var(--home-section-y) 0 var(--home-section-y-sm);
    }

    .home-final-cta[b-oaecfrsb10] {
        margin-top: 2rem;
        padding-block: 2.75rem;
    }

    .home-headline[b-oaecfrsb10] {
        font-size: clamp(1.875rem, 8.25vw, 2.125rem);
        line-height: 1.14;
    }

    .home-hero-subtext[b-oaecfrsb10] {
        margin-top: 0.875rem;
        font-size: 0.875rem;
    }

    .home-hero-note[b-oaecfrsb10] {
        margin-top: 0.625rem;
        font-size: 0.8125rem;
    }

    .home-hero__actions[b-oaecfrsb10] {
        margin-top: 1rem;
        gap: 0.5rem;
    }

    .home-hero__cta-primary[b-oaecfrsb10],
    .home-hero__cta-secondary[b-oaecfrsb10],
    .home-final-cta__btn[b-oaecfrsb10] {
        padding: 1rem 1.625rem;
        font-size: 1rem;
    }

    .home-hero__cta-secondary[b-oaecfrsb10] {
        font-size: 0.9375rem;
    }
}

/* Desktop hero split */
@media (min-width: 960px) {
    .home-hero[b-oaecfrsb10] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
        gap: 2rem 3.5rem;
        padding: 3.25rem 0 0;
        align-items: center;
    }

    .home-hero__copy[b-oaecfrsb10] {
        align-items: flex-start;
        text-align: left;
    }

    .home-hero-subtext[b-oaecfrsb10],
    .home-hero-note[b-oaecfrsb10] {
        text-align: left;
    }

    .home-hero__actions[b-oaecfrsb10] {
        align-items: flex-start;
    }

    .home-hero__email-hint[b-oaecfrsb10],
    .home-hero__trust[b-oaecfrsb10] {
        text-align: left;
    }

    .home-headline[b-oaecfrsb10] {
        max-width: 11em;
    }

    .home-headline__break[b-oaecfrsb10] {
        display: inline;
    }

    .home-hero__visual[b-oaecfrsb10] {
        padding-bottom: 5.5rem;
    }

    .home-benefits[b-oaecfrsb10] {
        margin-top: 4.5rem;
        padding: 3rem 0 2.75rem;
    }

    .home-benefit[b-oaecfrsb10] {
        align-items: flex-start;
        text-align: left;
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    .home-hero__visual[b-oaecfrsb10] {
        padding-bottom: 5rem;
    }

    .home-benefits[b-oaecfrsb10] {
        margin-top: 4rem;
    }
}

@media (min-width: 768px) {
    .home-benefits__inner[b-oaecfrsb10] {
        padding: 0 1.5rem;
    }

    .home-benefits__grid[b-oaecfrsb10] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.25rem;
    }

    .home-benefits__grid > .home-benefit:nth-child(1)[b-oaecfrsb10] {
        order: unset;
        grid-column: 1;
        grid-row: 1;
    }

    .home-benefits__grid > .home-benefit:nth-child(2)[b-oaecfrsb10] {
        order: unset;
        grid-column: 2;
        grid-row: 2;
    }

    .home-benefits__grid > .home-benefit:nth-child(3)[b-oaecfrsb10] {
        order: unset;
        grid-column: 1;
        grid-row: 2;
    }

    .home-benefits__grid > .home-benefit--placeholder[b-oaecfrsb10] {
        order: unset;
        grid-column: 2;
        grid-row: 1;
        min-height: 5.25rem;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .home-benefit[b-oaecfrsb10] {
        padding: 0;
        background: transparent;
        border: 0;
        box-shadow: none;
    }
}

@media (min-width: 1024px) {
    .home-benefits[b-oaecfrsb10] {
        margin-top: 5rem;
        padding: 3rem 0 2.75rem;
    }

    .home-benefits__grid[b-oaecfrsb10] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 1.5rem 2rem;
    }

    .home-benefits__grid > .home-benefit:nth-child(1)[b-oaecfrsb10],
    .home-benefits__grid > .home-benefit:nth-child(2)[b-oaecfrsb10],
    .home-benefits__grid > .home-benefit:nth-child(3)[b-oaecfrsb10],
    .home-benefits__grid > .home-benefit--placeholder[b-oaecfrsb10] {
        grid-column: auto;
        grid-row: auto;
    }

    .home-benefits__grid > .home-benefit--placeholder[b-oaecfrsb10] {
        min-height: 5.25rem;
    }
}

/* Tablet layout shared */
@media (min-width: 768px) {
    .home-flow-band[b-oaecfrsb10] {
        margin-top: 0;
        padding: var(--home-section-y) 0 2.75rem;
    }

    .home-flow-band__inner[b-oaecfrsb10] {
        padding: 0 1.5rem;
    }

    .home-flow-band__intro[b-oaecfrsb10] {
        margin-bottom: var(--home-section-intro-gap);
    }

    .home-flow-cards[b-oaecfrsb10] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1.375rem;
    }

    .home-why-cards[b-oaecfrsb10] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.125rem;
    }

    .home-flow-card__icon-wrap[b-oaecfrsb10] {
        width: 3.25rem;
        height: 3.25rem;
    }

    .home-flow-card__icon-wrap[b-oaecfrsb10]  .home-flow__icon svg {
        width: 1.5rem;
        height: 1.5rem;
    }
}

@media (min-width: 1024px) {
    .home-why-cards[b-oaecfrsb10] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 960px) {
    .home[b-oaecfrsb10] {
        --home-header-bar-height: 4.25rem;
        --home-section-y: 4.5rem;
    }

    .home-flow-band[b-oaecfrsb10] {
        margin-top: 0;
        padding: var(--home-section-y) 0 2.75rem;
    }

    .home-section--faq[b-oaecfrsb10] {
        padding: var(--home-section-y) 0 var(--home-section-y);
    }

    .home-final-cta[b-oaecfrsb10] {
        padding-block: 3.5rem;
    }

    .home-final-cta__inner[b-oaecfrsb10] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 2.5rem;
        text-align: left;
    }

    .home-final-cta__copy[b-oaecfrsb10] {
        flex: 1;
        max-width: 36rem;
    }

    .home-final-cta__btn[b-oaecfrsb10] {
        align-self: center;
        flex-shrink: 0;
    }
}

@media (max-width: 479px) {
    .home[b-oaecfrsb10] {
        --home-header-bar-height: 3.5rem;
        --home-section-y: 2.75rem;
        --home-section-y-sm: 2.25rem;
    }

    .home-main[b-oaecfrsb10] {
        padding: 0 0.875rem 2.5rem;
    }

    .home-hero[b-oaecfrsb10] {
        padding-top: 1rem;
    }

    .home-hero__visual[b-oaecfrsb10] {
        padding-bottom: 5.5rem;
    }

    .home-benefits[b-oaecfrsb10] {
        margin-top: 4rem;
    }

    .home-hero__actions[b-oaecfrsb10] {
        width: 100%;
    }

    .home-hero__cta-primary[b-oaecfrsb10],
    .home-hero__cta-secondary[b-oaecfrsb10],
    .home-final-cta__btn[b-oaecfrsb10] {
        max-width: 20rem;
    }

    .home-flow-band[b-oaecfrsb10] {
        margin-top: 0;
        padding: var(--home-section-y-sm) 0 2rem;
    }

    .home-flow-band__inner[b-oaecfrsb10] {
        padding: 0 0.875rem;
    }

    .home-benefits__inner[b-oaecfrsb10] {
        padding: 0 0.875rem;
    }

    .home-section--faq[b-oaecfrsb10] {
        padding: var(--home-section-y-sm) 0 2.25rem;
    }

    .home-faq__question[b-oaecfrsb10] {
        padding: 0.75rem 1.25rem;
        font-size: 0.96875rem;
        min-height: 3rem;
    }

    .home-faq__item[b-oaecfrsb10] {
        min-height: 3rem;
    }

    .home-faq__answer[b-oaecfrsb10] {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .home-final-cta[b-oaecfrsb10] {
        padding: 2.5rem 1.375rem;
    }
}
/* /Components/Pages/Public.razor.rz.scp.css */
.public[b-1u5oibzx00] {
    min-height: 100vh;
}

.public-preview-banner[b-1u5oibzx00] {
    margin: 0;
    padding: 0.4375rem 1rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    color: #475569;
    background: #f8fafc;
    border-bottom: 1px solid rgba(148, 163, 184, 0.22);
}

.public--unavailable[b-1u5oibzx00] {
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.public-loading[b-1u5oibzx00] {
    color: var(--ss-navy-subtle);
}

.public--unavailable .public-loading[b-1u5oibzx00] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100dvh;
}

.public-unavailable[b-1u5oibzx00] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 100dvh;
    padding: 1.5rem 1rem;
    box-sizing: border-box;
}

.public-unavailable__card[b-1u5oibzx00] {
    width: 100%;
    max-width: 28rem;
    overflow: hidden;
}

.public-unavailable__header[b-1u5oibzx00] {
    padding: 1.75rem 1.5rem 1.5rem;
    text-align: center;
}

.public-unavailable__brand[b-1u5oibzx00] {
    display: flex;
    justify-content: center;
    margin-bottom: 0;
}

.public-unavailable__brand-link[b-1u5oibzx00] {
    display: inline-flex;
    margin-bottom: 1.5rem;
    color: inherit;
    text-decoration: none;
    border-radius: var(--ss-radius-sm);
    transition: opacity 0.15s ease;
}

.public-unavailable__brand-link:hover[b-1u5oibzx00] {
    opacity: 0.85;
}

.public-unavailable__brand-link:focus-visible[b-1u5oibzx00] {
    outline: none;
    box-shadow: var(--ss-focus-ring);
}

.public-unavailable__title[b-1u5oibzx00] {
    margin: 0 0 0.75rem;
    font-size: clamp(1.375rem, 5vw, 1.625rem);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.02em;
    color: var(--ss-navy);
}

.public-unavailable__lead[b-1u5oibzx00] {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.65;
    color: var(--ss-navy-muted);
}

.public-unavailable__footer[b-1u5oibzx00] {
    padding: 1.25rem 1.5rem 1.5rem;
    text-align: center;
    border-top: 1px solid var(--ss-border-subtle);
    background: var(--ss-bg-subtle);
}

.public-unavailable__home-link[b-1u5oibzx00] {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--ss-navy-subtle);
    text-decoration: none;
}

.public-unavailable__home-link:hover[b-1u5oibzx00] {
    color: var(--ss-primary);
}

.public-unavailable__home-link:focus-visible[b-1u5oibzx00] {
    outline: none;
    border-radius: 0.25rem;
    box-shadow: var(--ss-focus-ring);
}

.public-shell[b-1u5oibzx00] {
    padding: 1.75rem 0 2rem;
    box-sizing: border-box;
}

.public-main[b-1u5oibzx00] {
    max-width: 28rem;
    width: 100%;
    margin: 0 auto;
    padding: 0 1rem;
    box-sizing: border-box;
}

.public-card[b-1u5oibzx00] {
    overflow: hidden;
}

.public-header[b-1u5oibzx00] {
    padding: 1rem 1.25rem 1rem;
}

.public-brand[b-1u5oibzx00] {
    margin-bottom: 1.25rem;
}

.public-title[b-1u5oibzx00] {
    margin: 0 0 0.5rem;
    font-size: clamp(1.375rem, 5vw, 1.625rem);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.02em;
    color: var(--ss-navy);
}

.public-meta[b-1u5oibzx00] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--ss-pending);
}

.public-note[b-1u5oibzx00] {
    margin: 0 1.25rem 1.25rem;
    padding: 1rem 1.125rem;
    background: var(--ss-bg-subtle);
    border: 1px solid var(--ss-border);
    border-radius: var(--ss-radius);
}

.public-note-label[b-1u5oibzx00] {
    margin: 0 0 0.375rem;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--ss-navy-subtle);
}

.public-note-text[b-1u5oibzx00] {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.65;
    color: var(--ss-navy-muted);
    white-space: pre-line;
}

.public-timeline-section[b-1u5oibzx00] {
    padding: 0 1.25rem 1.375rem;
}

.public-footer[b-1u5oibzx00] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.25rem 0.375rem;
    padding: 1rem 1.25rem;
    font-size: 0.8125rem;
    text-align: center;
    color: var(--ss-pending);
    border-top: 1px solid var(--ss-border-subtle);
    background: var(--ss-bg-subtle);
}

.public-footer__label[b-1u5oibzx00] {
    color: var(--ss-pending);
}

.public-footer__brand[b-1u5oibzx00] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    color: var(--ss-navy-subtle);
    font-weight: 600;
    text-decoration: none;
    transition: color 0.15s ease;
}

.public-footer__brand:hover[b-1u5oibzx00] {
    color: var(--ss-navy-muted);
}

.public-footer__brand:focus-visible[b-1u5oibzx00] {
    outline: none;
    border-radius: 0.25rem;
    box-shadow: var(--ss-focus-ring);
}

.public-footer__icon[b-1u5oibzx00] {
    display: block;
    width: auto;
    height: 1rem;
    flex-shrink: 0;
    object-fit: contain;
}

@media (min-width: 480px) {
    .public-shell[b-1u5oibzx00] {
        padding: 3.5rem 0 2.5rem;
    }

    .public-main[b-1u5oibzx00] {
        padding: 0 1.5rem;
    }

    .public-header[b-1u5oibzx00] {
        padding: 1.5rem 1.5rem 1.25rem;
    }

    .public-note[b-1u5oibzx00] {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }

    .public-timeline-section[b-1u5oibzx00] {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

.public-subscribe[b-1u5oibzx00] {
    padding: 0 1.25rem 1.125rem;
}

.public-subscribe__header[b-1u5oibzx00] {
    display: flex;
    justify-content: flex-end;
}

.public-subscribe__toggle[b-1u5oibzx00] {
    display: inline-flex;
    align-items: center;
    gap: 0.3125rem;
    padding: 0.25rem 0;
    font-family: var(--ss-font);
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--ss-navy-subtle);
    background: none;
    border: none;
    cursor: pointer;
    transition: color 0.15s ease;
}

.public-subscribe__toggle:hover[b-1u5oibzx00],
.public-subscribe__toggle[aria-expanded="true"][b-1u5oibzx00] {
    color: var(--ss-primary);
}

.public-subscribe__toggle:hover .public-subscribe__toggle-label[b-1u5oibzx00] {
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.public-subscribe__toggle:focus-visible[b-1u5oibzx00] {
    outline: none;
    border-radius: 0.25rem;
    box-shadow: var(--ss-focus-ring);
}

.public-subscribe__chevron[b-1u5oibzx00] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.public-subscribe__chevron--expanded[b-1u5oibzx00] {
    transform: rotate(180deg);
}

.public-subscribe__panel[b-1u5oibzx00] {
    margin-top: 0.75rem;
    padding-top: 0.875rem;
    border-top: 1px solid var(--ss-border-subtle);
    animation: public-subscribe-panel-in-b-1u5oibzx00 0.2s ease;
}

@keyframes public-subscribe-panel-in-b-1u5oibzx00 {
    from {
        opacity: 0;
        transform: translateY(-0.375rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.public-subscribe__hint[b-1u5oibzx00] {
    margin: 0 0 0.75rem;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--ss-navy-muted);
}

.public-subscribe__form[b-1u5oibzx00] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.public-subscribe__label[b-1u5oibzx00] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--ss-navy-muted);
}

.public-subscribe__row[b-1u5oibzx00] {
    display: flex;
    gap: 0.5rem;
}

.public-subscribe__input[b-1u5oibzx00] {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.4;
}

.public-subscribe__submit[b-1u5oibzx00] {
    flex-shrink: 0;
    padding: 0.5rem 0.875rem;
    font-size: 0.875rem;
    line-height: 1.4;
}

.public-subscribe__subscribed[b-1u5oibzx00] {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.45;
    font-weight: 500;
    text-align: right;
    color: #047857;
}

.public-subscribe__error[b-1u5oibzx00] {
    margin: 0 0 0.625rem;
    font-size: 0.8125rem;
    line-height: 1.4;
    color: #b91c1c;
}

@media (min-width: 480px) {
    .public-subscribe[b-1u5oibzx00] {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (max-width: 479px) {
    .public-subscribe__row[b-1u5oibzx00] {
        flex-direction: column;
    }

    .public-subscribe__submit[b-1u5oibzx00] {
        width: 100%;
    }
}
/* /Components/Pages/UserAccountApi.razor.rz.scp.css */
.account-page[b-d6k7ortk1r] {
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    background: var(--ss-bg-subtle);
}

.account-page--loading .account-page__footer[b-d6k7ortk1r] {
    opacity: 0;
    visibility: hidden;
}

.account-page__footer[b-d6k7ortk1r] {
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

.account-page__main[b-d6k7ortk1r] {
    flex: 1;
    width: min(100%, 48rem);
    margin: 0 auto;
    padding: 2rem 1.25rem 3rem;
    box-sizing: border-box;
}

.account-page__footer[b-d6k7ortk1r] {
    width: 100%;
    flex-shrink: 0;
    box-sizing: border-box;
}

.account-page__footer[b-d6k7ortk1r]  .marketing-footer {
    width: 100%;
    max-width: 72rem;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.account-page__header[b-d6k7ortk1r] {
    margin-bottom: 1.5rem;
}

.account-page__title[b-d6k7ortk1r] {
    margin: 0 0 0.5rem;
    font-size: 1.75rem;
}

.account-page__lead[b-d6k7ortk1r] {
    margin: 0;
    color: var(--ss-navy-muted);
}

.account-page__notice[b-d6k7ortk1r] {
    margin: 0 0 1rem;
    padding: 0.75rem 1rem;
    border-radius: var(--ss-radius);
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: #065f46;
}

.account-page__empty[b-d6k7ortk1r] {
    color: var(--ss-navy-muted);
}

.account-page__error[b-d6k7ortk1r] {
    margin: 0 0 1rem;
    padding: 0.75rem 1rem;
    border-radius: var(--ss-radius);
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
}

.account-api[b-d6k7ortk1r] {
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.account-api__title[b-d6k7ortk1r] {
    margin: 0;
    font-size: 1.125rem;
}

.account-api__intro[b-d6k7ortk1r] {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.55;
    color: var(--ss-navy-muted);
}

.account-api__key-panel[b-d6k7ortk1r] {
    padding: 1rem;
    border: 1px solid var(--ss-border-subtle);
    border-radius: var(--ss-radius);
    background: rgba(241, 245, 249, 0.35);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.account-api__key-label[b-d6k7ortk1r] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--ss-navy);
}

.account-api__key-status[b-d6k7ortk1r] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--ss-navy);
}

.account-api__key-status--empty[b-d6k7ortk1r] {
    color: var(--ss-navy-muted);
}

.account-api__key-meta[b-d6k7ortk1r] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--ss-navy-subtle);
}

.account-api__key-help[b-d6k7ortk1r] {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--ss-navy-muted);
}

.account-api__reveal[b-d6k7ortk1r] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.account-api__reveal-warning[b-d6k7ortk1r] {
    margin: 0;
    padding: 0.625rem 0.75rem;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: #92400e;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: var(--ss-radius-sm);
}

.account-api__key-value[b-d6k7ortk1r] {
    display: block;
    padding: 0.625rem 0.75rem;
    font-size: 0.8125rem;
    line-height: 1.45;
    word-break: break-all;
    color: var(--ss-navy);
    background: #fff;
    border: 1px solid var(--ss-border);
    border-radius: var(--ss-radius-sm);
}

.account-api__copy-btn[b-d6k7ortk1r] {
    align-self: flex-start;
}

.account-api__actions[b-d6k7ortk1r] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.account-api__revoke-btn[b-d6k7ortk1r] {
    padding: 0.5625rem 1rem;
    font-family: var(--ss-font);
    font-size: 0.875rem;
    font-weight: 600;
    color: #b42318;
    background: #fff;
    border: 1px solid #fecaca;
    border-radius: var(--ss-radius);
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.account-api__revoke-btn:hover:not(:disabled)[b-d6k7ortk1r] {
    color: var(--ss-error);
    background: #fef2f2;
    border-color: #fca5a5;
}

.account-api__revoke-btn:disabled[b-d6k7ortk1r] {
    opacity: 0.6;
    cursor: not-allowed;
}

.account-api__docs[b-d6k7ortk1r] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    padding-top: 0.25rem;
    border-top: 1px solid var(--ss-border-subtle);
}

.account-api__docs-base[b-d6k7ortk1r] {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.55;
    color: var(--ss-navy-muted);
}

.account-api__docs-base code[b-d6k7ortk1r] {
    font-size: 0.8125rem;
}

.account-api__docs-link[b-d6k7ortk1r] {
    align-self: flex-start;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--ss-navy);
    text-decoration: none;
    transition: color 0.15s ease;
}

.account-api__docs-link:hover[b-d6k7ortk1r] {
    color: var(--ss-primary);
    text-decoration: underline;
    text-underline-offset: 0.12em;
}

@media (min-width: 640px) {
    .account-page__main[b-d6k7ortk1r] {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .account-page__footer[b-d6k7ortk1r]  .marketing-footer {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}
/* /Components/Pages/UserAccountProfile.razor.rz.scp.css */
.account-page[b-93n2s413yl] {
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    background: var(--ss-bg-subtle);
}

.account-page--loading .account-page__footer[b-93n2s413yl] {
    opacity: 0;
    visibility: hidden;
}

.account-page__footer[b-93n2s413yl] {
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

.account-page__main[b-93n2s413yl] {
    flex: 1;
    width: min(100%, 48rem);
    margin: 0 auto;
    padding: 2rem 1.25rem 3rem;
    box-sizing: border-box;
}

.account-page__footer[b-93n2s413yl] {
    width: 100%;
    flex-shrink: 0;
    box-sizing: border-box;
}

.account-page__footer[b-93n2s413yl]  .marketing-footer {
    width: 100%;
    max-width: 72rem;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.account-page__header[b-93n2s413yl] {
    margin-bottom: 1.5rem;
}

.account-page__title[b-93n2s413yl] {
    margin: 0 0 0.5rem;
    font-size: 1.75rem;
}

.account-page__lead[b-93n2s413yl] {
    margin: 0;
    color: var(--ss-navy-muted);
}

.account-page__notice[b-93n2s413yl] {
    margin: 0 0 1rem;
    padding: 0.75rem 1rem;
    border-radius: var(--ss-radius);
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: #065f46;
}

.account-page__empty[b-93n2s413yl] {
    color: var(--ss-navy-muted);
}

.account-page__error[b-93n2s413yl] {
    margin: 0 0 1rem;
    padding: 0.75rem 1rem;
    border-radius: var(--ss-radius);
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
}

.account-profile[b-93n2s413yl] {
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1.125rem;
}

.account-profile__field[b-93n2s413yl] {
    display: flex;
    flex-direction: column;
}

.account-profile__optional[b-93n2s413yl] {
    font-weight: 500;
    color: var(--ss-navy-subtle);
}

.account-profile__actions[b-93n2s413yl] {
    padding-top: 0.25rem;
}

@media (min-width: 640px) {
    .account-page__main[b-93n2s413yl] {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .account-page__footer[b-93n2s413yl]  .marketing-footer {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}
/* /Components/Pages/UserDashboard.razor.rz.scp.css */
.account-page[b-dw2qi1sqcq] {
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    background: var(--ss-bg-subtle);
}

.account-page--loading .account-page__footer[b-dw2qi1sqcq] {
    opacity: 0;
    visibility: hidden;
}

.account-page__footer[b-dw2qi1sqcq] {
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

.account-page__main[b-dw2qi1sqcq] {
    flex: 1;
    width: min(100%, 48rem);
    margin: 0 auto;
    padding: 1.75rem 1.25rem 2.5rem;
    box-sizing: border-box;
}

.account-page__footer[b-dw2qi1sqcq] {
    width: 100%;
    flex-shrink: 0;
    box-sizing: border-box;
}

.account-page__footer[b-dw2qi1sqcq]  .marketing-footer {
    width: 100%;
    max-width: 72rem;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.account-page__header[b-dw2qi1sqcq] {
    margin-bottom: 1.25rem;
}

.account-page__title[b-dw2qi1sqcq] {
    margin: 0 0 0.35rem;
    font-size: 1.75rem;
}

.account-page__lead[b-dw2qi1sqcq] {
    margin: 0;
    color: var(--ss-navy-muted);
}

.account-page__summary[b-dw2qi1sqcq] {
    margin: 0 0 1rem;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--ss-navy);
}

.account-page__section-heading[b-dw2qi1sqcq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.625rem;
}

.account-page__section-collapse[b-dw2qi1sqcq],
.account-page__section-toggle[b-dw2qi1sqcq] {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0.75rem 1rem;
    font-family: var(--ss-font);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.45;
    color: var(--ss-navy-muted);
    text-align: left;
    background: #fff;
    border: 1px solid var(--ss-border-subtle);
    border-radius: var(--ss-radius);
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.account-page__section-collapse:hover[b-dw2qi1sqcq],
.account-page__section-toggle:hover[b-dw2qi1sqcq] {
    background: var(--ss-bg-subtle);
    border-color: rgba(148, 163, 184, 0.42);
    color: var(--ss-navy);
}

.account-page__section--lifecycle[b-dw2qi1sqcq] {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--ss-border-subtle);
}

.account-page__section--lifecycle .account-page__section-toggle[b-dw2qi1sqcq] {
    background: #f8fafc;
}

.account-page__section--lifecycle .account-page__list[b-dw2qi1sqcq] {
    margin-top: 0.625rem;
}

.account-page__section[b-dw2qi1sqcq] {
    margin-bottom: 1.5rem;
}

.account-page__section-title[b-dw2qi1sqcq] {
    margin: 0 0 0.625rem;
    font-size: 0.9375rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: var(--ss-navy);
    scroll-margin-top: calc(var(--account-scroll-offset, 4.5rem));
}

.account-page__section-empty[b-dw2qi1sqcq] {
    margin: 0;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #065f46;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    border-radius: var(--ss-radius);
}

.account-page__section--paused .account-page__section-title[b-dw2qi1sqcq] {
    color: var(--ss-navy-muted);
}

.account-page__notice[b-dw2qi1sqcq] {
    margin: 0 0 0.875rem;
    padding: 0.625rem 0.875rem;
    border-radius: var(--ss-radius);
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: #065f46;
}

.account-page__actions[b-dw2qi1sqcq] {
    margin-bottom: 0.875rem;
}

.account-page__create-form[b-dw2qi1sqcq] {
    display: inline;
}

.account-page__empty[b-dw2qi1sqcq] {
    width: 100%;
    max-width: 90%;
    margin-inline: auto;
    padding: 2.25rem 2rem;
    text-align: center;
    box-sizing: border-box;
}

.account-page__empty-title[b-dw2qi1sqcq] {
    margin: 0 0 0.75rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.02em;
    color: var(--ss-navy);
}

.account-page__empty-text[b-dw2qi1sqcq] {
    margin: 0 auto 1.375rem;
    max-width: 22rem;
    font-size: 0.9375rem;
    line-height: 1.55;
    color: var(--ss-navy-muted);
}

.account-page__empty-tip[b-dw2qi1sqcq] {
    margin: 1rem 0 0;
    max-width: 22rem;
    margin-inline: auto;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--ss-navy-subtle);
}

.account-page__empty-tip-link[b-dw2qi1sqcq] {
    font-weight: 600;
    color: var(--ss-primary);
    text-decoration: none;
}

.account-page__empty-tip-link:hover[b-dw2qi1sqcq] {
    text-decoration: underline;
    text-underline-offset: 0.12em;
}

.account-page__tip[b-dw2qi1sqcq] {
    margin-bottom: 1rem;
    padding: 0.875rem 1rem;
    background: #f8fafc;
    border-color: rgba(148, 163, 184, 0.18);
}

.account-page__tip-lead[b-dw2qi1sqcq] {
    margin: 0 0 0.25rem;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.4;
    color: var(--ss-navy);
}

.account-page__tip-text[b-dw2qi1sqcq] {
    margin: 0 0 0.5rem;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--ss-navy-muted);
}

.account-page__tip-action[b-dw2qi1sqcq] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--ss-primary);
    text-decoration: none;
}

.account-page__tip-action:hover[b-dw2qi1sqcq] {
    text-decoration: underline;
    text-underline-offset: 0.12em;
}

.account-page__dialog-panel--wide[b-dw2qi1sqcq] {
    width: min(100%, 32rem);
}

.account-page__create-options[b-dw2qi1sqcq] {
    list-style: none;
    margin: 0 0 1rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.account-page__create-option[b-dw2qi1sqcq] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
    width: 100%;
    padding: 0.875rem 1rem;
    font: inherit;
    text-align: left;
    text-decoration: none;
    color: inherit;
    background: #fff;
    border: 1px solid var(--ss-border-subtle);
    border-radius: var(--ss-radius);
    cursor: pointer;
    transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease;
    box-sizing: border-box;
}

.account-page__create-option:hover:not(:disabled):not(.account-page__create-option--disabled)[b-dw2qi1sqcq] {
    border-color: rgba(6, 182, 212, 0.35);
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

.account-page__create-option:focus-visible[b-dw2qi1sqcq] {
    outline: 2px solid var(--ss-primary);
    outline-offset: 2px;
}

.account-page__create-option--disabled[b-dw2qi1sqcq] {
    opacity: 0.72;
    cursor: not-allowed;
    background: #f8fafc;
}

.account-page__create-option-head[b-dw2qi1sqcq] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.375rem 0.5rem;
    width: 100%;
}

.account-page__create-option-title[b-dw2qi1sqcq] {
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.35;
    color: var(--ss-navy);
}

.account-page__create-option-desc[b-dw2qi1sqcq] {
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--ss-navy-muted);
}

.account-page__create-option-badge[b-dw2qi1sqcq] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.4375rem;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #64748b;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    line-height: 1.3;
}

.account-page__dialog-actions--start[b-dw2qi1sqcq] {
    justify-content: flex-end;
}

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

.account-page__card-menu-backdrop[b-dw2qi1sqcq] {
    position: fixed;
    inset: 0;
    z-index: 1500;
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    cursor: default;
}

.account-page__dialog[b-dw2qi1sqcq] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    box-sizing: border-box;
}

.account-page__dialog-backdrop[b-dw2qi1sqcq] {
    position: absolute;
    inset: 0;
    padding: 0;
    border: none;
    background: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(4px);
    cursor: pointer;
}

.account-page__dialog-panel[b-dw2qi1sqcq] {
    position: relative;
    width: min(100%, 26rem);
    padding: 1.5rem;
    background: #fff;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 1.125rem;
    box-shadow:
        0 20px 50px rgba(15, 23, 42, 0.18),
        0 0 0 1px rgba(255, 255, 255, 0.06);
    box-sizing: border-box;
}

.account-page__dialog-title[b-dw2qi1sqcq] {
    margin: 0 0 0.75rem;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    color: var(--ss-navy);
}

.account-page__dialog-text[b-dw2qi1sqcq] {
    margin: 0 0 0.5rem;
    font-size: 0.875rem;
    line-height: 1.55;
    color: var(--ss-navy-muted);
}

.account-page__dialog-text--emphasis[b-dw2qi1sqcq] {
    margin-bottom: 1.25rem;
    color: var(--ss-navy);
}

.account-page__dialog-actions[b-dw2qi1sqcq] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 0;
}

.account-page__dialog-actions .ss-button[b-dw2qi1sqcq] {
    width: 100%;
    justify-content: center;
}

.account-page__dialog-cancel[b-dw2qi1sqcq] {
    background: #fff;
    color: var(--ss-navy);
    border: 1px solid var(--ss-border);
}

.account-page__dialog-cancel:hover[b-dw2qi1sqcq] {
    background: var(--ss-bg-subtle);
}

.account-page__dialog-delete[b-dw2qi1sqcq] {
    background: var(--ss-error);
    border-color: var(--ss-error);
    color: #fff;
}

.account-page__dialog-delete:hover[b-dw2qi1sqcq] {
    filter: brightness(0.95);
}

@media (min-width: 640px) {
    .account-page__main[b-dw2qi1sqcq] {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .account-page__footer[b-dw2qi1sqcq]  .marketing-footer {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}
/* /Components/ScrollToTopButton.razor.rz.scp.css */
.ss-scroll-top[b-5w5k86m446] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    right: 1.25rem;
    bottom: max(1.25rem, env(safe-area-inset-bottom, 0px));
    z-index: 40;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    color: var(--ss-navy);
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 999px;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.12);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(0.375rem);
    transition:
        opacity 0.2s ease,
        visibility 0.2s ease,
        transform 0.2s ease,
        background 0.15s ease;
    backdrop-filter: blur(6px);
}

.ss-scroll-top:hover[b-5w5k86m446] {
    background: #fff;
}

.ss-scroll-top--visible[b-5w5k86m446] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.ss-scroll-top svg[b-5w5k86m446] {
    display: block;
}
/* /Components/SharedStatusBrand.razor.rz.scp.css */
.ss-brand[b-6j47qwmvpz] {
    display: inline-flex;
    align-items: center;
    gap: 0.875rem;
}

.ss-brand__icon[b-6j47qwmvpz] {
    display: block;
    height: 2.25rem;
    width: auto;
    flex-shrink: 0;
    object-fit: contain;
}

.ss-brand__text[b-6j47qwmvpz] {
    font-family: var(--ss-font);
    line-height: 1;
    letter-spacing: -0.022em;
    white-space: nowrap;
    transform: translateY(0.02em);
}

.ss-brand__shared[b-6j47qwmvpz] {
    font-weight: 700;
    color: var(--ss-navy);
}

.ss-brand__status[b-6j47qwmvpz] {
    font-weight: 500;
    color: var(--ss-navy);
}

.ss-brand--header[b-6j47qwmvpz] {
    gap: 0.75rem;
}

.ss-brand--header .ss-brand__icon[b-6j47qwmvpz] {
    height: 2.25rem;
}

.ss-brand--header .ss-brand__text[b-6j47qwmvpz] {
    font-size: 1.125rem;
}

.ss-brand--hero[b-6j47qwmvpz] {
    gap: 0.875rem;
}

.ss-brand--hero .ss-brand__icon[b-6j47qwmvpz] {
    height: 2.625rem;
}

.ss-brand--hero .ss-brand__text[b-6j47qwmvpz] {
    font-size: 1.4375rem;
}

@media (min-width: 480px) {
    .ss-brand--header[b-6j47qwmvpz] {
        gap: 0.8125rem;
    }

    .ss-brand--header .ss-brand__icon[b-6j47qwmvpz] {
        height: 2.5rem;
    }

    .ss-brand--header .ss-brand__text[b-6j47qwmvpz] {
        font-size: 1.1875rem;
    }

    .ss-brand--hero[b-6j47qwmvpz] {
        gap: 1rem;
    }

    .ss-brand--hero .ss-brand__icon[b-6j47qwmvpz] {
        height: 3rem;
    }

    .ss-brand--hero .ss-brand__text[b-6j47qwmvpz] {
        font-size: 1.625rem;
    }
}

@media (min-width: 768px) {
    .ss-brand--hero[b-6j47qwmvpz] {
        gap: 1.0625rem;
    }

    .ss-brand--hero .ss-brand__icon[b-6j47qwmvpz] {
        height: 3.375rem;
    }

    .ss-brand--hero .ss-brand__text[b-6j47qwmvpz] {
        font-size: 1.875rem;
    }
}

@media (min-width: 960px) {
    .ss-brand--hero[b-6j47qwmvpz] {
        gap: 1.125rem;
    }

    .ss-brand--hero .ss-brand__icon[b-6j47qwmvpz] {
        height: 3.5rem;
    }

    .ss-brand--hero .ss-brand__text[b-6j47qwmvpz] {
        font-size: 2rem;
    }
}

.ss-brand--compact[b-6j47qwmvpz] {
    gap: 0.4375rem;
}

.ss-brand--compact .ss-brand__icon[b-6j47qwmvpz] {
    height: 1.375rem;
}

.ss-brand--compact .ss-brand__text[b-6j47qwmvpz] {
    font-size: 0.9375rem;
    letter-spacing: -0.022em;
}

.ss-brand--compare-label[b-6j47qwmvpz] {
    gap: 0.125rem;
    margin-left: 0;
}

.ss-brand--compare-label .ss-brand__icon[b-6j47qwmvpz] {
    height: 1.125rem;
}
/* /Components/StatusPageLogo.razor.rz.scp.css */
.status-page-logo[b-dvfbfw4mom] {
    display: flex;
    justify-content: center;
    padding: 1.5rem 1.25rem 0;
}

.status-page-logo__image[b-dvfbfw4mom] {
    max-width: min(100%, 14rem);
    max-height: 5rem;
    width: auto;
    height: auto;
    object-fit: contain;
}
/* /Components/StatusPagePreview.razor.rz.scp.css */
.preview[b-02qx8m7cfe] {
    height: 100%;
}

.preview-card[b-02qx8m7cfe] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    background: var(--ss-card);
    border: 1px solid var(--ss-border);
    border-radius: var(--ss-radius-lg);
    box-shadow: var(--ss-shadow);
    overflow: hidden;
}

.preview-header[b-02qx8m7cfe] {
    padding: 1.25rem 1.75rem 1.25rem;
    border-bottom: 1px solid var(--ss-border-subtle);
}

.preview-title[b-02qx8m7cfe] {
    margin: 0;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--ss-navy);
}

.preview-update[b-02qx8m7cfe] {
    margin: 0.75rem 0 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--ss-navy-muted);
    white-space: pre-line;
}

.preview-timeline[b-02qx8m7cfe] {
    flex: 1;
    padding: 1.125rem 1.5rem 1.25rem;
}

.preview-footer[b-02qx8m7cfe] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.25rem 0.375rem;
    padding: 1rem 1.75rem;
    font-size: 0.8125rem;
    text-align: center;
    color: var(--ss-pending);
    border-top: 1px solid var(--ss-border-subtle);
    background: var(--ss-bg-subtle);
}

.preview-footer__label[b-02qx8m7cfe] {
    color: var(--ss-pending);
}

.preview-footer__brand[b-02qx8m7cfe] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    color: var(--ss-navy-subtle);
    font-weight: 600;
}

.preview-footer__icon[b-02qx8m7cfe] {
    display: block;
    width: auto;
    height: 1rem;
    flex-shrink: 0;
    object-fit: contain;
}
/* /Components/StatusTimeline.razor.rz.scp.css */
.status-timeline[b-ngb2vt9zde] {
    --st-marker-size: 1.25rem;
    --st-marker-center: calc(var(--st-marker-size) / 2);
    --st-row-gap: 0.875rem;
    --st-item-spacing: 1.125rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.status-timeline__item[b-ngb2vt9zde] {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: var(--st-row-gap);
    padding-bottom: var(--st-item-spacing);
}

.status-timeline__item:last-child[b-ngb2vt9zde] {
    padding-bottom: 0;
}

.status-timeline__item:not(:last-child)[b-ngb2vt9zde]::before {
    content: "";
    position: absolute;
    left: var(--st-marker-center);
    top: calc(var(--st-marker-size) + 0.125rem);
    bottom: 0;
    width: 2px;
    background: var(--ss-border);
    transform: translateX(-50%);
}

.status-timeline__item--complete:not(:last-child)[b-ngb2vt9zde]::before {
    background: var(--ss-success-border);
}

.status-timeline__item--active:not(:last-child)[b-ngb2vt9zde]::before {
    background: linear-gradient(180deg, rgba(6, 182, 212, 0.35) 0%, var(--ss-border) 100%);
}

.status-timeline__marker[b-ngb2vt9zde] {
    flex-shrink: 0;
    width: var(--st-marker-size);
    height: var(--st-marker-size);
    margin-top: 0.125rem;
    border-radius: 999px;
    border: 2px solid var(--ss-pending);
    background: var(--ss-bg);
    z-index: 1;
}

.status-timeline__content[b-ngb2vt9zde] {
    flex: 1;
    min-width: 0;
    padding-top: 0.0625rem;
}

.status-timeline__badge[b-ngb2vt9zde] {
    display: inline-block;
    margin-bottom: 0.25rem;
    padding: 0.125rem 0.4375rem;
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--ss-primary);
    background: rgba(6, 182, 212, 0.12);
    border-radius: 999px;
}

.status-timeline__text[b-ngb2vt9zde] {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.5;
    color: var(--ss-navy-muted);
}

.status-timeline__item--pending .status-timeline__marker[b-ngb2vt9zde] {
    border-style: dashed;
    background: var(--ss-pending-bg);
}

.status-timeline__item--pending .status-timeline__text[b-ngb2vt9zde] {
    color: var(--ss-pending);
}

.status-timeline__item--active .status-timeline__content[b-ngb2vt9zde] {
    padding: 0.5625rem 0.75rem;
    border-radius: var(--ss-radius-sm);
    background: var(--ss-active-bg);
    border: 1px solid var(--ss-active-border);
}

.status-timeline__item--active .status-timeline__marker[b-ngb2vt9zde] {
    border-color: var(--ss-primary);
    background: var(--ss-primary);
    box-shadow: 0 0 0 3px rgba(6, 182, 212, 0.14);
}

.status-timeline__item--active .status-timeline__text[b-ngb2vt9zde] {
    font-weight: 600;
    color: var(--ss-navy);
}

.status-timeline__item--active:not(:last-child)[b-ngb2vt9zde] {
    padding-bottom: calc(var(--st-item-spacing) + 0.125rem);
}

.status-timeline__item--complete .status-timeline__marker[b-ngb2vt9zde] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: var(--ss-success);
    background: var(--ss-success);
    line-height: 0;
}

.status-timeline__item--complete .status-timeline__marker[b-ngb2vt9zde]::after {
    content: "";
    display: block;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 0.35rem;
    height: 0.575rem;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) translate(-0.5px, -1px);
}

.status-timeline--compact[b-ngb2vt9zde] {
    --st-marker-size: 0.9375rem;
    --st-row-gap: 0.625rem;
    --st-item-spacing: 0.875rem;
}

.status-timeline--compact .status-timeline__text[b-ngb2vt9zde] {
    font-size: 0.8125rem;
    line-height: 1.45;
}

.status-timeline--compact .status-timeline__item--active .status-timeline__content[b-ngb2vt9zde] {
    padding: 0.4375rem 0.625rem;
}

.status-timeline--compact .status-timeline__badge[b-ngb2vt9zde] {
    margin-bottom: 0.1875rem;
    padding: 0.0625rem 0.375rem;
    font-size: 0.5625rem;
}

@media (min-width: 960px) {
    .status-timeline--compact .status-timeline__text[b-ngb2vt9zde] {
        font-size: 0.875rem;
    }
}
/* /Components/UseCaseLandingPage.razor.rz.scp.css */
.use-case[b-y4uyvy8fj8] {
    min-height: 100vh;
    min-height: 100dvh;
    background:
        radial-gradient(ellipse 90% 50% at 50% -10%, rgba(6, 182, 212, 0.07), transparent 55%),
        linear-gradient(180deg, #ffffff 0%, #f4f9ff 45%, #f8fafc 100%);
}

.use-case__main[b-y4uyvy8fj8] {
    max-width: 42rem;
    margin: 0 auto;
    padding: 1.5rem 1rem 3rem;
    box-sizing: border-box;
}

.use-case__hero[b-y4uyvy8fj8] {
    padding-top: 0.5rem;
    margin-bottom: 2.5rem;
}

.use-case__eyebrow[b-y4uyvy8fj8] {
    margin: 0 0 0.5rem;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--ss-primary);
}

.use-case__title[b-y4uyvy8fj8] {
    margin: 0 0 0.75rem;
    font-size: clamp(1.75rem, 5vw, 2.375rem);
    font-weight: 700;
    letter-spacing: -0.03em;
    color: var(--ss-navy);
    line-height: 1.15;
}

.use-case__lead[b-y4uyvy8fj8] {
    margin: 0 0 1.5rem;
    font-size: 1.0625rem;
    line-height: 1.65;
    color: var(--ss-navy-muted);
}

.use-case__cta-row[b-y4uyvy8fj8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.use-case__cta-primary[b-y4uyvy8fj8] {
    text-decoration: none;
    gap: 0.375rem;
}

.use-case__section[b-y4uyvy8fj8] {
    margin-bottom: 2.5rem;
}

.use-case__section--example[b-y4uyvy8fj8] {
    scroll-margin-top: 5rem;
}

.use-case__section-title[b-y4uyvy8fj8] {
    margin: 0 0 1rem;
    padding-bottom: 0.5rem;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--ss-navy);
    border-bottom: 1px solid var(--ss-border);
}

.use-case__list[b-y4uyvy8fj8] {
    margin: 0;
    padding-left: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.use-case__list li[b-y4uyvy8fj8] {
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--ss-navy-muted);
}

.use-case__list--check[b-y4uyvy8fj8] {
    list-style: none;
    padding-left: 0;
    gap: 0.75rem;
}

.use-case__list--check li[b-y4uyvy8fj8] {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
}

.use-case__check[b-y4uyvy8fj8] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0.125rem;
    font-size: 0.6875rem;
    font-weight: 700;
    color: var(--ss-success);
    background: var(--ss-success-bg);
    border-radius: 999px;
}

.use-case__tags[b-y4uyvy8fj8] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.use-case__tag[b-y4uyvy8fj8] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--ss-navy-muted);
    background: var(--ss-bg-muted);
    border: 1px solid var(--ss-border-subtle);
    border-radius: 999px;
}

.use-case__benefits[b-y4uyvy8fj8] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.75rem;
}

@media (min-width: 640px) {
    .use-case__benefits[b-y4uyvy8fj8] {
        grid-template-columns: 1fr 1fr;
    }
}

.use-case__benefit[b-y4uyvy8fj8] {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    padding: 0.875rem 1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--ss-navy-muted);
    background: var(--ss-bg);
    border: 1px solid var(--ss-border-subtle);
    border-radius: var(--ss-radius);
}

.use-case__benefit-icon[b-y4uyvy8fj8] {
    flex-shrink: 0;
    color: var(--ss-primary);
    font-weight: 700;
}

.use-case__how[b-y4uyvy8fj8] {
    padding: 1.25rem 1.25rem 1.5rem;
    background: linear-gradient(180deg, var(--ss-active-bg) 0%, #ffffff 100%);
    border: 1px solid var(--ss-active-border);
    border-radius: var(--ss-radius-lg);
    box-shadow: var(--ss-shadow-sm);
}

.use-case__how .use-case__section-title[b-y4uyvy8fj8] {
    border-bottom-color: var(--ss-active-border);
}

.use-case__steps[b-y4uyvy8fj8] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.use-case__step[b-y4uyvy8fj8] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.use-case__step-num[b-y4uyvy8fj8] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--ss-primary);
    background: var(--ss-active-bg);
    border: 1px solid var(--ss-active-border);
    border-radius: 999px;
}

.use-case__step div[b-y4uyvy8fj8] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.use-case__step strong[b-y4uyvy8fj8] {
    font-size: 0.9375rem;
    color: var(--ss-navy);
}

.use-case__step span[b-y4uyvy8fj8] {
    font-size: 0.875rem;
    line-height: 1.55;
    color: var(--ss-navy-muted);
}

.use-case__api[b-y4uyvy8fj8] {
    padding: 1.25rem;
    background: var(--ss-bg-subtle);
    border: 1px solid var(--ss-border);
    border-radius: var(--ss-radius-lg);
}

.use-case__api-text[b-y4uyvy8fj8] {
    margin: 0 0 0.75rem;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--ss-navy-muted);
}

.use-case__api-link[b-y4uyvy8fj8] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--ss-primary);
    text-decoration: none;
}

.use-case__api-link:hover[b-y4uyvy8fj8] {
    text-decoration: underline;
}

.use-case__related-links[b-y4uyvy8fj8] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.use-case__related-links a[b-y4uyvy8fj8] {
    display: inline-block;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--ss-navy);
    text-decoration: none;
    background: var(--ss-bg);
    border: 1px solid var(--ss-border);
    border-radius: var(--ss-radius);
    transition: border-color 0.15s ease, color 0.15s ease;
}

.use-case__related-links a:hover[b-y4uyvy8fj8] {
    border-color: var(--ss-primary);
    color: var(--ss-primary);
}

.use-case__final-cta[b-y4uyvy8fj8] {
    text-align: center;
    padding: 2rem 1.5rem;
    background: linear-gradient(135deg, rgba(6, 182, 212, 0.06) 0%, rgba(59, 130, 246, 0.06) 100%);
    border: 1px solid var(--ss-border);
    border-radius: var(--ss-radius-lg);
    margin-top: 2rem;
}

.use-case__final-text[b-y4uyvy8fj8] {
    margin: 0 0 1.25rem;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--ss-navy);
}

.use-case__home-link[b-y4uyvy8fj8] {
    margin: 1.25rem 0 0;
    font-size: 0.875rem;
}

.use-case__home-link a[b-y4uyvy8fj8] {
    color: var(--ss-navy-muted);
    text-decoration: none;
}

.use-case__home-link a:hover[b-y4uyvy8fj8] {
    color: var(--ss-primary);
}

@media (min-width: 768px) {
    .use-case__main[b-y4uyvy8fj8] {
        max-width: 48rem;
        padding: 2rem 1.5rem 4rem;
    }
}