/* /DesignSystem/Components/BottomSheet.razor.rz.scp.css */
.bottom-sheet__backdrop[b-5qruobspet] {
    align-items: flex-end;
    background: var(--color-overlay);
    display: flex;
    inset: 0;
    justify-content: center;
    position: fixed;
    z-index: 1000;
}

.bottom-sheet[b-5qruobspet] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-dialog) var(--radius-dialog) 0 0;
    box-shadow: var(--shadow-elevated);
    max-height: 85dvh;
    max-width: 640px;
    overflow: auto;
    padding: var(--space-3) var(--space-4) calc(var(--space-4) + var(--safe-area-bottom));
    width: 100%;
}

.bottom-sheet__handle[b-5qruobspet] {
    background: var(--color-border);
    border-radius: var(--radius-pill);
    height: 4px;
    margin: 0 auto var(--space-3);
    width: 48px;
}

.bottom-sheet header[b-5qruobspet] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.bottom-sheet h2[b-5qruobspet] {
    font-size: var(--text-lg);
}

.bottom-sheet button[b-5qruobspet] {
    align-items: center;
    background: var(--color-background);
    border: 0;
    border-radius: 50%;
    color: var(--color-text-primary);
    cursor: pointer;
    display: flex;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.bottom-sheet__content[b-5qruobspet] {
    margin-top: var(--space-3);
}

@media (min-width: 768px) {
    .bottom-sheet__backdrop[b-5qruobspet] {
        align-items: center;
        padding: var(--space-4);
    }

    .bottom-sheet[b-5qruobspet] {
        border-radius: var(--radius-dialog);
    }
}
/* /DesignSystem/Components/CategoryChip.razor.rz.scp.css */
.category-chip[b-du9o0srrx4] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-pill);
    color: var(--color-text-primary);
    display: inline-flex;
    font-size: var(--text-sm);
    font-weight: 600;
    gap: var(--space-1);
    min-height: 36px;
    padding: var(--space-1) var(--space-2);
}

.category-chip--important[b-du9o0srrx4] {
    background: var(--color-accent);
    border-color: var(--color-accent);
}
/* /DesignSystem/Components/DropdownField.razor.rz.scp.css */
.ds-dropdown[b-etyv0a984u] {
    color: var(--color-text-primary);
    display: grid;
    font-size: var(--text-sm);
    font-weight: 600;
    gap: var(--space-1);
}

.ds-dropdown__control[b-etyv0a984u] {
    position: relative;
}

.ds-dropdown select[b-etyv0a984u] {
    appearance: none;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-input);
    color: var(--color-text-primary);
    font: inherit;
    font-weight: 400;
    min-height: 48px;
    outline: 0;
    padding: 0 var(--space-5) 0 var(--space-2);
    width: 100%;
}

.ds-dropdown select:focus[b-etyv0a984u] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(40, 100, 240, 0.12);
}

.ds-dropdown__control[b-etyv0a984u]  .app-icon {
    color: var(--color-text-secondary);
    pointer-events: none;
    position: absolute;
    right: var(--space-2);
    top: 50%;
    transform: translateY(-50%);
}
/* /DesignSystem/Components/DurationPicker.razor.rz.scp.css */
.duration-picker[b-5j95urw2sv] {
    border: 0;
    display: grid;
    gap: var(--space-2);
    margin: 0;
    min-width: 0;
    padding: 0;
}

.duration-picker legend[b-5j95urw2sv] {
    color: var(--color-text-primary);
    font-size: var(--text-sm);
    font-weight: 600;
    margin-bottom: var(--space-1);
}

.duration-picker__presets[b-5j95urw2sv] {
    display: flex;
    gap: var(--space-1);
    margin-inline: calc(var(--space-3) * -1);
    overflow-x: auto;
    padding: 2px var(--space-3) var(--space-1);
    scroll-padding-inline: var(--space-3);
    scroll-snap-type: x proximity;
    scrollbar-width: none;
}

.duration-picker__presets[b-5j95urw2sv]::-webkit-scrollbar {
    display: none;
}

.duration-picker__presets button[b-5j95urw2sv] {
    background: var(--color-background);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-pill);
    color: var(--color-text-secondary);
    cursor: pointer;
    flex: 0 0 auto;
    font: inherit;
    font-size: var(--text-sm);
    font-weight: 600;
    min-height: 44px;
    padding-inline: var(--space-2);
    scroll-snap-align: start;
}

.duration-picker__presets button.is-selected[b-5j95urw2sv] {
    background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.duration-picker__stepper[b-5j95urw2sv] {
    align-items: center;
    background: var(--color-background);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-input);
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) 52px;
    min-height: 64px;
    overflow: hidden;
}

.duration-picker__stepper button[b-5j95urw2sv] {
    align-items: center;
    align-self: stretch;
    background: transparent;
    border: 0;
    color: var(--color-primary);
    cursor: pointer;
    display: flex;
    justify-content: center;
    min-height: 52px;
    min-width: 52px;
}

.duration-picker__stepper button:disabled[b-5j95urw2sv] {
    color: var(--color-text-muted);
    cursor: default;
}

.duration-picker__stepper output[b-5j95urw2sv] {
    border-inline: 1px solid var(--color-border);
    display: grid;
    min-width: 0;
    padding: var(--space-1) var(--space-2);
    text-align: center;
}

.duration-picker__stepper strong[b-5j95urw2sv] {
    color: var(--color-text-primary);
    font-size: var(--text-md);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.duration-picker__stepper small[b-5j95urw2sv] {
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
}
/* /DesignSystem/Components/EmptyState.razor.rz.scp.css */
.ds-empty-state[b-3zzi1sm6zl] {
    align-items: center;
    color: var(--color-text-secondary);
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 240px;
    padding: var(--space-4);
    text-align: center;
}

.ds-empty-state__icon[b-3zzi1sm6zl] {
    align-items: center;
    background: var(--color-background);
    border-radius: 50%;
    color: var(--color-primary);
    display: flex;
    height: 56px;
    justify-content: center;
    width: 56px;
}

.ds-empty-state h2[b-3zzi1sm6zl] {
    color: var(--color-text-primary);
    font-size: var(--text-lg);
    margin-top: var(--space-3);
}

.ds-empty-state p[b-3zzi1sm6zl] {
    font-size: var(--text-sm);
    margin-top: var(--space-1);
    max-width: 360px;
}

.ds-empty-state__action[b-3zzi1sm6zl] {
    margin-top: var(--space-3);
    min-width: 200px;
}
/* /DesignSystem/Components/InputField.razor.rz.scp.css */
.ds-field[b-rzb4xm0omu] {
    color: var(--color-text-primary);
    display: grid;
    font-size: var(--text-sm);
    font-weight: 600;
    gap: var(--space-1);
}

.ds-field input[b-rzb4xm0omu],
.ds-field textarea[b-rzb4xm0omu] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-input);
    color: var(--color-text-primary);
    font: inherit;
    font-weight: 400;
    min-height: 48px;
    outline: 0;
    padding: 0 var(--space-2);
    transition: border-color var(--motion-fast) var(--ease-standard),
        box-shadow var(--motion-fast) var(--ease-standard);
    width: 100%;
}

.ds-field textarea[b-rzb4xm0omu] {
    line-height: 1.45;
    min-height: 104px;
    padding: var(--space-2);
    resize: vertical;
}

.ds-field input:focus[b-rzb4xm0omu],
.ds-field textarea:focus[b-rzb4xm0omu] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(40, 100, 240, 0.12);
}

.ds-field input[aria-invalid="true"][b-rzb4xm0omu],
.ds-field textarea[aria-invalid="true"][b-rzb4xm0omu] {
    border-color: var(--color-danger);
}

.ds-field .ds-field__error[b-rzb4xm0omu] {
    color: var(--color-danger);
}

.ds-field small[b-rzb4xm0omu] {
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
    font-weight: 400;
}
/* /DesignSystem/Components/LoadingState.razor.rz.scp.css */
.loading-state[b-m0xjt9y14j] {
    align-items: center;
    color: var(--color-text-secondary);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    justify-content: center;
    min-height: 240px;
    padding: var(--space-4);
    text-align: center;
}

.loading-state__spinner[b-m0xjt9y14j] {
    animation: ds-spin-b-m0xjt9y14j 800ms linear infinite;
    border: 3px solid var(--color-border);
    border-radius: 50%;
    border-top-color: var(--color-primary);
    height: 32px;
    width: 32px;
}

@keyframes ds-spin-b-m0xjt9y14j {
    to { transform: rotate(360deg); }
}
/* /DesignSystem/Components/LocalizedTimeField.razor.rz.scp.css */
.localized-time-field__trigger[b-q12xfxb8a7] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-input);
    color: var(--color-text-primary);
    display: flex;
    font: inherit;
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    justify-content: space-between;
    min-height: 48px;
    min-width: 0;
    padding-inline: var(--space-2);
    width: 100%;
}

.localized-time-field__trigger:hover[b-q12xfxb8a7],
.localized-time-field__trigger:focus-visible[b-q12xfxb8a7] {
    border-color: var(--color-primary);
}

.localized-time-field__trigger.is-invalid[b-q12xfxb8a7] {
    border-color: var(--color-danger);
}

.time-picker[b-q12xfxb8a7] {
    display: grid;
    gap: var(--space-4);
}

.time-picker__selectors[b-q12xfxb8a7] {
    align-items: end;
    display: grid;
    gap: var(--space-2);
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    min-width: 0;
}

.time-picker__selectors label[b-q12xfxb8a7] {
    display: grid;
    font-size: var(--text-sm);
    font-weight: 700;
    gap: var(--space-1);
    min-width: 0;
}

.time-picker__selectors select[b-q12xfxb8a7] {
    background: var(--color-background);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-input);
    color: var(--color-text-primary);
    font: inherit;
    font-size: var(--text-lg);
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    min-height: 56px;
    min-width: 0;
    padding-inline: var(--space-2);
    text-align: center;
    width: 100%;
}

.time-picker__selectors select:focus[b-q12xfxb8a7] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(40, 100, 240, 0.12);
    outline: 0;
}

.time-picker__separator[b-q12xfxb8a7] {
    align-items: center;
    display: flex;
    font-size: var(--text-xl);
    font-weight: 800;
    height: 56px;
}

.time-picker__actions[b-q12xfxb8a7] {
    display: grid;
    gap: var(--space-2);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.time-picker__actions .time-picker__action[b-q12xfxb8a7] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-button);
    font-size: var(--text-sm);
    font-weight: 700;
    height: auto;
    min-height: 48px;
    padding: var(--space-2) var(--space-3);
    width: 100%;
}

.time-picker__action--secondary[b-q12xfxb8a7] {
    background: var(--color-background);
    color: var(--color-text-primary);
}

.time-picker__actions .time-picker__action--primary[b-q12xfxb8a7] {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-on-brand);
}
/* /DesignSystem/Components/LocationPicker.razor.rz.scp.css */
.location-picker[b-sjteesvmlr] {
    border: 0;
    display: grid;
    gap: var(--space-2);
    margin: 0;
    min-width: 0;
    padding: 0;
}

.location-picker__legend[b-sjteesvmlr] {
    color: var(--color-text-primary);
    display: flex;
    font-size: var(--text-sm);
    font-weight: 600;
    gap: var(--space-1);
    justify-content: space-between;
    padding: 0;
    width: 100%;
}

.location-picker__legend small[b-sjteesvmlr] {
    color: var(--color-primary);
    font-size: var(--text-xs);
    font-weight: 700;
}

.location-picker__intro[b-sjteesvmlr] {
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
    line-height: var(--line-body);
    margin: calc(var(--space-1) * -0.5) 0 0;
}

.location-picker__modes[b-sjteesvmlr] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1);
}

.location-picker__modes[b-sjteesvmlr]  .pill-button {
    flex: 1 1 auto;
    justify-content: center;
}

.location-picker__row[b-sjteesvmlr] {
    align-items: stretch;
    display: grid;
    gap: var(--space-1);
    grid-template-columns: 1fr auto;
    min-width: 0;
    width: 100%;
}

.location-picker__input[b-sjteesvmlr] {
    display: block;
    min-width: 0;
}

.location-picker__input input[b-sjteesvmlr] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-input);
    color: var(--color-text-primary);
    font: inherit;
    font-size: var(--text-sm);
    height: 100%;
    min-height: 48px;
    min-width: 0;
    outline: 0;
    padding: 0 var(--space-2);
    transition: border-color var(--motion-fast) var(--ease-standard),
        box-shadow var(--motion-fast) var(--ease-standard);
    width: 100%;
}

.location-picker__input input:focus[b-sjteesvmlr] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(40, 100, 240, 0.12);
}

.location-picker__row[b-sjteesvmlr]  .app-button {
    font-size: var(--text-sm);
    min-height: 48px;
    padding-inline: var(--space-2);
    width: auto;
}

.location-picker__visually-hidden[b-sjteesvmlr] {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.location-picker__hint[b-sjteesvmlr] {
    color: var(--color-text-secondary);
    font-size: var(--text-sm);
    margin: 0;
}

.location-picker__feedback[b-sjteesvmlr] {
    color: var(--color-danger);
    font-size: var(--text-xs);
    font-weight: 600;
    line-height: var(--line-body);
    margin: 0;
}

.location-picker__result[b-sjteesvmlr] {
    align-items: center;
    background: color-mix(in srgb, var(--color-success) 8%, var(--color-surface));
    border: 1px solid color-mix(in srgb, var(--color-success) 34%, var(--color-border));
    border-radius: var(--radius-input);
    display: grid;
    gap: var(--space-1);
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    padding: var(--space-2);
}

.location-picker__result-icon[b-sjteesvmlr] {
    align-items: center;
    background: var(--color-success);
    border-radius: 50%;
    color: var(--color-on-brand);
    display: flex;
    height: 28px;
    justify-content: center;
    width: 28px;
}

.location-picker__result-copy[b-sjteesvmlr] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.location-picker__result-copy strong[b-sjteesvmlr] {
    color: var(--color-text-primary);
    font-size: var(--text-sm);
}

.location-picker__result-copy small[b-sjteesvmlr] {
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.location-picker__clear[b-sjteesvmlr] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 50%;
    color: var(--color-text-secondary);
    cursor: pointer;
    display: flex;
    height: 44px;
    justify-content: center;
    padding: 0;
    width: 44px;
}

.location-picker__clear:hover[b-sjteesvmlr] {
    background: color-mix(in srgb, var(--color-text-secondary) 10%, transparent);
    color: var(--color-text-primary);
}

@media (max-width: 430px) {
    .location-picker__result[b-sjteesvmlr] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .location-picker__result[b-sjteesvmlr]  .status-badge {
        grid-column: 2;
        justify-self: start;
    }

    .location-picker__clear[b-sjteesvmlr] {
        grid-column: 3;
        grid-row: 1 / span 2;
    }
}
/* /DesignSystem/Components/NotificationCard.razor.rz.scp.css */
.notification-card[b-536q1gcxkr] {
    align-items: flex-start;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    color: inherit;
    display: flex;
    gap: var(--space-2);
    padding: var(--space-3);
    text-decoration: none;
    transition: border-color var(--motion-fast) var(--ease-standard),
        transform var(--motion-fast) var(--ease-standard);
}

.notification-card:hover[b-536q1gcxkr] {
    border-color: var(--color-primary);
    transform: translateY(-1px);
}

.notification-card--unread[b-536q1gcxkr] {
    border-left: 4px solid var(--color-primary);
}

.notification-card__icon[b-536q1gcxkr] {
    align-items: center;
    background: var(--color-background);
    border-radius: var(--radius-input);
    color: var(--color-primary);
    display: flex;
    flex: 0 0 40px;
    height: 40px;
    justify-content: center;
}

.notification-card__copy[b-536q1gcxkr] {
    display: grid;
    flex: 1;
    gap: var(--space-1);
    min-width: 0;
}

.notification-card__heading[b-536q1gcxkr] {
    align-items: baseline;
    display: flex;
    gap: var(--space-2);
    justify-content: space-between;
}

.notification-card__heading strong[b-536q1gcxkr] {
    color: var(--color-text-primary);
    font-size: var(--text-sm);
}

.notification-card time[b-536q1gcxkr],
.notification-card__body[b-536q1gcxkr] {
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
}

.notification-card__dot[b-536q1gcxkr] {
    background: var(--color-danger);
    border-radius: 50%;
    flex: 0 0 8px;
    height: 8px;
    margin-top: var(--space-1);
    width: 8px;
}
/* /DesignSystem/Components/ProfileCard.razor.rz.scp.css */
.profile-card[b-bx6gleer61] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
    display: flex;
    gap: var(--space-2);
    padding: var(--space-3);
}

.profile-card__copy[b-bx6gleer61] {
    flex: 1;
    min-width: 0;
}

.profile-card__name[b-bx6gleer61] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1);
}

.profile-card__name strong[b-bx6gleer61] {
    color: var(--color-text-primary);
    font-size: var(--text-sm);
}

.profile-card p[b-bx6gleer61] {
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
    margin-top: var(--space-1);
}

.profile-card__trailing[b-bx6gleer61] {
    flex: 0 0 auto;
}
/* /DesignSystem/Components/SearchBar.razor.rz.scp.css */
.ds-search[b-32yo0ksggv] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-input);
    color: var(--color-text-secondary);
    display: flex;
    gap: var(--space-2);
    min-height: 48px;
    padding: 0 var(--space-2);
    transition: border-color var(--motion-fast) var(--ease-standard),
        box-shadow var(--motion-fast) var(--ease-standard);
}

.ds-search:focus-within[b-32yo0ksggv] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(40, 100, 240, 0.12);
}

.ds-search input[b-32yo0ksggv] {
    background: transparent;
    border: 0;
    color: var(--color-text-primary);
    flex: 1;
    font: inherit;
    min-width: 0;
    outline: 0;
}

.ds-search input[b-32yo0ksggv]::-webkit-search-cancel-button {
    appearance: none;
    display: none;
}

.ds-search button[b-32yo0ksggv] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--color-text-secondary);
    cursor: pointer;
    display: flex;
    height: 44px;
    justify-content: center;
    width: 44px;
}
/* /DesignSystem/Components/Skeleton.razor.rz.scp.css */
.ds-skeleton[b-3wgwltr0lb] {
    animation: ds-pulse-b-3wgwltr0lb 1.4s ease-in-out infinite;
    background: var(--color-border);
    display: block;
}

@media (prefers-reduced-motion: no-preference) {
    .ds-skeleton[b-3wgwltr0lb] {
        animation: shimmer 1.4s linear infinite;
        background: linear-gradient(
            90deg,
            var(--color-border) 25%,
            color-mix(in srgb, var(--color-border) 45%, var(--color-surface)) 50%,
            var(--color-border) 75%
        );
        background-size: 200% 100%;
    }
}

.ds-skeleton--line[b-3wgwltr0lb] {
    border-radius: var(--radius-pill);
    height: 12px;
    width: 100%;
}

.ds-skeleton--card[b-3wgwltr0lb] {
    border-radius: var(--radius-card);
    height: 128px;
    width: 100%;
}

.ds-skeleton--avatar[b-3wgwltr0lb] {
    border-radius: 50%;
    height: 44px;
    width: 44px;
}

@keyframes ds-pulse-b-3wgwltr0lb {
    50% { opacity: 0.45; }
}
/* /DesignSystem/Components/StatisticCard.razor.rz.scp.css */
.statistic-card[b-637thnnvnf] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
    display: flex;
    gap: var(--space-2);
    min-height: 80px;
    padding: var(--space-3);
}

.statistic-card__icon[b-637thnnvnf] {
    align-items: center;
    background: var(--color-background);
    border-radius: var(--radius-input);
    color: var(--color-primary);
    display: flex;
    flex: 0 0 40px;
    height: 40px;
    justify-content: center;
}

.statistic-card__copy[b-637thnnvnf] {
    display: grid;
    min-width: 0;
}

.statistic-card strong[b-637thnnvnf] {
    color: var(--color-text-primary);
    font-size: var(--text-lg);
    line-height: var(--line-tight);
}

.statistic-card small[b-637thnnvnf] {
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
}
/* /DesignSystem/Components/TextareaField.razor.rz.scp.css */
.ds-textarea[b-0d8rvpzicl] {
    color: var(--color-text-primary);
    display: grid;
    font-size: var(--text-sm);
    font-weight: 600;
    gap: var(--space-1);
}

.ds-textarea textarea[b-0d8rvpzicl] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-input);
    color: var(--color-text-primary);
    font: inherit;
    font-weight: 400;
    line-height: var(--line-body);
    min-height: 112px;
    outline: 0;
    padding: var(--space-2);
    resize: vertical;
    transition: border-color var(--motion-fast) var(--ease-standard),
        box-shadow var(--motion-fast) var(--ease-standard);
    width: 100%;
}

.ds-textarea textarea:focus[b-0d8rvpzicl] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(40, 100, 240, 0.12);
}

.ds-textarea small[b-0d8rvpzicl] {
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
    font-weight: 400;
}
/* /Features/Availability/Pages/Disponibilita.razor.rz.scp.css */
.availability-form[b-khqblr9f5g] {
    display: grid;
    gap: var(--space-3);
}

.availability-form h3[b-khqblr9f5g] {
    color: var(--color-text-primary);
    font-size: var(--text-md);
}

.availability-form > div:first-child > p[b-khqblr9f5g] {
    color: var(--color-text-secondary);
    font-size: var(--text-sm);
    line-height: var(--line-body);
    margin-top: var(--space-1);
}

.availability-form__area[b-khqblr9f5g] {
    align-items: center;
    background: var(--color-background);
    border-radius: var(--radius-input);
    color: var(--color-primary);
    display: flex;
    gap: var(--space-2);
    padding: var(--space-2);
}

.availability-form__area span[b-khqblr9f5g] {
    display: grid;
}

.availability-form__area small[b-khqblr9f5g] {
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
}

.availability-form__area strong[b-khqblr9f5g] {
    color: var(--color-text-primary);
    font-size: var(--text-sm);
}
/* /Features/Notifications/Pages/Avvisi.razor.rz.scp.css */
.notifications-content[b-sjn000j3j9] {
    display: grid;
    gap: var(--space-3);
    margin-inline: auto;
    max-width: 680px;
    padding: var(--space-3);
    width: 100%;
}

.notifications-header__count[b-sjn000j3j9] {
    color: var(--color-text-secondary);
    display: block;
    font-size: var(--text-xs);
    margin-top: 2px;
}

.push-permission[b-sjn000j3j9] {
    align-items: center;
    background: color-mix(in srgb, var(--color-primary) 7%, var(--color-surface));
    border: 1px solid color-mix(in srgb, var(--color-primary) 25%, var(--color-border));
    border-radius: var(--radius-card);
    display: grid;
    gap: var(--space-2);
    grid-template-columns: auto 1fr auto;
    padding: var(--space-3);
}

.push-permission__icon[b-sjn000j3j9] {
    align-items: center;
    background: var(--color-primary);
    border-radius: 50%;
    color: white;
    display: flex;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.push-permission__copy[b-sjn000j3j9] {
    display: grid;
    gap: 3px;
}

.push-permission__copy strong[b-sjn000j3j9] {
    font-size: var(--text-sm);
}

.push-permission__copy p[b-sjn000j3j9] {
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
    line-height: var(--line-body);
}

.push-permission__copy .push-permission__error[b-sjn000j3j9] {
    color: var(--color-danger);
}

.push-permission__action[b-sjn000j3j9],
.notifications-load-more[b-sjn000j3j9] {
    background: var(--color-primary);
    border: 0;
    border-radius: var(--radius-button);
    color: white;
    cursor: pointer;
    font: inherit;
    font-size: var(--text-sm);
    font-weight: 700;
    min-height: 40px;
    padding: var(--space-1) var(--space-3);
}

.push-permission__action--secondary[b-sjn000j3j9] {
    background: transparent;
    border: 1px solid var(--color-border);
    color: var(--color-text-primary);
}

.push-permission__action:disabled[b-sjn000j3j9],
.notifications-load-more:disabled[b-sjn000j3j9] {
    cursor: wait;
    opacity: .6;
}

.notifications-feedback[b-sjn000j3j9] {
    align-items: center;
    color: var(--color-text-secondary);
    display: grid;
    gap: var(--space-2);
    justify-items: center;
    min-height: 230px;
    text-align: center;
}

.notifications-feedback strong[b-sjn000j3j9] {
    color: var(--color-text-primary);
}

.notifications-inline-error[b-sjn000j3j9] {
    align-items: center;
    background: var(--color-background);
    border-radius: var(--radius-input);
    color: var(--color-text-secondary);
    display: flex;
    font-size: var(--text-xs);
    justify-content: space-between;
    padding: var(--space-2);
}

.notifications-load-more[b-sjn000j3j9] {
    justify-self: center;
}

@media (max-width: 520px) {
    .push-permission[b-sjn000j3j9] {
        align-items: start;
        grid-template-columns: auto 1fr;
    }

    .push-permission__action[b-sjn000j3j9] {
        grid-column: 1 / -1;
        width: 100%;
    }
}
/* /Features/Occasions/Components/CategoryIcon.razor.rz.scp.css */
.category-icon[b-9k6zs69re2] {
    align-items: center;
    color: var(--color-primary);
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
    line-height: 1;
}

.category-icon--16[b-9k6zs69re2] { font-size: 16px; height: 16px; width: 16px; }
.category-icon--17[b-9k6zs69re2] { font-size: 17px; height: 17px; width: 17px; }
.category-icon--20[b-9k6zs69re2] { font-size: 20px; height: 20px; width: 20px; }
.category-icon--22[b-9k6zs69re2] { font-size: 22px; height: 22px; width: 22px; }
/* /Features/Occasions/Components/OccasionCard.razor.rz.scp.css */
.occasion-card[b-33vei44we7] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
    color: inherit;
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    padding: var(--space-3);
    text-decoration: none;
    width: 100%;
}

.occasion-card__top[b-33vei44we7] {
    align-items: flex-start;
    display: flex;
    gap: var(--space-2);
    justify-content: space-between;
}

.occasion-card__identity[b-33vei44we7] {
    min-width: 0;
}

.occasion-card__identity h3[b-33vei44we7] {
    color: var(--color-text-primary);
    font-size: var(--text-md);
    font-weight: 700;
    line-height: 1.3;
}

.occasion-card__identity p[b-33vei44we7] {
    align-items: center;
    color: var(--color-text-secondary);
    display: flex;
    font-size: var(--text-sm);
    font-weight: 500;
    gap: var(--space-1);
    margin-top: var(--space-1);
}

.occasion-card--past[b-33vei44we7] {
    background: var(--color-background);
    box-shadow: none;
}

.occasion-card__meta[b-33vei44we7] {
    align-items: center;
    color: var(--color-text-secondary);
    display: flex;
    font-size: var(--text-xs);
    gap: var(--space-2);
}

.occasion-card__meta > span:not(.occasion-card__progress)[b-33vei44we7] {
    align-items: center;
    display: inline-flex;
    gap: var(--space-1);
}

.occasion-card__progress[b-33vei44we7] {
    background: var(--color-border);
    border-radius: 999px;
    height: 4px;
    margin-left: auto;
    overflow: hidden;
    width: 80px;
}

.occasion-card:hover[b-33vei44we7] {
    border-color: var(--color-primary);
    box-shadow: var(--shadow-hover);
    transform: translateY(-2px);
}

.occasion-card:active[b-33vei44we7] {
    transform: translateY(0) scale(0.995);
}

.occasion-card[b-33vei44we7] {
    transition: border-color var(--motion-fast) var(--ease-standard),
        box-shadow var(--motion-base) var(--ease-standard),
        transform var(--motion-base) var(--ease-spring);
}

.occasion-card__progress-value[b-33vei44we7] {
    background: var(--color-primary);
    border-radius: inherit;
    display: block;
    height: 100%;
    transition: width var(--motion-slow) var(--ease-standard);
}

.occasion-card__progress-value--0[b-33vei44we7] { width: 0; }
.occasion-card__progress-value--10[b-33vei44we7] { width: 10%; }
.occasion-card__progress-value--20[b-33vei44we7] { width: 20%; }
.occasion-card__progress-value--30[b-33vei44we7] { width: 30%; }
.occasion-card__progress-value--40[b-33vei44we7] { width: 40%; }
.occasion-card__progress-value--50[b-33vei44we7] { width: 50%; }
.occasion-card__progress-value--60[b-33vei44we7] { width: 60%; }
.occasion-card__progress-value--70[b-33vei44we7] { width: 70%; }
.occasion-card__progress-value--80[b-33vei44we7] { width: 80%; }
.occasion-card__progress-value--90[b-33vei44we7] { width: 90%; }
.occasion-card__progress-value--100[b-33vei44we7] { width: 100%; }
/* /Features/Occasions/Pages/Crea.razor.rz.scp.css */
.quick-form__intro[b-wqnvsdk8n6] {
    margin-bottom: var(--space-1);
    min-width: 0;
}

.quick-form__essentials[b-wqnvsdk8n6] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
    display: grid;
    gap: 0;
    min-width: 0;
    padding: var(--space-3);
    width: 100%;
}

.quick-form__essentials[b-wqnvsdk8n6]  .ds-dropdown,
.quick-form__essentials[b-wqnvsdk8n6]  .ds-field,
.quick-form__essentials .field[b-wqnvsdk8n6],
.quick-form__essentials input[b-wqnvsdk8n6],
.quick-form__essentials select[b-wqnvsdk8n6] {
    min-width: 0;
}

.quick-form__essentials .field-row[b-wqnvsdk8n6] {
    min-width: 0;
}

.quick-form__section[b-wqnvsdk8n6] {
    display: grid;
    gap: var(--space-3);
    min-width: 0;
}

.quick-form__section + .quick-form__section[b-wqnvsdk8n6] {
    border-top: 1px solid var(--color-border);
    margin-top: var(--space-4);
    padding-top: var(--space-4);
}

.quick-form__section-title[b-wqnvsdk8n6] {
    color: var(--color-text-primary);
    font-size: var(--text-sm);
    font-weight: 700;
    line-height: var(--line-heading);
    margin: 0;
}

.field-row--timing[b-wqnvsdk8n6] {
    align-items: start;
}

.quick-form__section-hint[b-wqnvsdk8n6] {
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
    line-height: var(--line-body);
    margin-top: calc(var(--space-2) * -1);
}

.quick-form__participation[b-wqnvsdk8n6] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
    display: grid;
    padding: var(--space-3);
}

.quick-form__participation > .quick-form__section-title[b-wqnvsdk8n6] {
    margin-bottom: var(--space-1);
}

.quick-form__participation .toggle-row[b-wqnvsdk8n6] {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: var(--space-2) 0;
}

.quick-form__participation .toggle-row + .toggle-row[b-wqnvsdk8n6] {
    border-top: 1px solid var(--color-border);
}

.quick-form__options[b-wqnvsdk8n6] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    overflow: hidden;
}

.quick-form__options summary[b-wqnvsdk8n6] {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: var(--space-2);
    justify-content: space-between;
    list-style: none;
    min-height: 64px;
    padding: var(--space-2) var(--space-3);
}

.quick-form__options summary[b-wqnvsdk8n6]::-webkit-details-marker {
    display: none;
}

.quick-form__options summary > span[b-wqnvsdk8n6] {
    display: grid;
    gap: 2px;
}

.quick-form__options summary strong[b-wqnvsdk8n6] {
    color: var(--color-text-primary);
    font-size: var(--text-sm);
}

.quick-form__options summary small[b-wqnvsdk8n6] {
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
    font-weight: 400;
}

.quick-form__options summary[b-wqnvsdk8n6]  .app-icon {
    color: var(--color-text-secondary);
    transition: transform var(--motion-fast) var(--ease-standard);
}

.quick-form__options[open] summary[b-wqnvsdk8n6]  .app-icon {
    transform: rotate(180deg);
}

.quick-form__options-body[b-wqnvsdk8n6] {
    border-top: 1px solid var(--color-border);
    display: grid;
    gap: var(--space-3);
    padding: var(--space-3);
}

.quick-form__error[b-wqnvsdk8n6] {
    align-items: flex-start;
    background: color-mix(in srgb, var(--color-danger) 8%, var(--color-surface));
    border: 1px solid color-mix(in srgb, var(--color-danger) 28%, var(--color-border));
    border-radius: var(--radius-input);
    color: var(--color-danger);
    display: flex;
    font-size: var(--text-sm);
    font-weight: 600;
    gap: var(--space-1);
    line-height: var(--line-body);
    padding: var(--space-2);
}

.quick-form__error[b-wqnvsdk8n6]  .app-icon {
    flex: 0 0 auto;
    margin-top: 1px;
}

.form-page__actions[b-wqnvsdk8n6] {
    background: linear-gradient(to bottom, transparent, var(--color-background) var(--space-2));
    margin-inline: calc(var(--space-3) * -1);
    padding: var(--space-3) var(--space-3) calc(var(--space-3) + var(--safe-area-bottom));
    position: sticky;
    bottom: 0;
    z-index: 2;
}

.form-page__actions small[b-wqnvsdk8n6] {
    color: var(--color-text-secondary);
    display: block;
    font-size: var(--text-xs);
    line-height: var(--line-body);
    margin-top: var(--space-1);
    text-align: center;
}

@media (max-width: 430px) {
    .field-row[b-wqnvsdk8n6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 359px) {
    .field-row[b-wqnvsdk8n6] {
        grid-template-columns: minmax(0, 1fr);
    }

    .form-page__actions[b-wqnvsdk8n6] {
        margin-inline: calc(var(--space-2) * -1);
    }
}
/* /Features/Profile/Pages/ProfiloPubblico.razor.rz.scp.css */
.public-profile-page[b-x49o459xom] {
    min-height: 100dvh;
}

.public-profile-content[b-x49o459xom] {
    display: grid;
    gap: var(--space-3);
    min-width: 0;
    padding: var(--space-3) var(--space-3) calc(var(--space-5) + env(safe-area-inset-bottom));
}

.public-profile-heading[b-x49o459xom] {
    display: grid;
    gap: var(--space-1);
}

.public-profile-heading h1[b-x49o459xom],
.public-profile-heading p[b-x49o459xom],
.public-profile-section p[b-x49o459xom] {
    margin: 0;
}

.public-profile-heading h1[b-x49o459xom] {
    font-size: clamp(1.75rem, 7vw, 2.25rem);
    overflow-wrap: anywhere;
}

.public-profile-heading p[b-x49o459xom],
.public-profile-section p[b-x49o459xom] {
    color: var(--color-text-secondary);
}

.public-profile-section[b-x49o459xom] {
    display: grid;
    gap: var(--space-2);
    min-width: 0;
}

@media (max-width: 340px) {
    .public-profile-content[b-x49o459xom] {
        padding-inline: var(--space-2);
    }
}
/* /Features/Settings/Components/ThemePicker.razor.rz.scp.css */
.theme-picker[b-9527gjtk7q] {
    display: grid;
    gap: var(--space-3);
}

.theme-picker__description[b-9527gjtk7q] {
    color: var(--color-text-secondary);
    font-size: var(--text-sm);
    line-height: var(--line-body);
}

.theme-picker__options[b-9527gjtk7q] {
    display: grid;
    gap: var(--space-2);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.theme-option[b-9527gjtk7q] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    color: var(--color-text-primary);
    display: grid;
    font: inherit;
    gap: var(--space-2);
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 88px;
    padding: var(--space-2);
    text-align: left;
    transition: border-color var(--motion-fast) var(--ease-standard),
        background-color var(--motion-fast) var(--ease-standard),
        transform var(--motion-fast) var(--ease-standard);
}

.theme-option:active[b-9527gjtk7q] {
    transform: scale(0.98);
}

.theme-option.is-selected[b-9527gjtk7q] {
    background: color-mix(in srgb, var(--color-primary) 9%, var(--color-surface));
    border-color: var(--color-primary);
}

.theme-option__icon[b-9527gjtk7q] {
    align-items: center;
    background: var(--color-background);
    border-radius: var(--radius-input);
    color: var(--color-primary);
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px;
}

.theme-option strong[b-9527gjtk7q],
.theme-option small[b-9527gjtk7q] {
    display: block;
}

.theme-option strong[b-9527gjtk7q] {
    font-size: var(--text-sm);
}

.theme-option small[b-9527gjtk7q] {
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
    margin-top: var(--space-1);
}

.theme-option__check[b-9527gjtk7q] {
    align-items: center;
    background: var(--color-primary);
    border-radius: 50%;
    color: var(--color-on-brand);
    display: flex;
    height: 24px;
    justify-content: center;
    opacity: 0;
    width: 24px;
}

.theme-option.is-selected .theme-option__check[b-9527gjtk7q] {
    opacity: 1;
}

@media (max-width: 479px) {
    .theme-picker__options[b-9527gjtk7q] {
        grid-template-columns: 1fr;
    }
}
/* /Layout/BottomNavigation.razor.rz.scp.css */
.bottom-navigation[b-3ip2szupj6] {
    background: var(--color-surface);
    border-top: 1px solid var(--color-border);
    flex-shrink: 0;
    padding-bottom: var(--safe-area-bottom);
    position: relative;
    z-index: 20;
}

.bottom-navigation__brand[b-3ip2szupj6] {
    display: none;
}

.bottom-navigation__items[b-3ip2szupj6] {
    align-items: center;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    height: 72px;
    padding: var(--space-1);
}

.bottom-navigation[b-3ip2szupj6]  .bottom-navigation__item {
    align-items: center;
    color: var(--color-text-secondary);
    display: flex;
    flex-direction: column;
    font-size: var(--text-xs);
    font-weight: 500;
    gap: 0;
    justify-content: center;
    min-height: 48px;
    min-width: 48px;
    text-decoration: none;
    transition: color var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);
}

.bottom-navigation[b-3ip2szupj6]  .bottom-navigation__item:active {
    transform: scale(0.96);
}

.bottom-navigation[b-3ip2szupj6]  .bottom-navigation__item.active {
    color: var(--color-primary);
}

.bottom-navigation__icon[b-3ip2szupj6],
.bottom-navigation__notification-icon[b-3ip2szupj6] {
    transition: transform var(--motion-base) var(--ease-spring);
}

.bottom-navigation[b-3ip2szupj6]  .bottom-navigation__item.active .bottom-navigation__icon,
.bottom-navigation[b-3ip2szupj6]  .bottom-navigation__item.active .bottom-navigation__notification-icon {
    transform: translateY(-2px) scale(1.06);
}

.bottom-navigation__icon[b-3ip2szupj6],
.bottom-navigation__notification-icon[b-3ip2szupj6] {
    display: inline-flex;
    position: relative;
}

.bottom-navigation[b-3ip2szupj6]  .nav-icon--fill {
    display: none;
}

.bottom-navigation[b-3ip2szupj6]  .bottom-navigation__item.active .nav-icon--regular {
    display: none;
}

.bottom-navigation[b-3ip2szupj6]  .bottom-navigation__item.active .nav-icon--fill {
    display: inline-block;
}

.bottom-navigation[b-3ip2szupj6]  .bottom-navigation__item--create {
    color: var(--color-brand-dark);
}

.bottom-navigation__create-icon[b-3ip2szupj6] {
    align-items: center;
    background: var(--gradient-accent);
    border-radius: 50%;
    box-shadow: var(--shadow-accent);
    display: flex;
    height: 44px;
    justify-content: center;
    transition: transform var(--motion-base) var(--ease-spring),
        box-shadow var(--motion-base) var(--ease-standard);
    width: 44px;
}

.bottom-navigation[b-3ip2szupj6]  .bottom-navigation__item--create:hover .bottom-navigation__create-icon {
    transform: translateY(-2px) rotate(90deg);
}

.bottom-navigation__create-label[b-3ip2szupj6] {
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
    font-weight: 600;
    line-height: 1;
    margin-top: 2px;
}

.bottom-navigation[b-3ip2szupj6]  .bottom-navigation__item--create:active .bottom-navigation__create-icon {
    transform: scale(0.94);
}

.bottom-navigation__notification-dot[b-3ip2szupj6] {
    align-items: center;
    background: var(--color-danger);
    border: 2px solid var(--color-surface);
    border-radius: 999px;
    color: white;
    display: flex;
    font-size: 8px;
    font-weight: 700;
    height: 16px;
    justify-content: center;
    line-height: 1;
    min-width: 16px;
    padding-inline: 3px;
    position: absolute;
    right: -9px;
    top: -7px;
}

@media (prefers-reduced-motion: no-preference) {
    .bottom-navigation__notification-dot[b-3ip2szupj6] {
        animation: dot-pulse 2s var(--ease-standard) infinite;
    }
}

@media (min-width: 768px) {
    .bottom-navigation__items[b-3ip2szupj6] {
        margin-inline: auto;
        max-width: 640px;
    }
}

@media (min-width: 1100px) {
    .bottom-navigation[b-3ip2szupj6] {
        border-right: 1px solid var(--color-border);
        border-top: 0;
        display: flex;
        flex-direction: column;
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
        padding: var(--space-4) var(--space-3);
    }

    .bottom-navigation__brand[b-3ip2szupj6] {
        align-items: center;
        color: var(--color-text-primary);
        display: flex;
        font-size: var(--text-lg);
        gap: var(--space-2);
        padding: 0 var(--space-2) var(--space-4);
        text-decoration: none;
    }

    .bottom-navigation__items[b-3ip2szupj6] {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        gap: var(--space-1);
        height: auto;
        padding: 0;
    }

    .bottom-navigation[b-3ip2szupj6]  .bottom-navigation__item {
        border-radius: var(--radius-input);
        flex-direction: row;
        font-size: var(--text-sm);
        gap: var(--space-2);
        justify-content: flex-start;
        min-height: 48px;
        padding: 0 var(--space-2);
    }

    .bottom-navigation[b-3ip2szupj6]  .bottom-navigation__item:hover {
        background: var(--color-background);
    }

    .bottom-navigation[b-3ip2szupj6]  .bottom-navigation__item.active {
        background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
    }

    .bottom-navigation[b-3ip2szupj6]  .bottom-navigation__item--create {
        background: var(--color-accent);
        color: var(--color-brand-dark);
        margin-block: var(--space-2);
    }

    .bottom-navigation[b-3ip2szupj6]  .bottom-navigation__item--create:hover {
        background: var(--color-accent);
    }

    .bottom-navigation__create-icon[b-3ip2szupj6] {
        background: transparent;
        box-shadow: none;
        height: 24px;
        width: 24px;
    }

    .bottom-navigation__create-label[b-3ip2szupj6] {
        color: inherit;
        font-size: var(--text-sm);
        line-height: normal;
        margin-top: 0;
    }

}
/* /Layout/DeviceFrame.razor.rz.scp.css */
.actly-stage[b-ukcubslr1v] {
    background: var(--color-background);
    height: var(--actly-viewport-height, 100dvh);
    overflow: hidden;
}

.actly-device[b-ukcubslr1v] {
    background: var(--color-background);
    height: var(--actly-viewport-height, 100dvh);
    position: relative;
    width: 100%;
}

.actly-device__content[b-ukcubslr1v] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.actly-device__scroll[b-ukcubslr1v] {
    flex: 1;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    padding-left: var(--safe-area-left);
    padding-right: var(--safe-area-right);
    padding-top: var(--safe-area-top);
    scroll-padding-bottom: calc(96px + var(--safe-area-bottom));
}

@media (min-width: 768px) {
    .actly-stage[b-ukcubslr1v] {
        padding-inline: var(--space-4);
    }

    .actly-device[b-ukcubslr1v] {
        border-inline: 1px solid var(--color-border);
        margin-inline: auto;
        max-width: var(--content-tablet);
    }
}

@media (min-width: 1100px) {
    .actly-stage[b-ukcubslr1v] {
        padding-inline: 0;
    }

    .actly-device[b-ukcubslr1v] {
        border-inline: 0;
        max-width: none;
    }

    .actly-device__content--with-navigation[b-ukcubslr1v] {
        display: grid;
        grid-template-columns: 240px minmax(0, 1fr);
        grid-template-rows: minmax(0, 1fr);
    }

    .actly-device__content--with-navigation .actly-device__scroll[b-ukcubslr1v] {
        grid-column: 2;
        grid-row: 1;
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-8habrcy34q] {
    color-scheme: light only;
    background: var(--color-surface);
    border-top: 4px solid var(--color-warning);
    bottom: 0;
    box-shadow: var(--shadow-elevated);
    box-sizing: border-box;
    color: var(--color-text-primary);
    display: none;
    left: 0;
    padding: var(--space-2) calc(var(--space-5) + var(--space-4)) var(--space-2) var(--space-3);
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .reload[b-8habrcy34q] {
    color: inherit;
    font-weight: 700;
    margin-left: var(--space-1);
}

#blazor-error-ui .dismiss[b-8habrcy34q] {
    align-items: center;
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: flex;
    font-size: 1.5rem;
    height: 44px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: var(--space-1);
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
}
/* /Shared/Components/AppButton.razor.rz.scp.css */
.app-button[b-i74dqsu177] {
    align-items: center;
    border: 0;
    border-radius: var(--radius-button);
    color: var(--color-text-primary);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--text-md);
    font-weight: 700;
    justify-content: center;
    min-height: 52px;
    gap: var(--space-1);
    overflow: hidden;
    padding: var(--space-2) var(--space-3);
    position: relative;
    text-decoration: none;
    transition: background var(--motion-fast) var(--ease-standard),
        border-color var(--motion-fast) var(--ease-standard),
        box-shadow var(--motion-base) var(--ease-standard),
        color var(--motion-fast) var(--ease-standard),
        transform var(--motion-fast) var(--ease-standard);
    width: 100%;
}

/* Sheen that sweeps across on hover — subtle premium cue on the main CTAs. */
.app-button--primary[b-i74dqsu177]::after,
.app-button--blue[b-i74dqsu177]::after {
    background: linear-gradient(
        100deg,
        transparent 20%,
        rgba(255, 255, 255, 0.35) 50%,
        transparent 80%
    );
    content: "";
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translateX(-120%);
}

@media (prefers-reduced-motion: no-preference) {
    .app-button--primary:not(:disabled):hover[b-i74dqsu177]::after,
    .app-button--blue:not(:disabled):hover[b-i74dqsu177]::after {
        animation: btn-sheen-b-i74dqsu177 720ms var(--ease-standard);
    }
}

@keyframes btn-sheen-b-i74dqsu177 {
    from {
        opacity: 1;
        transform: translateX(-120%);
    }

    to {
        opacity: 1;
        transform: translateX(120%);
    }
}

.app-button--primary[b-i74dqsu177] {
    background: var(--gradient-accent);
    color: var(--color-brand-dark);
}

.app-button--primary:not(:disabled):hover[b-i74dqsu177] {
    box-shadow: var(--shadow-accent);
}

.app-button--blue:not(:disabled):hover[b-i74dqsu177] {
    box-shadow: var(--shadow-primary);
}

.app-button--secondary[b-i74dqsu177] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    color: var(--color-text-primary);
}

.app-button--danger[b-i74dqsu177] {
    background: var(--color-surface);
    border: 1px solid var(--color-danger);
    color: var(--color-danger);
}

.app-button--blue[b-i74dqsu177] {
    background: var(--color-primary);
    color: var(--color-on-brand);
}

.app-button:not(:disabled):hover[b-i74dqsu177] {
    transform: translateY(-1px);
}

.app-button:not(:disabled):active[b-i74dqsu177] {
    transform: translateY(1px);
}

.app-button:disabled[b-i74dqsu177] {
    cursor: not-allowed;
    opacity: 0.45;
}
/* /Shared/Components/AppIcon.razor.rz.scp.css */
.app-icon[b-osxxjwkydp] {
    display: inline-block;
    flex: 0 0 auto;
    line-height: 1;
}

.app-icon--12[b-osxxjwkydp] { font-size: 12px; }
.app-icon--13[b-osxxjwkydp] { font-size: 13px; }
.app-icon--14[b-osxxjwkydp] { font-size: 14px; }
.app-icon--15[b-osxxjwkydp] { font-size: 15px; }
.app-icon--16[b-osxxjwkydp] { font-size: 16px; }
.app-icon--17[b-osxxjwkydp] { font-size: 17px; }
.app-icon--18[b-osxxjwkydp] { font-size: 18px; }
.app-icon--19[b-osxxjwkydp] { font-size: 19px; }
.app-icon--20[b-osxxjwkydp] { font-size: 20px; }
.app-icon--21[b-osxxjwkydp] { font-size: 21px; }
.app-icon--22[b-osxxjwkydp] { font-size: 22px; }
.app-icon--23[b-osxxjwkydp] { font-size: 23px; }
.app-icon--24[b-osxxjwkydp] { font-size: 24px; }
.app-icon--28[b-osxxjwkydp] { font-size: 28px; }
.app-icon--32[b-osxxjwkydp] { font-size: 32px; }
/* /Shared/Components/Avatar.razor.rz.scp.css */
.avatar[b-l1ular92s2] {
    align-items: center;
    background: var(--color-primary);
    border: 2px solid var(--color-surface);
    border-radius: 50%;
    color: var(--color-on-brand);
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 700;
    justify-content: center;
}

.avatar--30[b-l1ular92s2] { font-size: 10px; height: 30px; width: 30px; }
.avatar--36[b-l1ular92s2] { font-size: 12px; height: 36px; width: 36px; }
.avatar--38[b-l1ular92s2] { font-size: 13px; height: 38px; width: 38px; }
.avatar--42[b-l1ular92s2] { font-size: 14px; height: 42px; width: 42px; }
.avatar--44[b-l1ular92s2] { font-size: 14px; height: 44px; width: 44px; }
.avatar--68[b-l1ular92s2] { font-size: 22px; height: 68px; width: 68px; }

.avatar--tone-0[b-l1ular92s2] { background: var(--color-primary); }
.avatar--tone-1[b-l1ular92s2] { background: var(--color-success); }
.avatar--tone-2[b-l1ular92s2] { background: var(--color-warning); }
.avatar--tone-3[b-l1ular92s2] { background: var(--color-danger); }
.avatar--tone-4[b-l1ular92s2] { background: var(--color-text-secondary); }
/* /Shared/Components/BrandMark.razor.rz.scp.css */
.brand-mark[b-m7b7wkl6im] {
    align-items: center;
    background: var(--color-accent);
    border-radius: var(--radius-button);
    color: var(--color-brand-dark);
    display: inline-flex;
    font-weight: 700;
    justify-content: center;
}

.brand-mark--32[b-m7b7wkl6im] { font-size: 16px; height: 32px; width: 32px; }
.brand-mark--52[b-m7b7wkl6im] { font-size: 24px; height: 52px; width: 52px; }
.brand-mark--80[b-m7b7wkl6im] { font-size: 32px; height: 80px; width: 80px; }
/* /Shared/Components/ConfirmationDialog.razor.rz.scp.css */
.confirmation-backdrop[b-5p4u1w32ev] {
    align-items: flex-end;
    background: var(--color-overlay);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: var(--space-3) var(--space-3) calc(var(--space-3) + var(--safe-area-bottom));
    position: fixed;
    z-index: 1000;
}

.confirmation-dialog[b-5p4u1w32ev] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-dialog);
    box-shadow: var(--shadow-elevated);
    max-width: 430px;
    padding: var(--space-4);
    width: 100%;
}

.confirmation-dialog__icon[b-5p4u1w32ev] {
    align-items: center;
    background: var(--color-background);
    border-radius: 50%;
    color: var(--color-danger);
    display: flex;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.confirmation-dialog h2[b-5p4u1w32ev] {
    font-size: var(--text-lg);
    margin-top: var(--space-2);
}

.confirmation-dialog p[b-5p4u1w32ev] {
    color: var(--color-text-secondary);
    font-size: var(--text-sm);
    line-height: 1.5;
    margin-top: var(--space-1);
}

.confirmation-dialog__actions[b-5p4u1w32ev] {
    display: grid;
    gap: var(--space-2);
    grid-template-columns: 1fr 1fr;
    margin-top: var(--space-4);
}

[b-5p4u1w32ev] .app-button--danger {
    background: var(--color-danger);
    color: var(--color-on-brand);
}
/* /Shared/Components/DraftRecoveryPrompt.razor.rz.scp.css */
.draft-prompt[b-yk7ztskr89] {
    align-items: flex-end;
    background: var(--color-overlay);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: var(--space-3) var(--space-3) calc(var(--space-3) + var(--safe-area-bottom));
    position: fixed;
    z-index: 1000;
}

.draft-prompt__dialog[b-yk7ztskr89] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-dialog);
    box-shadow: var(--shadow-elevated);
    max-width: 430px;
    padding: var(--space-4);
    width: 100%;
}

.draft-prompt__icon[b-yk7ztskr89] {
    align-items: center;
    background: color-mix(in srgb, var(--color-accent) 20%, var(--color-surface));
    border-radius: 50%;
    color: var(--color-brand-dark);
    display: flex;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.draft-prompt h2[b-yk7ztskr89] {
    font-size: var(--text-lg);
    margin-top: var(--space-2);
}

.draft-prompt p[b-yk7ztskr89] {
    color: var(--color-text-secondary);
    font-size: var(--text-sm);
    line-height: 1.5;
    margin-top: var(--space-1);
}

.draft-prompt__actions[b-yk7ztskr89] {
    display: grid;
    gap: var(--space-2);
    grid-template-columns: 1fr 1fr;
    margin-top: var(--space-4);
}
/* /Shared/Components/PillButton.razor.rz.scp.css */
.pill-button[b-bequchk8zo] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 999px;
    color: var(--color-text-primary);
    cursor: pointer;
    display: inline-flex;
    gap: var(--space-1);
    font-size: var(--text-sm);
    font-weight: 600;
    min-height: 44px;
    padding: var(--space-1) var(--space-3);
    transition: background var(--motion-fast) var(--ease-standard),
        border-color var(--motion-fast) var(--ease-standard),
        color var(--motion-fast) var(--ease-standard),
        transform var(--motion-fast) var(--ease-standard);
    white-space: nowrap;
}

.pill-button--selected[b-bequchk8zo] {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-on-brand);
}

.pill-button:not(:disabled):hover[b-bequchk8zo] {
    border-color: var(--color-primary);
}

.pill-button:not(:disabled):active[b-bequchk8zo] {
    transform: scale(0.98);
}
/* /Shared/Components/StatusBadge.razor.rz.scp.css */
.status-badge[b-u6b30my3kv] {
    align-items: center;
    background: var(--color-background);
    border-radius: 999px;
    color: var(--color-text-primary);
    display: inline-flex;
    font-size: var(--text-xs);
    font-weight: 600;
    min-height: 24px;
    padding: 0 var(--space-1);
    white-space: nowrap;
}

.status-badge--green[b-u6b30my3kv] {
    background: var(--color-surface);
    border: 1px solid var(--color-success);
    color: var(--color-success);
}

.status-badge--yellow[b-u6b30my3kv] {
    background: var(--color-accent);
    color: var(--color-brand-dark);
}

.status-badge--muted[b-u6b30my3kv] {
    background: var(--color-background);
    color: var(--color-text-secondary);
}

.status-badge--blue[b-u6b30my3kv] {
    background: var(--color-primary);
    color: var(--color-on-brand);
}

.status-badge--warning[b-u6b30my3kv] {
    background: var(--color-surface);
    border: 1px solid var(--color-warning);
    color: var(--color-warning);
}

.status-badge--danger[b-u6b30my3kv] {
    background: var(--color-surface);
    border: 1px solid var(--color-danger);
    color: var(--color-danger);
}
/* /Shared/Components/ToggleSwitch.razor.rz.scp.css */
.toggle-switch[b-tkaxe77zk3] {
    background: transparent;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    flex: 0 0 auto;
    height: 44px;
    padding: 0;
    position: relative;
    width: 60px;
}

.toggle-switch[b-tkaxe77zk3]::before {
    background: var(--color-border);
    border-radius: 999px;
    content: "";
    height: 32px;
    left: 4px;
    position: absolute;
    top: 6px;
    transition: background var(--motion-base) var(--ease-standard);
    width: 52px;
}

.toggle-switch span[b-tkaxe77zk3] {
    background: var(--color-surface);
    border-radius: 50%;
    box-shadow: var(--shadow-card);
    display: block;
    height: 32px;
    left: 4px;
    position: absolute;
    top: 6px;
    transform: translateX(0);
    transition: transform var(--motion-base) var(--ease-standard);
    width: 32px;
}

.toggle-switch--checked[b-tkaxe77zk3] {
    background: transparent;
}

.toggle-switch--checked[b-tkaxe77zk3]::before {
    background: var(--color-primary);
}

.toggle-switch--checked span[b-tkaxe77zk3] {
    transform: translateX(20px);
}

.toggle-switch:disabled[b-tkaxe77zk3] {
    cursor: wait;
    opacity: 0.55;
}
/* /Shared/Components/TopBar.razor.rz.scp.css */
.top-bar[b-gi06sung56] {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    gap: var(--space-2);
    min-height: 64px;
    padding: var(--space-2) var(--space-3);
}

.top-bar__heading[b-gi06sung56] {
    display: grid;
    flex: 1;
    min-width: 0;
}

.top-bar h1[b-gi06sung56] {
    color: var(--color-text-primary);
    font-size: var(--text-md);
    font-weight: 700;
    line-height: 1.2;
}

.top-bar__heading p[b-gi06sung56] {
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.top-bar--light h1[b-gi06sung56] {
    color: var(--color-on-brand);
}

.top-bar--light .top-bar__heading p[b-gi06sung56] {
    color: var(--color-on-brand-muted);
}

.top-bar[b-gi06sung56]  .top-bar__back {
    align-items: center;
    background: var(--color-background);
    border: 0;
    border-radius: 50%;
    color: var(--color-text-primary);
    display: flex;
    flex: 0 0 auto;
    height: 44px;
    justify-content: center;
    text-decoration: none;
    width: 44px;
}

.top-bar--light[b-gi06sung56]  .top-bar__back {
    background: var(--color-brand-dark);
    border: 1px solid var(--color-border);
    color: var(--color-on-brand);
}

.top-bar__right[b-gi06sung56] {
    margin-left: auto;
}

.top-bar[b-gi06sung56]  .top-bar__action {
    align-items: center;
    background: var(--color-background);
    border-radius: 50%;
    color: var(--color-text-primary);
    display: flex;
    height: 44px;
    justify-content: center;
    text-decoration: none;
    width: 44px;
}

.top-bar--light[b-gi06sung56]  .top-bar__action {
    background: var(--color-brand-dark);
    border: 1px solid var(--color-border);
    color: var(--color-on-brand);
}

@media (min-width: 768px) {
    .top-bar[b-gi06sung56] {
        padding-inline: var(--space-4);
    }
}
/* /Shared/Feedback/ToastHost.razor.rz.scp.css */
.toast-region[b-58jwxapnl9] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    left: var(--space-3);
    pointer-events: none;
    position: absolute;
    right: var(--space-3);
    top: 64px;
    z-index: 1000;
}

.toast[b-58jwxapnl9] {
    align-items: flex-start;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-left: 4px solid var(--color-danger);
    border-radius: var(--radius-input);
    box-shadow: var(--shadow-elevated);
    color: var(--color-text-primary);
    display: flex;
    font-size: var(--text-sm);
    font-weight: 600;
    gap: var(--space-2);
    line-height: 1.4;
    padding: var(--space-2);
    pointer-events: auto;
}

@media (prefers-reduced-motion: no-preference) {
    .toast[b-58jwxapnl9] {
        animation: toast-in var(--motion-base) var(--ease-spring) both;
    }
}

.toast--success[b-58jwxapnl9] {
    border-left-color: var(--color-success);
}

.toast__icon[b-58jwxapnl9] {
    color: var(--color-danger);
    display: flex;
    flex: 0 0 auto;
}

.toast--success .toast__icon[b-58jwxapnl9] {
    color: var(--color-success);
}

.toast > span:nth-child(2)[b-58jwxapnl9] {
    flex: 1;
    min-width: 0;
}

.toast button[b-58jwxapnl9] {
    background: transparent;
    border: 0;
    color: var(--color-text-secondary);
    cursor: pointer;
    font-size: var(--text-lg);
    line-height: 16px;
    padding: 0;
}

@media (max-width: 540px) {
    .toast-region[b-58jwxapnl9] {
        top: calc(var(--safe-area-top) + var(--space-2));
    }
}