/* /DesignSystem/Components/BottomSheet.razor.rz.scp.css */
.bottom-sheet__backdrop[b-5qruobspet] {
    align-items: flex-end;
    background: var(--color-overlay);
    border: 0;
    display: flex;
    bottom: auto;
    height: var(--actly-viewport-height, 100dvh);
    justify-content: center;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding-bottom: 0;
    padding-left: var(--safe-area-left);
    padding-right: var(--safe-area-right);
    padding-top: 0;
    position: fixed;
    right: 0;
    top: var(--actly-viewport-offset-top, 0px);
    width: auto;
    z-index: 1000;
}

.bottom-sheet__backdrop[popover]:not(:popover-open)[b-5qruobspet] {
    display: none;
}

.bottom-sheet__backdrop[popover]:popover-open[b-5qruobspet] {
    display: flex;
}

.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: min(85dvh, calc(var(--actly-viewport-height, 100dvh) - 24px));
    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);
}

.bottom-sheet__backdrop--panel[b-5qruobspet] {
    padding: var(--space-3) max(var(--space-3), var(--safe-area-right))
        max(var(--space-3), var(--safe-area-bottom)) max(var(--space-3), var(--safe-area-left));
}

.bottom-sheet--panel[b-5qruobspet] {
    border-radius: var(--radius-dialog);
    display: flex;
    flex-direction: column;
    height: min(72dvh, calc(var(--actly-viewport-height, 100dvh) - 96px));
    max-height: min(75dvh, calc(var(--actly-viewport-height, 100dvh) - 48px));
    overflow: hidden;
    padding-bottom: var(--space-3);
    width: min(100%, 640px);
}

.bottom-sheet--panel > header[b-5qruobspet] {
    flex: 0 0 auto;
}

.bottom-sheet--panel > .bottom-sheet__content[b-5qruobspet] {
    display: flex;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

@media (prefers-reduced-motion: no-preference) {
    .bottom-sheet__backdrop:not(.bottom-sheet__backdrop--closing)[b-5qruobspet] {
        animation: bottom-sheet-backdrop-in-b-5qruobspet var(--motion-base) var(--ease-standard) both;
    }

    .bottom-sheet:not(.bottom-sheet--panel):not(.bottom-sheet--closing)[b-5qruobspet] {
        animation: bottom-sheet-in-b-5qruobspet var(--motion-base) var(--ease-arrive) both;
    }

    .bottom-sheet--panel:not(.bottom-sheet--closing)[b-5qruobspet] {
        animation: bottom-sheet-panel-in-b-5qruobspet var(--motion-base) var(--ease-arrive) both;
    }

    .bottom-sheet__backdrop--closing[b-5qruobspet] {
        animation: bottom-sheet-backdrop-out-b-5qruobspet var(--motion-fast) var(--ease-standard) both;
        pointer-events: none;
    }

    .bottom-sheet--closing:not(.bottom-sheet--panel)[b-5qruobspet] {
        animation: bottom-sheet-out-b-5qruobspet var(--motion-fast) var(--ease-standard) both;
    }

    .bottom-sheet--panel.bottom-sheet--closing[b-5qruobspet] {
        animation: bottom-sheet-panel-out-b-5qruobspet var(--motion-fast) var(--ease-standard) both;
    }
}

.bottom-sheet.bottom-sheet--fullscreen[b-5qruobspet] {
    border: 0;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    height: var(--actly-viewport-height, 100dvh);
    max-height: none;
    max-width: none;
    overflow: auto;
    padding: max(var(--space-3), var(--safe-area-top)) max(var(--space-3), var(--safe-area-right))
        max(var(--space-2), var(--safe-area-bottom)) max(var(--space-3), var(--safe-area-left));
}
.bottom-sheet--fullscreen > .bottom-sheet__handle[b-5qruobspet] { display: none; }
.bottom-sheet--fullscreen > header[b-5qruobspet] { flex: 0 0 auto; }
.bottom-sheet--fullscreen > .bottom-sheet__content[b-5qruobspet] { display: flex; flex: 1; min-height: 260px; }
.bottom-sheet__backdrop:has(> .bottom-sheet--fullscreen)[b-5qruobspet] { padding: 0; }

.bottom-sheet.bottom-sheet--reader[b-5qruobspet] { overflow: hidden; min-height: 0; }
.bottom-sheet--reader > .bottom-sheet__content[b-5qruobspet] {
    display: block;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

@media (prefers-reduced-motion: reduce) {
    .bottom-sheet__backdrop[b-5qruobspet],
    .bottom-sheet[b-5qruobspet] {
        animation: none;
    }
}

@keyframes bottom-sheet-backdrop-in-b-5qruobspet {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes bottom-sheet-backdrop-out-b-5qruobspet {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes bottom-sheet-in-b-5qruobspet {
    from {
        opacity: .96;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes bottom-sheet-out-b-5qruobspet {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: .96;
        transform: translateY(10px);
    }
}

@keyframes bottom-sheet-panel-in-b-5qruobspet {
    from {
        opacity: 0;
        transform: translateY(-10px) scale(.96);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes bottom-sheet-panel-out-b-5qruobspet {
    from {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    to {
        opacity: 0;
        transform: translateY(-8px) scale(.98);
    }
}

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

    .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);
    color: var(--color-on-primary);
}
/* /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-control);
    border-radius: var(--radius-input);
    color: var(--color-text-primary);
    font: inherit;
    font-weight: 400;
    min-height: var(--control-height);
    outline: 0;
    padding: 0 var(--space-5) 0 var(--space-2);
    width: 100%;
}

.ds-dropdown select:focus[b-etyv0a984u] {
    border-color: var(--color-accent-text);
    box-shadow: 0 0 0 3px var(--color-focus-ring);
}

.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-md);
    font-weight: 700;
    margin-bottom: var(--space-1);
}

.duration-picker__value[b-5j95urw2sv] {
    color: var(--color-primary-strong);
    font-size: var(--text-lg);
    font-weight: 700;
    min-height: 32px;
}

.duration-picker__scale[b-5j95urw2sv] {
    min-width: 0;
    padding: var(--space-2) 12px 0;
    position: relative;
}

.duration-picker__rail[b-5j95urw2sv] {
    background: var(--color-border-control);
    border-radius: var(--radius-pill);
    height: 6px;
    left: 12px;
    position: absolute;
    right: 12px;
    top: 29px;
}

.duration-picker__rail[b-5j95urw2sv]::before {
    background: var(--color-primary);
    border-radius: inherit;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: var(--duration-progress);
}

.duration-picker__tick[b-5j95urw2sv] {
    background: var(--color-border-control);
    height: 10px;
    left: calc((var(--duration-minute) - 15) * 100% / 345);
    position: absolute;
    top: 12px;
    transform: translateX(-50%);
    width: 2px;
}

.duration-picker input[type="range"][b-5j95urw2sv] {
    appearance: none;
    background: transparent;
    cursor: pointer;
    height: var(--control-height);
    margin: 0;
    padding: 0;
    position: relative;
    touch-action: pan-y;
    width: 100%;
    z-index: 1;
}

.duration-picker input[type="range"][b-5j95urw2sv]::-webkit-slider-runnable-track {
    background: transparent;
    height: 6px;
}

.duration-picker input[type="range"][b-5j95urw2sv]::-moz-range-track {
    background: transparent;
    height: 6px;
}

.duration-picker input[type="range"][b-5j95urw2sv]::-webkit-slider-thumb {
    appearance: none;
    background: var(--color-surface);
    border: 5px solid var(--color-accent-text);
    border-radius: 50%;
    box-shadow: var(--shadow-card);
    height: 32px;
    margin-top: -13px;
    width: 32px;
}

.duration-picker input[type="range"][b-5j95urw2sv]::-moz-range-thumb {
    background: var(--color-surface);
    border: 5px solid var(--color-accent-text);
    border-radius: 50%;
    box-shadow: var(--shadow-card);
    height: 40px;
    width: 22px;
}

.duration-picker input[type="range"]:focus-visible[b-5j95urw2sv] {
    outline: 0;
}

.duration-picker input[type="range"]:focus-visible[b-5j95urw2sv]::-webkit-slider-thumb {
    box-shadow: 0 0 0 4px var(--color-focus-ring), var(--shadow-card);
}

.duration-picker input[type="range"]:focus-visible[b-5j95urw2sv]::-moz-range-thumb {
    box-shadow: 0 0 0 4px var(--color-focus-ring), var(--shadow-card);
}

.duration-picker__labels[b-5j95urw2sv] {
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    height: 22px;
    margin-top: -2px;
    position: relative;
}

.duration-picker__labels span[b-5j95urw2sv] {
    left: calc((var(--duration-minute) - 15) * 100% / 345);
    position: absolute;
    transform: translateX(-50%);
}

.duration-picker__labels span:first-child[b-5j95urw2sv] {
    transform: none;
}

.duration-picker__labels span:nth-child(2)[b-5j95urw2sv] {
    transform: translateX(-25%);
}

.duration-picker__labels span:last-child[b-5j95urw2sv] {
    transform: translateX(-100%);
}

@media (prefers-reduced-motion: reduce) {
    .duration-picker input[type="range"][b-5j95urw2sv] {
        scroll-behavior: auto;
    }
}
/* /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-strong);
    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-control);
    border-radius: var(--radius-input);
    color: var(--color-text-primary);
    font: inherit;
    font-weight: 400;
    min-height: var(--control-height);
    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-accent-text);
    box-shadow: 0 0 0 3px var(--color-focus-ring);
}

.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] {
    margin-inline: auto;
    max-width: 680px;
    padding: var(--content-gutter);
    width: 100%;
}

.loading-state__skeleton[b-m0xjt9y14j] {
    display: grid;
    gap: var(--space-3);
}

.loading-state__skeleton[b-m0xjt9y14j]  .ds-skeleton--line:first-child {
    height: 18px;
    width: 44%;
}

.loading-state__skeleton[b-m0xjt9y14j]  .ds-skeleton--card {
    height: 132px;
}

.loading-state__skeleton[b-m0xjt9y14j]  .ds-skeleton--line:last-child {
    width: 72%;
}
/* /DesignSystem/Components/LocalizedTimeField.razor.rz.scp.css */
.localized-time-field__input[b-q12xfxb8a7] {
    appearance: auto;
    background: var(--color-surface);
    border: 1px solid var(--color-border-control);
    border-radius: var(--radius-input);
    color: var(--color-text-primary);
    font: inherit;
    font-variant-numeric: tabular-nums;
    min-height: var(--control-height);
    min-width: 0;
    padding-inline: var(--space-2);
    width: 100%;
}

.localized-time-field__input:hover[b-q12xfxb8a7],
.localized-time-field__input:focus[b-q12xfxb8a7] {
    border-color: var(--color-accent-text);
}

.localized-time-field__input:focus[b-q12xfxb8a7] {
    box-shadow: 0 0 0 3px var(--color-focus-ring);
    outline: 0;
}

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

.localized-time-field__input[b-q12xfxb8a7]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    min-height: 24px;
    min-width: 24px;
}
/* /DesignSystem/Components/LocationMap.razor.rz.scp.css */
.location-map[b-2ginlk9e3o] {
    height: clamp(145px, 22dvh, 210px);
    isolation: isolate;
    position: relative;
    background: var(--color-surface-secondary);
    min-width: 0;
}
.location-map--interactive[b-2ginlk9e3o] { height: 100%; min-height: 180px; }
.location-map__canvas[b-2ginlk9e3o] { position: absolute; inset: 0; }
.location-map__pin[b-2ginlk9e3o] {
    fill: var(--color-primary);
    stroke: var(--color-map-pin-detail);
    stroke-width: 1.5;
    filter: drop-shadow(var(--shadow-map-pin));
    height: 46px;
    width: 36px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -100%);
    pointer-events: none;
    z-index: 500;
}
.location-map__pin circle[b-2ginlk9e3o] { fill: var(--color-map-pin-detail); stroke: none; }
.location-map__status[b-2ginlk9e3o] {
    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;
    flex-wrap: wrap;
    font-size: var(--text-xs);
    gap: var(--space-1);
    inset: auto 8px 28px;
    margin: 0;
    padding: 8px 12px;
    position: absolute;
    z-index: 600;
}
.location-map__status button[b-2ginlk9e3o] {
    background: transparent;
    border: 0;
    color: var(--color-accent-text);
    cursor: pointer;
    font: inherit;
    min-height: var(--touch-target-min);
}
.location-map[b-2ginlk9e3o]  .leaflet-control-attribution {
    background: var(--color-map-surface);
    color: var(--color-map-text);
    font-size: 11px;
}
.location-map[b-2ginlk9e3o]  .leaflet-control-attribution a { color: var(--color-map-link); }
.location-map[b-2ginlk9e3o]  .leaflet-control-zoom a {
    background: var(--color-surface);
    color: var(--color-text-primary);
    height: 44px;
    line-height: 44px;
    width: 44px;
}
.location-map__canvas:focus-visible[b-2ginlk9e3o],
.location-map[b-2ginlk9e3o]  a:focus-visible,
.location-map button:focus-visible[b-2ginlk9e3o] { outline: 3px solid var(--color-focus-ring); outline-offset: -3px; }

.location-map[b-2ginlk9e3o]  .leaflet-control-zoom a:hover { background: var(--color-surface-secondary); }
.location-map[b-2ginlk9e3o]  .leaflet-control-zoom a.leaflet-disabled { color: var(--color-disabled); background: var(--color-disabled-background); }
/* /DesignSystem/Components/LocationPicker.razor.rz.scp.css */
.location-picker[b-sjteesvmlr] {
    border: 0;
    display: grid;
    gap: var(--space-3);
    margin: 0;
    min-width: 0;
    padding: 0;
}
.location-picker__legend[b-sjteesvmlr] { font-weight: 700; }
.location-picker__intro[b-sjteesvmlr] { color: var(--color-text-secondary); margin: 0; }
.location-picker__input[b-sjteesvmlr] {
    align-items: stretch;
    background: var(--color-surface);
    border: 1px solid var(--color-border-control);
    border-radius: var(--radius-input);
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    min-height: 54px;
    min-width: 0;
}
.location-picker__input input[b-sjteesvmlr] {
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 0;
    color: var(--color-text-primary);
    font: inherit;
    font-size: 16px;
    min-width: 0;
    outline: none;
    padding: 12px 12px 12px 4px;
    width: 100%;
}
.location-picker__input input[b-sjteesvmlr]::placeholder { color: var(--color-text-secondary); opacity: 1; }
.location-picker__input:focus-within[b-sjteesvmlr] { border-color: var(--color-accent-text); outline: 2px solid var(--color-focus-ring); }
.location-picker__resolve[b-sjteesvmlr] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: var(--radius-input) 0 0 var(--radius-input);
    color: var(--color-accent-text);
    cursor: pointer;
    display: flex;
    justify-content: center;
    min-height: var(--touch-target-min);
    padding: 0;
}
.location-picker__methods[b-sjteesvmlr] { display: grid; gap: var(--space-1); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.location-picker__method[b-sjteesvmlr] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border-control);
    border-radius: var(--radius-button);
    color: var(--color-text-primary);
    cursor: pointer;
    display: flex;
    font: inherit;
    font-size: var(--text-sm);
    font-weight: 600;
    gap: 8px;
    justify-content: center;
    line-height: 1.3;
    min-height: 58px;
    min-width: 0;
    padding: 10px;
    text-align: left;
    overflow-wrap: anywhere;
}
.location-picker__method[b-sjteesvmlr]  .app-icon { flex: 0 0 auto; }
.location-picker__method--secondary[b-sjteesvmlr] { min-height: 48px; justify-content: flex-start; padding-inline: var(--space-3); }
.location-picker__recent[b-sjteesvmlr] { display: grid; gap: var(--space-1); }
.location-picker__recent h3[b-sjteesvmlr] { color: var(--color-text-secondary); font-size: var(--text-sm); font-weight: 650; margin: 4px 0 0; }
.location-picker__recent-list[b-sjteesvmlr] { border-top: 1px solid var(--color-border); }
.location-picker__recent-list:empty[b-sjteesvmlr] { display: none; }
.location-picker__recent-option[b-sjteesvmlr] {
    align-items: center;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--color-border);
    color: var(--color-text-primary);
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: var(--space-2);
    grid-template-columns: 36px minmax(0, 1fr) 20px;
    min-height: 64px;
    padding: 10px 0;
    text-align: left;
    width: 100%;
}
.location-picker__recent-icon[b-sjteesvmlr],
.location-picker__result-icon[b-sjteesvmlr] {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 36px;
    justify-content: center;
    width: 36px;
}
.location-picker__recent-icon[b-sjteesvmlr] { background: var(--color-surface-secondary); }
.location-picker__recent-copy[b-sjteesvmlr] { display: grid; gap: 3px; min-width: 0; }
.location-picker__recent-copy strong[b-sjteesvmlr] { font-size: var(--text-md); font-weight: 650; overflow-wrap: anywhere; }
.location-picker__recent-copy small[b-sjteesvmlr] { color: var(--color-text-secondary); font-size: var(--text-sm); overflow-wrap: anywhere; }
.location-picker__result[b-sjteesvmlr] {
    align-items: start;
    background: color-mix(in srgb, var(--color-success) 9%, var(--color-surface));
    border: 1px solid color-mix(in srgb, var(--color-success) 45%, var(--color-border));
    border-radius: var(--radius-card);
    display: grid;
    gap: 10px;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    padding: 14px;
}
.location-picker__result-icon[b-sjteesvmlr] { background: var(--color-success); color: var(--color-on-strong); }
.location-picker__result-copy[b-sjteesvmlr] { display: grid; gap: 4px; min-width: 0; overflow-wrap: anywhere; }
.location-picker__result-copy strong[b-sjteesvmlr] { color: var(--color-text-primary); font-size: var(--text-lg); font-weight: 700; line-height: 1.2; }
.location-picker__result-copy span[b-sjteesvmlr] { color: var(--color-text-secondary); font-size: var(--text-sm); line-height: 1.35; }
.location-picker__result-copy small[b-sjteesvmlr] { color: var(--color-success-strong); font-size: var(--text-xs); }
.location-picker__change[b-sjteesvmlr] {
    align-self: center;
    background: transparent;
    border: 0;
    color: var(--color-accent-text);
    cursor: pointer;
    font: inherit;
    font-size: var(--text-sm);
    font-weight: 650;
    min-height: 44px;
    padding: 4px;
}
.location-picker__preview[b-sjteesvmlr] { border: 1px solid var(--color-border-control); border-radius: var(--radius-card); overflow: hidden; }
.location-picker__adjust[b-sjteesvmlr] {
    align-items: center;
    background: var(--color-surface);
    border: 0;
    color: var(--color-accent-text);
    cursor: pointer;
    display: grid;
    font: inherit;
    font-size: var(--text-sm);
    gap: var(--space-2);
    grid-template-columns: 24px minmax(0, 1fr) 20px;
    min-height: 48px;
    padding: 10px 14px;
    text-align: left;
    width: 100%;
}
.location-picker__hint[b-sjteesvmlr],
.location-picker__feedback[b-sjteesvmlr],
.location-picker__attribution[b-sjteesvmlr] { font-size: var(--text-xs); line-height: 1.4; margin: 0; }
.location-picker__hint[b-sjteesvmlr],
.location-picker__attribution[b-sjteesvmlr] { color: var(--color-text-secondary); }
.location-picker__attribution[b-sjteesvmlr] { padding-block: 4px; }
.location-picker__attribution a[b-sjteesvmlr] { color: var(--color-text-secondary); text-decoration: underline; }
.location-picker__feedback[b-sjteesvmlr] { color: var(--color-danger); }
.location-picker__visually-hidden[b-sjteesvmlr] {
    clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px;
}
.location-picker button:focus-visible[b-sjteesvmlr],
.location-picker__map-editor button:focus-visible[b-sjteesvmlr] { outline: 3px solid var(--color-focus-ring); outline-offset: -3px; }
.location-picker button:disabled[b-sjteesvmlr] { cursor: default; opacity: .6; }
.location-picker__map-editor[b-sjteesvmlr] { display: flex; flex: 1; flex-direction: column; gap: var(--space-2); min-height: 0; min-width: 0; }
.location-picker__map-instruction[b-sjteesvmlr] { color: var(--color-text-secondary); font-size: var(--text-sm); margin: 0; }
.location-picker__map-canvas[b-sjteesvmlr] { flex: 1; min-height: 180px; overflow: hidden; border-radius: var(--radius-input); }
.location-picker__map-actions[b-sjteesvmlr] { display: grid; gap: 4px; }
.location-picker__cancel[b-sjteesvmlr] { background: transparent; border: 0; color: var(--color-text-secondary); cursor: pointer; font: inherit; min-height: 44px; }
@media (max-width: 359px) {
    .location-picker__methods[b-sjteesvmlr] { grid-template-columns: 1fr; }
    .location-picker__result[b-sjteesvmlr] { grid-template-columns: 36px minmax(0, 1fr); }
    .location-picker__change[b-sjteesvmlr] { grid-column: 2; justify-self: start; }
}
/* /DesignSystem/Components/NotificationCard.razor.rz.scp.css */
.notification-card[b-536q1gcxkr] {
    align-items: center;
    background: transparent;
    border-bottom: 1px solid var(--color-border);
    color: inherit;
    display: grid;
    gap: var(--space-2);
    grid-template-columns: var(--icon-compact-size) minmax(0, 1fr);
    min-height: 72px;
    padding: var(--space-2) 2px;
    position: relative;
    text-decoration: none;
    transition: background-color var(--motion-fast) var(--ease-standard);
}

.notification-card:hover[b-536q1gcxkr] {
    background: color-mix(in srgb, var(--color-surface-secondary) 42%, transparent);
}

.notification-card:active[b-536q1gcxkr] {
    background: var(--color-surface-secondary);
}

.notification-card--disabled[b-536q1gcxkr] {
    cursor: wait;
    pointer-events: none;
}

.notification-card__icon[b-536q1gcxkr] {
    align-items: center;
    background: var(--color-surface-secondary);
    border-radius: 50%;
    color: var(--color-text-secondary);
    display: flex;
    height: var(--icon-compact-size);
    justify-content: center;
    width: var(--icon-compact-size);
}

.notification-card--accent .notification-card__icon[b-536q1gcxkr] {
    background: var(--color-primary-soft);
    color: var(--color-primary-strong);
}

.notification-card--success .notification-card__icon[b-536q1gcxkr] {
    background: var(--color-success-soft);
    color: var(--color-success-strong);
}

.notification-card--warning .notification-card__icon[b-536q1gcxkr] {
    background: var(--color-warning-soft);
    color: var(--color-warning);
}

.notification-card--danger .notification-card__icon[b-536q1gcxkr] {
    background: var(--color-danger-soft);
    color: var(--color-danger);
}

.notification-card__copy[b-536q1gcxkr] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.notification-card__heading[b-536q1gcxkr] {
    align-items: start;
    display: grid;
    gap: var(--space-1);
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
}

.notification-card__heading strong[b-536q1gcxkr] {
    color: var(--color-text-primary);
    font-size: var(--text-sm);
    font-weight: 700;
    line-height: 1.35;
    min-width: 0;
    overflow-wrap: anywhere;
}

.notification-card time[b-536q1gcxkr] {
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
    line-height: 1.35;
    white-space: nowrap;
}

.notification-card__body[b-536q1gcxkr] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: var(--color-text-secondary);
    display: -webkit-box;
    font-size: var(--text-sm);
    line-height: var(--line-body);
    overflow: hidden;
    overflow-wrap: anywhere;
}

.notification-card__dot[b-536q1gcxkr] {
    background: var(--color-accent-text);
    border: 2px solid var(--color-background);
    border-radius: 50%;
    height: 9px;
    left: 30px;
    position: absolute;
    top: 10px;
    width: 9px;
}

@media (max-width: 359px) {
    .notification-card[b-536q1gcxkr] {
        gap: var(--space-1);
        grid-template-columns: 36px minmax(0, 1fr);
    }

    .notification-card__icon[b-536q1gcxkr] {
        height: 36px;
        width: 36px;
    }

    .notification-card__heading[b-536q1gcxkr] {
        gap: 4px;
    }

    .notification-card__dot[b-536q1gcxkr] {
        left: 28px;
        top: 9px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .notification-card[b-536q1gcxkr] {
        transition: none;
    }
}
/* /DesignSystem/Components/Skeleton.razor.rz.scp.css */
.ds-skeleton[b-3wgwltr0lb] {
    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;
}
/* /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-strong);
    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-control);
    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-accent-text);
    box-shadow: 0 0 0 3px var(--color-focus-ring);
}

.ds-textarea small[b-0d8rvpzicl] {
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
    font-weight: 400;
}
/* /DesignSystem/Components/TimePicker.razor.rz.scp.css */
.time-picker[b-ufasi3f2ou] {
    border: 0;
    display: grid;
    gap: var(--space-3);
    margin: 0;
    min-width: 0;
    padding: 0;
}

.time-picker > legend[b-ufasi3f2ou] {
    block-size: 1px;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    inline-size: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
}

.time-picker__wheel[b-ufasi3f2ou]::-webkit-scrollbar {
    display: none;
}

.time-picker button[b-ufasi3f2ou] {
    cursor: pointer;
    font: inherit;
    font-variant-numeric: tabular-nums;
}

.time-picker__wheels[b-ufasi3f2ou] {
    --wheel-item-height: 48px;
    background: var(--color-surface-secondary);
    border-radius: var(--radius-input);
    display: grid;
    grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr);
    height: calc(var(--wheel-item-height) * 3);
    isolation: isolate;
    overflow: hidden;
    position: relative;
}

.time-picker__wheels[b-ufasi3f2ou]::before {
    background: color-mix(in srgb, var(--color-surface) 82%, var(--color-primary) 18%);
    border-radius: 10px;
    content: "";
    height: var(--wheel-item-height);
    inset: var(--wheel-item-height) 8px auto;
    pointer-events: none;
    position: absolute;
    z-index: 0;
}

.time-picker__wheel[b-ufasi3f2ou] {
    box-sizing: border-box;
    display: grid;
    height: calc(var(--wheel-item-height) * 3);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-block: var(--wheel-item-height);
    scroll-padding-block: var(--wheel-item-height);
    scroll-snap-type: y mandatory;
    scrollbar-width: none;
    touch-action: pan-y;
    z-index: 1;
}

.time-picker__wheel-value[b-ufasi3f2ou] {
    background: transparent;
    border: 0;
    color: var(--color-text-secondary);
    font-size: var(--text-lg);
    font-weight: 750;
    height: var(--wheel-item-height);
    opacity: .58;
    padding: 0;
    scroll-snap-align: center;
    transition: color var(--motion-fast) var(--ease-standard),
        opacity var(--motion-fast) var(--ease-standard),
        transform var(--motion-fast) var(--ease-standard);
    width: 100%;
}

.time-picker__wheel-value.is-selected[b-ufasi3f2ou] {
    color: var(--color-primary-strong);
    font-size: clamp(1.35rem, 6vw, 1.65rem);
    opacity: 1;
}

.time-picker__separator[b-ufasi3f2ou] {
    align-items: center;
    color: var(--color-text-secondary);
    display: flex;
    font-size: var(--text-lg);
    font-weight: 800;
    height: var(--wheel-item-height);
    justify-content: center;
    margin-top: var(--wheel-item-height);
    opacity: .86;
    position: relative;
    z-index: 1;
}

.time-picker button:active[b-ufasi3f2ou] {
    transform: scale(.96);
}

.time-picker button:focus-visible[b-ufasi3f2ou],
.time-picker__wheel:focus-visible[b-ufasi3f2ou] {
    outline: 3px solid var(--color-focus-ring);
    outline-offset: -3px;
}

@media (prefers-reduced-motion: reduce) {
    .time-picker button[b-ufasi3f2ou] {
        transition: none;
    }
}
/* /Features/Availability/Pages/Disponibilita.razor.rz.scp.css */
.availability-form[b-khqblr9f5g] {
    display: grid;
    gap: clamp(var(--space-2), 2.5dvh, var(--space-3));
    min-width: 0;
}

.availability-form h3[b-khqblr9f5g] {
    color: var(--color-text-primary);
    font-size: var(--text-lg);
    line-height: 1.25;
    margin: 0;
}

.availability-form__intro > p[b-khqblr9f5g] {
    color: var(--color-text-secondary);
    font-size: var(--text-sm);
    line-height: var(--line-body);
    margin-top: var(--space-1);
    margin-bottom: 0;
    max-width: 38ch;
}

.availability-form__duration[b-khqblr9f5g] {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.availability-form__duration legend[b-khqblr9f5g] {
    color: var(--color-text-primary);
    font-size: var(--text-sm);
    font-weight: 700;
    margin-bottom: var(--space-2);
    padding: 0;
}

.availability-form__choices[b-khqblr9f5g] {
    display: grid;
    gap: var(--space-1);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.availability-form__choices button[b-khqblr9f5g] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border-control);
    border-radius: var(--radius-button);
    color: var(--color-text-primary);
    display: flex;
    font-size: var(--text-sm);
    font-weight: 700;
    gap: 5px;
    justify-content: center;
    line-height: 1.25;
    min-height: var(--action-height);
    min-width: 0;
    padding: 8px 6px;
}

.availability-form__choices button.is-selected[b-khqblr9f5g] {
    background: var(--color-primary-soft);
    border-color: var(--color-accent-text);
    color: var(--color-accent-text);
}

.availability-form__choices button:disabled[b-khqblr9f5g] {
    cursor: wait;
    opacity: .58;
}

.availability-form__effect[b-khqblr9f5g] {
    align-items: center;
    background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));
    border-radius: var(--radius-input);
    color: var(--color-primary-strong);
    display: flex;
    font-size: var(--text-sm);
    font-weight: 700;
    gap: var(--space-1);
    min-height: var(--touch-target-min);
    padding: var(--space-1) var(--space-2);
}

.availability-form__context[b-khqblr9f5g] {
    background: var(--color-surface-secondary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-input);
    display: grid;
    overflow: hidden;
}

.availability-form__context-item[b-khqblr9f5g] {
    align-items: center;
    display: grid;
    gap: var(--space-2);
    grid-template-columns: auto minmax(0, 1fr);
    min-height: var(--touch-target-min);
    min-width: 0;
    padding: 10px var(--space-2);
}

.availability-form__context-icon[b-khqblr9f5g] {
    align-items: center;
    background: var(--color-surface);
    border-radius: 50%;
    color: var(--color-accent-text);
    display: inline-flex;
    height: 36px;
    justify-content: center;
    width: 36px;
}

.availability-form__context-item > span:last-child[b-khqblr9f5g] {
    display: grid;
    gap: 1px;
    min-width: 0;
}

.availability-form__context-item strong[b-khqblr9f5g],
.availability-form__context-item small[b-khqblr9f5g] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.availability-form__context-item strong[b-khqblr9f5g] {
    color: var(--color-text-primary);
    font-size: var(--text-xs);
    line-height: 1.25;
}

.availability-form__context-item small[b-khqblr9f5g] {
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
    line-height: 1.3;
}

.availability-form__error[b-khqblr9f5g] {
    background: var(--color-danger-soft);
    border: 1px solid color-mix(in srgb, var(--color-danger) 30%, var(--color-border));
    border-radius: var(--radius-input);
    color: var(--color-danger);
    font-size: var(--text-sm);
    line-height: var(--line-body);
    padding: var(--space-2);
}

@media (max-height: 700px) {
    .availability-form__intro > p[b-khqblr9f5g] {
        line-height: 1.35;
        margin-top: 4px;
    }

    .availability-form__duration legend[b-khqblr9f5g] {
        margin-bottom: var(--space-1);
    }

    .availability-form__choices button[b-khqblr9f5g] {
        min-height: var(--touch-target-min);
    }

    .availability-form__context-item[b-khqblr9f5g] {
        gap: var(--space-1);
        padding-block: var(--space-1);
    }

    .availability-form__context-icon[b-khqblr9f5g] {
        height: 32px;
        width: 32px;
    }
}
/* /Features/Chat/Pages/Chat.razor.rz.scp.css */
.chat-inbox[b-5r5orikkc8] {
    margin-inline: auto;
    max-width: var(--content-tablet);
    padding: var(--space-4) var(--content-gutter);
}
.chat-inbox__header[b-5r5orikkc8] { align-items: center; display: grid; gap: var(--space-1) var(--space-2); grid-template-columns: minmax(0, 1fr) auto; margin-bottom: var(--space-5); }
.chat-inbox__header h1[b-5r5orikkc8] { font-size: 2.25rem; font-weight: 800; letter-spacing: -.035em; line-height: 1.15; margin: 0; }
.chat-inbox__header p[b-5r5orikkc8] { color: var(--color-text-secondary); font-size: 1rem; grid-column: 1 / -1; line-height: 1.4; margin: 0; }
.chat-inbox__archive-action[b-5r5orikkc8] {
    align-items: center;
    background: var(--color-surface-secondary);
    border: 1px solid color-mix(in srgb, var(--color-border) 65%, transparent);
    border-radius: 50%;
    color: var(--color-text-primary);
    display: inline-flex;
    height: 44px;
    justify-content: center;
    width: 44px;
}
.chat-inbox__section-heading[b-5r5orikkc8] { align-items: baseline; display: flex; flex-wrap: wrap; gap: 4px var(--space-2); justify-content: space-between; margin-bottom: var(--space-2); }
.chat-inbox__section-heading h2[b-5r5orikkc8] { font-size: 1.375rem; font-weight: 750; letter-spacing: -.02em; margin: 0; }
.chat-inbox__section-heading > span[b-5r5orikkc8] { color: var(--color-text-secondary); font-size: .8125rem; }
.chat-inbox__list[b-5r5orikkc8] { display: grid; gap: var(--space-2); list-style: none; margin: 0; padding: 0; }
.chat-inbox__list li[b-5r5orikkc8] { min-width: 0; }
.chat-inbox__archived[b-5r5orikkc8] { border-top: 1px solid color-mix(in srgb, var(--color-border) 65%, transparent); margin-top: var(--space-4); padding-top: var(--space-3); }
.chat-inbox__archive-card[b-5r5orikkc8] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid color-mix(in srgb, var(--color-border) 65%, transparent);
    border-radius: var(--radius-input);
    color: var(--color-text-primary);
    display: grid;
    font: inherit;
    gap: var(--space-2);
    grid-template-columns: 48px minmax(0, 1fr) auto;
    min-height: 80px;
    padding: var(--space-2);
    text-align: left;
    width: 100%;
}
.chat-inbox__archive-icon[b-5r5orikkc8] { align-items: center; background: var(--color-surface-secondary); border-radius: 50%; color: var(--color-text-secondary); display: flex; height: 48px; justify-content: center; }
.chat-inbox__archive-copy[b-5r5orikkc8] { display: grid; gap: 4px; min-width: 0; overflow-wrap: anywhere; }
.chat-inbox__archive-copy strong[b-5r5orikkc8] { font-size: .9375rem; font-weight: 700; line-height: 1.3; }
.chat-inbox__archive-copy > span[b-5r5orikkc8] { color: var(--color-text-secondary); font-size: .8125rem; }
.chat-inbox__empty[b-5r5orikkc8] { align-items: flex-start; background: var(--color-surface); border-radius: var(--radius-input); color: var(--color-text-secondary); display: flex; gap: var(--space-2); padding: var(--space-3); }
.chat-inbox__empty h3[b-5r5orikkc8] { color: var(--color-text-primary); font-size: 1rem; margin: 0 0 4px; }
.chat-inbox__empty p[b-5r5orikkc8] { font-size: .875rem; line-height: 1.45; margin: 0; }
.chat-inbox__archive-intro[b-5r5orikkc8], .chat-inbox__archive-empty[b-5r5orikkc8] { color: var(--color-text-secondary); font-size: .875rem; line-height: 1.5; margin: 0 0 var(--space-3); }
.chat-inbox__error[b-5r5orikkc8] { align-items: center; display: flex; flex-wrap: wrap; gap: var(--space-2); margin-block: var(--space-3); }
.chat-inbox__error span[b-5r5orikkc8] { flex: 1; min-width: 0; }
.chat-inbox__error button[b-5r5orikkc8] { background: var(--color-surface-secondary); border: 1px solid var(--color-border); border-radius: var(--radius-input); color: var(--color-text-primary); font: inherit; min-height: var(--touch-target-min); padding: var(--space-1) var(--space-2); }
.chat-inbox__skeleton[b-5r5orikkc8] { display: grid; gap: var(--space-2); }
.chat-inbox button[b-5r5orikkc8] { cursor: pointer; }
.chat-inbox button:focus-visible[b-5r5orikkc8] { outline: 2px solid var(--color-focus-ring); outline-offset: 3px; }
.chat-inbox button:disabled[b-5r5orikkc8] { cursor: wait; opacity: .6; }
.chat-inbox__archive-card:hover[b-5r5orikkc8] { border-color: var(--color-border-control); }
/* /Features/Chat/Pages/ChatInboxCard.razor.rz.scp.css */
.chat-inbox__row[b-0sacftkqep] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid color-mix(in srgb, var(--color-border) 65%, transparent);
    border-radius: var(--radius-input);
    color: var(--color-text-primary);
    display: grid;
    gap: var(--space-2);
    grid-template-columns: 4.5rem minmax(0, 1fr) auto;
    min-height: 96px;
    padding: var(--space-2);
    text-decoration: none;
}
.chat-inbox__image[b-0sacftkqep] {
    align-items: center;
    align-self: stretch;
    background: var(--color-surface-secondary);
    border-radius: 10px;
    color: var(--color-text-secondary);
    display: flex;
    justify-content: center;
    min-height: 4.5rem;
    overflow: hidden;
    position: relative;
}
.chat-inbox__image img[b-0sacftkqep] { height: 100%; inset: 0; object-fit: cover; position: absolute; width: 100%; }
.chat-inbox__copy[b-0sacftkqep] { display: grid; gap: 5px; min-width: 0; }
.chat-inbox__title[b-0sacftkqep] {
    display: -webkit-box;
    font-size: 1rem;
    font-weight: 750;
    line-height: 1.3;
    overflow: hidden;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.chat-inbox__preview[b-0sacftkqep] {
    color: var(--color-text-secondary);
    font-size: .875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.chat-inbox__date[b-0sacftkqep] { color: var(--color-text-secondary); font-size: .75rem; line-height: 1.35; overflow-wrap: anywhere; }
.chat-inbox__date--today[b-0sacftkqep] { color: var(--color-primary-strong); }
.chat-inbox__trailing[b-0sacftkqep] { align-items: center; display: flex; flex-direction: column; gap: var(--space-1); }
.chat-inbox__unread[b-0sacftkqep] {
    background: var(--color-primary);
    border-radius: var(--radius-pill);
    color: var(--color-on-primary);
    font-size: .75rem;
    font-weight: 800;
    line-height: 1.5;
    min-width: 24px;
    padding: 2px 5px;
    text-align: center;
}
.chat-inbox__row:focus-visible[b-0sacftkqep] { outline: 2px solid var(--color-focus-ring); outline-offset: 3px; }
.chat-inbox__row:hover[b-0sacftkqep] { border-color: var(--color-border-control); }
@media (max-width: 359px) {
    .chat-inbox__row[b-0sacftkqep] { gap: var(--space-1); grid-template-columns: 3.25rem minmax(0, 1fr) auto; padding: var(--space-1); }
}
/* /Features/Home/Components/HomeActionControl.razor.rz.scp.css */
.home-action[b-uyuf81hz68] {
    align-items: center;
    border-radius: var(--radius-button);
    display: flex;
    font: inherit;
    font-weight: 700;
    gap: var(--space-1);
    justify-content: center;
    min-height: var(--touch-target-min);
    min-width: 0;
    padding-inline: var(--space-3);
    text-align: center;
    text-decoration: none;
    width: 100%;
}

.home-action__label[b-uyuf81hz68] {
    min-width: 0;
}

.home-action__label--taak[b-uyuf81hz68] {
    font-size: 26px;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -.035em;
    transform: skew(-5deg);
}

.home-action--primary .home-action__label[b-uyuf81hz68] {
    font-weight: 700;
}

.home-action--primary[b-uyuf81hz68] {
    background: var(--color-primary);
    border: 1px solid var(--color-accent-text);
    box-shadow: var(--shadow-primary);
    color: var(--color-on-primary);
    font-size: var(--text-md);
    min-height: 56px;
}

.home-action--primary .home-action__label[b-uyuf81hz68] {
    flex: 1;
}

.home-action--taak-dock[b-uyuf81hz68] {
    background:
        linear-gradient(
            112deg,
            var(--color-accent) 0%,
            var(--color-primary) 48%,
            var(--color-accent-hover) 100%);
    border: 1px solid var(--color-accent);
    border-radius: 50%;
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--color-text-primary) 34%, transparent),
        inset 0 -3px 0 color-mix(in srgb, var(--color-primary-deep) 58%, transparent),
        0 0 0 6px color-mix(in srgb, var(--color-primary) 8%, transparent),
        0 16px 36px color-mix(in srgb, var(--color-primary) 34%, transparent);
    color: var(--color-on-primary);
    flex: 0 0 auto;
    flex-direction: column;
    gap: 5px;
    height: auto;
    aspect-ratio: 1;
    isolation: isolate;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    padding: 18px 12px;
    position: relative;
    width: clamp(120px, 17svh, 136px);
}

.home-action__join-hint[b-uyuf81hz68] {
    color: color-mix(in srgb, var(--color-on-primary) 82%, transparent);
    font-size: 11px;
    font-weight: 650;
    line-height: 1.2;
    max-width: 13ch;
    text-align: center;
    text-wrap: balance;
    overflow-wrap: anywhere;
}

.home-action--taak-dock[b-uyuf81hz68]::before {
    background: linear-gradient(
        100deg,
        color-mix(in srgb, var(--color-text-primary) 20%, transparent),
        transparent 30%);
    content: "";
    inset: 0 48% 0 0;
    pointer-events: none;
    position: absolute;
    z-index: -1;
}

.home-action--taak-dock[b-uyuf81hz68]::after {
    border: 2px solid color-mix(in srgb, var(--color-text-primary) 68%, transparent);
    border-radius: inherit;
    content: "";
    inset: 7px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    scale: .9;
}

.home-action--taak-dock .home-action__label--taak[b-uyuf81hz68] {
    flex: 0 0 auto;
    white-space: nowrap;
    font-size: 1.8rem;
    letter-spacing: -.055em;
    line-height: 1;
    text-shadow: 0 2px 12px color-mix(in srgb, var(--color-primary-deep) 48%, transparent);
}

.home-action--taak-dock:not(:disabled):hover[b-uyuf81hz68] {
    background: var(--color-accent-hover);
}

.home-action--taak-dock:focus-visible[b-uyuf81hz68] {
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--color-text-primary) 34%, transparent),
        inset 0 -3px 0 color-mix(in srgb, var(--color-primary-deep) 58%, transparent),
        0 0 0 4px var(--color-focus-ring),
        0 16px 36px color-mix(in srgb, var(--color-primary) 34%, transparent);
    outline: 0;
}

.home-action--pass[b-uyuf81hz68] {
    background: transparent;
    border: 0;
    border-radius: var(--radius-input);
    color: var(--color-text-secondary);
    flex: 0 0 4rem;
    flex-direction: column;
    font-size: .8125rem;
    font-weight: 500;
    gap: 6px;
    line-height: 1.3;
    padding: 4px 0;
    width: 4rem;
}

.home-action__pass-circle[b-uyuf81hz68] {
    align-items: center;
    background: transparent;
    border: 1px solid var(--color-border-control);
    border-radius: 50%;
    box-sizing: border-box;
    display: flex;
    flex: 0 0 auto;
    height: 3.5rem;
    justify-content: center;
    width: 3.5rem;
}

.home-action--pass:not(:disabled):hover[b-uyuf81hz68] {
    color: var(--color-text-primary);
}

.home-action--pass:not(:disabled):hover .home-action__pass-circle[b-uyuf81hz68] {
    background: var(--color-surface-secondary);
    border-color: var(--color-text-secondary);
}

.home-action--pass:focus-visible[b-uyuf81hz68] {
    outline: 2px solid var(--color-focus-ring);
    outline-offset: 3px;
}

.home-action--secondary[b-uyuf81hz68] {
    background: transparent;
    border: 1px solid transparent;
    color: var(--color-text-secondary);
    font-size: var(--text-sm);
    min-height: var(--touch-target-min);
    padding-inline: var(--space-2);
}

.home-action--secondary .home-action__label[b-uyuf81hz68] {
    flex: 1;
}

.home-action--primary:not(:disabled):hover[b-uyuf81hz68] {
    background: var(--color-primary-deep);
    border-color: var(--color-accent-text);
}

.home-action--secondary:hover[b-uyuf81hz68] {
    color: var(--color-primary-strong);
}

.home-action--tertiary[b-uyuf81hz68] {
    background: transparent;
    border: 0;
    color: var(--color-text-secondary);
    font-size: var(--text-sm);
    justify-content: flex-start;
    min-height: var(--touch-target-min);
    padding-inline: var(--space-2);
}

.home-action--tertiary:hover[b-uyuf81hz68] {
    background: var(--color-surface-secondary);
    color: var(--color-text-primary);
}

.home-action--inline[b-uyuf81hz68] {
    background: transparent;
    border: 0;
    color: var(--color-primary-strong);
    flex: 0 0 auto;
    font-size: var(--text-xs);
    gap: 4px;
    min-height: var(--touch-target-min);
    padding-inline: 6px;
    width: auto;
}

.home-action--inline:hover[b-uyuf81hz68] {
    background: var(--color-primary-soft);
}

.home-action--inline[b-uyuf81hz68]  .home-action__leading-icon,
.home-action--inline[b-uyuf81hz68]  .home-action__trailing-icon {
    height: 16px;
    width: 16px;
}

.home-action--destructive[b-uyuf81hz68] {
    color: var(--color-danger);
}

.home-action--destructive:hover[b-uyuf81hz68] {
    background: var(--color-danger-soft);
    color: var(--color-danger);
}

.home-action:disabled[b-uyuf81hz68],
.home-action[aria-disabled="true"][b-uyuf81hz68] {
    cursor: wait;
    opacity: .68;
}

.home-action[aria-disabled="true"][b-uyuf81hz68] {
    pointer-events: none;
}

.home-action[b-uyuf81hz68]  .home-action__leading-icon,
.home-action[b-uyuf81hz68]  .home-action__trailing-icon {
    flex: 0 0 auto;
}

@media (prefers-reduced-motion: no-preference) {
    .home-action[b-uyuf81hz68] {
        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);
    }

    .home-action:not(:disabled):active[b-uyuf81hz68] {
        transform: scale(.985);
    }

    .home-action--taak-dock:not(:disabled):active[b-uyuf81hz68] {
        transform: scale(.96);
    }

    .home-action--taak-dock.home-action--impact[b-uyuf81hz68]::after {
        animation: home-taak-impact-b-uyuf81hz68 var(--motion-base) var(--ease-standard) both;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-action--taak-dock.home-action--impact[b-uyuf81hz68]::after {
        animation: none;
        opacity: 0;
        scale: 1;
    }
}

@keyframes home-taak-impact-b-uyuf81hz68 {
    0% {
        opacity: .72;
        scale: .9;
    }

    100% {
        opacity: 0;
        scale: 1.16;
    }
}

@media (max-height: 700px) {
    .home-action--taak-dock[b-uyuf81hz68] {
        width: 116px;
        padding: 14px 10px;
    }

    .home-action--taak-dock .home-action__label--taak[b-uyuf81hz68] {
        font-size: 1.75rem;
    }
}

.home-action--primary:not(:disabled):active[b-uyuf81hz68],
.home-action--taak-dock:not(:disabled):active[b-uyuf81hz68] { background: var(--color-accent-pressed); }
/* /Features/Home/Components/HomeAvailabilityCard.razor.rz.scp.css */
.home-availability[b-asr33vy3b0] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
    display: grid;
    gap: var(--space-1);
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
    padding: 9px 10px;
}

.home-availability--active[b-asr33vy3b0] {
    background: color-mix(in srgb, var(--color-surface) 78%, var(--color-success-soft));
    border-color: color-mix(in srgb, var(--color-success) 30%, var(--color-border));
}

.home-availability__summary[b-asr33vy3b0] {
    align-items: center;
    display: grid;
    gap: var(--space-1);
    grid-template-columns: auto minmax(0, 1fr);
    min-width: 0;
}

.home-availability__icon[b-asr33vy3b0] {
    align-items: center;
    background: var(--color-surface-secondary);
    border-radius: 50%;
    color: var(--color-primary-strong);
    display: inline-flex;
    height: var(--touch-target-min);
    justify-content: center;
    width: var(--touch-target-min);
}

.home-availability__summary--active .home-availability__icon[b-asr33vy3b0] {
    background: var(--color-success-soft);
    color: var(--color-success-strong);
}

.home-availability__copy[b-asr33vy3b0] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.home-availability__copy strong[b-asr33vy3b0] {
    color: var(--color-text-primary);
    font-size: var(--text-sm);
    font-weight: 700;
    line-height: 1.2;
}

.home-availability__copy small[b-asr33vy3b0] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: var(--color-text-secondary);
    display: -webkit-box;
    font-size: var(--text-xs);
    line-height: 1.35;
    overflow: hidden;
}

.home-availability__action[b-asr33vy3b0] {
    align-items: center;
    background: transparent;
    border: 1px solid;
    border-radius: calc(var(--radius-button) - 3px);
    display: inline-flex;
    font-size: var(--text-xs);
    font-weight: 700;
    gap: 5px;
    justify-content: center;
    min-height: var(--touch-target-min);
    padding: 6px 10px;
}

.home-availability__action--secondary[b-asr33vy3b0] {
    border-color: var(--color-accent-text);
    color: var(--color-primary-strong);
}

.home-availability__action--disable[b-asr33vy3b0] {
    border-color: var(--color-border-control);
    color: var(--color-text-secondary);
}

.home-availability__action:disabled[b-asr33vy3b0] {
    cursor: wait;
    opacity: .62;
}

.home-availability__action:not(:disabled):hover[b-asr33vy3b0] {
    background: color-mix(in srgb, currentColor 6%, transparent);
}

@media (max-width: 350px) {
    .home-availability[b-asr33vy3b0] {
        gap: 6px;
        padding-inline: 7px;
    }

    .home-availability__summary[b-asr33vy3b0] {
        gap: 6px;
    }

    .home-availability__action[b-asr33vy3b0] {
        padding-inline: 7px;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .home-availability__action[b-asr33vy3b0] {
        transition: background var(--motion-fast) var(--ease-standard),
            transform var(--motion-fast) var(--ease-standard);
    }

    .home-availability__action:not(:disabled):active[b-asr33vy3b0] {
        transform: scale(.985);
    }
}
/* /Features/Home/Components/HomeAvailablePeopleHero.razor.rz.scp.css */
.home-people-hero[b-nq2teuwrg5] {
    background: var(--color-background);
    display: grid;
    isolation: isolate;
    min-width: 0;
    overflow: visible;
    padding: 0;
    position: relative;
}

.home-people-hero__media[b-nq2teuwrg5] {
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
}

.home-people-hero__media[b-nq2teuwrg5]::after {
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--color-background) 96%, transparent) 0%,
        color-mix(in srgb, var(--color-background) 52%, transparent) 10%,
        color-mix(in srgb, var(--color-background) 9%, transparent) 27%,
        transparent 43%,
        color-mix(in srgb, var(--color-background) 17%, transparent) 58%,
        color-mix(in srgb, var(--color-background) 58%, transparent) 78%,
        color-mix(in srgb, var(--color-background) 88%, transparent) 94%,
        var(--color-background) 100%);
    content: "";
    inset: 0;
    position: absolute;
    z-index: 2;
}

.home-people-hero__image[b-nq2teuwrg5] {
    display: block;
    filter: saturate(.96) contrast(1.05) brightness(.92);
    height: 100%;
    object-fit: cover;
    object-position: center 47%;
    transform: scale(1.012);
    transform-origin: center 48%;
    user-select: none;
    width: 100%;
}

.home-people-hero__ambient[b-nq2teuwrg5] {
    background:
        radial-gradient(circle at 85% 28%, color-mix(in srgb, var(--color-primary) 26%, transparent), transparent 33%),
        radial-gradient(ellipse at 45% 62%, color-mix(in srgb, var(--color-accent) 11%, transparent), transparent 43%);
    inset: 0;
    opacity: .42;
    position: absolute;
    z-index: 1;
}

.home-people-hero__energy[b-nq2teuwrg5] {
    background: linear-gradient(
        90deg,
        transparent,
        color-mix(in srgb, var(--color-primary) 43%, transparent) 35%,
        var(--color-primary) 71%,
        transparent);
    filter: blur(.35px) drop-shadow(0 0 6px color-mix(in srgb, var(--color-primary) 44%, transparent));
    height: 1px;
    left: 8%;
    opacity: .3;
    position: absolute;
    top: 58%;
    transform: rotate(-8deg) scaleX(.72);
    transform-origin: left center;
    width: 54%;
    z-index: 3;
}

.home-people-hero__content[b-nq2teuwrg5] {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    min-height: 100%;
    padding:
        clamp(98px, 13.5dvh, 128px)
        clamp(18px, 5vw, 28px)
        max(18px, calc(var(--safe-area-bottom) + 12px));
    position: relative;
    text-align: center;
    z-index: 3;
}

.home-people-hero__story[b-nq2teuwrg5] {
    align-self: center;
    display: grid;
    gap: clamp(14px, 2.2dvh, 20px);
    justify-items: center;
    min-width: 0;
    transform: translateY(clamp(18px, 3.2dvh, 34px));
}

.home-people-hero__live[b-nq2teuwrg5] {
    align-items: center;
    color: color-mix(in srgb, var(--color-text-primary) 78%, transparent);
    display: inline-flex;
    font-size: .68rem;
    font-weight: 600;
    gap: 5px;
    letter-spacing: .01em;
    line-height: 1;
    text-shadow: 0 2px 12px var(--color-background);
}

.home-people-hero__live[b-nq2teuwrg5]  .app-icon {
    color: var(--color-primary-strong);
    flex: 0 0 auto;
}

.home-people-hero__availability[b-nq2teuwrg5] {
    display: grid;
    justify-items: center;
    margin-inline: auto;
    max-width: 31ch;
}

.home-people-hero__availability--exact[b-nq2teuwrg5] {
    gap: 0;
}

.home-people-hero__number[b-nq2teuwrg5] {
    color: var(--color-accent-text);
    font-size: clamp(5.4rem, 27vw, 6.75rem);
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    letter-spacing: -.09em;
    line-height: .72;
    padding-right: .08em;
    text-shadow:
        0 0 34px color-mix(in srgb, var(--color-primary) 28%, transparent),
        0 5px 22px color-mix(in srgb, var(--color-background) 76%, transparent);
}

.home-people-hero__statement[b-nq2teuwrg5] {
    color: var(--color-text-primary);
    font-size: clamp(1.2rem, 5.35vw, 1.52rem);
    font-weight: 700;
    letter-spacing: -.034em;
    line-height: 1.08;
    margin: clamp(12px, 1.8dvh, 17px) 0 0;
    max-width: 15ch;
    text-shadow: 0 3px 18px color-mix(in srgb, var(--color-background) 78%, transparent);
    text-wrap: balance;
}

.home-people-hero__anticipation[b-nq2teuwrg5] {
    color: color-mix(in srgb, var(--color-text-primary) 52%, transparent);
    font-size: clamp(.7rem, 3vw, .78rem);
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 1.2;
    margin: clamp(18px, 2.6dvh, 25px) 0 0;
    text-shadow: 0 2px 12px var(--color-background);
}

.home-people-hero__generic[b-nq2teuwrg5] {
    color: var(--color-text-primary);
    font-size: clamp(1.45rem, 6.3vw, 1.9rem);
    font-weight: 700;
    letter-spacing: -.035em;
    line-height: 1.12;
    margin: 0;
    max-width: 23ch;
    text-shadow: 0 3px 18px color-mix(in srgb, var(--color-background) 78%, transparent);
    text-wrap: balance;
}

.home-people-hero__conversion[b-nq2teuwrg5] {
    display: grid;
    gap: clamp(11px, 1.7dvh, 16px);
    margin-inline: auto;
    max-width: 500px;
    padding-bottom: clamp(4px, 1.1dvh, 12px);
    width: 100%;
}

.home-people-hero__invitation[b-nq2teuwrg5] {
    align-items: baseline;
    color: color-mix(in srgb, var(--color-text-primary) 68%, transparent);
    display: flex;
    flex-wrap: wrap;
    font-size: clamp(.82rem, 3.7vw, .98rem);
    font-weight: 500;
    gap: 3px 6px;
    justify-content: center;
    line-height: 1.25;
    margin: 0;
    text-shadow: 0 2px 12px var(--color-background);
}

.home-people-hero__invitation strong[b-nq2teuwrg5] {
    color: var(--color-text-primary);
    font-weight: 700;
}

:root[data-theme="light"] .home-people-hero__live[b-nq2teuwrg5],
:root[data-theme="light"] .home-people-hero__anticipation[b-nq2teuwrg5],
:root[data-theme="light"] .home-people-hero__invitation[b-nq2teuwrg5] {
    color: var(--color-text-primary);
}

.home-people-hero__actions[b-nq2teuwrg5] {
    display: grid;
    gap: var(--space-1);
    width: 100%;
}

.home-people-hero__create-control[b-nq2teuwrg5] {
    background: linear-gradient(
        118deg,
        var(--color-accent) 0%,
        var(--color-primary) 48%,
        var(--color-primary-deep) 100%);
    border: 1px solid var(--color-accent);
    border-radius: var(--radius-hero-action);
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--color-text-primary) 31%, transparent),
        inset 0 -2px 0 color-mix(in srgb, var(--color-primary-deep) 42%, transparent),
        0 13px 32px color-mix(in srgb, var(--color-primary) 26%, transparent);
    color: var(--color-on-primary);
    display: grid;
    grid-template-columns: minmax(0, 1fr) 64px;
    min-height: 64px;
    overflow: hidden;
}

.home-people-hero__create-main[b-nq2teuwrg5],
.home-people-hero__create-quick[b-nq2teuwrg5] {
    align-items: center;
    color: inherit;
    display: flex;
    font-size: 1.08rem;
    font-weight: 700;
    justify-content: center;
    min-width: 0;
    text-decoration: none;
}

.home-people-hero__create-main[b-nq2teuwrg5] {
    padding-inline: var(--space-3);
}

.home-people-hero__create-quick[b-nq2teuwrg5] {
    border-left: 1px solid color-mix(in srgb, var(--color-on-primary) 28%, transparent);
    position: relative;
}

.home-people-hero__create-main:focus-visible[b-nq2teuwrg5],
.home-people-hero__create-quick:focus-visible[b-nq2teuwrg5] {
    outline: 3px solid var(--color-focus-ring);
    outline-offset: -4px;
}

.home-people-hero__create-main:hover[b-nq2teuwrg5],
.home-people-hero__create-quick:hover[b-nq2teuwrg5] {
    background: color-mix(in srgb, var(--color-on-primary) 9%, transparent);
}

.home-people-hero__actions[b-nq2teuwrg5]  .home-action--primary {
    background: linear-gradient(
        118deg,
        var(--color-accent) 0%,
        var(--color-primary) 48%,
        var(--color-primary-deep) 100%);
    border-color: var(--color-accent-text);
    border-radius: var(--radius-hero-action);
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--color-text-primary) 31%, transparent),
        inset 0 -2px 0 color-mix(in srgb, var(--color-primary-deep) 42%, transparent),
        0 13px 32px color-mix(in srgb, var(--color-primary) 26%, transparent);
    min-height: 64px;
}

.home-people-hero__actions[b-nq2teuwrg5]  .home-action--primary .home-action__label {
    font-size: 1.08rem;
    font-weight: 700;
}

.home-people-hero__actions[b-nq2teuwrg5]  .home-action--secondary {
    color: color-mix(in srgb, var(--color-text-primary) 76%, transparent);
}

@media (max-height: 700px) {
    .home-people-hero__content[b-nq2teuwrg5] {
        padding:
            82px
            var(--space-2)
            max(10px, calc(var(--safe-area-bottom) + 6px));
    }

    .home-people-hero__story[b-nq2teuwrg5] {
        gap: 8px;
        transform: translateY(8px);
    }

    .home-people-hero__number[b-nq2teuwrg5] {
        font-size: 4.75rem;
    }

    .home-people-hero__statement[b-nq2teuwrg5] {
        font-size: 1.08rem;
        margin-top: 8px;
    }

    .home-people-hero__anticipation[b-nq2teuwrg5] {
        margin-top: 12px;
    }

    .home-people-hero__generic[b-nq2teuwrg5] {
        font-size: 1.3rem;
    }

    .home-people-hero__conversion[b-nq2teuwrg5] {
        gap: 8px;
        padding-bottom: 0;
    }

    .home-people-hero__invitation[b-nq2teuwrg5] {
        font-size: .78rem;
    }

    .home-people-hero__actions[b-nq2teuwrg5]  .home-action--primary {
        min-height: 56px;
    }

    .home-people-hero__create-control[b-nq2teuwrg5] {
        grid-template-columns: minmax(0, 1fr) 58px;
        min-height: 56px;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .home-people-hero__image[b-nq2teuwrg5] {
        animation:
            home-people-arrive-b-nq2teuwrg5 850ms var(--ease-arrive) both,
            home-people-breathe-b-nq2teuwrg5 18s 850ms ease-in-out infinite alternate;
    }

    .home-people-hero__ambient[b-nq2teuwrg5] {
        animation: home-people-light-b-nq2teuwrg5 16s ease-in-out infinite alternate;
    }

    .home-people-hero__energy[b-nq2teuwrg5] {
        animation: home-people-energy-idle-b-nq2teuwrg5 12s ease-in-out infinite alternate;
    }

    .home-people-hero__story[b-nq2teuwrg5] {
        animation: home-people-story-arrive-b-nq2teuwrg5 520ms var(--ease-arrive) 90ms both;
    }

    .home-people-hero__conversion[b-nq2teuwrg5] {
        animation: home-people-conversion-arrive-b-nq2teuwrg5 560ms var(--ease-arrive) 180ms both;
    }

    .home-people-hero:has(.home-action--primary:active) .home-people-hero__energy[b-nq2teuwrg5] {
        animation: home-people-energy-tap-b-nq2teuwrg5 320ms var(--ease-arrive) both;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-people-hero__image[b-nq2teuwrg5],
    .home-people-hero__ambient[b-nq2teuwrg5],
    .home-people-hero__energy[b-nq2teuwrg5],
    .home-people-hero__story[b-nq2teuwrg5],
    .home-people-hero__conversion[b-nq2teuwrg5],
    .home-people-hero__create-control[b-nq2teuwrg5],
    .home-people-hero__actions[b-nq2teuwrg5]  .home-action--primary {
        animation: none !important;
        transition: none !important;
    }
}

@keyframes home-people-arrive-b-nq2teuwrg5 {
    from {
        opacity: .74;
        transform: scale(1.04) translateY(4px);
    }

    to {
        opacity: 1;
        transform: scale(1.012) translateY(0);
    }
}

@keyframes home-people-breathe-b-nq2teuwrg5 {
    from { transform: scale(1.012) translate3d(0, 0, 0); }
    to { transform: scale(1.02) translate3d(0, -2px, 0); }
}

@keyframes home-people-light-b-nq2teuwrg5 {
    from { opacity: .36; }
    to { opacity: .48; }
}

@keyframes home-people-energy-idle-b-nq2teuwrg5 {
    from { opacity: .24; }
    to { opacity: .38; }
}

@keyframes home-people-story-arrive-b-nq2teuwrg5 {
    from {
        opacity: 0;
        translate: 0 10px;
    }

    to {
        opacity: 1;
        translate: 0 0;
    }
}

@keyframes home-people-conversion-arrive-b-nq2teuwrg5 {
    from {
        opacity: 0;
        translate: 0 12px;
    }

    to {
        opacity: 1;
        translate: 0 0;
    }
}

@keyframes home-people-energy-tap-b-nq2teuwrg5 {
    0% { opacity: .3; transform: rotate(-8deg) scaleX(.58); }
    58% { opacity: .88; transform: rotate(-8deg) scaleX(1.1); }
    100% { opacity: .42; transform: rotate(-8deg) scaleX(1); }
}
/* /Features/Home/Components/HomeEmptyHero.razor.rz.scp.css */
.home-empty-hero[b-xltryeyplh] {
    background: var(--color-background);
    border-color: color-mix(in srgb, var(--color-border) 82%, var(--color-primary));
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    isolation: isolate;
    min-width: 0;
    overflow: visible;
    padding: 0;
    position: relative;
}

.home-empty-hero__media[b-xltryeyplh] {
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
}

.home-empty-hero__media[b-xltryeyplh]::after {
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--color-background) 96%, transparent) 0%,
        color-mix(in srgb, var(--color-background) 58%, transparent) 9%,
        color-mix(in srgb, var(--color-background) 20%, transparent) 20%,
        transparent 31%,
        color-mix(in srgb, var(--color-primary-soft) 14%, transparent) 48%,
        color-mix(in srgb, var(--color-background) 54%, transparent) 70%,
        color-mix(in srgb, var(--color-background) 86%, transparent) 91%,
        var(--color-background) 100%);
    content: "";
    inset: 0;
    position: absolute;
    z-index: 2;
}

.home-empty-hero__image[b-xltryeyplh] {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center 46%;
    transform: scale(1.012);
    transform-origin: center 58%;
    user-select: none;
    width: 100%;
}

.home-empty-hero__ambient[b-xltryeyplh] {
    background:
        radial-gradient(circle at 78% 26%, color-mix(in srgb, var(--color-primary) 30%, transparent), transparent 36%),
        radial-gradient(circle at 18% 72%, color-mix(in srgb, var(--color-primary-soft) 24%, transparent), transparent 38%),
        linear-gradient(105deg, transparent 50%, color-mix(in srgb, var(--color-accent) 12%, transparent));
    inset: 0;
    opacity: .48;
    position: absolute;
    z-index: 1;
}

.home-empty-hero__content[b-xltryeyplh] {
    align-content: end;
    align-self: stretch;
    display: grid;
    gap: clamp(10px, 1.6dvh, 15px);
    grid-row: 1;
    min-height: 100%;
    padding: clamp(150px, 22dvh, 210px) var(--space-3) clamp(14px, 2.2dvh, 20px);
    position: relative;
    z-index: 3;
}

.home-empty-hero__copy[b-xltryeyplh] {
    display: grid;
    gap: clamp(5px, .9dvh, 9px);
    justify-items: center;
    margin-inline: auto;
    max-width: 35ch;
    text-align: center;
}

.home-empty-hero__copy h1[b-xltryeyplh] {
    color: color-mix(in srgb, var(--color-text-primary) 94%, var(--color-primary));
    font-size: clamp(1.55rem, 7vw, 2.05rem);
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.08;
    margin: 0;
    text-shadow: 0 2px 12px color-mix(in srgb, var(--color-background) 58%, transparent);
    text-wrap: balance;
}

.home-empty-hero__copy p[b-xltryeyplh] {
    line-height: 1.38;
    margin: 0;
    text-wrap: balance;
}

.home-empty-hero__description[b-xltryeyplh] {
    color: color-mix(in srgb, var(--color-text-secondary) 92%, var(--color-text-primary));
    font-size: var(--text-sm);
    line-height: 1.45;
    max-width: 33ch;
}

.home-empty-hero__prompt[b-xltryeyplh] {
    align-items: center;
    background: color-mix(in srgb, var(--color-primary) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-primary) 24%, transparent);
    border-radius: var(--radius-pill);
    color: var(--color-primary-strong);
    display: inline-flex;
    font-size: var(--text-sm);
    font-weight: 700;
    justify-content: center;
    max-width: 34ch;
    padding: 5px 11px;
}

/* The light photo overlay needs opaque text, not muted or accent text. */
:root[data-theme="light"] .home-empty-hero__copy h1[b-xltryeyplh],
:root[data-theme="light"] .home-empty-hero__description[b-xltryeyplh],
:root[data-theme="light"] .home-empty-hero__prompt[b-xltryeyplh] {
    color: var(--color-text-primary);
}

.home-empty-hero__actions[b-xltryeyplh] {
    display: grid;
    width: 100%;
}

.home-empty-hero__actions[b-xltryeyplh]  .home-action--primary {
    background: linear-gradient(
        135deg,
        var(--color-accent) 0%,
        var(--color-primary) 54%,
        var(--color-primary-deep) 100%);
    border-color: var(--color-accent-text);
    border-radius: calc(var(--radius-button) + 2px);
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--color-text-primary) 30%, transparent),
        0 10px 26px color-mix(in srgb, var(--color-primary) 24%, transparent);
    min-height: 58px;
}

.home-empty-hero__actions[b-xltryeyplh]  .home-action__leading-icon,
.home-empty-hero__actions[b-xltryeyplh]  .home-action__trailing-icon {
    transition: transform var(--motion-base) var(--ease-arrive);
}

.home-empty-hero__actions[b-xltryeyplh]  .home-action--primary:hover .home-action__leading-icon {
    transform: rotate(-8deg) scale(1.08);
}

.home-empty-hero__actions[b-xltryeyplh]  .home-action--primary:hover .home-action__trailing-icon {
    transform: translateX(3px);
}

.home-empty-hero__availability[b-xltryeyplh] {
    min-width: 0;
    width: 100%;
}

.home-empty-hero__availability[b-xltryeyplh]  .home-availability {
    background: color-mix(in srgb, var(--color-surface) 72%, transparent);
    border-color: color-mix(in srgb, var(--color-text-primary) 18%, var(--color-border));
    border-radius: var(--radius-card);
    box-shadow: 0 8px 24px color-mix(in srgb, var(--color-background) 28%, transparent);
    padding: 9px 10px;
}

.home-empty-hero__availability[b-xltryeyplh]  .home-availability--active {
    background: color-mix(in srgb, var(--color-surface) 74%, var(--color-success-soft));
    border-color: color-mix(in srgb, var(--color-success) 40%, var(--color-border));
}

.home-empty-hero__availability[b-xltryeyplh]  .home-availability__icon {
    background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface-secondary));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 15%, transparent);
}

.home-empty-hero__availability[b-xltryeyplh]  .home-availability__action--secondary {
    background: color-mix(in srgb, var(--color-primary) 7%, transparent);
    border-color: color-mix(in srgb, var(--color-primary) 58%, var(--color-border));
    border-radius: var(--radius-pill);
}

@media (max-height: 700px) {
    .home-empty-hero__image[b-xltryeyplh] {
        object-position: center 50%;
    }

    .home-empty-hero__content[b-xltryeyplh] {
        gap: 7px;
        padding: 112px var(--space-2) 8px;
    }

    .home-empty-hero__copy[b-xltryeyplh] {
        gap: 4px;
    }

    .home-empty-hero__copy h1[b-xltryeyplh] {
        font-size: 1.42rem;
    }

    .home-empty-hero__description[b-xltryeyplh],
    .home-empty-hero__prompt[b-xltryeyplh] {
        font-size: var(--text-xs);
    }

    .home-empty-hero__prompt[b-xltryeyplh] {
        padding-block: 4px;
    }

    .home-empty-hero__actions[b-xltryeyplh]  .home-action--primary {
        min-height: 54px;
    }

    .home-empty-hero__availability[b-xltryeyplh]  .home-availability {
        padding-block: 6px;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .home-empty-hero__image[b-xltryeyplh] {
        animation:
            home-empty-arrive-b-xltryeyplh 850ms var(--ease-arrive) both,
            home-empty-breathe-b-xltryeyplh 15s 850ms ease-in-out infinite alternate;
    }

    .home-empty-hero__ambient[b-xltryeyplh] {
        animation: home-empty-light-b-xltryeyplh 12s ease-in-out infinite alternate;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-empty-hero__image[b-xltryeyplh],
    .home-empty-hero__ambient[b-xltryeyplh],
    .home-empty-hero__actions[b-xltryeyplh]  .home-action__leading-icon,
    .home-empty-hero__actions[b-xltryeyplh]  .home-action__trailing-icon {
        animation: none !important;
        transition: none !important;
    }
}

@keyframes home-empty-arrive-b-xltryeyplh {
    from {
        opacity: .72;
        transform: scale(1.045) translateY(5px);
    }

    to {
        opacity: 1;
        transform: scale(1.012) translateY(0);
    }
}

@keyframes home-empty-breathe-b-xltryeyplh {
    from { transform: scale(1.012) translate3d(0, 0, 0); }
    to { transform: scale(1.022) translate3d(0, -2px, 0); }
}

@keyframes home-empty-light-b-xltryeyplh {
    from { opacity: .4; }
    to { opacity: .56; }
}
/* /Features/Home/Components/HomeHero.razor.rz.scp.css */
.home-context-hero-host[b-dxmo64p474] {
    display: grid;
    height: 100%;
    min-height: 0;
    min-width: 0;
}

.home-context-hero-host[b-dxmo64p474]  .home-context-hero {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    height: 100%;
    min-height: 0;
    width: 100%;
}
/* /Features/Home/Components/HomeOccasionHero.razor.rz.scp.css */
.home-occasion-hero[b-5lkjgbt8m0] {
    color: var(--color-text-primary);
    min-height: 0;
    min-width: 0;
    overflow: visible;
    position: relative;
}

.home-compatible-operations[b-5lkjgbt8m0] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: var(--cinematic-gap, .75rem);
    min-width: 0;
}

.home-occasion-hero__access-badge[b-5lkjgbt8m0] {
    align-items: center;
    border-radius: var(--radius-pill);
    display: inline-flex;
    font-size: .8125rem;
    gap: 4px;
    line-height: 1.25;
}

.home-compatible-stage__support-actions[b-5lkjgbt8m0] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
    min-height: var(--touch-target-min);
    min-width: 0;
    pointer-events: auto;
    width: 100%;
}

.home-occasion-hero__access-badge--open[b-5lkjgbt8m0] {
    background: color-mix(in srgb, var(--color-success-soft) 62%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-success) 30%, transparent);
    color: color-mix(in srgb, var(--color-success-strong) 72%, var(--color-text-primary));
    font-weight: 600;
}

.home-occasion-hero__access-badge[b-5lkjgbt8m0] {
    min-height: 26px;
    padding: 4px 10px;
}

.home-occasion-hero__access-badge--approval[b-5lkjgbt8m0] {
    backdrop-filter: blur(12px);
    background: color-mix(in srgb, var(--color-warning-soft) 45%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-warning) 32%, transparent);
}

.home-compatible-stage__note[b-5lkjgbt8m0] {
    color: var(--color-text-secondary);
    display: -webkit-box;
    font-size: .875rem;
    line-height: 1.4;
    margin: 0;
    min-width: 0;
    overflow: hidden;
    overflow-wrap: anywhere;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.home-compatible-stage__map[b-5lkjgbt8m0] {
    align-items: center;
    color: var(--color-text-primary);
    display: flex;
    flex: 1 1 100%;
    font-size: .875rem;
    font-weight: 500;
    gap: 8px;
    min-height: var(--touch-target-min);
    padding: 4px 0;
    text-decoration: none;
    min-width: 0;
    overflow-wrap: anywhere;
}

.home-compatible-stage__map span[b-5lkjgbt8m0] { flex: 1; min-width: 0; text-decoration: underline; text-decoration-color: var(--color-border); text-underline-offset: 4px; }
.home-compatible-stage__map[b-5lkjgbt8m0]  .app-icon { flex-shrink: 0; }

.home-compatible-stage__organizer[b-5lkjgbt8m0] {
    align-items: center;
    color: var(--color-text-secondary);
    display: flex;
    flex: 1 1 8rem;
    font-size: var(--text-xs);
    gap: 6px;
    margin: 0;
    min-height: 24px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.home-compatible-stage__organizer[b-5lkjgbt8m0]  .app-icon {
    flex-shrink: 0;
}

.home-compatible-stage__map[b-5lkjgbt8m0]  .app-icon {
    color: var(--color-primary-strong);
}

.home-compatible-stage__map:focus-visible[b-5lkjgbt8m0] {
    outline: 3px solid var(--color-focus-ring);
    outline-offset: 2px;
}


.home-compatible-stage__note[b-5lkjgbt8m0] {
    align-self: stretch;
}

.home-compatible-stage__decision-actions[b-5lkjgbt8m0] {
    align-items: center;
    display: grid;
    grid-template-columns: minmax(4rem, 1fr) minmax(0, clamp(7.75rem, calc(var(--actly-viewport-height, 100svh) * .185), 10rem)) minmax(4rem, 1fr);
    min-width: 0;
    width: calc(100% + 2 * var(--content-gutter));
}

.home-compatible-stage__decision-actions[b-5lkjgbt8m0]  .home-action--pass {
    grid-column: 1;
    grid-row: 1;
    justify-self: center;
}

.home-compatible-operations[b-5lkjgbt8m0]  .home-action--taak-dock {
    flex-shrink: 0;
    border-width: 2px;
    gap: .375rem;
    grid-column: 2;
    grid-row: 1;
    margin-block: 1.125rem .25rem;
    padding: 1.25rem .875rem;
    width: 100%;
}

.home-compatible-operations[b-5lkjgbt8m0]  .home-action--taak-dock .home-action__label--taak {
    font-size: 2.5rem;
    font-weight: 800;
}

.home-compatible-operations[b-5lkjgbt8m0]  .home-action__join-hint {
    color: var(--color-on-primary);
    font-size: .875rem;
    font-weight: 600;
    max-width: 13ch;
}

.home-compatible-stage__secondary-actions[b-5lkjgbt8m0] {
    min-height: var(--touch-target-min);
    width: 100%;
}

.home-compatible-stage__secondary-actions[b-5lkjgbt8m0]  .home-action--secondary {
    font-size: .8125rem;
    font-weight: 500;
}
/* /Features/Home/Components/HomeOccasionLayout.razor.rz.scp.css */
.home-occasion-layout[b-bpr8hjp5ax] {
    --color-background: var(--color-image-background);
    --color-surface: var(--color-image-surface);
    --color-surface-secondary: var(--color-image-surface-secondary);
    --color-text-primary: var(--color-on-image);
    --color-text-secondary: var(--color-on-image-secondary);
    --color-border: var(--color-image-border);
    --color-border-control: var(--color-image-border);
    --color-primary-strong: var(--color-accent-on-image);
    --color-accent-text: var(--color-accent-on-image);
    --color-focus-ring: var(--color-accent-on-image);
    --color-success: var(--color-image-success);
    --color-success-strong: var(--color-image-success);
    --color-success-soft: var(--color-image-success-soft);
    --color-warning: var(--color-image-warning);
    --color-warning-soft: var(--color-image-warning-soft);
    --color-on-strong: var(--color-image-background);
    --color-primary-soft: color-mix(in srgb, var(--color-accent-on-image) 16%, var(--color-image-surface));
    --gradient-hero: linear-gradient(145deg, var(--color-image-background), var(--color-image-surface));
    background: var(--color-surface);
    box-sizing: border-box;
    display: grid;
    gap: 10px;
    grid-template-rows: minmax(160px, 1fr) auto auto;
    height: 100%;
    isolation: isolate;
    min-width: 0;
    padding: 64px var(--content-gutter) 8px;
    position: relative;
}

.home-occasion-layout__media[b-bpr8hjp5ax] {
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: -1;
}

.home-occasion-layout__media[b-bpr8hjp5ax]::after {
    background: linear-gradient(180deg,
        color-mix(in srgb, var(--color-background) 96%, transparent) 0%,
        color-mix(in srgb, var(--color-background) 58%, transparent) 9%,
        color-mix(in srgb, var(--color-background) 20%, transparent) 20%,
        transparent 31%,
        color-mix(in srgb, var(--color-surface) 32%, transparent) 45%,
        color-mix(in srgb, var(--color-surface) 86%, transparent) 65%,
        var(--color-surface) 82%);
    content: "";
    inset: 0;
    position: absolute;
}

.home-occasion-layout__media img[b-bpr8hjp5ax],
.home-occasion-layout__fallback[b-bpr8hjp5ax] {
    height: 100%;
    width: 100%;
}

.home-occasion-layout__media img[b-bpr8hjp5ax] {
    display: block;
    filter: saturate(.95) contrast(1.08) brightness(.82);
    object-fit: cover;
    object-position: center 49%;
}

.home-occasion-layout__fallback[b-bpr8hjp5ax] {
    align-items: center;
    background: var(--gradient-hero);
    color: var(--color-primary-strong);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    justify-content: center;
}

.home-occasion-layout__summary[b-bpr8hjp5ax] {
    display: grid;
    gap: 8px;
    grid-row: 2;
    min-width: 0;
}

.home-occasion-layout__status[b-bpr8hjp5ax] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.home-occasion-layout__status:empty[b-bpr8hjp5ax] {
    display: none;
}

.home-occasion-layout__title-row[b-bpr8hjp5ax] {
    align-items: start;
    display: grid;
    gap: var(--space-1);
    grid-template-columns: minmax(0, 1fr) var(--touch-target-min);
}

.home-occasion-layout__title-row:has(.home-occasion-layout__menu:empty)[b-bpr8hjp5ax] {
    grid-template-columns: minmax(0, 1fr);
}

.home-occasion-layout__menu:empty[b-bpr8hjp5ax] {
    display: none;
}

.home-occasion-layout__title-row h1[b-bpr8hjp5ax] {
    color: var(--color-text-primary);
    font-size: clamp(1.65rem, 7.4vw, 2.2rem);
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.08;
    margin: 0;
    overflow-wrap: anywhere;
    text-wrap: balance;
}

.home-occasion-layout__menu[b-bpr8hjp5ax] {
    min-height: var(--touch-target-min);
}

.home-occasion-layout__schedule[b-bpr8hjp5ax],
.home-occasion-layout__facts[b-bpr8hjp5ax] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: var(--text-xs);
    font-weight: 600;
    gap: 5px 10px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.home-occasion-layout__schedule time[b-bpr8hjp5ax] {
    color: var(--color-primary-strong);
    font-size: var(--text-sm);
    font-weight: 700;
}

.home-occasion-layout__countdown[b-bpr8hjp5ax] {
    align-items: center;
    display: inline-flex;
    gap: 5px;
}

.home-occasion-layout__facts[b-bpr8hjp5ax],
.home-occasion-layout__countdown[b-bpr8hjp5ax] {
    color: var(--color-text-secondary);
}

.home-occasion-layout--in-progress .home-occasion-layout__countdown[b-bpr8hjp5ax] {
    color: var(--color-success-strong);
}

.home-occasion-layout__operations[b-bpr8hjp5ax] {
    display: flex;
    flex-direction: column;
    grid-row: 3;
    min-width: 0;
}

@media (max-height: 700px) {
    .home-occasion-layout[b-bpr8hjp5ax] {
        grid-template-rows: minmax(80px, 1fr) auto auto;
        gap: 8px;
        padding-top: 58px;
    }
}

/* The compatible scene changes presentation only; personal scenes keep their layout. */
.home-occasion-layout--cinematic[b-bpr8hjp5ax] {
    --cinematic-gap: clamp(.75rem, calc(var(--actly-viewport-height, 100svh) * .016), .875rem);
    --cinematic-bottom-space: .75rem;
    --cinematic-scrim-rise: clamp(5rem, 14svh, 8rem);
    gap: .25rem;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(2rem, 1fr) auto auto;
    padding-bottom: var(--cinematic-bottom-space);
}

.home-occasion-layout--cinematic .home-occasion-layout__media img[b-bpr8hjp5ax] {
    filter: saturate(1.02) contrast(1.03) brightness(.96);
}

.home-occasion-layout--cinematic .home-occasion-layout__media[b-bpr8hjp5ax]::after {
    background: linear-gradient(180deg,
        color-mix(in srgb, var(--color-background) 72%, transparent),
        transparent 24%,
        color-mix(in srgb, var(--color-surface) 16%, transparent) 72%,
        var(--color-surface));
}

/* This scrim follows the content rows when titles wrap or text is enlarged. */
.home-occasion-layout--cinematic[b-bpr8hjp5ax]::after {
    background: linear-gradient(180deg,
        transparent,
        color-mix(in srgb, var(--color-surface) 70%, transparent) var(--cinematic-scrim-rise),
        color-mix(in srgb, var(--color-surface) 92%, transparent) 65%,
        var(--color-surface));
    content: "";
    grid-area: 2 / 1 / 4 / 2;
    margin: calc(-1 * var(--cinematic-scrim-rise)) calc(-1 * var(--content-gutter)) calc(-1 * var(--cinematic-bottom-space));
    pointer-events: none;
    z-index: 0;
}

.home-occasion-layout--cinematic .home-occasion-layout__summary[b-bpr8hjp5ax],
.home-occasion-layout--cinematic .home-occasion-layout__operations[b-bpr8hjp5ax] {
    grid-column: 1;
    z-index: 1;
}

.home-occasion-layout--cinematic .home-occasion-layout__summary[b-bpr8hjp5ax] {
    gap: .25rem;
}

.home-occasion-layout--cinematic .home-occasion-layout__title-row h1[b-bpr8hjp5ax] {
    font-size: clamp(2.5rem, 11.5vw, 3.25rem);
    font-weight: 800;
    letter-spacing: -.045em;
    line-height: 1.04;
    text-shadow: 0 2px 18px color-mix(in srgb, var(--color-background) 44%, transparent);
}

.home-occasion-layout--cinematic .home-occasion-layout__schedule[b-bpr8hjp5ax] {
    align-items: baseline;
    gap: .375rem .75rem;
}

.home-occasion-layout--cinematic .home-occasion-layout__schedule time[b-bpr8hjp5ax] {
    font-size: 1.125rem;
    font-weight: 750;
}

.home-occasion-layout--cinematic .home-occasion-layout__countdown[b-bpr8hjp5ax],
.home-occasion-layout--cinematic .home-occasion-layout__facts[b-bpr8hjp5ax] {
    font-size: .875rem;
    font-weight: 500;
}

.home-occasion-layout--cinematic .home-occasion-layout__facts[b-bpr8hjp5ax] {
    gap: .5rem .75rem;
}

.home-occasion-layout--cinematic .home-occasion-layout__fact[b-bpr8hjp5ax] {
    align-items: center;
    display: inline-flex;
    gap: .375rem;
}

.home-occasion-layout--cinematic .home-occasion-layout__separator[b-bpr8hjp5ax] {
    display: none;
}

@media (max-height: 700px) {
    .home-occasion-layout--cinematic[b-bpr8hjp5ax] {
        --cinematic-gap: .625rem;
        --cinematic-bottom-space: .5rem;
    }

    .home-occasion-layout--cinematic .home-occasion-layout__title-row h1[b-bpr8hjp5ax] {
        font-size: 2.25rem;
    }
}

/* Personal ride timing stays readable without changing the shared hero structure. */
.home-occasion-layout:not(.home-occasion-layout--cinematic) .home-occasion-layout__schedule[b-bpr8hjp5ax] {
    align-items: baseline;
    gap: 6px 12px;
    font-variant-numeric: tabular-nums;
}
.home-occasion-layout:not(.home-occasion-layout--cinematic) .home-occasion-layout__schedule time[b-bpr8hjp5ax] {
    font-size: 1.0625rem;
    line-height: 1.35;
}
.home-occasion-layout:not(.home-occasion-layout--cinematic) .home-occasion-layout__countdown[b-bpr8hjp5ax] {
    font-size: .8125rem;
    line-height: 1.4;
}
.home-occasion-layout--imminent:not(.home-occasion-layout--cinematic) .home-occasion-layout__countdown[b-bpr8hjp5ax] {
    color: var(--color-primary-strong);
    font-weight: 700;
}
.home-occasion-layout:not(.home-occasion-layout--cinematic) .home-occasion-layout__facts[b-bpr8hjp5ax] {
    font-size: .8125rem;
    gap: 5px 8px;
    line-height: 1.45;
}
/* /Features/Home/Components/HomeOccasionSearch.razor.rz.scp.css */
.ride-search[b-puunbvcxb3] { padding: 12px var(--content-gutter) 24px; color: var(--color-text-primary); }
.ride-search__heading h2[b-puunbvcxb3] { margin: 0; font-size: 1.65rem; letter-spacing: -.04em; }
.ride-search__heading p[b-puunbvcxb3], .ride-search__meta[b-puunbvcxb3], .ride-search__status[b-puunbvcxb3] { color: var(--color-text-secondary); }
.ride-search__heading p[b-puunbvcxb3] { margin: 6px 0 20px; }
.ride-search__form[b-puunbvcxb3] { display: grid; gap: 10px; }
.ride-search__hidden[b-puunbvcxb3] { margin-top: 8px; }
.ride-search__input[b-puunbvcxb3] { display: flex; align-items: center; gap: 8px; border: 1px solid var(--color-border); border-radius: 16px; background: var(--color-surface-secondary); padding: 4px 4px 4px 12px; }
.ride-search input[b-puunbvcxb3], .ride-search select[b-puunbvcxb3], .ride-search button[b-puunbvcxb3] { font: inherit; color: inherit; min-height: 44px; }
.ride-search input[b-puunbvcxb3], .ride-search select[b-puunbvcxb3] { min-width: 0; width: 100%; box-sizing: border-box; background: var(--color-surface-secondary); border: 1px solid var(--color-border); border-radius: 10px; padding: 8px; }
.ride-search__input input[b-puunbvcxb3] { flex: 1; border: 0; background: transparent; }
.ride-search button[b-puunbvcxb3] { cursor: pointer; border: 1px solid var(--color-border); border-radius: 12px; padding: 8px 12px; background: var(--color-surface-secondary); }
.ride-search button:disabled[b-puunbvcxb3] { opacity: .55; cursor: wait; }
.ride-search :is(button, input, select, summary):focus-visible[b-puunbvcxb3] { outline: 2px solid var(--color-accent); outline-offset: 3px; }
.ride-search__input button[b-puunbvcxb3] { background: var(--color-accent); color: var(--color-on-accent, #171717); font-weight: 700; }
.ride-search__filters[b-puunbvcxb3] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.ride-search__chip[b-puunbvcxb3] { position: relative; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; max-width: 100%; box-sizing: border-box; padding: 8px 14px; border: 1px solid var(--color-border); border-radius: 999px; background: var(--color-surface-secondary); font-size: .82rem; font-weight: 600; }
.ride-search__chip--active[b-puunbvcxb3] { color: var(--color-accent); border-color: var(--color-accent); background: color-mix(in srgb, var(--color-accent) 8%, var(--color-surface-secondary)); }
.ride-search__chip:focus-within[b-puunbvcxb3] { outline: 2px solid var(--color-accent); outline-offset: 3px; }
.ride-search .ride-search__chip select[b-puunbvcxb3] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; border-radius: inherit; }
.ride-search .ride-search__reset[b-puunbvcxb3] { border: 0; background: transparent; padding: 8px 4px; color: var(--color-text-secondary); font-size: .8rem; text-decoration: underline; text-underline-offset: 3px; }
.ride-search__status[b-puunbvcxb3] { display: grid; gap: 4px; font-size: .85rem; padding: 12px 0; }
.ride-search__results[b-puunbvcxb3] { list-style: none; display: grid; gap: 10px; padding: 0; margin: 0; }
.ride-search .ride-search__card[b-puunbvcxb3] { display: flex; gap: 12px; align-items: center; width: 100%; padding: 10px; text-align: left; border-radius: 18px; }
.ride-search__card img[b-puunbvcxb3] { width: 68px; height: 88px; flex-shrink: 0; border-radius: 10px; object-fit: cover; }
.ride-search__card-body[b-puunbvcxb3] { display: grid; gap: 5px; flex: 1; min-width: 0; overflow-wrap: anywhere; }
.ride-search__card-body strong[b-puunbvcxb3] { font-size: 1rem; line-height: 1.25; }
.ride-search__date[b-puunbvcxb3] { color: var(--color-accent); font-size: .8rem; font-weight: 650; }
.ride-search__meta[b-puunbvcxb3] { font-size: .78rem; line-height: 1.4; }
.ride-search__more[b-puunbvcxb3] { width: 100%; margin-top: 16px; }
.ride-search__empty[b-puunbvcxb3] { padding: 28px 12px; text-align: center; }
.ride-search__empty h3[b-puunbvcxb3] { margin-bottom: 6px; }
.ride-search__empty p[b-puunbvcxb3] { color: var(--color-text-secondary); }
.ride-search__error[b-puunbvcxb3] { padding: 12px; border: 1px solid var(--color-border); border-radius: 12px; margin-bottom: 12px; }
@media (max-width: 359px) { .ride-search__card img[b-puunbvcxb3] { width: 48px; } }

.ride-search__relationship[b-puunbvcxb3] { color: var(--color-accent-text); font-size: .78rem; font-weight: 750; line-height: 1.4; }
/* /Features/Home/Components/HomePersonalOccasionHero.razor.rz.scp.css */
.home-personal-hero[b-rn2ytp04qh] {
    background: var(--color-surface);
    color: var(--color-text-primary);
    display: grid;
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: visible;
}

.home-personal-hero__media[b-rn2ytp04qh] {
    min-height: 0;
    overflow: hidden;
    position: relative;
}

.home-personal-hero__image[b-rn2ytp04qh],
.home-personal-hero__fallback[b-rn2ytp04qh] {
    height: 100%;
    width: 100%;
}

.home-personal-hero__image[b-rn2ytp04qh] {
    display: block;
    object-fit: cover;
}

.home-personal-hero__fallback[b-rn2ytp04qh] {
    align-items: center;
    background: var(--gradient-hero);
    color: var(--color-primary-strong);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    justify-content: center;
}

.home-personal-hero__fallback strong[b-rn2ytp04qh] {
    font-size: var(--text-md);
}

.home-personal-hero__signals[b-rn2ytp04qh] {
    display: grid;
    gap: 5px;
}

.home-personal-hero__signal[b-rn2ytp04qh] {
    align-items: center;
    background: color-mix(in srgb, var(--color-surface-secondary) 76%, transparent);
    border-left: 2px solid color-mix(in srgb, var(--color-primary) 52%, transparent);
    border-radius: 0 var(--radius-input) var(--radius-input) 0;
    color: var(--color-text-secondary);
    display: flex;
    font-size: var(--text-xs);
    font-weight: 600;
    gap: 7px;
    min-height: 34px;
    padding: 6px 9px;
}

.home-personal-hero__signal--attention[b-rn2ytp04qh] {
    background: color-mix(in srgb, var(--color-warning-soft) 48%, var(--color-surface));
    border-left-color: var(--color-warning);
    color: var(--color-text-primary);
}

.home-personal-hero__meeting-row[b-rn2ytp04qh] {
    align-items: center;
    border-block: 1px solid color-mix(in srgb, var(--color-border) 74%, transparent);
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    min-height: 52px;
    min-width: 0;
    padding-block: 6px;
}

.home-personal-hero__meeting-row > .home-personal-hero__meeting:only-child[b-rn2ytp04qh] {
    grid-column: 1 / -1;
}

.home-personal-hero__meeting-row[b-rn2ytp04qh]  .home-action--inline {
    align-self: center;
    white-space: nowrap;
}

.home-personal-hero__meeting[b-rn2ytp04qh] {
    align-items: flex-start;
    display: flex;
    gap: 8px;
    margin: 0;
    min-width: 0;
}

.home-personal-hero__meeting > span[b-rn2ytp04qh] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.home-personal-hero__meeting small[b-rn2ytp04qh] {
    color: var(--color-text-secondary);
    font-size: .7rem;
}

.home-personal-hero__meeting strong[b-rn2ytp04qh] {
    color: var(--color-text-primary);
    font-size: 13px;
    font-weight: 650;
    overflow-wrap: anywhere;
    white-space: normal;
    line-height: 1.3;
}

.home-personal-hero__meeting[b-rn2ytp04qh]  .app-icon {
    color: var(--color-text-primary);
    flex: 0 0 auto;
    margin-top: 2px;
}

.home-personal-hero__verified[b-rn2ytp04qh] {
    color: var(--color-success-strong);
}

.home-personal-hero__actions[b-rn2ytp04qh] {
    display: grid;
    gap: 3px;
}

.home-personal-hero__actions[b-rn2ytp04qh]  .home-action--primary {
    background: linear-gradient(
        135deg,
        var(--color-accent) 0%,
        var(--color-primary) 54%,
        var(--color-primary-deep) 100%);
    border-color: var(--color-accent);
    border-radius: calc(var(--radius-button) + 2px);
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--color-text-primary) 26%, transparent),
        0 9px 24px color-mix(in srgb, var(--color-primary) 22%, transparent);
    min-height: 56px;
}

.home-personal-hero__menu[b-rn2ytp04qh] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--color-text-secondary);
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    justify-content: center;
}

.home-personal-hero__menu--icon[b-rn2ytp04qh] {
    backdrop-filter: blur(16px) saturate(1.1);
    background: color-mix(in srgb, var(--color-surface) 78%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-text-primary) 14%, transparent);
    color: var(--color-text-primary);
    border-radius: 50%;
    height: var(--touch-target-min);
    padding: 0;
    width: var(--touch-target-min);
}

.home-personal-hero__menu--text[b-rn2ytp04qh] {
    color: color-mix(in srgb, var(--color-primary-strong) 82%, var(--color-text-secondary));
    font-size: var(--text-xs);
    font-weight: 700;
    gap: 6px;
    min-height: var(--touch-target-min);
    padding: 0 var(--space-2);
    width: 100%;
}

.home-personal-hero__menu:hover[b-rn2ytp04qh] {
    color: var(--color-primary-strong);
}

.home-personal-hero__menu:focus-visible[b-rn2ytp04qh] {
    border-radius: var(--radius-input);
    outline: 3px solid var(--color-focus-ring);
    outline-offset: -2px;
}

.home-personal-hero__action-sheet[b-rn2ytp04qh] {
    display: grid;
    gap: 2px;
}

.home-personal-hero__action-sheet[b-rn2ytp04qh]  .home-action {
    border-bottom: 1px solid var(--color-border);
    font-weight: 700;
    min-height: var(--touch-target-min);
}

.home-organizer-panel__participants[b-rn2ytp04qh] {
    border-block: 1px solid color-mix(in srgb, var(--color-border) 62%, transparent);
    display: grid;
    gap: 2px;
    min-width: 0;
    padding-block: 8px;
}

.home-organizer-panel__participants > strong[b-rn2ytp04qh] {
    color: var(--color-text-secondary);
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.25;
}

.home-organizer-panel__participants > span[b-rn2ytp04qh] {
    color: var(--color-text-primary);
    display: block;
    font-size: var(--text-xs);
    font-weight: 600;
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-participant-panel__commitment[b-rn2ytp04qh] {
    align-items: center;
    backdrop-filter: blur(14px) saturate(1.08);
    background: color-mix(in srgb, var(--color-success-soft) 72%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-success) 36%, transparent);
    border-radius: var(--radius-pill);
    color: color-mix(in srgb, var(--color-success-strong) 78%, var(--color-text-primary));
    display: inline-flex;
    font-size: .7rem;
    font-weight: 700;
    gap: 5px;
    letter-spacing: .045em;
    min-height: 32px;
    padding: 5px 10px;
    text-transform: uppercase;
}
.home-participant-panel__organizer[b-rn2ytp04qh] {
    align-items: center;
    color: var(--color-text-secondary);
    display: flex;
    font-size: var(--text-xs);
    gap: 6px;
    margin: 0;
    min-height: 24px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.home-participant-panel__organizer[b-rn2ytp04qh]  .app-icon {
    flex-shrink: 0;
}

/* Pending: attesa chiara, nessuna CTA primaria artificiale e nessun dato privato. */
.home-personal-hero--pending[b-rn2ytp04qh] {
    grid-template-rows: minmax(240px, 1fr) auto;
}

.home-personal-hero__media--pending[b-rn2ytp04qh]::after {
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--color-background) 96%, transparent) 0%,
            color-mix(in srgb, var(--color-background) 58%, transparent) 9%,
            color-mix(in srgb, var(--color-background) 20%, transparent) 20%,
            transparent 31%,
            color-mix(in srgb, var(--color-surface) 14%, transparent) 48%,
            color-mix(in srgb, var(--color-surface) 54%, transparent) 70%,
            color-mix(in srgb, var(--color-surface) 86%, transparent) 91%,
            var(--color-surface) 100%),
        linear-gradient(
            90deg,
            color-mix(in srgb, var(--color-background) 48%, transparent),
            transparent 72%);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
}

.home-personal-hero__media--pending .home-personal-hero__image[b-rn2ytp04qh] {
    filter: saturate(.72) contrast(1.05) brightness(.64);
    object-position: center 49%;
    transform: scale(1.012);
}

.home-pending-panel__status[b-rn2ytp04qh] {
    bottom: 18px;
    display: grid;
    gap: 7px;
    left: var(--space-2);
    max-width: calc(100% - (2 * var(--space-2)));
    position: absolute;
    right: var(--space-2);
    z-index: 2;
}

.home-pending-panel__status > span[b-rn2ytp04qh] {
    align-items: center;
    color: var(--color-primary-strong);
    display: inline-flex;
    font-size: .7rem;
    font-weight: 700;
    gap: 6px;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.home-pending-panel__status > strong[b-rn2ytp04qh] {
    color: var(--color-text-primary);
    font-size: clamp(1.75rem, 8vw, 2.4rem);
    font-weight: 700;
    letter-spacing: -.045em;
    line-height: 1.02;
    max-width: 12ch;
    text-wrap: balance;
}

.home-pending-panel[b-rn2ytp04qh] {
    display: flex;
    flex-direction: column;
    gap: 9px;
    min-height: 0;
    padding: 9px var(--space-2) 8px;
}

.home-pending-panel h1[b-rn2ytp04qh] {
    color: var(--color-text-primary);
    font-weight: 700;
    letter-spacing: -.04em;
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
    text-wrap: balance;
    font-size: clamp(1.45rem, 6.6vw, 1.95rem);
    line-height: 1.06;
}

.home-pending-panel__schedule[b-rn2ytp04qh] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
}

.home-pending-panel__schedule > strong[b-rn2ytp04qh] {
    color: var(--color-primary-strong);
    font-size: var(--text-md);
}

.home-pending-panel__schedule > span[b-rn2ytp04qh] {
    align-items: center;
    color: var(--color-text-secondary);
    display: inline-flex;
    font-size: var(--text-xs);
    gap: 5px;
}

.home-pending-panel__details[b-rn2ytp04qh] {
    display: grid;
    gap: 6px;
}

.home-pending-panel__details > span[b-rn2ytp04qh] {
    align-items: center;
    color: var(--color-text-secondary);
    display: flex;
    font-size: var(--text-xs);
    font-weight: 600;
    gap: 7px;
    min-width: 0;
}

.home-pending-panel__details[b-rn2ytp04qh]  .app-icon,
.home-pending-panel__schedule[b-rn2ytp04qh]  .app-icon {
    color: var(--color-primary-strong);
    flex: 0 0 auto;
}

.home-personal-hero--in-progress .home-pending-panel__schedule > strong[b-rn2ytp04qh] {
    color: var(--color-success-strong);
}

@media (prefers-reduced-motion: no-preference) {
    .home-personal-hero--imminent .home-pending-panel__schedule > strong[b-rn2ytp04qh] {
        animation: home-phase-imminent-b-rn2ytp04qh 300ms var(--ease-arrive) both;
    }

    .home-personal-hero--in-progress .home-pending-panel__schedule > strong[b-rn2ytp04qh] {
        animation: home-phase-in-progress-b-rn2ytp04qh 320ms var(--ease-arrive) both;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-personal-hero--imminent .home-pending-panel__schedule > strong[b-rn2ytp04qh],
    .home-personal-hero--in-progress .home-pending-panel__schedule > strong[b-rn2ytp04qh] {
        animation: none;
        opacity: 1;
        translate: 0 0;
    }
}

@keyframes home-phase-imminent-b-rn2ytp04qh {
    from {
        opacity: .55;
        translate: 0 4px;
    }

    to {
        opacity: 1;
        translate: 0 0;
    }
}

@keyframes home-phase-in-progress-b-rn2ytp04qh {
    from {
        opacity: .55;
        translate: 0 4px;
    }

    to {
        opacity: 1;
        translate: 0 0;
    }
}

.home-pending-panel__hint[b-rn2ytp04qh] {
    color: color-mix(in srgb, var(--color-text-secondary) 86%, transparent);
    font-size: var(--text-xs);
    line-height: 1.35;
    margin: 0;
}

.home-personal-hero__actions--pending[b-rn2ytp04qh] {
    margin-top: 2px;
}

.home-personal-hero__actions--pending[b-rn2ytp04qh]  .home-action--secondary {
    background: transparent;
    border-color: color-mix(in srgb, var(--color-border) 74%, transparent);
    color: var(--color-text-secondary);
    min-height: 46px;
}

@media (max-height: 700px) {
.home-pending-panel[b-rn2ytp04qh] {
        gap: 5px;
        padding-block: 5px 6px;
    }

    .home-pending-panel h1[b-rn2ytp04qh] {
        font-size: clamp(1.25rem, 6vw, 1.6rem);
    }

.home-personal-hero__meeting-row[b-rn2ytp04qh] {
        min-height: 50px;
        padding-block: 3px;
    }

    .home-personal-hero__actions[b-rn2ytp04qh]  .home-action--primary {
        min-height: 52px;
    }

    .home-personal-hero--pending[b-rn2ytp04qh] {
        grid-template-rows: minmax(180px, 46%) minmax(0, 1fr);
    }

    .home-pending-panel__status[b-rn2ytp04qh] {
        bottom: 10px;
    }

    .home-pending-panel__status > strong[b-rn2ytp04qh] {
        font-size: clamp(1.45rem, 7vw, 1.9rem);
    }
}

@media (max-height: 620px) {
    .home-personal-hero[b-rn2ytp04qh] {
        height: auto;
        min-height: 700px;
        overflow: visible;
    }

.home-organizer-panel[b-rn2ytp04qh] {
        gap: 7px;
        padding-block: 8px 9px;
    }

    .home-organizer-panel__participants[b-rn2ytp04qh] {
        padding-block: 6px;
    }

    .home-personal-hero__actions--organizer[b-rn2ytp04qh] {
        margin-top: auto;
    }

    .home-personal-hero__actions--organizer[b-rn2ytp04qh]  .home-action {
        min-height: var(--touch-target-min);
    }
}

@media (min-width: 520px) {
    .home-pending-panel[b-rn2ytp04qh] {
        padding-inline: var(--space-3);
    }

    .home-pending-panel__status[b-rn2ytp04qh] {
        left: var(--space-3);
    }

    .home-pending-panel__status[b-rn2ytp04qh] {
        right: var(--space-3);
    }
}

.home-personal-operations[b-rn2ytp04qh] {
    align-items: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.home-personal-operations .home-participant-panel__commitment[b-rn2ytp04qh] {
    align-self: flex-start;
}

.home-personal-operations .home-personal-hero__actions[b-rn2ytp04qh] {
    margin-top: 8px;
}
.home-pending-panel__meeting-point[b-rn2ytp04qh] {
    align-items: center;
    color: var(--color-text-primary);
    display: flex;
    gap: 8px;
    min-height: var(--touch-target-min);
    overflow-wrap: anywhere;
}
/* /Features/Notifications/Pages/Avvisi.razor.rz.scp.css */
.notifications-screen[b-sjn000j3j9] {
    background: var(--color-background);
    padding-bottom: calc(var(--space-5) + var(--safe-area-bottom));
}

.notifications-header[b-sjn000j3j9] {
    display: grid;
    flex: 0 0 auto;
    justify-items: center;
    margin: 0 auto;
    max-width: var(--content-tablet);
    padding: 0 var(--space-3) var(--space-1);
    width: 100%;
}

.notifications-header__count[b-sjn000j3j9] {
    color: var(--color-text-secondary);
    display: inline-flex;
    font-size: var(--text-sm);
    font-weight: 700;
    margin: -2px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notifications-home-button[b-sjn000j3j9] {
    align-items: center;
    background: var(--color-surface-secondary);
    border: 1px solid transparent;
    border-radius: 50%;
    color: var(--color-text-primary);
    display: inline-flex;
    height: var(--touch-target-min);
    justify-content: center;
    text-decoration: none;
    transition: border-color var(--motion-fast) var(--ease-standard),
        transform var(--motion-fast) var(--ease-standard);
    width: var(--touch-target-min);
}

.notifications-home-button:hover[b-sjn000j3j9],
.notifications-home-button:focus-visible[b-sjn000j3j9] {
    border-color: var(--color-border-control);
}

.notifications-home-button:active[b-sjn000j3j9] {
    transform: scale(.96);
}

.notifications-header[b-sjn000j3j9]  .primary-page-header__actions {
    gap: 4px;
}

.notifications-mark-all[b-sjn000j3j9] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 50%;
    color: var(--color-primary-strong);
    display: inline-flex;
    height: var(--touch-target-min);
    justify-content: center;
    padding: 0;
    width: var(--touch-target-min);
}

.notifications-mark-all:not(:disabled):hover[b-sjn000j3j9] {
    background: color-mix(in srgb, var(--color-primary-soft) 54%, transparent);
}

.notifications-mark-all:disabled[b-sjn000j3j9] {
    cursor: wait;
    opacity: .55;
}

.notifications-content[b-sjn000j3j9] {
    display: grid;
    gap: var(--space-3);
    margin-inline: auto;
    max-width: 640px;
    padding: var(--space-2) var(--space-3) var(--space-5);
    width: 100%;
}

.notifications-push[b-sjn000j3j9] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    display: grid;
    gap: var(--space-2);
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: var(--space-2);
}

.notifications-push__icon[b-sjn000j3j9] {
    align-items: center;
    background: var(--color-primary-soft);
    border-radius: 50%;
    color: var(--color-primary-strong);
    display: inline-flex;
    height: var(--icon-compact-size);
    justify-content: center;
    width: var(--icon-compact-size);
}

.notifications-push__copy[b-sjn000j3j9] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.notifications-push__copy strong[b-sjn000j3j9] {
    color: var(--color-text-primary);
    font-size: var(--text-sm);
}

.notifications-push__copy small[b-sjn000j3j9] {
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
    line-height: var(--line-normal);
}

.notifications-push__action[b-sjn000j3j9] {
    align-items: center;
    background: var(--color-primary);
    border: 1px solid var(--color-accent-text);
    border-radius: var(--radius-button);
    color: var(--color-on-primary);
    display: inline-flex;
    font: inherit;
    font-size: var(--text-sm);
    font-weight: 700;
    justify-content: center;
    min-height: var(--touch-target-min);
    padding-inline: var(--space-2);
}

.notifications-push__action:disabled[b-sjn000j3j9] {
    cursor: wait;
    opacity: .6;
}

.notifications-retry-action[b-sjn000j3j9],
.notifications-load-more[b-sjn000j3j9] {
    align-items: center;
    background: var(--color-primary);
    border: 1px solid var(--color-accent-text);
    border-radius: var(--radius-button);
    color: var(--color-on-primary);
    display: inline-flex;
    font: inherit;
    font-size: var(--text-sm);
    font-weight: 700;
    justify-content: center;
    min-height: 46px;
    padding: var(--space-1) var(--space-3);
}

.notifications-retry-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-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-input);
    color: var(--color-text-secondary);
    display: flex;
    font-size: var(--text-xs);
    gap: var(--space-2);
    justify-content: space-between;
    padding: var(--space-2);
}

.notifications-skeleton[b-sjn000j3j9] {
    display: grid;
    min-height: 340px;
}

.notifications-skeleton__group[b-sjn000j3j9] {
    display: grid;
    gap: 0;
}

.notifications-skeleton__heading[b-sjn000j3j9] {
    display: block;
    margin: 2px 0 var(--space-2);
    width: 72px;
}

.notifications-skeleton__item[b-sjn000j3j9] {
    align-items: center;
    border-bottom: 1px solid var(--color-border);
    display: grid;
    gap: var(--space-2);
    grid-template-columns: var(--icon-compact-size) minmax(0, 1fr) 42px;
    min-height: 72px;
    padding: var(--space-2) 2px;
}

.notifications-skeleton__item:last-child[b-sjn000j3j9] {
    border-bottom: 0;
}

.notifications-skeleton__icon[b-sjn000j3j9] {
    display: block;
    height: var(--icon-compact-size);
    width: var(--icon-compact-size);
}

.notifications-skeleton__icon[b-sjn000j3j9]  .ds-skeleton--avatar {
    height: var(--icon-compact-size);
    width: var(--icon-compact-size);
}

.notifications-skeleton__copy[b-sjn000j3j9] {
    display: grid;
    gap: 7px;
}

.notifications-skeleton__title[b-sjn000j3j9] {
    display: block;
    width: min(78%, 260px);
}

.notifications-skeleton__body[b-sjn000j3j9] {
    display: block;
    width: min(94%, 380px);
}

.notifications-skeleton__time[b-sjn000j3j9] {
    display: block;
    justify-self: end;
    width: 36px;
}

.notification-groups[b-sjn000j3j9] {
    display: grid;
    gap: var(--space-4);
}

.notification-group[b-sjn000j3j9] {
    background: transparent;
    border-top: 1px solid color-mix(in srgb, var(--color-border) 72%, transparent);
    min-width: 0;
    padding-top: var(--space-2);
}

.notification-group:first-child[b-sjn000j3j9] {
    border-top: 0;
    padding-top: 0;
}

.notification-group__header[b-sjn000j3j9] {
    align-items: start;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    padding: 0 2px var(--space-1);
}

.notification-group__copy[b-sjn000j3j9] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.notification-group__copy strong[b-sjn000j3j9] {
    color: var(--color-text-primary);
    font-size: var(--text-md);
    font-weight: 700;
    line-height: var(--line-tight);
    overflow-wrap: anywhere;
}

.notification-group__copy small[b-sjn000j3j9] {
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
    line-height: var(--line-normal);
}

.notification-group--unread .notification-group__copy strong[b-sjn000j3j9] {
    font-weight: 820;
}

.notification-group--operational .notification-group__header[b-sjn000j3j9] {
    border-left: 2px solid var(--color-accent-text);
    padding-left: var(--space-2);
}

.notification-group--operational .notification-group__copy strong[b-sjn000j3j9] {
    color: var(--color-primary-strong);
}

.notification-list[b-sjn000j3j9] {
    display: grid;
    gap: 0;
    list-style: none;
    margin: 0;
    max-width: none;
    padding: 0;
    width: 100%;
}

.notification-list > li[b-sjn000j3j9] {
    margin: 0;
    min-width: 0;
    padding: 0;
}

.notification-list > li:last-child[b-sjn000j3j9]  .notification-card {
    border-bottom: 0;
}

.notification-group--operational[b-sjn000j3j9]  .notification-card__body {
    -webkit-line-clamp: unset;
    display: block;
    overflow: visible;
}

.notifications-load-more[b-sjn000j3j9] {
    background: var(--color-surface);
    border-color: var(--color-accent-text);
    color: var(--color-primary-strong);
    justify-self: center;
    min-width: 148px;
}

@media (max-width: 359px) {
    .notifications-header[b-sjn000j3j9],
    .notifications-content[b-sjn000j3j9] {
        padding-inline: var(--space-2);
    }

    .notifications-header[b-sjn000j3j9] {
    }

    .notifications-push[b-sjn000j3j9] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .notifications-push__action[b-sjn000j3j9] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .notifications-skeleton__item[b-sjn000j3j9] {
        gap: var(--space-1);
        grid-template-columns: 36px minmax(0, 1fr) 36px;
    }

    .notifications-skeleton__icon[b-sjn000j3j9] {
        height: 36px;
        width: 36px;
    }

    .notifications-skeleton__icon[b-sjn000j3j9]  .ds-skeleton--avatar {
        height: 36px;
        width: 36px;
    }
}

@media (max-height: 700px) and (max-width: 599px) {
    .notifications-header[b-sjn000j3j9] {
        padding-block: var(--space-1) 4px;
    }

    .notifications-header[b-sjn000j3j9]  h1 {
        font-size: var(--text-xl);
    }

    .notifications-content[b-sjn000j3j9] {
        gap: var(--space-3);
        padding-top: var(--space-1);
    }

}

@media (min-width: 768px) {
    .notifications-header[b-sjn000j3j9],
    .notifications-content[b-sjn000j3j9] {
        max-width: var(--content-tablet);
        padding-inline: var(--space-4);
    }
}
/* /Features/OccasionAttendance/Components/OccasionAttendancePrompt.razor.rz.scp.css */
.attendance-prompt__backdrop[b-rx8pnd1eno] {
    align-items: flex-end;
    background: var(--color-overlay);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: var(--space-3) max(var(--space-3), var(--safe-area-right)) calc(var(--space-3) + var(--safe-area-bottom)) max(var(--space-3), var(--safe-area-left));
    position: fixed;
    z-index: 1100;
}

.attendance-prompt[b-rx8pnd1eno] {
    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%;
}

.attendance-prompt__icon[b-rx8pnd1eno] {
    align-items: center;
    background: var(--color-background);
    border-radius: 50%;
    color: var(--color-primary-strong);
    display: flex;
    height: 48px;
    justify-content: center;
    margin-bottom: var(--space-2);
    width: 48px;
}

.attendance-prompt h2[b-rx8pnd1eno] {
    font-size: var(--text-xl);
    margin-top: var(--space-1);
}

.attendance-prompt > p:not(.section-label):not(.attendance-prompt__error)[b-rx8pnd1eno] {
    color: var(--color-text-secondary);
    line-height: 1.5;
    margin-top: var(--space-1);
}

.attendance-prompt__error[b-rx8pnd1eno] {
    color: var(--color-danger);
    font-size: var(--text-sm);
    margin-top: var(--space-2);
}

.attendance-prompt__actions[b-rx8pnd1eno] {
    display: grid;
    gap: var(--space-2);
    margin-top: var(--space-4);
}

.attendance-prompt__later[b-rx8pnd1eno] {
    background: transparent;
    border: 0;
    color: var(--color-text-secondary);
    font: inherit;
    font-weight: 700;
    min-height: 44px;
}

.attendance-prompt__later:disabled[b-rx8pnd1eno] {
    opacity: .55;
}

@media (min-width: 768px) {
    .attendance-prompt__backdrop[b-rx8pnd1eno] {
        align-items: center;
    }
}
/* /Features/Occasions/Components/CategoryIcon.razor.rz.scp.css */
.category-icon[b-9k6zs69re2] {
    align-items: center;
    color: var(--color-primary-strong);
    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] {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-bottom-color: var(--color-border);
    color: inherit;
    display: grid;
    gap: var(--space-2);
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 84px;
    padding: var(--space-2) 2px;
    text-decoration: none;
    transition: background-color var(--motion-fast) var(--ease-standard),
        border-color var(--motion-fast) var(--ease-standard);
    width: 100%;
}

.occasion-card:hover[b-33vei44we7],
.occasion-card:focus-visible[b-33vei44we7] {
    background: color-mix(in srgb, var(--color-surface-secondary) 52%, transparent);
    border-color: var(--color-border-control);
}

.occasion-card:active[b-33vei44we7] {
    background: var(--color-surface-secondary);
}

.occasion-card__copy[b-33vei44we7] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.occasion-card h3[b-33vei44we7] {
    color: var(--color-text-primary);
    font-size: var(--text-md);
    font-weight: 700;
    letter-spacing: -0.015em;
    line-height: 1.25;
    margin: 0;
    overflow-wrap: anywhere;
}

.occasion-card__copy > p[b-33vei44we7] {
    color: var(--color-primary-strong);
    font-size: var(--text-xs);
    font-weight: 700;
    line-height: var(--line-body);
    margin: 0;
}

.occasion-card__meta[b-33vei44we7] {
    color: var(--color-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--text-xs);
    gap: 3px var(--space-2);
    min-width: 0;
}

.occasion-card__meta > span[b-33vei44we7] {
    align-items: center;
    display: inline-flex;
    gap: 4px;
    line-height: var(--line-body);
    min-width: 0;
}

.occasion-card__meta > span > span[b-33vei44we7] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.occasion-card__meta[b-33vei44we7]  .app-icon {
    color: var(--color-text-secondary);
    flex: 0 0 auto;
}

.occasion-card__arrow[b-33vei44we7] {
    color: var(--color-primary-strong);
    display: inline-flex;
}

@media (max-width: 359px) {
    .occasion-card[b-33vei44we7] {
        gap: var(--space-1);
        grid-template-columns: minmax(0, 1fr) auto;
        min-height: 78px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .occasion-card[b-33vei44we7] {
        transition: none;
    }
}
/* /Features/Occasions/Components/OccasionDisplayTitle.razor.rz.scp.css */
.occasion-display-title[b-vqbberhxet] {
    align-items: baseline;
    display: inline;
}

.occasion-display-title__text[b-vqbberhxet] {
    display: inline;
}
/* /Features/Occasions/Components/OccasionNote.razor.rz.scp.css */
.occasion-note[b-hbrlep9rbj] { min-width: 0; width: 100%; }
.occasion-note__preview[b-hbrlep9rbj] {
    color: var(--color-text-secondary);
    font-size: var(--text-sm);
    line-height: 1.45;
    margin: 0;
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.occasion-note--compact .occasion-note__preview[b-hbrlep9rbj] { -webkit-line-clamp: 2; font-size: .875rem; }
.occasion-note--compact:has(.occasion-note__read)[b-hbrlep9rbj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
}
.occasion-note__read[b-hbrlep9rbj] {
    align-items: center;
    display: inline-flex;
    gap: 3px;
    min-height: 44px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--color-primary-strong);
    font: inherit;
    font-size: .8125rem;
    cursor: pointer;
    white-space: nowrap;
}
.occasion-note__read:focus-visible[b-hbrlep9rbj] { outline: 2px solid var(--color-focus-ring); outline-offset: 3px; }
.occasion-note__full[b-hbrlep9rbj] {
    color: var(--color-text-primary);
    font-size: 1rem;
    line-height: 1.65;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    margin: 0 auto;
    max-width: 65ch;
    padding-bottom: var(--space-3);
}
/* /Features/Occasions/Pages/Coordinamento.razor.rz.scp.css */
.coordination-loading[b-7wsdw3whd9] {
    background: var(--color-background);
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
    padding: 0;
}

.coordination-loading__body[b-7wsdw3whd9] {
    flex: 0 0 auto;
}

.coordination-loading[b-7wsdw3whd9] {
    padding-bottom: calc(var(--space-5) + var(--safe-area-bottom));
}

.coordination-skeleton-slot--capacity[b-7wsdw3whd9] {
    height: 14px;
    width: 32px;
}

.coordination-skeleton-slot[b-7wsdw3whd9] {
    display: block;
}

.coordination-skeleton-slot[b-7wsdw3whd9]  .ds-skeleton {
    border-radius: inherit;
    height: 100%;
    width: 100%;
}

.coordination-skeleton-slot--icon[b-7wsdw3whd9],
.coordination-skeleton-slot--avatar[b-7wsdw3whd9],
.coordination-skeleton-slot--meeting-icon[b-7wsdw3whd9] {
    flex: 0 0 auto;
    height: 38px;
    width: 38px;
}

.coordination-skeleton-slot--icon[b-7wsdw3whd9],
.coordination-skeleton-slot--avatar[b-7wsdw3whd9],
.coordination-skeleton-slot--meeting-icon[b-7wsdw3whd9] {
    border-radius: 50%;
}

.coordination-skeleton-slot--title[b-7wsdw3whd9] {
    border-radius: var(--radius-pill);
    height: 18px;
    width: min(52%, 220px);
}

.coordination-skeleton-slot--eyebrow[b-7wsdw3whd9] {
    height: .864rem;
    width: 92px;
}

.coordination-skeleton-slot--countdown[b-7wsdw3whd9] {
    height: clamp(2.303rem, 11.76vw, 3.528rem);
    width: 136px;
}

.coordination-skeleton-slot--schedule[b-7wsdw3whd9] {
    height: 20px;
    margin-top: 8px;
    width: 174px;
}

.coordination-skeleton-slot--meeting-copy[b-7wsdw3whd9] {
    height: 32px;
    width: min(72%, 260px);
}

.coordination-skeleton-slot--participant-name[b-7wsdw3whd9] {
    height: 15px;
    width: min(46%, 170px);
}

.coordination-skeleton-slot--message[b-7wsdw3whd9] {
    border-radius: var(--radius-card) var(--radius-card) var(--radius-card) 4px;
    height: 58px;
    width: min(72%, 340px);
}

.coordination-skeleton-slot--message-mine[b-7wsdw3whd9] {
    align-self: flex-end;
    border-radius: var(--radius-card) var(--radius-card) 4px var(--radius-card);
    width: min(58%, 280px);
}

.coordination-skeleton-slot--message-short[b-7wsdw3whd9] {
    height: 48px;
    width: min(46%, 220px);
}

.coordination-page[b-7wsdw3whd9] {
    background: var(--color-background);
    min-height: 100dvh;
    overflow: visible;
    padding-bottom: calc(var(--space-5) + var(--safe-area-bottom));
}

.coordination-header[b-7wsdw3whd9] {
    background: var(--color-background);
    color: var(--color-text-primary);
    flex: 0 0 auto;
}

.coordination-header[b-7wsdw3whd9]  .top-bar {
    margin-inline: auto;
    max-width: 680px;
    min-height: 78px;
    width: 100%;
}

.coordination-header[b-7wsdw3whd9]  .top-bar__back,
.coordination-header .coordination-chat-trigger[b-7wsdw3whd9] {
    border: 1px solid color-mix(in srgb, var(--color-border) 76%, transparent);
}

.coordination-header[b-7wsdw3whd9]  .top-bar__heading h1 {
    font-size: clamp(1.08rem, 4.8vw, 1.3rem);
}

.coordination-header[b-7wsdw3whd9]  .top-bar__heading p {
    display: -webkit-box;
    font-size: var(--text-sm);
    line-height: 1.25;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.coordination-chat-trigger[b-7wsdw3whd9] {
    position: relative;
}

.coordination-chat-trigger__badge[b-7wsdw3whd9] {
    align-items: center;
    background: var(--color-primary);
    border: 2px solid var(--color-background);
    border-radius: var(--radius-pill);
    color: var(--color-on-primary);
    display: inline-flex;
    font-size: 10px;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
    height: 20px;
    justify-content: center;
    min-width: 20px;
    padding-inline: 4px;
    position: absolute;
    right: -5px;
    top: -5px;
}

.coordination-operational[b-7wsdw3whd9] {
    display: flex;
    flex-direction: column;
    margin-inline: auto;
    max-width: 680px;
    min-height: calc(100dvh - 78px - var(--space-5) - var(--safe-area-bottom));
    padding-block: var(--space-1) 0;
    padding-inline: var(--space-3);
    width: 100%;
}

.coordination-brief[b-7wsdw3whd9] {
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--color-primary) 13%, transparent), transparent 44%),
        linear-gradient(155deg, color-mix(in srgb, var(--color-primary) 7%, var(--color-surface)), var(--color-surface));
    border: 1px solid color-mix(in srgb, var(--color-primary) 20%, var(--color-border));
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
    overflow: hidden;
}

.coordination-timing[b-7wsdw3whd9] {
    border-bottom: 1px solid color-mix(in srgb, var(--color-border) 66%, transparent);
    display: grid;
    gap: 4px;
    padding: clamp(var(--space-3), 3dvh, var(--space-4));
}

.coordination-timing__label[b-7wsdw3whd9] {
    color: color-mix(in srgb, var(--color-primary-strong) 86%, var(--color-text-secondary));
    font-size: .72rem;
    font-weight: 750;
    letter-spacing: .06em;
    line-height: 1.2;
    text-transform: uppercase;
}

.coordination-timing__value[b-7wsdw3whd9] {
    color: var(--color-primary-strong);
    font-size: clamp(2.35rem, 12vw, 3.6rem);
    font-variant-numeric: tabular-nums;
    font-weight: 680;
    letter-spacing: -.045em;
    line-height: .98;
    overflow-wrap: anywhere;
}

.coordination-timing__schedule[b-7wsdw3whd9] {
    align-items: center;
    color: var(--color-text-secondary);
    display: inline-flex;
    font-size: var(--text-sm);
    font-variant-numeric: tabular-nums;
    gap: 7px;
    margin-top: 8px;
}

.coordination-timing__schedule[b-7wsdw3whd9]  .app-icon {
    color: var(--color-primary-strong);
}

.coordination-meeting[b-7wsdw3whd9] {
    align-items: center;
    display: grid;
    gap: var(--space-2);
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 78px;
    padding: var(--space-2) clamp(var(--space-2), 3dvw, var(--space-3));
}

.coordination-context__icon[b-7wsdw3whd9] {
    align-items: center;
    background: color-mix(in srgb, var(--color-primary) 7%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-primary) 24%, var(--color-border));
    border-radius: var(--radius-input);
    color: var(--color-primary-strong);
    display: inline-flex;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.coordination-context__copy[b-7wsdw3whd9] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.coordination-context__copy small[b-7wsdw3whd9] {
    color: var(--color-text-secondary);
    font-size: var(--text-sm);
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.coordination-context__copy strong[b-7wsdw3whd9] {
    color: var(--color-text-primary);
    font-size: var(--text-sm);
    font-weight: 700;
    line-height: var(--line-tight);
    overflow-wrap: anywhere;
}

.coordination-map-link[b-7wsdw3whd9] {
    align-items: center;
    border-radius: var(--radius-button);
    color: var(--color-primary-strong);
    display: inline-flex;
    font-size: var(--text-xs);
    font-weight: 700;
    gap: var(--space-1);
    justify-content: center;
    min-height: 44px;
    padding-inline: var(--space-1);
    text-decoration: none;
}

.coordination-map-link:focus-visible[b-7wsdw3whd9] {
    outline: 3px solid var(--color-focus-ring);
    outline-offset: -2px;
}

.coordination-feedback[b-7wsdw3whd9],
.coordination-send-error[b-7wsdw3whd9] {
    align-items: center;
    background: color-mix(in srgb, var(--color-warning) 8%, var(--color-surface));
    border-bottom: 1px solid var(--color-border);
    color: var(--color-text-secondary);
    display: flex;
    flex: 0 0 auto;
    font-size: var(--text-xs);
    gap: var(--space-2);
    padding: var(--space-2) 0;
}

.coordination-feedback > span[b-7wsdw3whd9],
.coordination-send-error > span[b-7wsdw3whd9] {
    flex: 1;
}

.coordination-feedback button:disabled[b-7wsdw3whd9],
.coordination-send-error button:disabled[b-7wsdw3whd9] {
    cursor: not-allowed;
    opacity: 0.55;
}

.coordination-feedback--chat[b-7wsdw3whd9] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-input);
    flex: 0 0 auto;
    padding: var(--space-2);
}

.coordination-group[b-7wsdw3whd9] {
    background: color-mix(in srgb, var(--color-surface) 92%, var(--color-primary) 8%);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    flex: 0 0 auto;
    margin-top: var(--space-3);
    padding: var(--space-2) var(--space-3) var(--space-1);
}

.coordination-group__header[b-7wsdw3whd9] {
    align-items: center;
    display: flex;
    gap: var(--space-2);
    justify-content: space-between;
}

.coordination-group__header .section-label[b-7wsdw3whd9] {
    color: var(--color-text-secondary);
    font-size: .7rem;
    letter-spacing: .045em;
    margin: 0;
    text-transform: uppercase;
}

.coordination-group__header > span[b-7wsdw3whd9] {
    color: var(--color-text-primary);
    font-size: var(--text-xs);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.coordination-requests .coordination-group__header > span[b-7wsdw3whd9] {
    color: var(--color-primary-strong);
    font-weight: 750;
}

.coordination-members[b-7wsdw3whd9] {
    background: transparent;
    border: 0;
    display: grid;
    margin-top: var(--space-1);
}

.coordination-member[b-7wsdw3whd9] {
    align-items: center;
    background: transparent;
    border-bottom: 1px solid color-mix(in srgb, var(--color-border) 52%, transparent);
    color: var(--color-text-primary);
    display: grid;
    gap: var(--space-2);
    grid-template-columns: 44px minmax(0, 1fr);
    min-height: 62px;
    padding-block: var(--space-1);
    text-decoration: none;
}

.coordination-member:last-child[b-7wsdw3whd9] {
    border-bottom: 0;
}

.coordination-member > span[b-7wsdw3whd9] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.coordination-member strong[b-7wsdw3whd9] {
    font-size: var(--text-sm);
    font-weight: 700;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.coordination-member small[b-7wsdw3whd9] {
    color: color-mix(in srgb, var(--color-primary-strong) 78%, var(--color-text-secondary));
    font-size: var(--text-xs);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

a.coordination-member:focus-visible[b-7wsdw3whd9] {
    border-radius: var(--radius-input);
    outline: 3px solid var(--color-focus-ring);
    outline-offset: -3px;
}

.coordination-chat-popup[b-7wsdw3whd9] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
    width: 100%;
}

.chat-list[b-7wsdw3whd9] {
    overscroll-behavior-y: contain;
    scroll-padding-block: var(--space-3);
}

.chat-load-older[b-7wsdw3whd9] {
    align-self: center;
    background: transparent;
    border: 0;
    color: var(--color-accent-text);
    font: inherit;
    font-size: var(--text-sm);
    font-weight: 700;
    min-height: 44px;
    padding-inline: var(--space-3);
}

.chat-load-older:disabled[b-7wsdw3whd9] {
    cursor: wait;
    opacity: 0.65;
}

.coordination-chat-skeleton[b-7wsdw3whd9] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--space-3);
    min-height: 180px;
    padding-block: var(--space-3);
}

.chat-message__meta[b-7wsdw3whd9] {
    align-items: center;
    display: flex;
    gap: var(--space-1);
    justify-content: flex-end;
}

.chat-message__report[b-7wsdw3whd9] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--color-text-secondary);
    display: inline-flex;
    justify-content: center;
    min-height: 44px;
    min-width: 44px;
    padding: 0;
}

.coordination-chat-feedback[b-7wsdw3whd9] {
    align-items: center;
    align-self: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--space-2);
    justify-content: center;
    max-width: 320px;
    text-align: center;
}

.coordination-chat-feedback p[b-7wsdw3whd9] {
    color: var(--color-text-secondary);
    font-size: var(--text-sm);
    line-height: var(--line-body);
}

.coordination-chat-feedback .text-link[b-7wsdw3whd9] {
    min-height: 44px;
}

.coordination-send-error[b-7wsdw3whd9] {
    border: 1px solid color-mix(in srgb, var(--color-danger) 30%, var(--color-border));
    border-radius: var(--radius-input);
    color: var(--color-danger);
    padding: var(--space-1) var(--space-2);
}

.coordination-footer[b-7wsdw3whd9] {
    bottom: auto;
    flex: 0 0 auto;
    padding-bottom: var(--space-2);
    position: sticky;
}

@media (prefers-reduced-motion: reduce) {
    .chat-message[b-7wsdw3whd9] {
        animation: none !important;
        scroll-behavior: auto;
    }
}

.coordination-requests[b-7wsdw3whd9],
.coordination-note[b-7wsdw3whd9] {
    margin: var(--space-2) 0 0;
    padding: var(--space-3);
}

.coordination-note[b-7wsdw3whd9] {
    background: color-mix(in srgb, var(--color-surface) 72%, transparent);
    border-left: 3px solid color-mix(in srgb, var(--color-primary) 46%, var(--color-border));
    border-radius: 0 var(--radius-input) var(--radius-input) 0;
}

.coordination-requests[b-7wsdw3whd9] {
    background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));
    border: 1px solid color-mix(in srgb, var(--color-primary) 22%, var(--color-border));
    border-radius: var(--radius-card);
    margin-bottom: var(--space-2);
}

.coordination-request-list[b-7wsdw3whd9] {
    display: grid;
    margin-top: 6px;
}

.coordination-requests__status[b-7wsdw3whd9] {
    color: var(--color-text-secondary);
    font-size: var(--text-sm);
    margin-top: var(--space-2);
}

.coordination-requests__feedback[b-7wsdw3whd9] {
    align-items: center;
    color: var(--color-text-secondary);
    display: flex;
    font-size: var(--text-sm);
    gap: var(--space-2);
    justify-content: space-between;
    margin-top: var(--space-1);
}

.coordination-requests__feedback button[b-7wsdw3whd9],
.coordination-requests__load-more[b-7wsdw3whd9] {
    min-height: 44px;
}

.coordination-requests__load-more[b-7wsdw3whd9] {
    background: transparent;
    border: 0;
    color: var(--color-accent-text);
    font: inherit;
    font-size: var(--text-sm);
    font-weight: 700;
    margin-top: var(--space-2);
    padding-inline: var(--space-2);
    width: 100%;
}

.coordination-requests__load-more:disabled[b-7wsdw3whd9] {
    cursor: wait;
    opacity: 0.65;
}

.coordination-request[b-7wsdw3whd9] {
    align-items: center;
    border-bottom: 1px solid color-mix(in srgb, var(--color-border) 52%, transparent);
    display: grid;
    gap: var(--space-2);
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 64px;
    padding-block: 7px;
}

.coordination-request:last-child[b-7wsdw3whd9] {
    border-bottom: 0;
}

.coordination-request__identity[b-7wsdw3whd9] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.coordination-request__identity strong[b-7wsdw3whd9] {
    font-size: var(--text-sm);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.coordination-request__identity small[b-7wsdw3whd9] {
    align-items: center;
    color: var(--color-text-secondary);
    display: inline-flex;
    gap: 4px;
}

.coordination-request__actions[b-7wsdw3whd9] {
    display: inline-flex;
    gap: var(--space-1);
}

.coordination-request__actions button[b-7wsdw3whd9] {
    align-items: center;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-button);
    display: inline-flex;
    font: inherit;
    font-size: var(--text-xs);
    font-weight: 750;
    gap: 5px;
    min-height: 44px;
    justify-content: center;
    padding-inline: 10px;
}

.coordination-request__reject[b-7wsdw3whd9] {
    background: transparent;
    color: var(--color-danger);
}

.coordination-request__approve[b-7wsdw3whd9] {
    background: var(--color-primary);
    color: var(--color-on-primary);
}

.coordination-note p[b-7wsdw3whd9] {
    color: var(--color-text-secondary);
    font-size: var(--text-sm);
    line-height: var(--line-body);
    margin: 7px 0 0;
    overflow-wrap: anywhere;
}

.coordination-note > .section-label[b-7wsdw3whd9] {
    color: var(--color-text-secondary);
    font-size: .7rem;
    letter-spacing: .045em;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .chat-list[b-7wsdw3whd9],
    .coordination-footer[b-7wsdw3whd9] {
        margin-inline: auto;
        max-width: var(--content-tablet);
        width: 100%;
    }
}

@media (max-width: 399px) {
    .coordination-request__actions button[b-7wsdw3whd9] {
        min-width: 44px;
        padding-inline: 0;
    }

    .coordination-request__actions button > span[b-7wsdw3whd9] {
        display: none;
    }
}

@media (min-width: 520px) {
    .coordination-loading__body[b-7wsdw3whd9],
    .coordination-operational[b-7wsdw3whd9] {
        padding-inline: var(--space-4);
    }

    .coordination-timing__value[b-7wsdw3whd9] {
        font-size: 3.4rem;
    }
}
/* /Features/Occasions/Pages/Crea.razor.rz.scp.css */
.form-page--create[b-wqnvsdk8n6] {
    --create-actions-height: clamp(48px, 6.6dvh, 58px);
    --create-option-height: clamp(64px, 9dvh, 76px);
    background: var(--color-background);
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.occasion-review__actions[b-wqnvsdk8n6]  .create-publish-trigger:not(:disabled):active {
    transition-duration: 80ms;
    transform: translateY(2px) scale(.955);
}

.create-header[b-wqnvsdk8n6] {
    align-items: center;
    display: grid;
    flex: 0 0 auto;
    grid-template-columns: 48px minmax(0, 1fr) 48px;
    min-height: clamp(56px, 8dvh, 72px);
    padding: 4px var(--space-3);
}

.create-header__action[b-wqnvsdk8n6] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 50%;
    display: flex;
    height: 48px;
    justify-content: center;
    padding: 0;
    width: 48px;
}

.create-header__action--close[b-wqnvsdk8n6] {
    justify-self: end;
}

.create-header__step[b-wqnvsdk8n6] {
    color: var(--color-text-secondary);
    font-size: var(--text-sm);
    font-weight: 750;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.create-header__action[b-wqnvsdk8n6],
.create-choice[b-wqnvsdk8n6],
.capacity-stepper button[b-wqnvsdk8n6],
.participation-mode__option[b-wqnvsdk8n6] {
    min-height: var(--touch-target-min);
}

.form-page__body--create[b-wqnvsdk8n6] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: clamp(8px, 1.4dvh, 16px);
    min-height: 0;
    overflow: hidden;
    padding: clamp(6px, 1dvh, 12px) var(--space-3) max(var(--space-2), var(--safe-area-bottom));
}

.form-page--create.is-mask-entering-a[b-wqnvsdk8n6] {
    --create-mask-entry-animation: create-mask-enter-a;
}

.form-page--create.is-mask-entering-b[b-wqnvsdk8n6] {
    --create-mask-entry-animation: create-mask-enter-b;
}

.form-page--create:is(.is-mask-entering-a, .is-mask-entering-b) .creation-progress[b-wqnvsdk8n6],
.form-page--create:is(.is-mask-entering-a, .is-mask-entering-b) .create-intro[b-wqnvsdk8n6],
.form-page--create:is(.is-mask-entering-a, .is-mask-entering-b) .create-decision-region[b-wqnvsdk8n6],
.form-page--create:is(.is-mask-entering-a, .is-mask-entering-b) .occasion-review[b-wqnvsdk8n6] {
    animation: var(--create-mask-entry-animation) var(--motion-base) var(--ease-arrive) both;
}

@keyframes create-mask-enter-a-b-wqnvsdk8n6 {
    from {
        transform: translateY(calc(var(--space-1) * .25));
    }
}

@keyframes create-mask-enter-b-b-wqnvsdk8n6 {
    from {
        transform: translateY(calc(var(--space-1) * .25));
    }
}

.create-skeleton[b-wqnvsdk8n6] {
    display: grid;
    gap: var(--space-3);
    padding-block: var(--space-4);
}

.create-skeleton[b-wqnvsdk8n6]  .ds-skeleton {
    border-radius: var(--radius-input);
    height: 68px;
}

.occasion-review[b-wqnvsdk8n6] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
    overscroll-behavior-y: contain;
    scrollbar-width: none;
}

.occasion-review[b-wqnvsdk8n6]::-webkit-scrollbar {
    display: none;
}

.creation-progress[b-wqnvsdk8n6] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 5px;
    justify-content: center;
    margin-inline: auto;
    max-width: 500px;
    width: min(58%, 280px);
}

.creation-progress__segment[b-wqnvsdk8n6] {
    background: var(--color-border-control);
    border-radius: var(--radius-pill);
    flex: 1 1 0;
    height: 3px;
    transition: background-color var(--motion-fast) var(--ease-standard);
}

.creation-progress__segment.is-current[b-wqnvsdk8n6],
.creation-progress__segment.is-complete[b-wqnvsdk8n6] {
    background: var(--color-primary);
}

.create-intro[b-wqnvsdk8n6] {
    flex: 0 0 auto;
}

.create-intro .screen-title[b-wqnvsdk8n6] {
    font-size: clamp(27px, 4.8dvh, 40px);
    line-height: 1.08;
    margin: 0;
}

.create-intro .screen-subtitle[b-wqnvsdk8n6] {
    color: var(--color-text-secondary);
    font-size: clamp(14px, 2.15dvh, 18px);
    line-height: 1.35;
    margin: clamp(4px, .7dvh, 8px) 0 0;
}

.create-content[b-wqnvsdk8n6],
.occasion-review__content[b-wqnvsdk8n6] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.create-decision-region[b-wqnvsdk8n6] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.create-decision-stack[b-wqnvsdk8n6] {
    display: grid;
    flex: 1 1 auto;
    gap: 0;
    grid-template-rows: minmax(0, 1fr) clamp(8px, 1.3dvh, 12px) auto;
    min-height: 0;
}

.create-decision-controls[b-wqnvsdk8n6] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: clamp(8px, 1.4dvh, 16px);
    grid-row: 1;
    min-height: 0;
    overflow: hidden;
}

.create-actions--steps[b-wqnvsdk8n6] {
    grid-row: 3;
}

.is-quick-choice-step .create-content[b-wqnvsdk8n6] {
    flex: 1 1 auto;
    gap: clamp(4px, .8dvh, 8px);
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scrollbar-width: none;
}

.is-quick-choice-step .create-content[b-wqnvsdk8n6]::-webkit-scrollbar {
    display: none;
}

.is-quick-choice-step .create-step[b-wqnvsdk8n6] {
    flex: 0 0 auto;
}

.is-quick-choice-step .create-choice-list[b-wqnvsdk8n6] {
    align-content: start;
    flex: 0 0 auto;
    grid-auto-rows: max-content;
    grid-template-rows: none;
    min-height: 0;
}

.is-quick-choice-step .create-choice[b-wqnvsdk8n6] {
    block-size: auto;
    height: auto;
}

.is-flow-step .create-content[b-wqnvsdk8n6] {
    overflow-y: auto;
    overscroll-behavior-y: contain;
}

.create-step[b-wqnvsdk8n6] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
}

.create-choice-list[b-wqnvsdk8n6] {
    display: grid;
    gap: clamp(7px, 1dvh, 12px);
}

.create-choice[b-wqnvsdk8n6] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-input);
    box-shadow: var(--shadow-card);
    display: grid;
    gap: var(--space-2);
    grid-template-columns: auto minmax(0, 1fr) 36px;
    block-size: auto;
    min-height: var(--create-option-height);
    padding: clamp(7px, 1.2dvh, 12px) var(--space-2);
    text-align: left;
    transition: border-color var(--motion-fast), background var(--motion-fast), transform var(--motion-fast);
    width: 100%;
}

.create-choice:active[b-wqnvsdk8n6] {
    transform: scale(.99);
}

.create-choice.is-selected[b-wqnvsdk8n6] {
    background: color-mix(in srgb, var(--color-primary) 4%, var(--color-surface));
    border-color: var(--color-accent-text);
}

.create-choice__icon[b-wqnvsdk8n6],
.participation-mode__icon[b-wqnvsdk8n6] {
    align-items: center;
    background: color-mix(in srgb, var(--color-primary) 9%, var(--color-surface));
    border-radius: 50%;
    color: var(--color-accent-text);
    display: flex;
    height: clamp(40px, 5.6dvh, 48px);
    justify-content: center;
    width: clamp(40px, 5.6dvh, 48px);
}

.create-choice__copy[b-wqnvsdk8n6] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.create-choice__copy strong[b-wqnvsdk8n6] {
    font-size: clamp(15px, 2.2dvh, 18px);
    line-height: 1.2;
}

.create-choice__copy small[b-wqnvsdk8n6] {
    color: var(--color-text-secondary);
    font-size: clamp(12px, 1.8dvh, 15px);
    line-height: 1.25;
}

.create-choice__state[b-wqnvsdk8n6] {
    align-items: center;
    background: var(--color-primary);
    border-radius: 50%;
    color: var(--color-on-primary);
    display: none;
    height: 32px;
    justify-content: center;
    width: 32px;
}

.create-choice.is-selected .create-choice__state[b-wqnvsdk8n6],
.create-choice__state--chevron[b-wqnvsdk8n6] {
    display: flex;
}

.create-choice__state--chevron[b-wqnvsdk8n6] {
    background: transparent;
    color: var(--color-text-primary);
}

.create-capabilities-status[b-wqnvsdk8n6] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--color-primary-strong);
    display: flex;
    flex: 0 0 auto;
    font-size: var(--text-sm);
    font-weight: 700;
    gap: var(--space-1);
    min-height: var(--touch-target-min);
    padding: 0;
}

.create-capabilities-status[b-wqnvsdk8n6] {
    background: var(--color-danger-soft);
    border-radius: var(--radius-input);
    color: var(--color-danger);
    justify-content: space-between;
    padding-inline: var(--space-2);
}

.create-capabilities-status button[b-wqnvsdk8n6] {
    background: transparent;
    border: 0;
    color: inherit;
    font: inherit;
    min-height: var(--touch-target-min);
}

.create-step--location[b-wqnvsdk8n6] {
    flex: 0 0 auto;
    gap: 16px;
}

.create-step--location[b-wqnvsdk8n6]  .location-picker {
    gap: 12px;
}

/* The step heading and the controls already explain this single required field. */
.create-step--location[b-wqnvsdk8n6]  .location-picker__legend,
.create-step--location[b-wqnvsdk8n6]  .location-picker__intro {
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.create-step__privacy[b-wqnvsdk8n6] {
    align-items: flex-start;
    color: var(--color-text-secondary);
    display: flex;
    font-size: var(--text-xs);
    gap: 6px;
    line-height: 1.35;
    margin: 0;
}

.is-step-3 .create-header__action[b-wqnvsdk8n6] {
    background: var(--color-surface);
    border: 1px solid color-mix(in srgb, var(--color-border) 72%, transparent);
    box-shadow: var(--shadow-card);
}

.is-step-3 .create-content[b-wqnvsdk8n6] {
    padding-bottom: 4px;
    scroll-padding-block: 32px;
    scrollbar-width: none;
}

.create-step--location[b-wqnvsdk8n6]  .location-picker__input input {
    scroll-margin-block: 16px;
}

.is-step-3 .create-content[b-wqnvsdk8n6]::-webkit-scrollbar {
    display: none;
}

.is-step-3 .create-intro .screen-title[b-wqnvsdk8n6] {
    font-size: clamp(27px, 7.8vw, 36px);
}

.capacity-stepper[b-wqnvsdk8n6] {
    align-items: center;
    display: grid;
    gap: var(--space-2);
    grid-template-columns: minmax(72px, 1fr) minmax(72px, 1fr) minmax(72px, 1fr);
}

.capacity-stepper button[b-wqnvsdk8n6] {
    align-items: center;
    background: var(--color-surface-secondary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-input);
    display: flex;
    height: var(--create-option-height);
    justify-content: center;
}

.capacity-stepper output[b-wqnvsdk8n6] {
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.capacity-stepper output strong[b-wqnvsdk8n6] {
    font-size: clamp(36px, 6dvh, 52px);
    line-height: 1;
}

.capacity-stepper__hint[b-wqnvsdk8n6] {
    color: var(--color-text-secondary);
    font-size: var(--text-sm);
    margin: clamp(4px, .8dvh, 8px) 0 clamp(8px, 1.5dvh, 16px);
    text-align: center;
}

.participation-mode[b-wqnvsdk8n6] {
    border: 0;
    display: grid;
    gap: clamp(7px, 1.2dvh, 12px);
    margin: 0;
    padding: 0;
}

.participation-mode legend[b-wqnvsdk8n6] {
    font-size: clamp(16px, 2.2dvh, 19px);
    font-weight: 700;
    margin-bottom: clamp(5px, .8dvh, 9px);
    padding: 0;
}

.participation-mode__option[b-wqnvsdk8n6] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-input);
    box-shadow: var(--shadow-card);
    display: grid;
    gap: var(--space-2);
    grid-template-columns: auto minmax(0, 1fr) 34px;
    block-size: auto;
    min-height: var(--create-option-height);
    padding: clamp(8px, 1.2dvh, 12px) var(--space-2);
}

.participation-mode__option.is-selected[b-wqnvsdk8n6] {
    background: color-mix(in srgb, var(--color-primary) 4%, var(--color-surface));
    border-color: var(--color-accent-text);
}

.participation-mode__option input[b-wqnvsdk8n6] {
    opacity: 0;
    pointer-events: none;
    position: absolute;
}

.participation-mode__option > span:nth-child(3)[b-wqnvsdk8n6] {
    display: grid;
    gap: 2px;
}

.participation-mode__option strong[b-wqnvsdk8n6] {
    font-size: clamp(15px, 2.2dvh, 18px);
}

.participation-mode__option small[b-wqnvsdk8n6] {
    color: var(--color-text-secondary);
    font-size: clamp(12px, 1.8dvh, 14px);
    line-height: 1.25;
}

.participation-mode__check[b-wqnvsdk8n6] {
    align-items: center;
    border: 1px solid var(--color-border-control);
    border-radius: 50%;
    color: transparent;
    display: flex;
    height: 30px;
    justify-content: center;
    width: 30px;
}

.participation-mode__option.is-selected .participation-mode__check[b-wqnvsdk8n6] {
    background: var(--color-primary);
    border-color: var(--color-accent-text);
    color: var(--color-on-primary);
}

.occasion-review__content[b-wqnvsdk8n6] {
    flex: 1 1 auto;
    gap: clamp(10px, 1.5dvh, 16px);
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scrollbar-width: none;
}

.occasion-preview[b-wqnvsdk8n6] {
    flex: 0 0 auto;
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--color-primary) 10%, transparent) 0, transparent 42%),
        linear-gradient(150deg, color-mix(in srgb, var(--color-surface-secondary) 70%, var(--color-surface)), var(--color-surface));
    border: 1px solid color-mix(in srgb, var(--color-border) 76%, var(--color-primary) 24%);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
    overflow: hidden;
    padding: clamp(16px, 2.2dvh, 20px);
    position: relative;
}

.occasion-preview[b-wqnvsdk8n6]::after {
    background: linear-gradient(90deg, var(--color-primary), color-mix(in srgb, var(--color-primary) 12%, transparent));
    border-radius: var(--radius-pill);
    content: "";
    height: 3px;
    inset: 0 auto auto clamp(16px, 2.2dvh, 20px);
    position: absolute;
    width: 54px;
}

.occasion-preview__header[b-wqnvsdk8n6] {
    display: grid;
    gap: 5px;
    padding-bottom: var(--space-3);
}

.occasion-preview__title-row[b-wqnvsdk8n6] {
    align-items: start;
    display: grid;
    gap: var(--space-1);
    grid-template-columns: minmax(0, 1fr) var(--touch-target-min);
}

.occasion-preview__title-edit[b-wqnvsdk8n6] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: var(--radius-input);
    color: var(--color-text-secondary);
    cursor: pointer;
    display: flex;
    justify-content: center;
    min-height: var(--touch-target-min);
    padding: 0;
    width: var(--touch-target-min);
}

.occasion-preview__eyebrow[b-wqnvsdk8n6] {
    color: var(--color-primary-strong);
    font-size: var(--text-xs);
    font-weight: 750;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.occasion-preview__title[b-wqnvsdk8n6] {
    color: var(--color-text-primary);
    font-size: clamp(26px, 7.2vw, 36px);
    font-weight: 820;
    letter-spacing: -.035em;
    line-height: 1.12;
    margin: 0;
    overflow-wrap: anywhere;
    text-wrap: balance;
}

.occasion-preview__schedule[b-wqnvsdk8n6] {
    align-items: stretch;
    border-top: 1px solid color-mix(in srgb, var(--color-border) 72%, transparent);
    display: grid;
    gap: 4px;
    grid-template-columns: minmax(0, 1fr);
    padding-top: var(--space-2);
}

.occasion-preview__when[b-wqnvsdk8n6],
.occasion-preview__meeting[b-wqnvsdk8n6],
.occasion-preview__duration[b-wqnvsdk8n6] {
    color: var(--color-text-primary);
    cursor: pointer;
    font: inherit;
}

.occasion-preview__when[b-wqnvsdk8n6],
.occasion-preview__meeting[b-wqnvsdk8n6] {
    align-items: center;
    background: transparent;
    border: 0;
    display: grid;
    gap: 10px;
    grid-template-columns: 36px minmax(0, 1fr) 24px;
    min-height: 54px;
    padding: 0;
    text-align: left;
    width: 100%;
}

.occasion-preview__privacy-note[b-wqnvsdk8n6] {
    align-items: center;
    color: var(--color-text-secondary);
    display: flex;
    font-size: var(--text-xs);
    gap: 6px;
    line-height: 1.35;
    margin: var(--space-2) 0 0;
}

.occasion-preview__privacy-note[b-wqnvsdk8n6]  .app-icon {
    color: var(--color-success-strong);
    flex: 0 0 auto;
}

.occasion-preview__when[b-wqnvsdk8n6] {
    gap: 10px;
}

.occasion-preview__duration[b-wqnvsdk8n6] {
    align-items: center;
    align-self: center;
    justify-self: start;
    margin-left: 46px;
    background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface-secondary));
    border: 1px solid color-mix(in srgb, var(--color-primary) 25%, var(--color-border));
    border-radius: var(--radius-pill);
    display: flex;
    gap: 7px;
    min-height: var(--touch-target-min);
    padding: 0 13px;
    white-space: nowrap;
}

.occasion-preview__duration strong[b-wqnvsdk8n6] {
    font-size: var(--text-sm);
}

.occasion-preview__meeting[b-wqnvsdk8n6] {
    border-top: 1px solid color-mix(in srgb, var(--color-border) 72%, transparent);
    align-items: start;
    margin-top: var(--space-2);
    padding-top: var(--space-3);
}

.occasion-preview__icon[b-wqnvsdk8n6] {
    align-items: center;
    background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface));
    border-radius: 50%;
    color: var(--color-primary-strong);
    display: flex;
    height: 36px;
    justify-content: center;
    justify-self: start;
    width: 36px;
}

.occasion-preview__copy[b-wqnvsdk8n6] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.occasion-preview__copy small[b-wqnvsdk8n6] {
    color: var(--color-text-secondary);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.occasion-preview__copy time[b-wqnvsdk8n6],
.occasion-preview__copy strong[b-wqnvsdk8n6] {
    color: var(--color-text-primary);
    font-size: clamp(16px, 4.2vw, 18px);
    font-weight: 700;
    line-height: 1.35;
    overflow-wrap: anywhere;
    white-space: normal;
}

.occasion-preview__copy > span[b-wqnvsdk8n6] {
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
    line-height: var(--line-normal);
    overflow-wrap: anywhere;
    white-space: normal;
}

.occasion-preview__edit[b-wqnvsdk8n6] {
    align-items: center;
    color: var(--color-text-secondary);
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px;
}

.occasion-preview__meeting .occasion-preview__edit[b-wqnvsdk8n6] {
    width: 24px;
}

.occasion-preview button:focus-visible[b-wqnvsdk8n6] {
    border-radius: var(--radius-input);
    outline: 3px solid var(--color-focus-ring);
    outline-offset: 2px;
}

.occasion-preview button:disabled[b-wqnvsdk8n6] {
    cursor: wait;
    opacity: .62;
}

.occasion-review__settings[b-wqnvsdk8n6] {
    flex: 0 0 auto;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-input);
    overflow: visible;
}

.occasion-review__settings-row[b-wqnvsdk8n6] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--color-text-primary);
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: var(--space-2);
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 60px;
    padding: 9px var(--space-2);
    text-align: left;
    width: 100%;
}

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

.occasion-review__settings-row:first-child[b-wqnvsdk8n6] {
    border-radius: var(--radius-input) var(--radius-input) 0 0;
}

.occasion-review__settings-row:last-child[b-wqnvsdk8n6] {
    border-radius: 0 0 var(--radius-input) var(--radius-input);
}

.occasion-review__settings-row > span[b-wqnvsdk8n6] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.occasion-review__settings-row strong[b-wqnvsdk8n6] {
    font-size: var(--text-sm);
}

.occasion-review__settings-row small[b-wqnvsdk8n6] {
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.occasion-review__settings-row > svg[b-wqnvsdk8n6],
.occasion-review__settings-row > span:last-child[b-wqnvsdk8n6] {
    color: var(--color-text-secondary);
}

.occasion-review__settings-row:disabled[b-wqnvsdk8n6] {
    cursor: wait;
    opacity: .62;
}

.occasion-review__settings-row:focus-visible[b-wqnvsdk8n6] {
    background: color-mix(in srgb, var(--color-primary) 7%, transparent);
    box-shadow: none;
    outline: 2px solid var(--color-focus-ring) !important;
    outline-offset: -2px !important;
}

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

    .occasion-preview__duration[b-wqnvsdk8n6] {
        justify-self: start;
        margin-left: 46px;
    }
}

.occasion-review__secondary-heading[b-wqnvsdk8n6] {
    align-items: center;
    display: grid;
    gap: var(--space-2);
    grid-template-columns: minmax(0, 1fr) auto;
}

.occasion-review__secondary-heading > span[b-wqnvsdk8n6] {
    display: grid;
    gap: 2px;
}

.occasion-review__secondary-heading strong[b-wqnvsdk8n6],
.participation-mode--compact legend[b-wqnvsdk8n6] {
    font-size: var(--text-sm);
}

.occasion-review__secondary-heading small[b-wqnvsdk8n6] {
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
}

.occasion-review__secondary-heading.is-disabled[b-wqnvsdk8n6] {
    opacity: .5;
}

.occasion-review__secondary-heading.is-disabled .capacity-stepper[b-wqnvsdk8n6] {
    filter: saturate(.45);
}

.capacity-stepper--compact[b-wqnvsdk8n6] {
    gap: 4px;
    grid-template-columns: 44px 44px 44px;
}

.capacity-stepper--compact button[b-wqnvsdk8n6] {
    min-height: 44px;
}

.capacity-stepper--compact output strong[b-wqnvsdk8n6] {
    font-size: var(--text-xl);
}

.participation-mode--compact[b-wqnvsdk8n6] {
    gap: 6px;
}

.participation-mode--compact .participation-mode__option[b-wqnvsdk8n6] {
    min-height: 52px;
    padding-block: 6px;
}

.participation-mode--compact .participation-mode__icon[b-wqnvsdk8n6] {
    height: 36px;
    width: 36px;
}

.occasion-review__actions[b-wqnvsdk8n6] {
    margin-top: clamp(10px, 1.6dvh, 16px);
    padding-bottom: max(2px, var(--safe-area-bottom));
}

.create-error[b-wqnvsdk8n6] {
    align-items: center;
    background: var(--color-danger-soft);
    border-radius: var(--radius-input);
    color: var(--color-danger);
    display: flex;
    flex: 0 0 auto;
    font-size: var(--text-xs);
    gap: var(--space-1);
    padding: 7px var(--space-2);
}

.create-actions[b-wqnvsdk8n6] {
    display: grid;
    flex: 0 0 auto;
    gap: var(--space-1);
}

.create-actions[b-wqnvsdk8n6]  .app-button {
    min-height: var(--create-actions-height);
}

.optional-details-sheet[b-wqnvsdk8n6],
.review-settings-sheet[b-wqnvsdk8n6],
.create-picker-sheet[b-wqnvsdk8n6] {
    display: grid;
    gap: var(--space-3);
}

.create-picker-sheet__fields[b-wqnvsdk8n6] {
    display: grid;
    gap: var(--space-2);
    grid-template-columns: minmax(0, 1fr);
}

.create-picker-sheet__hint[b-wqnvsdk8n6] {
    color: var(--color-text-secondary);
    font-size: var(--text-sm);
    margin: 0;
}

.optional-details-sheet__toggle[b-wqnvsdk8n6] {
    align-items: center;
    display: flex;
    gap: var(--space-2);
    justify-content: space-between;
}

.optional-details-sheet__toggle > span[b-wqnvsdk8n6] {
    display: grid;
    gap: 3px;
}

.optional-details-sheet__toggle small[b-wqnvsdk8n6] {
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
}

.review-participation-sheet__unlimited[b-wqnvsdk8n6] {
    border-block: 1px solid var(--color-border);
    padding-block: var(--space-2);
}

@media (max-height: 700px) {
    .form-page__body--create[b-wqnvsdk8n6] {
        gap: 6px;
        padding-top: 2px;
    }

    .create-header[b-wqnvsdk8n6] {
        min-height: 52px;
    }

    .create-intro .screen-title[b-wqnvsdk8n6] {
        font-size: 25px;
    }

    .create-choice-list[b-wqnvsdk8n6],
    .participation-mode[b-wqnvsdk8n6] {
        gap: 6px;
    }

    .create-choice[b-wqnvsdk8n6] {
        padding-block: 5px;
    }

    .create-choice__icon[b-wqnvsdk8n6],
    .participation-mode__icon[b-wqnvsdk8n6] {
        height: 38px;
        width: 38px;
    }

    .participation-mode__option[b-wqnvsdk8n6] {
        padding-block: 6px;
    }

    .create-step--location[b-wqnvsdk8n6]  .location-picker {
        gap: var(--space-2);
    }

    .occasion-preview[b-wqnvsdk8n6] {
        padding: 15px;
    }

    .occasion-preview[b-wqnvsdk8n6]::after {
        inset-inline-start: 15px;
    }

    .occasion-preview__header[b-wqnvsdk8n6] {
        padding-bottom: 12px;
    }

    .occasion-preview__schedule[b-wqnvsdk8n6] {
        padding-top: 10px;
    }

    .occasion-preview__meeting[b-wqnvsdk8n6] {
        margin-top: 8px;
        padding-top: 10px;
    }

}

@media (max-height: 520px) {
    .occasion-review[b-wqnvsdk8n6] {
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    .occasion-review__content[b-wqnvsdk8n6] {
        flex: 1 1 auto;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        padding-bottom: var(--space-1);
        scrollbar-width: none;
    }

    .occasion-review__content[b-wqnvsdk8n6]::-webkit-scrollbar {
        display: none;
    }

    .occasion-review__actions[b-wqnvsdk8n6] {
        background: linear-gradient(180deg, transparent, var(--color-background) 30%);
        flex: 0 0 auto;
        margin-top: 0;
        padding-top: var(--space-2);
    }
}

@media (max-width: 359px) {
    .create-header[b-wqnvsdk8n6],
    .form-page__body--create[b-wqnvsdk8n6] {
        padding-inline: var(--space-2);
    }

    .create-choice[b-wqnvsdk8n6],
    .participation-mode__option[b-wqnvsdk8n6] {
        gap: var(--space-1);
    }

    .occasion-preview__schedule[b-wqnvsdk8n6] {
        gap: var(--space-1);
    }

    .occasion-preview__duration[b-wqnvsdk8n6] {
        padding-inline: 10px;
    }

}

@media (min-width: 768px) {
    .form-page__body--create[b-wqnvsdk8n6] {
        margin-inline: auto;
        max-width: 680px;
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .create-choice[b-wqnvsdk8n6] {
        transition: none;
    }

    .form-page--create:is(.is-mask-entering-a, .is-mask-entering-b) .creation-progress[b-wqnvsdk8n6],
    .form-page--create:is(.is-mask-entering-a, .is-mask-entering-b) .create-intro[b-wqnvsdk8n6],
    .form-page--create:is(.is-mask-entering-a, .is-mask-entering-b) .create-decision-region[b-wqnvsdk8n6],
    .form-page--create:is(.is-mask-entering-a, .is-mask-entering-b) .occasion-review[b-wqnvsdk8n6] {
        animation: none;
    }
}

.create-consequences[b-wqnvsdk8n6] {
    display: grid;
    gap: var(--space-3);
}

.create-consequences > p[b-wqnvsdk8n6] {
    color: var(--color-text-secondary);
    line-height: 1.55;
    margin: 0;
}

.create-consequences ul[b-wqnvsdk8n6] {
    display: grid;
    gap: var(--space-2);
    list-style: none;
    margin: 0;
    padding: 0;
}

.create-consequences li[b-wqnvsdk8n6] {
    align-items: center;
    background: var(--color-surface-secondary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-input);
    color: var(--color-text-primary);
    display: grid;
    gap: var(--space-2);
    grid-template-columns: auto minmax(0, 1fr);
    line-height: 1.45;
    min-height: var(--touch-target-min);
    padding: var(--space-2);
}

.create-consequences__actions[b-wqnvsdk8n6] {
    display: grid;
    gap: var(--space-2);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.create-unavailable[b-wqnvsdk8n6] {
    align-content: center;
    display: grid;
    gap: var(--space-3);
    height: 100%;
    margin-inline: auto;
    max-width: 520px;
    padding: var(--space-4) var(--content-gutter) max(var(--space-4), var(--safe-area-bottom));
    text-align: center;
    width: 100%;
}

@media (max-width: 359px) {
    .create-consequences__actions[b-wqnvsdk8n6] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Features/Occasions/Pages/Home.razor.rz.scp.css */
.context-home[b-xz7r18ci3v] {
    box-sizing: border-box;
    display: grid;
    gap: 0;
    grid-template-rows: minmax(0, 1fr);
    height: max(0px, calc(
        var(--actly-viewport-height, 100dvh)
        - var(--safe-area-top)
        - var(--primary-navigation-height, 0px)
        - 1px));
    margin-inline: auto;
    max-width: var(--content-tablet);
    min-height: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
}

.context-home__view-toggle[b-xz7r18ci3v] {
    display: grid;
    justify-items: center;
    gap: 2px;
    min-height: 44px;
    min-width: 44px;
    padding: 5px;
    font: inherit;
    font-size: .7rem;
    color: var(--color-text-primary);
    background: var(--color-surface-secondary);
    border: 1px solid var(--color-border);
    border-radius: 12px;
    cursor: pointer;
}

.context-home__view-toggle:focus-visible[b-xz7r18ci3v] {
    outline: 2px solid var(--color-accent);
    outline-offset: 3px;
}

.context-home__focus-back[b-xz7r18ci3v] {
    align-items: center;
    justify-content: center;
    display: inline-flex;
    width: 44px;
    height: 44px;
    border: 1px solid var(--color-border);
    border-radius: 50%;
    background: var(--color-surface-secondary);
    color: var(--color-text-primary);
    cursor: pointer;
}

.context-home__focus-back:focus-visible[b-xz7r18ci3v] {
    outline: 2px solid var(--color-focus-ring);
    outline-offset: 3px;
}

.context-home__search-slot[b-xz7r18ci3v] {
    grid-area: hero;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    padding-top: 60px;
    scroll-padding-top: 16px;
}

.context-home__search-slot[hidden][b-xz7r18ci3v] { display: none; }

.context-home[data-list-view="true"][b-xz7r18ci3v] {
    background: var(--color-surface);
}

.context-home[data-list-view="true"][b-xz7r18ci3v]  .primary-page-header {
    background: var(--color-surface);
}

.context-home--occasion[b-xz7r18ci3v] {
    padding-inline: 0;
}

.context-home--compatible[b-xz7r18ci3v] {
    gap: 0;
    padding: 0;
}

.context-home--empty[b-xz7r18ci3v],
.context-home--available-people[b-xz7r18ci3v] {
    grid-template-rows: minmax(0, 1fr);
    padding-inline: 0;
    position: relative;
}

.context-home--occasion[b-xz7r18ci3v]  .primary-page-header,
.context-home--compatible[b-xz7r18ci3v]  .primary-page-header,
.context-home--empty[b-xz7r18ci3v]  .primary-page-header,
.context-home--available-people[b-xz7r18ci3v]  .primary-page-header {
    padding-inline: var(--content-gutter);
}

.context-home__topbar[b-xz7r18ci3v] {
    min-height: 54px;
    position: relative;
    z-index: 5;
}

.context-home[b-xz7r18ci3v]  .primary-page-header {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 6;
}

.context-home__availability[b-xz7r18ci3v] {
    align-items: center;
    background: var(--color-surface-secondary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-pill);
    color: var(--color-text-primary);
    display: inline-flex;
    font: inherit;
    font-size: var(--text-xs);
    font-weight: 700;
    gap: 6px;
    justify-content: center;
    max-width: 100%;
    min-height: var(--touch-target-min);
    padding: 0 var(--space-2);
    position: relative;
}

.context-home__availability[b-xz7r18ci3v]::after {
    border: 1px solid color-mix(in srgb, var(--color-success) 62%, transparent);
    border-radius: inherit;
    content: "";
    inset: -4px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    scale: .96;
}

.context-home__availability > span[b-xz7r18ci3v] {
    min-width: 0;
    overflow-wrap: anywhere;
    white-space: normal;
}

.context-home--occasion .context-home__availability[b-xz7r18ci3v] {
    backdrop-filter: blur(16px) saturate(1.1);
    border-color: color-mix(in srgb, var(--color-text-primary) 14%, transparent);
}

.context-home--occasion .context-home__availability:not(.context-home__availability--active)[b-xz7r18ci3v] {
    background: color-mix(in srgb, var(--color-surface) 78%, transparent);
}

.context-home__availability--active[b-xz7r18ci3v] {
    background: var(--color-success-soft);
    border-color: color-mix(in srgb, var(--color-success) 56%, var(--color-border));
    color: var(--color-success-strong);
}

.context-home__availability--busy[b-xz7r18ci3v] {
    cursor: wait;
    opacity: .82;
}

@media (prefers-reduced-motion: no-preference) {
    .context-home__availability--busy[b-xz7r18ci3v]  .app-icon {
        animation: home-availability-locating-b-xz7r18ci3v 1.1s ease-in-out infinite;
    }

    .context-home__availability--active:not(.context-home__availability--busy)[b-xz7r18ci3v]::after {
        animation: home-availability-confirm-ring-b-xz7r18ci3v var(--motion-slow) var(--ease-standard) both;
    }

    .context-home__availability--active:not(.context-home__availability--busy)[b-xz7r18ci3v]  .app-icon {
        animation: home-availability-confirm-icon-b-xz7r18ci3v 320ms var(--ease-arrive) both;
    }
}

@keyframes home-availability-locating-b-xz7r18ci3v {
    50% { opacity: .46; }
}

@keyframes home-availability-confirm-ring-b-xz7r18ci3v {
    0% {
        opacity: .68;
        scale: .96;
    }

    100% {
        opacity: 0;
        scale: 1.08;
    }
}

@keyframes home-availability-confirm-icon-b-xz7r18ci3v {
    0% {
        scale: .82;
    }

    100% {
        scale: 1;
    }
}

.context-home--empty .context-home__availability[b-xz7r18ci3v],
.context-home--available-people .context-home__availability[b-xz7r18ci3v] {
    background: color-mix(in srgb, var(--color-surface-secondary) 90%, transparent);
    border-color: color-mix(in srgb, var(--color-text-primary) 20%, var(--color-border));
    box-shadow: 0 8px 22px color-mix(in srgb, var(--color-background) 48%, transparent);
}

.context-home--empty .context-home__availability--active[b-xz7r18ci3v],
.context-home--available-people .context-home__availability--active[b-xz7r18ci3v] {
    background: color-mix(in srgb, var(--color-success-soft) 88%, var(--color-surface));
    border-color: color-mix(in srgb, var(--color-success) 64%, var(--color-border));
}

.context-home__snapshot[b-xz7r18ci3v],
.context-home__loading[b-xz7r18ci3v] {
    display: grid;
    gap: var(--space-1);
    height: 100%;
    min-height: 0;
    min-width: 0;
}

.context-home__snapshot[b-xz7r18ci3v],
.context-home__loading[b-xz7r18ci3v],
.context-home__error[b-xz7r18ci3v] {
    grid-row: 1;
}

.context-home__snapshot[b-xz7r18ci3v] {
    grid-template-areas: "notice" "hero";
    grid-template-rows: auto minmax(0, 1fr);
}

.context-home__snapshot:has(> .context-home__cancellation)[b-xz7r18ci3v] {
    grid-template-areas:
        "cancellation"
        "notice"
        "hero";
    grid-template-rows: auto auto minmax(0, 1fr);
}

.context-home--empty .context-home__snapshot[b-xz7r18ci3v],
.context-home--available-people .context-home__snapshot[b-xz7r18ci3v] {
    grid-row: 1;
}

.context-home__snapshot > .context-home__refresh-error:first-child[b-xz7r18ci3v] {
    margin-top: 58px;
}

.context-home--occasion .context-home__snapshot[b-xz7r18ci3v] {
    gap: 0;
}

.context-home__loading[b-xz7r18ci3v] {
    grid-template-rows: minmax(0, 1fr);
}

.context-home__hero-slot[b-xz7r18ci3v] {
    display: grid;
    grid-area: hero;
    grid-template-rows: minmax(0, 1fr) auto;
    min-height: 0;
    min-width: 0;
    position: relative;
}

.context-home__scene-surface[b-xz7r18ci3v] {
    display: grid;
    height: 100%;
    min-height: 0;
    min-width: 0;
}

.context-home__scene-surface[b-xz7r18ci3v]  .home-context-hero-host,
.context-home__scene-surface[b-xz7r18ci3v]  .home-context-hero {
    height: 100%;
    min-height: 0;
}

.context-home__refresh-error[b-xz7r18ci3v] {
    align-items: center;
    display: flex;
    font-size: var(--text-xs);
    gap: var(--space-2);
    justify-content: space-between;
    line-height: var(--line-body);
    min-height: 42px;
    padding: 5px var(--space-2);
}

.context-home__refresh-error[b-xz7r18ci3v] {
    background: var(--color-warning-soft);
    border-left: 3px solid var(--color-warning);
    color: var(--color-text-primary);
    grid-area: notice;
}

.context-home--empty .context-home__refresh-error[b-xz7r18ci3v],
.context-home--available-people .context-home__refresh-error[b-xz7r18ci3v] {
    margin-top: 58px;
}

.context-home__refresh-error button[b-xz7r18ci3v] {
    background: transparent;
    border: 0;
    color: var(--color-primary-strong);
    flex: 0 0 auto;
    font: inherit;
    font-weight: 700;
    min-height: var(--touch-target-min);
    padding-inline: var(--space-1);
}

.context-home__refresh-error button:disabled[b-xz7r18ci3v] {
    opacity: .6;
}

.context-home__focused-card[b-xz7r18ci3v],
.context-home__focus-loading[b-xz7r18ci3v],
.context-home__deck-shell[b-xz7r18ci3v] {
    display: grid;
    height: 100%;
    min-height: 0;
    min-width: 0;
}

.context-home__focus-loading[b-xz7r18ci3v]  .ds-skeleton,
.context-home__focused-card[b-xz7r18ci3v]  .home-context-hero,
.context-home__deck-card[b-xz7r18ci3v]  .home-context-hero-host,
.context-home__deck-card[b-xz7r18ci3v]  .home-context-hero {
    height: 100%;
    min-height: 0;
}

.context-home__deck-shell[b-xz7r18ci3v] {
    overflow: hidden;
    position: relative;
}

.context-home__deck[b-xz7r18ci3v] {
    --deck-drag-y: 0px;
    --deck-settle-duration: 300ms;
    contain: layout paint;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    overscroll-behavior-y: contain;
    position: relative;
    touch-action: pan-x pinch-zoom;
}

.context-home--overflow-fallback .context-home__deck[b-xz7r18ci3v] {
    overscroll-behavior-y: auto;
    touch-action: pan-y pinch-zoom;
}

.context-home--overflow-fallback[b-xz7r18ci3v] {
    height: auto;
    min-height: calc(var(--actly-viewport-height, 100dvh) - var(--safe-area-top) - var(--primary-navigation-height, 0px) - 1px);
}

.context-home--overflow-fallback .context-home__snapshot[b-xz7r18ci3v],
.context-home--overflow-fallback .context-home__hero-slot[b-xz7r18ci3v] {
    height: auto;
    grid-template-rows: auto;
}

.context-home--overflow-fallback .context-home__scene-surface[b-xz7r18ci3v]  .home-context-hero-host,
.context-home--overflow-fallback .context-home__scene-surface[b-xz7r18ci3v]  .home-context-hero,
.context-home--overflow-fallback .context-home__scene-surface[b-xz7r18ci3v]  .home-occasion-layout {
    height: auto;
}

.context-home--overflow-fallback .context-home__scene-surface[b-xz7r18ci3v]  .home-occasion-layout--cinematic {
    grid-template-rows: minmax(calc(var(--touch-target-min) + var(--space-5)), 1fr) auto auto;
}

.context-home--overflow-fallback .context-home__scene-surface[b-xz7r18ci3v]  .home-compatible-stage__note {
    display: block;
    overflow: visible;
    -webkit-line-clamp: unset;
}

.context-home--overflow-fallback .context-home__scene-surface[b-xz7r18ci3v],
.context-home--overflow-fallback .context-home__deck-shell[b-xz7r18ci3v],
.context-home--overflow-fallback .context-home__deck[b-xz7r18ci3v] {
    contain: none;
    height: auto;
    min-height: 100%;
    overflow: visible;
}

.context-home--overflow-fallback .context-home__deck-card[b-xz7r18ci3v] {
    height: auto;
    inset: auto;
    min-height: 100%;
    position: relative;
    transform: none;
}

.context-home--overflow-fallback .context-home__deck-card[aria-hidden="true"][b-xz7r18ci3v] {
    display: none;
}

.context-home--overflow-fallback .context-home__deck-scene[b-xz7r18ci3v],
.context-home--overflow-fallback .context-home__deck-scene[b-xz7r18ci3v]  .home-context-hero-host,
.context-home--overflow-fallback .context-home__deck-scene[b-xz7r18ci3v]  .home-context-hero {
    height: auto;
}

.context-home__deck[b-xz7r18ci3v]::-webkit-scrollbar {
    display: none;
}

.context-home__deck-card[b-xz7r18ci3v] {
    --deck-base-y: 0%;
    box-sizing: border-box;
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    height: 100%;
    inset: 0;
    min-height: 100%;
    min-width: 0;
    position: absolute;
    transform: translate3d(0, calc(var(--deck-base-y) + var(--deck-drag-y)), 0);
}

.context-home__deck-card[data-deck-slot="-1"][b-xz7r18ci3v] {
    --deck-base-y: -100%;
}

.context-home__deck-card[data-deck-slot="1"][b-xz7r18ci3v] {
    --deck-base-y: 100%;
}

.context-home__deck[data-deck-motion="dragging"] .context-home__deck-card[b-xz7r18ci3v],
.context-home__deck[data-deck-motion="settling"] .context-home__deck-card[b-xz7r18ci3v] {
    will-change: transform;
}

.context-home__deck[data-deck-motion="settling"] .context-home__deck-card[b-xz7r18ci3v] {
    transition: transform var(--deck-settle-duration) cubic-bezier(.22, 1, .36, 1);
}

.context-home__deck-scene[b-xz7r18ci3v] {
    min-height: 0;
    min-width: 0;
}

.context-home__deck-scene[b-xz7r18ci3v]  .home-context-hero-host,
.context-home__deck-scene[b-xz7r18ci3v]  .home-context-hero {
    height: 100%;
    min-height: 0;
}

.context-home__deck-rail[b-xz7r18ci3v] {
    backdrop-filter: blur(14px) saturate(1.08);
    background: color-mix(in srgb, var(--color-background) 70%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-text-primary) 16%, transparent);
    border-radius: var(--radius-pill);
    box-shadow: 0 8px 24px color-mix(in srgb, var(--color-background) 42%, transparent);
    display: grid;
    overflow: hidden;
    position: absolute;
    right: max(var(--content-gutter), var(--safe-area-right));
    top: 84px;
    z-index: 8;
}

.context-home__deck-rail button[b-xz7r18ci3v] {
    align-items: center;
    background: transparent;
    border: 0;
    color: color-mix(in srgb, var(--color-text-primary) 82%, transparent);
    cursor: pointer;
    display: flex;
    height: var(--touch-target-min);
    justify-content: center;
    padding: 0;
    width: var(--touch-target-min);
}

.context-home__deck-rail button + button[b-xz7r18ci3v] {
    border-top: 1px solid color-mix(in srgb, var(--color-text-primary) 14%, transparent);
}

.context-home__deck-rail button:hover[b-xz7r18ci3v] {
    background: color-mix(in srgb, var(--color-primary) 14%, transparent);
    color: var(--color-primary-strong);
}

.context-home__deck-rail button:focus-visible[b-xz7r18ci3v] {
    outline: 3px solid var(--color-focus-ring);
    outline-offset: -3px;
}

.context-home__deck-rail button:disabled[b-xz7r18ci3v] {
    cursor: wait;
    opacity: .48;
}

@media (prefers-reduced-motion: no-preference) {
    .context-home__deck-rail button[b-xz7r18ci3v]  .app-icon {
        transition: transform var(--motion-fast) var(--ease-standard);
    }

    .context-home__deck-rail button[data-deck-direction="-1"][data-deck-pressed="true"][b-xz7r18ci3v]  .app-icon {
        animation: home-deck-rail-up-b-xz7r18ci3v var(--motion-fast) var(--ease-standard);
    }

    .context-home__deck-rail button[data-deck-direction="1"][data-deck-pressed="true"][b-xz7r18ci3v]  .app-icon {
        animation: home-deck-rail-down-b-xz7r18ci3v var(--motion-fast) var(--ease-standard);
    }
}

.context-home__deck-affordances[b-xz7r18ci3v] {
    align-items: center;
    background: none;
    display: grid;
    inset-inline: var(--content-gutter);
    margin-top: 0;
    min-height: var(--touch-target-min);
    min-width: 0;
    padding: 0;
    position: absolute;
    top: calc(64px + var(--safe-area-top));
    z-index: 5;
}

.context-home__deck-affordances:not(:has(.context-home__swipe-hint, .context-home__deck-status))[b-xz7r18ci3v] {
    background: none;
    margin-top: 0;
    min-height: 0;
    padding: 0;
}

.context-home__deck-navigation[b-xz7r18ci3v] {
    align-items: center;
    display: flex;
    grid-area: 1 / 1;
    min-height: var(--touch-target-min);
    min-width: 0;
    width: 100%;
    z-index: 4;
}

.context-home__deck-navigation button[b-xz7r18ci3v] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: var(--radius-input);
    color: color-mix(in srgb, var(--color-primary-strong) 78%, var(--color-text-secondary));
    display: inline-flex;
    font: inherit;
    font-size: .72rem;
    font-weight: 700;
    justify-content: center;
    min-height: var(--touch-target-min);
    padding: 0 6px;
    white-space: nowrap;
}

.context-home__deck-navigation button[data-deck-direction="-1"][b-xz7r18ci3v] {
    margin-right: auto;
}

.context-home__deck-navigation button[data-deck-direction="1"][b-xz7r18ci3v] {
    margin-left: auto;
}

.context-home__deck-navigation button:disabled[b-xz7r18ci3v] {
    color: var(--color-text-secondary);
    opacity: .48;
}

.context-home__deck-card--compatible .context-home__deck-navigation button[b-xz7r18ci3v] {
    color: color-mix(in srgb, var(--color-text-primary) 76%, transparent);
}

.context-home__swipe-hint[b-xz7r18ci3v] {
    align-items: center;
    animation: home-swipe-cue-b-xz7r18ci3v 1.7s ease-in-out 2;
    background: transparent;
    border: 0;
    border-radius: var(--radius-input);
    color: var(--color-text-secondary);
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: .68rem;
    font-weight: 700;
    gap: 4px;
    grid-area: 1 / 1;
    justify-self: start;
    max-width: calc(100% - 112px);
    min-height: var(--touch-target-min);
    min-width: 0;
    overflow: hidden;
    padding: 0 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 3;
}

.context-home__swipe-hint:focus-visible[b-xz7r18ci3v] {
    outline: 3px solid var(--color-focus-ring);
    outline-offset: -2px;
}

.context-home__swipe-hint:disabled[b-xz7r18ci3v] {
    cursor: default;
    opacity: .48;
}

.context-home__deck[data-deck-interacting="true"] .context-home__swipe-hint[b-xz7r18ci3v] {
    opacity: 0;
}

.context-home__deck-card--compatible .context-home__swipe-hint[b-xz7r18ci3v] {
    background: var(--color-image-surface);
    border-radius: var(--radius-pill);
    color: var(--color-on-image-secondary);
    font-size: .75rem;
    font-weight: 500;
    justify-self: center;
    max-width: 100%;
    min-height: var(--touch-target-min);
    padding-inline: var(--space-2);
    text-shadow: none;
}

.context-home__deck-status[b-xz7r18ci3v] {
    align-items: center;
    color: var(--color-text-secondary);
    display: flex;
    font-size: var(--text-xs);
    gap: 7px;
    min-height: var(--touch-target-min);
    min-width: 0;
    padding-inline: 6px;
    z-index: 4;
}

.context-home__deck-card--compatible .context-home__deck-status[b-xz7r18ci3v] {
    color: color-mix(in srgb, var(--color-text-primary) 72%, transparent);
}

.context-home__deck-status--error[b-xz7r18ci3v] {
    color: var(--color-danger);
    justify-content: space-between;
}

.context-home__deck-status button[b-xz7r18ci3v] {
    background: transparent;
    border: 0;
    color: var(--color-primary-strong);
    font: inherit;
    font-weight: 700;
    min-height: var(--touch-target-min);
}

.context-home__deck-spinner[b-xz7r18ci3v] {
    animation: home-deck-spin-b-xz7r18ci3v .8s linear infinite;
    border: 2px solid var(--color-border);
    border-radius: 50%;
    border-top-color: var(--color-accent-text);
    height: 15px;
    width: 15px;
}

.context-home__error[b-xz7r18ci3v] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    display: flex;
    flex-direction: column;
    margin-top: var(--space-3);
    padding: var(--space-5) var(--space-4);
    text-align: center;
}

.context-home__error > span[b-xz7r18ci3v] {
    align-items: center;
    background: var(--color-primary-soft);
    border-radius: 50%;
    color: var(--color-primary-strong);
    display: inline-flex;
    height: 58px;
    justify-content: center;
    width: 58px;
}

.context-home__error h1[b-xz7r18ci3v] {
    color: var(--color-text-primary);
    font-size: var(--text-xl);
    margin: var(--space-3) 0 0;
}

.context-home__error p[b-xz7r18ci3v] {
    color: var(--color-text-secondary);
    line-height: 1.5;
    margin: var(--space-2) 0 var(--space-4);
    max-width: 38ch;
}

.context-home__error button[b-xz7r18ci3v] {
    background: var(--color-primary);
    border: 0;
    border-radius: var(--radius-button);
    color: var(--color-on-primary);
    font-weight: 700;
    min-height: 46px;
    min-width: 150px;
    padding: var(--space-2) var(--space-4);
}

.context-home__error button:disabled[b-xz7r18ci3v] {
    cursor: wait;
    opacity: .65;
}

.context-home__skeleton-card[b-xz7r18ci3v] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: calc(var(--radius-card) + 2px);
    display: grid;
    grid-template-rows: minmax(190px, 46%) minmax(0, 1fr);
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.context-home__skeleton-media[b-xz7r18ci3v],
.context-home__skeleton-eyebrow[b-xz7r18ci3v],
.context-home__skeleton-title[b-xz7r18ci3v],
.context-home__skeleton-metadata > span[b-xz7r18ci3v],
.context-home__skeleton-operation[b-xz7r18ci3v],
.context-home__skeleton-cta[b-xz7r18ci3v] {
    display: block;
}

.context-home__skeleton-media[b-xz7r18ci3v] {
    min-height: 0;
}

.context-home__skeleton-body[b-xz7r18ci3v] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
    padding: 10px var(--space-2);
}

.context-home__skeleton-eyebrow[b-xz7r18ci3v] {
    height: 10px;
    width: min(32%, 120px);
}

.context-home__skeleton-title[b-xz7r18ci3v] {
    height: 22px;
    width: min(82%, 390px);
}

.context-home__skeleton-title--short[b-xz7r18ci3v] {
    height: 18px;
    width: min(58%, 280px);
}

.context-home__skeleton-metadata[b-xz7r18ci3v] {
    display: grid;
    gap: var(--space-1);
    grid-template-columns: minmax(72px, 1.4fr) minmax(54px, 1fr) minmax(48px, .8fr);
    margin-top: 2px;
}

.context-home__skeleton-metadata > span[b-xz7r18ci3v] {
    height: 12px;
}

.context-home__skeleton-operation[b-xz7r18ci3v] {
    height: 52px;
    margin-top: auto;
}

.context-home__skeleton-cta[b-xz7r18ci3v] {
    height: 56px;
}

.context-home__skeleton-card[b-xz7r18ci3v]  .ds-skeleton {
    border-radius: inherit;
    height: 100%;
    width: 100%;
}

.context-home__skeleton-media[b-xz7r18ci3v]  .ds-skeleton {
    border-radius: 0;
}

@keyframes home-deck-spin-b-xz7r18ci3v {
    to { transform: rotate(360deg); }
}

@keyframes home-swipe-cue-b-xz7r18ci3v {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(3px); }
}

@keyframes home-deck-rail-up-b-xz7r18ci3v {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-3px); }
}

@keyframes home-deck-rail-down-b-xz7r18ci3v {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(3px); }
}

@media (prefers-reduced-motion: reduce) {
    .context-home__deck[b-xz7r18ci3v] {
        --deck-settle-duration: 80ms;
    }

    .context-home__swipe-hint[b-xz7r18ci3v],
    .context-home__deck-spinner[b-xz7r18ci3v],
    .context-home__availability--active:not(.context-home__availability--busy)[b-xz7r18ci3v]::after,
    .context-home__availability--active:not(.context-home__availability--busy)[b-xz7r18ci3v]  .app-icon,
    .context-home__deck-rail button[data-deck-pressed="true"][b-xz7r18ci3v]  .app-icon {
        animation: none;
    }

    .context-home__deck-card--compatible .context-home__swipe-hint[b-xz7r18ci3v] {
        opacity: .72;
    }

}

@media (max-height: 640px) {
    .context-home:not(.context-home--occasion)[b-xz7r18ci3v] {
        grid-template-rows: minmax(700px, auto);
        padding-bottom: var(--space-1);
    }

    .context-home--empty[b-xz7r18ci3v],
    .context-home--available-people[b-xz7r18ci3v] {
        grid-template-rows: minmax(700px, auto);
    }

    .context-home:not(.context-home--occasion) .context-home__snapshot[b-xz7r18ci3v],
    .context-home:not(.context-home--occasion) .context-home__hero-slot[b-xz7r18ci3v],
    .context-home:not(.context-home--occasion) .context-home__scene-surface[b-xz7r18ci3v] {
        height: auto;
        min-height: 700px;
    }

    .context-home__skeleton-card[b-xz7r18ci3v] {
        grid-template-rows: minmax(150px, 40%) minmax(0, 1fr);
    }

    .context-home__skeleton-body[b-xz7r18ci3v] {
        gap: 6px;
        padding-block: 7px;
    }

    .context-home__skeleton-operation[b-xz7r18ci3v] {
        height: 44px;
    }

    .context-home__skeleton-cta[b-xz7r18ci3v] {
        height: 52px;
    }

    .context-home__refresh-error[b-xz7r18ci3v] {
        min-height: 36px;
        padding-block: 2px;
    }

}

@media (min-width: 700px) {
    .context-home[b-xz7r18ci3v] {
        gap: 0;
        padding-inline: 0;
    }

    .context-home.context-home--occasion[b-xz7r18ci3v] {
        padding-inline: 0;
    }

    .context-home.context-home--compatible[b-xz7r18ci3v] {
        padding-inline: 0;
    }

    .context-home.context-home--empty[b-xz7r18ci3v],
    .context-home.context-home--available-people[b-xz7r18ci3v] {
        padding-inline: 0;
    }

    .context-home--occasion[b-xz7r18ci3v]  .primary-page-header,
    .context-home--compatible[b-xz7r18ci3v]  .primary-page-header,
    .context-home--empty[b-xz7r18ci3v]  .primary-page-header,
    .context-home--available-people[b-xz7r18ci3v]  .primary-page-header {
        padding-inline: calc(var(--space-5) - var(--space-1));
    }

    .context-home__snapshot[b-xz7r18ci3v],
    .context-home__loading[b-xz7r18ci3v] {
        gap: var(--space-2);
    }
}

@media (min-width: 1100px) {
    .context-home[b-xz7r18ci3v] {
        height: max(0px, calc(
            var(--actly-viewport-height, 100dvh)
            - var(--safe-area-top)
            - var(--primary-navigation-height, 0px)));
    }
}

.context-home__cancellation[b-xz7r18ci3v] {
    grid-area: cancellation;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin: 58px var(--space-3) 0;
    padding: var(--space-2);
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    z-index: 5;
}
.context-home__cancellation span[b-xz7r18ci3v] { flex: 1; min-width: 150px; overflow-wrap: anywhere; }
.context-home__cancellation a[b-xz7r18ci3v] { min-height: var(--touch-target-min); display: inline-flex; align-items: center; }

/* List scrolling remains inside the available viewport, including short screens. */
.context-home[data-list-view="true"][b-xz7r18ci3v] {
    grid-template-rows: minmax(0, 1fr);
    min-height: 0;
    height: max(0px, calc(var(--actly-viewport-height, 100dvh) - var(--safe-area-top) - var(--primary-navigation-height, 0px) - 1px));
}

.context-home[data-list-view="true"] .context-home__snapshot[b-xz7r18ci3v] {
    height: 100%;
    min-height: 0;
}
/* /Features/Profile/Pages/Interessi.razor.rz.scp.css */
.profile-interests-page[b-5vxbztlumw] {
    min-height: 100%;
}

.profile-interests-page .onboarding-content[b-5vxbztlumw] {
    gap: var(--space-2);
    max-width: 560px;
    padding-bottom: max(var(--space-3), calc(var(--space-2) + var(--safe-area-bottom)));
}

.profile-interests-page .onboarding-heading[b-5vxbztlumw],
.profile-interests-page .onboarding-profile-fields[b-5vxbztlumw],
.profile-interests-page .onboarding-interests[b-5vxbztlumw] {
    gap: var(--space-1);
}

.profile-interests-page .onboarding-consents[b-5vxbztlumw] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    gap: 0;
    overflow: hidden;
}

.profile-interests-page .consent-option[b-5vxbztlumw] {
    background: transparent;
    border: 0;
    border-radius: 0;
    min-height: 52px;
    padding: var(--space-2);
}

.profile-interests-page .consent-option:not(:first-child)[b-5vxbztlumw] {
    border-top: 1px solid var(--color-border);
}

.profile-interests-page .onboarding-consents > .auth-error[b-5vxbztlumw],
.profile-interests-page .onboarding-consents__notice[b-5vxbztlumw] {
    padding: 0 var(--space-2) var(--space-2);
}

.profile-interests-page .onboarding-actions[b-5vxbztlumw] {
    background: color-mix(in srgb, var(--color-background) 96%, transparent);
    border-top: 1px solid var(--color-border);
    bottom: 0;
    margin-inline: calc(var(--content-gutter) * -1);
    padding: var(--space-2) var(--content-gutter) max(var(--space-2), var(--safe-area-bottom));
    position: sticky;
    z-index: 4;
}
/* /Features/Profile/Pages/ProfileHiddenOccasions.razor.rz.scp.css */
.profile-hidden-rides[b-f2bsjs4l3a] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-input);
    color: var(--color-text-secondary);
    cursor: pointer;
    display: flex;
    font: inherit;
    font-size: var(--text-sm);
    gap: var(--space-2);
    margin-top: var(--space-3);
    min-height: var(--touch-target-min);
    padding: var(--space-2);
    text-align: left;
    width: 100%;
}
.profile-hidden-rides > span[b-f2bsjs4l3a] { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.profile-hidden-rides--compact[b-f2bsjs4l3a] {
    background: transparent;
    border-radius: var(--radius-pill);
    gap: var(--space-1);
    margin-top: 0;
    padding: 8px 12px;
    width: fit-content;
    max-width: 100%;
}
.profile-hidden-rides:disabled[b-f2bsjs4l3a] { opacity: .6; cursor: wait; }
.profile-hidden-rides:focus-visible[b-f2bsjs4l3a], .dismissed-occasions button:focus-visible[b-f2bsjs4l3a] {
    outline: 2px solid var(--color-focus-ring);
    outline-offset: 3px;
}

.dismissed-occasions[b-f2bsjs4l3a] {
    display: grid;
    gap: var(--space-3);
}

.dismissed-occasions__intro[b-f2bsjs4l3a] {
    color: var(--color-text-secondary);
    line-height: 1.45;
    margin: 0;
}

.dismissed-occasions__more[b-f2bsjs4l3a],
.dismissed-occasions__error button[b-f2bsjs4l3a] {
    align-items: center;
    background: transparent;
    border: 1px solid var(--color-border-control);
    border-radius: var(--radius-input);
    color: var(--color-text-primary);
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-weight: 700;
    gap: var(--space-1);
    justify-content: center;
    min-height: var(--touch-target-min);
    padding-inline: var(--space-2);
}

.dismissed-occasions__loading[b-f2bsjs4l3a],
.dismissed-occasions__list[b-f2bsjs4l3a] {
    display: grid;
    gap: var(--space-2);
}

.dismissed-occasions__loading[b-f2bsjs4l3a]  .ds-skeleton {
    border-radius: var(--radius-card);
    height: 164px;
}

.dismissed-occasion[b-f2bsjs4l3a] {
    background: var(--color-surface-secondary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    display: grid;
    gap: var(--space-2);
    padding: var(--space-3);
}

.dismissed-occasion__eyebrow[b-f2bsjs4l3a],
.dismissed-occasion__meta[b-f2bsjs4l3a] {
    color: var(--color-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--text-xs);
    gap: var(--space-1) var(--space-2);
}

.dismissed-occasion__eyebrow span:first-child[b-f2bsjs4l3a] {
    color: var(--color-primary-strong);
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.dismissed-occasion h3[b-f2bsjs4l3a],
.dismissed-occasion p[b-f2bsjs4l3a] {
    margin: 0;
}

.dismissed-occasion h3[b-f2bsjs4l3a] {
    font-size: var(--text-lg);
    line-height: 1.2;
}

.dismissed-occasion__meta span[b-f2bsjs4l3a] {
    align-items: center;
    display: inline-flex;
    gap: 5px;
}

.dismissed-occasion > button[b-f2bsjs4l3a] {
    align-items: center;
    background: var(--color-primary-soft);
    border: 1px solid color-mix(in srgb, var(--color-primary) 44%, transparent);
    border-radius: var(--radius-input);
    color: var(--color-primary-strong);
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-weight: 800;
    gap: var(--space-1);
    justify-content: center;
    min-height: var(--touch-target-min);
    padding-inline: var(--space-2);
}

.dismissed-occasion > button:disabled[b-f2bsjs4l3a],
.dismissed-occasions__more:disabled[b-f2bsjs4l3a] {
    cursor: wait;
    opacity: .64;
}

.dismissed-occasions__error[b-f2bsjs4l3a],
.dismissed-occasions__empty[b-f2bsjs4l3a] {
    align-items: center;
    background: var(--color-surface-secondary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-input);
    display: grid;
    gap: var(--space-2);
    justify-items: center;
    padding: var(--space-3);
    text-align: center;
}

.dismissed-occasions__error p[b-f2bsjs4l3a],
.dismissed-occasions__empty p[b-f2bsjs4l3a] {
    margin: 0;
}

/* /Features/Profile/Pages/Profilo.razor.rz.scp.css */
.profile-page[b-pfhsvntjv3] {
    background: var(--color-background);
    min-height: 100%;
    overflow-x: clip;
    padding-bottom: 0;
}

.profile-skeleton[b-pfhsvntjv3] {
    display: grid;
    gap: var(--space-4);
    margin-inline: auto;
    max-width: 680px;
    padding: var(--space-2) var(--space-3) calc(var(--space-5) + var(--safe-area-bottom));
    width: 100%;
}

.profile-skeleton__top[b-pfhsvntjv3],
.profile-skeleton__identity[b-pfhsvntjv3] {
    align-items: center;
    display: flex;
    gap: var(--space-3);
}

.profile-skeleton__top[b-pfhsvntjv3] {
    justify-content: space-between;
}

.profile-skeleton__top[b-pfhsvntjv3]  .ds-skeleton--line {
    width: 76px;
}

.profile-skeleton__identity[b-pfhsvntjv3]  .ds-skeleton--avatar {
    flex: 0 0 72px;
    height: 72px;
    width: 72px;
}

.profile-skeleton__identity > span[b-pfhsvntjv3] {
    display: grid;
    flex: 1;
    gap: var(--space-2);
}

.profile-skeleton__identity > span[b-pfhsvntjv3]  .ds-skeleton--line:last-child {
    width: 68%;
}

.profile-skeleton__content[b-pfhsvntjv3] {
    display: grid;
    gap: var(--space-3);
}

.profile-hero[b-pfhsvntjv3] {
    background: var(--color-surface);
    border-bottom: 1px solid var(--color-border);
    color: var(--color-text-primary);
    padding: 0 var(--space-3) var(--space-4);
}

.profile-hero__top[b-pfhsvntjv3],
.profile-identity[b-pfhsvntjv3] {
    margin-inline: auto;
    max-width: var(--content-tablet);
}

.profile-hero__top[b-pfhsvntjv3] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    min-height: 52px;
}

.profile-settings-button[b-pfhsvntjv3] {
    align-items: center;
    background: var(--color-surface-secondary);
    border: 1px solid transparent;
    border-radius: 50%;
    color: var(--color-text-primary);
    display: inline-flex;
    height: 44px;
    justify-content: center;
    text-decoration: none;
    transition: border-color var(--motion-fast) var(--ease-standard),
        transform var(--motion-fast) var(--ease-standard);
    width: 44px;
}

.profile-settings-button:hover[b-pfhsvntjv3],
.profile-settings-button:focus-visible[b-pfhsvntjv3] {
    border-color: var(--color-border-control);
}

.profile-settings-button:active[b-pfhsvntjv3] {
    transform: scale(0.96);
}

.profile-identity[b-pfhsvntjv3] {
    align-items: center;
    display: flex;
    gap: var(--space-3);
    margin-top: var(--space-2);
    min-width: 0;
}

.profile-identity[b-pfhsvntjv3]  .avatar {
    border: 3px solid var(--color-surface);
    box-shadow: 0 0 0 1px var(--color-border), var(--shadow-card);
}

.profile-identity__copy[b-pfhsvntjv3] {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
}

.profile-identity h1[b-pfhsvntjv3] {
    color: var(--color-text-primary);
    font-size: clamp(var(--text-xl), 7vw, var(--text-display));
    letter-spacing: -0.035em;
    line-height: 1.04;
    margin: 0;
    overflow-wrap: anywhere;
}

.profile-identity p[b-pfhsvntjv3] {
    align-items: center;
    color: var(--color-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--text-xs);
    gap: 4px;
    line-height: var(--line-body);
    margin: 7px 0 var(--space-1);
}

.profile-content[b-pfhsvntjv3] {
    gap: 0;
    max-width: 680px;
    padding-bottom: var(--space-2);
    padding-top: 0;
}

.profile-history-button[b-pfhsvntjv3] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    width: 100%;
    min-height: var(--touch-target-min);
    margin-top: var(--space-2);
    padding: var(--space-2);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-input);
    background: var(--color-surface);
    color: var(--color-text-secondary);
    font: inherit;
    font-size: var(--text-sm);
    text-align: left;
    cursor: pointer;
}

.profile-history-button > span[b-pfhsvntjv3] { flex: 1; min-width: 0; }
.profile-history-button:focus-visible[b-pfhsvntjv3] { outline: 2px solid var(--color-focus-ring); outline-offset: 3px; }

.profile-ride-summary[b-pfhsvntjv3] {
    display: grid;
    gap: var(--space-1);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: var(--space-3) auto 0;
    max-width: var(--content-tablet);
}

.profile-ride-summary__card[b-pfhsvntjv3] {
    align-items: center;
    background: var(--color-background);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-input);
    column-gap: var(--space-1);
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    min-width: 0;
    padding: var(--space-2);
}

.profile-ride-summary__icon[b-pfhsvntjv3] {
    align-items: center;
    background: var(--color-surface-secondary);
    border-radius: 50%;
    color: var(--color-primary-strong);
    display: flex;
    grid-column: 1;
    grid-row: 1 / 3;
    height: 40px;
    justify-content: center;
}

.profile-ride-summary dt[b-pfhsvntjv3] {
    color: var(--color-text-secondary);
    font-size: .75rem;
    grid-column: 2;
    grid-row: 2;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.profile-ride-summary dd[b-pfhsvntjv3] {
    color: var(--color-text-primary);
    font-size: 1.375rem;
    font-variant-numeric: tabular-nums;
    font-weight: 750;
    grid-column: 2;
    grid-row: 1;
    line-height: 1.3;
    margin: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 419px) {
    .profile-ride-summary__card[b-pfhsvntjv3] { grid-template-columns: 24px minmax(0, 1fr); padding: var(--space-1); row-gap: 4px; }
    .profile-ride-summary__icon[b-pfhsvntjv3] { background: transparent; grid-row: 1; height: 28px; }
    .profile-ride-summary dt[b-pfhsvntjv3] { grid-column: 1 / -1; font-size: .6875rem; }
}

.profile-inline-error[b-pfhsvntjv3] {
    align-items: center;
    background: var(--color-danger-soft);
    border-left: 3px solid var(--color-danger);
    color: var(--color-text-primary);
    display: flex;
    font-size: var(--text-xs);
    gap: var(--space-2);
    justify-content: space-between;
    line-height: var(--line-body);
    margin-top: var(--space-2);
    padding: var(--space-2);
}

.profile-inline-error--page[b-pfhsvntjv3] {
    margin-top: var(--space-3);
}

.profile-inline-error button[b-pfhsvntjv3] {
    background: transparent;
    border: 0;
    color: var(--color-danger);
    flex: 0 0 auto;
    font: inherit;
    font-weight: 700;
    min-height: 44px;
    padding-inline: var(--space-1);
}

.profile-inline-error button:disabled[b-pfhsvntjv3] {
    cursor: wait;
    opacity: 0.55;
}

.profile-about-card[b-pfhsvntjv3] {
    border-bottom: 1px solid var(--color-border);
    display: grid;
    padding: var(--space-2) 0;
}

.profile-about-card__bio[b-pfhsvntjv3] {
    min-width: 0;
}

.profile-about-card__bio p[b-pfhsvntjv3] {
    color: var(--color-text-primary);
    font-size: var(--text-sm);
    line-height: 1.45;
    margin: 0;
    overflow-wrap: anywhere;
}

.profile-about-card .section-heading[b-pfhsvntjv3] {
    margin-bottom: var(--space-2);
}

.profile-about-card .section-label[b-pfhsvntjv3] {
    color: var(--color-text-primary);
    font-size: var(--text-md);
    font-weight: 700;
    text-transform: none;
}

.profile-occasions h2[b-pfhsvntjv3] {
    font-size: var(--text-lg);
    letter-spacing: -0.02em;
    margin: 0;
}

.profile-occasions[b-pfhsvntjv3] {
    display: grid;
    gap: var(--space-2);
    padding-top: var(--space-3);
}

.profile-occasion-list[b-pfhsvntjv3] {
    gap: var(--space-1);
}

.profile-occasion-list[b-pfhsvntjv3]  .occasion-card {
    border-radius: var(--radius-input);
}

.profile-occasions[b-pfhsvntjv3]  .empty-state {
    min-height: 180px;
    padding-block: var(--space-3);
}

.profile-occasions__load-more[b-pfhsvntjv3] {
    background: transparent;
    border: 1px solid var(--color-border-control);
    border-radius: var(--radius-button);
    color: var(--color-primary-strong);
    cursor: pointer;
    font-size: var(--text-sm);
    font-weight: 700;
    min-height: var(--touch-target-min);
    padding-inline: var(--space-3);
    width: 100%;
}

.profile-occasions__load-more:focus-visible[b-pfhsvntjv3] {
    outline: 3px solid var(--color-focus-ring);
    outline-offset: 2px;
}

.profile-occasions__load-more:disabled[b-pfhsvntjv3] {
    cursor: wait;
    opacity: .62;
}

@media (max-width: 359px) {
    .profile-hero[b-pfhsvntjv3],
    .profile-content[b-pfhsvntjv3],
    .profile-skeleton[b-pfhsvntjv3] {
        padding-inline: var(--space-2);
    }

    .profile-identity[b-pfhsvntjv3] {
        gap: var(--space-2);
    }

}

@media (min-width: 600px) {
    .profile-hero[b-pfhsvntjv3] {
        padding-inline: var(--space-4);
    }

    .profile-identity h1[b-pfhsvntjv3] {
        font-size: var(--text-display);
    }
}

@media (max-height: 700px) and (max-width: 599px) {
    .profile-hero[b-pfhsvntjv3] {
        padding-bottom: var(--space-3);
    }

    .profile-identity[b-pfhsvntjv3] {
        margin-top: var(--space-1);
    }

    .profile-about-card[b-pfhsvntjv3] {
        padding-block: var(--space-2) var(--space-3);
    }

    .profile-occasions[b-pfhsvntjv3] {
        padding-top: var(--space-2);
    }
}

@media (prefers-reduced-motion: reduce) {
    .profile-settings-button[b-pfhsvntjv3] {
        transition: none;
    }

    .profile-settings-button:active[b-pfhsvntjv3] {
        transform: none;
    }
}
/* /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);
    margin-inline: auto;
    max-width: 600px;
    min-width: 0;
    padding: var(--space-3) var(--space-3) calc(var(--space-5) + var(--safe-area-bottom));
    width: 100%;
}

.public-profile-heading[b-x49o459xom] {
    align-items: center;
    display: grid;
    gap: var(--space-3);
    grid-template-columns: auto minmax(0, 1fr);
    padding-block: var(--space-2);
}

.public-profile-heading[b-x49o459xom]  .avatar {
    border: 3px solid var(--color-surface);
    box-shadow: 0 0 0 1px var(--color-border);
}

.public-profile-heading__copy[b-x49o459xom] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.public-profile-heading__copy > small[b-x49o459xom] {
    color: var(--color-primary-strong);
    font-size: var(--text-xs);
    font-weight: 700;
}

.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.7rem, 7vw, 2.15rem);
    overflow-wrap: anywhere;
}

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

.public-profile-verified[b-x49o459xom] {
    align-items: center;
    color: var(--color-success);
    display: inline-flex;
    font-size: var(--text-xs);
    font-weight: 700;
    gap: 5px;
    width: fit-content;
}

.public-profile-section[b-x49o459xom] {
    border-bottom: 1px solid var(--color-border);
    display: grid;
    gap: var(--space-2);
    min-width: 0;
    padding-bottom: var(--space-3);
}

.public-profile-section p[b-x49o459xom] {
    line-height: var(--line-body);
    overflow-wrap: anywhere;
}

.public-profile-report[b-x49o459xom] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--color-text-secondary);
    display: inline-flex;
    font: inherit;
    font-size: var(--text-sm);
    gap: 7px;
    justify-self: center;
    min-height: 44px;
    padding: 8px 12px;
}

@media (max-width: 359px) {
    .public-profile-content[b-x49o459xom] {
        padding-inline: var(--space-2);
    }

    .public-profile-heading[b-x49o459xom] {
        gap: var(--space-2);
    }
}
/* /Features/Reports/Components/ReportSheet.razor.rz.scp.css */
.report-sheet__form[b-wq0a66qbir],
.report-sheet__success[b-wq0a66qbir] {
    display: grid;
    gap: 16px;
}

.report-sheet__form > p[b-wq0a66qbir] {
    color: var(--color-text-secondary);
    margin: 0;
}

.report-sheet__form label[b-wq0a66qbir] {
    display: grid;
    font-size: var(--text-sm);
    font-weight: 700;
    gap: 6px;
}

.report-sheet__form select[b-wq0a66qbir],
.report-sheet__form textarea[b-wq0a66qbir] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-control);
    border-radius: var(--radius-input);
    color: var(--color-text-primary);
    font: inherit;
    padding: 12px;
    width: 100%;
}

.report-sheet__form textarea[b-wq0a66qbir] {
    resize: vertical;
}

.report-sheet__form small[b-wq0a66qbir] {
    color: var(--color-text-secondary);
    font-weight: 400;
}

.report-sheet__error[b-wq0a66qbir] {
    color: var(--color-danger);
    margin: 0;
}

.report-sheet__success[b-wq0a66qbir] {
    justify-items: center;
    padding: 12px 0;
    text-align: center;
}

.report-sheet__success > span[b-wq0a66qbir] {
    align-items: center;
    background: color-mix(in srgb, var(--color-success) 12%, var(--color-surface));
    border-radius: var(--radius-pill);
    color: var(--color-success-strong);
    display: inline-flex;
    height: 52px;
    justify-content: center;
    width: 52px;
}
/* /Features/Settings/Pages/Account.razor.rz.scp.css */
.account-skeleton[b-d828qp0wmx] {
    display: grid;
    gap: var(--space-3);
}

.account-skeleton[b-d828qp0wmx]  .ds-skeleton--line {
    max-width: 58%;
}

.account-delete-confirmation[b-d828qp0wmx] {
    display: grid;
    gap: var(--space-3);
}

.account-delete-confirmation p[b-d828qp0wmx] {
    color: var(--color-text-secondary);
    line-height: var(--line-body);
    margin: 0;
}

.account-delete-confirmation__actions[b-d828qp0wmx] {
    display: grid;
    gap: var(--space-2);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.account-delete-confirmation__actions[b-d828qp0wmx] {
    --danger-button-background: var(--gradient-danger);
    --danger-button-border: var(--color-danger-fill);
    --danger-button-text: var(--color-danger-contrast);
    --danger-button-hover: var(--gradient-danger-hover);
    --danger-button-pressed: var(--gradient-danger-pressed);
}

@media (max-width: 359px) {
    .account-delete-confirmation__actions[b-d828qp0wmx] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Features/Settings/Pages/AppearanceSettings.razor.rz.scp.css */
.appearance-page__description[b-t7gbf6xevp],
.appearance-page__notice[b-t7gbf6xevp] {
    color: var(--color-text-secondary);
    font-size: var(--text-sm);
    line-height: var(--line-body);
    margin: 0;
}
.appearance-options[b-t7gbf6xevp] {
    border: 0;
    display: grid;
    gap: var(--space-1);
    margin: 0;
    min-width: 0;
    padding: 0;
}
.appearance-options legend[b-t7gbf6xevp] {
    color: var(--color-text-primary);
    font-size: var(--text-lg);
    font-weight: 700;
    margin-bottom: var(--space-2);
    padding: 0;
}
.appearance-option[b-t7gbf6xevp] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-input);
    cursor: pointer;
    display: flex;
    gap: var(--space-2);
    min-height: var(--action-height);
    padding: var(--space-2) var(--space-3);
}
.appearance-option:has(input:checked)[b-t7gbf6xevp] {
    background: var(--color-accent-soft);
    border-color: var(--color-accent-text);
}
.appearance-option:has(input:focus-visible)[b-t7gbf6xevp] {
    outline: 3px solid var(--color-focus-ring);
    outline-offset: 2px;
}
.appearance-option:hover[b-t7gbf6xevp] { border-color: var(--color-border-control); }
.appearance-option:active[b-t7gbf6xevp] { background: var(--color-surface-secondary); }
.appearance-option input[b-t7gbf6xevp] {
    appearance: none;
    background: var(--color-surface);
    border: 2px solid var(--color-border-control);
    border-radius: 50%;
    flex: 0 0 20px;
    height: 20px;
    margin: 0;
    width: 20px;
}
.appearance-option input:checked[b-t7gbf6xevp] {
    background: var(--color-accent-text);
    border-color: var(--color-accent-text);
    box-shadow: inset 0 0 0 3px var(--color-surface);
}
@media (forced-colors: active) {
    .appearance-option input[b-t7gbf6xevp] { appearance: auto; }
}
.appearance-option span[b-t7gbf6xevp] { overflow-wrap: anywhere; }
/* /Features/Settings/Pages/Information.razor.rz.scp.css */
.information-skeleton[b-rkyvwp3ny4] {
    display: grid;
    gap: var(--space-3);
}

.information-error[b-rkyvwp3ny4] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    justify-content: space-between;
}

.information-error .action-link[b-rkyvwp3ny4] {
    min-height: 44px;
}
/* /Features/Settings/Pages/LocationSettings.razor.rz.scp.css */
.location-settings__content[b-3vopnuc848] {
    gap: var(--space-3);
    max-width: 640px;
}

.location-settings__intro[b-3vopnuc848] {
    color: var(--color-text-secondary);
    line-height: var(--line-body);
    margin: 0;
}

.location-settings__item[b-3vopnuc848] {
    border-top: 1px solid var(--color-border);
    display: grid;
    gap: var(--space-3);
    grid-template-columns: var(--icon-control-size) minmax(0, 1fr);
    padding: var(--space-3) 0 0;
}

.location-settings__icon[b-3vopnuc848] {
    align-items: center;
    background: var(--color-primary-soft);
    border-radius: 50%;
    color: var(--color-primary-strong);
    display: inline-flex;
    height: var(--icon-control-size);
    justify-content: center;
    width: var(--icon-control-size);
}

.location-settings__icon--semantic[b-3vopnuc848] {
    background: var(--color-success-soft);
    color: var(--color-success-strong);
}

.location-settings__item h2[b-3vopnuc848] {
    font-size: var(--text-md);
    margin: 0;
}

.location-settings__item p[b-3vopnuc848] {
    color: var(--color-text-secondary);
    font-size: var(--text-sm);
    line-height: var(--line-body);
    margin: var(--space-1) 0 var(--space-2);
}

.location-settings__item a[b-3vopnuc848] {
    align-items: center;
    color: var(--color-primary-strong);
    display: inline-flex;
    font-size: var(--text-sm);
    font-weight: 700;
    gap: 6px;
    min-height: 44px;
    text-decoration: none;
}

.location-settings__privacy[b-3vopnuc848] {
    align-items: flex-start;
    background: var(--color-surface-secondary);
    border-radius: var(--radius-input);
    color: var(--color-text-secondary);
    display: flex;
    font-size: var(--text-sm);
    gap: var(--space-2);
    line-height: var(--line-body);
    margin: var(--space-1) 0 0;
    padding: var(--space-2);
}

.location-settings__privacy[b-3vopnuc848]  .app-icon {
    color: var(--color-success-strong);
    flex: 0 0 auto;
    margin-top: 2px;
}
/* /Features/Settings/Pages/PreferenceRow.razor.rz.scp.css */
.notification-preference-row[b-ufflrx3msr] {
    align-items: center;
    border-top: 1px solid var(--color-border);
    display: flex;
    gap: var(--space-2);
    justify-content: space-between;
    min-height: 68px;
    padding: var(--space-2) 0;
}

.notification-preference-row > div[b-ufflrx3msr] {
    display: grid;
    gap: 4px;
}

.notification-preference-row strong[b-ufflrx3msr],
.notification-preference-row small[b-ufflrx3msr] {
    font-size: var(--text-sm);
}

.notification-preference-row small[b-ufflrx3msr] {
    color: var(--color-text-secondary);
    line-height: var(--line-body);
}
/* /Features/Settings/Pages/Preferences.razor.rz.scp.css */
.notification-preferences[b-jernbgm05b] {
    display: grid;
    gap: var(--space-3);
}

.notification-preferences__skeleton[b-jernbgm05b] {
    display: grid;
    gap: var(--space-3);
}

.notification-preferences__skeleton[b-jernbgm05b]  .ds-skeleton--line {
    max-width: 72%;
}

.notification-preferences__intro[b-jernbgm05b],
.notification-preferences__group > div:first-child p[b-jernbgm05b] {
    color: var(--color-text-secondary);
    margin: 0;
}

.notification-preferences__group[b-jernbgm05b] {
    display: grid;
    gap: 4px;
    padding: var(--space-3);
}

.notification-preferences__group > .notification-preference-row[b-jernbgm05b] {
    align-items: center;
    border-top: 1px solid var(--color-border);
    display: flex;
    gap: var(--space-2);
    justify-content: space-between;
    min-height: 68px;
    padding: var(--space-2) 0;
}

.notification-preferences__group > .notification-preference-row > div[b-jernbgm05b] {
    display: grid;
    gap: 4px;
}

.notification-preferences__group > .notification-preference-row small[b-jernbgm05b] {
    color: var(--color-text-secondary);
    font-size: var(--text-sm);
    line-height: var(--line-body);
}

.notification-preferences__alerts-link[b-jernbgm05b] {
    align-items: center;
    color: var(--color-primary-strong);
    display: inline-flex;
    font-size: var(--text-sm);
    font-weight: 700;
    min-height: var(--touch-target-min);
    padding-inline: var(--space-1);
    text-align: center;
}

.notification-preference-row:has(.notification-preferences__alerts-link)[b-jernbgm05b] {
    align-items: stretch;
    flex-direction: column;
}

.notification-preferences__alerts-link[b-jernbgm05b] {
    align-self: flex-start;
    text-align: left;
}

.notification-preferences__status[b-jernbgm05b],
.notification-preferences__error[b-jernbgm05b] {
    font-size: var(--text-sm);
    margin: 0;
    text-align: center;
}

.notification-preferences__status[b-jernbgm05b] {
    color: var(--color-success-strong);
}

.notification-preferences__error[b-jernbgm05b] {
    color: var(--color-danger);
}

@media (max-width: 359px) {
    .notification-preferences__group > .notification-preference-row[b-jernbgm05b] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Features/Settings/Pages/PrivacySettings.razor.rz.scp.css */
.privacy-settings__content[b-rw3m3qhixl] {
    gap: var(--space-3);
    max-width: 640px;
}

.privacy-settings__intro[b-rw3m3qhixl] {
    color: var(--color-text-secondary);
    line-height: var(--line-body);
    margin: 0;
}

.privacy-settings__item[b-rw3m3qhixl] {
    border-top: 1px solid var(--color-border);
    display: grid;
    gap: var(--space-3);
    grid-template-columns: var(--icon-control-size) minmax(0, 1fr);
    padding-top: var(--space-3);
}

.privacy-settings__icon[b-rw3m3qhixl] {
    align-items: center;
    background: var(--color-success-soft);
    border-radius: 50%;
    color: var(--color-success-strong);
    display: inline-flex;
    height: var(--icon-control-size);
    justify-content: center;
    width: var(--icon-control-size);
}

.privacy-settings__item h2[b-rw3m3qhixl] {
    font-size: var(--text-md);
    margin: 0;
}

.privacy-settings__item p[b-rw3m3qhixl] {
    color: var(--color-text-secondary);
    font-size: var(--text-sm);
    line-height: var(--line-body);
    margin: var(--space-1) 0 0;
}

.privacy-settings__links[b-rw3m3qhixl] {
    border-top: 1px solid var(--color-border);
    margin-top: var(--space-1);
    padding-top: var(--space-2);
}
/* /Features/Settings/Pages/Settings.razor.rz.scp.css */
.settings-index__content[b-4tf9izmhjx] {
    gap: var(--space-3);
    max-width: 640px;
    padding-top: var(--space-2);
}

.settings-index__section[b-4tf9izmhjx] {
    display: grid;
    gap: var(--space-1);
}

.settings-index__section h2[b-4tf9izmhjx] {
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
    font-weight: 700;
    letter-spacing: .055em;
    margin: 0;
    padding-inline: var(--space-1);
    text-transform: uppercase;
}

.settings-index__group[b-4tf9izmhjx] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-input);
    overflow: clip;
}

.settings-index__group .settings-menu__item[b-4tf9izmhjx] {
    border-radius: 0;
    min-height: 60px;
    padding-inline: var(--space-2);
}

.settings-index__group .settings-menu__item + .settings-menu__item[b-4tf9izmhjx] {
    border-top: 1px solid var(--color-border);
}

.settings-index__admin .settings-menu__icon[b-4tf9izmhjx] {
    color: var(--color-primary-strong);
}

.settings-index__label[b-4tf9izmhjx] {
    display: grid;
    gap: 2px;
}

.settings-index__label strong[b-4tf9izmhjx] {
    font-size: inherit;
}

.settings-index__label small[b-4tf9izmhjx] {
    color: var(--color-text-secondary);
    font-size: var(--text-xs);
    font-weight: 500;
}

.settings-index__logout[b-4tf9izmhjx] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid color-mix(in srgb, var(--color-danger) 32%, var(--color-border));
    border-radius: var(--radius-input);
    color: var(--color-danger);
    display: flex;
    font: inherit;
    font-size: var(--text-sm);
    font-weight: 700;
    gap: var(--space-2);
    min-height: 56px;
    padding: var(--space-2) var(--space-3);
    text-align: left;
    width: 100%;
}

.settings-index__logout:hover[b-4tf9izmhjx],
.settings-index__logout:focus-visible[b-4tf9izmhjx] {
    background: color-mix(in srgb, var(--color-danger) 5%, var(--color-surface));
}

.settings-index__logout:disabled[b-4tf9izmhjx] {
    cursor: wait;
    opacity: .58;
}

.settings-index__error[b-4tf9izmhjx] {
    color: var(--color-danger);
    font-size: var(--text-sm);
    margin: 0;
    text-align: center;
}

.settings-index__confirmation[b-4tf9izmhjx] {
    display: grid;
    gap: var(--space-3);
}

.settings-index__confirmation p[b-4tf9izmhjx] {
    color: var(--color-text-secondary);
    line-height: var(--line-body);
    margin: 0;
}

.settings-index__confirmation-actions[b-4tf9izmhjx] {
    display: grid;
    gap: var(--space-2);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.settings-index__confirmation-actions[b-4tf9izmhjx] {
    --danger-button-background: var(--gradient-danger);
    --danger-button-border: var(--color-danger-fill);
    --danger-button-text: var(--color-danger-contrast);
    --danger-button-hover: var(--gradient-danger-hover);
    --danger-button-pressed: var(--gradient-danger-pressed);
}

@media (max-width: 359px) {
    .settings-index__content[b-4tf9izmhjx] {
        gap: var(--space-2);
    }

    .settings-index__confirmation-actions[b-4tf9izmhjx] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .settings-index__logout[b-4tf9izmhjx] {
        transition: none;
    }
}
/* /Features/Shared/Localization/LanguagePicker.razor.rz.scp.css */
.language-picker[b-mut4cuxo5j] {
    display: grid;
    gap: var(--space-3);
}

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

.language-picker__options[b-mut4cuxo5j] {
    display: grid;
    gap: var(--space-2);
}

.language-option[b-mut4cuxo5j] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-input);
    color: var(--color-text-primary);
    display: grid;
    font: inherit;
    gap: var(--space-2);
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 56px;
    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);
}

.language-option:active[b-mut4cuxo5j] {
    transform: scale(0.99);
}

.language-option.is-selected[b-mut4cuxo5j] {
    background: color-mix(in srgb, var(--color-primary) 9%, var(--color-surface));
    border-color: var(--color-accent-text);
}

.language-option__code[b-mut4cuxo5j] {
    align-items: center;
    background: var(--color-background);
    border-radius: 50%;
    color: var(--color-primary-strong);
    display: flex;
    font-size: var(--text-xs);
    font-weight: 700;
    height: 38px;
    justify-content: center;
    letter-spacing: .03em;
    width: 38px;
}

.language-option strong[b-mut4cuxo5j] {
    font-size: var(--text-sm);
}

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

.language-option.is-selected .language-option__check[b-mut4cuxo5j] {
    opacity: 1;
}
/* /Features/Shared/Pages/UnderConstruction.razor.rz.scp.css */
.construction-page[b-ynoj6g4mx5] {
    align-items: center;
    background:
        radial-gradient(circle at 82% 20%, color-mix(in srgb, var(--color-primary) 15%, transparent) 0 13%, transparent 14%),
        radial-gradient(circle at 12% 80%, color-mix(in srgb, var(--color-success) 10%, transparent) 0 10%, transparent 11%),
        var(--color-background);
    display: flex;
    justify-content: center;
    min-height: 100dvh;
    padding: calc(var(--space-4) + env(safe-area-inset-top)) var(--space-3) calc(var(--space-4) + env(safe-area-inset-bottom));
}

.construction-card[b-ynoj6g4mx5] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: calc(var(--radius-card) + 8px);
    box-shadow: var(--shadow-elevated);
    display: grid;
    gap: var(--space-2);
    max-width: 520px;
    overflow: hidden;
    padding: clamp(var(--space-4), 8vw, var(--space-5));
    text-align: center;
    width: 100%;
}

.construction-card__brand[b-ynoj6g4mx5] {
    color: var(--color-primary-strong);
    font-size: var(--text-lg);
    font-weight: 700;
    justify-self: start;
    letter-spacing: -.04em;
}

.construction-card__art[b-ynoj6g4mx5] {
    align-items: end;
    background: color-mix(in srgb, var(--color-primary) 9%, var(--color-surface));
    border-radius: 50%;
    color: var(--color-primary-strong);
    display: flex;
    height: 152px;
    justify-content: center;
    margin-block: var(--space-2);
    position: relative;
    width: 152px;
}

.construction-card__art span[b-ynoj6g4mx5] {
    margin-bottom: 34px;
}

.construction-card__art i[b-ynoj6g4mx5] {
    background: var(--color-primary);
    border-radius: 50%;
    bottom: 25px;
    height: 12px;
    opacity: .28;
    position: absolute;
    width: 76px;
}

.construction-card__art b[b-ynoj6g4mx5] {
    color: var(--color-accent-text);
    position: absolute;
    right: 13px;
    top: 14px;
}

.construction-card__eyebrow[b-ynoj6g4mx5] {
    color: var(--color-primary-strong);
    font-size: var(--text-xs);
    font-weight: 700;
    letter-spacing: .08em;
    margin: 0;
    text-transform: uppercase;
}

.construction-card h1[b-ynoj6g4mx5] {
    font-size: clamp(var(--text-xl), 9vw, var(--text-display));
    letter-spacing: -.045em;
    margin: 0;
}

.construction-card__description[b-ynoj6g4mx5] {
    color: var(--color-text-secondary);
    line-height: var(--line-body);
    margin: 0 0 var(--space-3);
    max-width: 34ch;
}

.construction-card[b-ynoj6g4mx5]  .app-button {
    min-height: 48px;
    width: 100%;
}
/* /Layout/BottomNavigation.razor.rz.scp.css */
.bottom-navigation[b-3ip2szupj6] {
    background: var(--color-surface);
    border-top: 1px solid var(--color-border);
    box-sizing: border-box;
    flex: 0 0 var(--primary-navigation-height);
    height: var(--primary-navigation-height);
    padding: 0 var(--safe-area-right) var(--safe-area-bottom) var(--safe-area-left);
    position: relative;
    z-index: 10;
}

.bottom-navigation__items[b-3ip2szupj6] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    height: 100%;
    margin-inline: auto;
    max-width: var(--content-tablet);
}

.bottom-navigation__item[b-3ip2szupj6] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--color-text-secondary);
    display: flex;
    flex-direction: column;
    font: inherit;
    font-size: .6875rem;
    font-weight: 600;
    gap: 4px;
    justify-content: center;
    min-height: var(--touch-target-min);
    min-width: 0;
    padding: 4px 2px;
    text-decoration: none;
}

.bottom-navigation__item[aria-current="page"][b-3ip2szupj6] {
    color: var(--color-primary-strong);
}

.bottom-navigation__item:focus-visible[b-3ip2szupj6] {
    outline: 2px solid var(--color-focus-ring);
    outline-offset: -4px;
    border-radius: var(--radius-input);
}

.bottom-navigation__item:disabled[b-3ip2szupj6] {
    cursor: not-allowed;
    opacity: .45;
}

.bottom-navigation__item--create[b-3ip2szupj6] {
    color: var(--color-text-primary);
    gap: 2px;
}

.bottom-navigation__create-icon[b-3ip2szupj6] {
    align-items: center;
    background: var(--color-primary);
    border-radius: 50%;
    color: var(--color-on-primary);
    display: flex;
    height: var(--touch-target-min);
    justify-content: center;
    width: var(--touch-target-min);
}

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

.bottom-navigation__unread[b-3ip2szupj6] {
    background: var(--color-accent-text);
    border: 2px solid var(--color-surface);
    border-radius: 50%;
    height: 9px;
    position: absolute;
    right: -3px;
    top: -2px;
    width: 9px;
}

.bottom-navigation__item:not(:disabled):hover[b-3ip2szupj6] { background: var(--color-surface-secondary); }
.bottom-navigation__item--create:active .bottom-navigation__create-icon[b-3ip2szupj6] { background: var(--color-accent-pressed); }
/* /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--primary-navigation[b-ukcubslr1v] {
    --primary-navigation-height: calc(4.5rem + var(--safe-area-bottom));
}

.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: var(--sticky-action-bar-content-clearance);
}

@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;
    }

}
/* /Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-8habrcy34q] {
    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;
    gap: var(--space-1);
    justify-content: center;
    min-height: var(--action-height);
    padding: var(--space-2) var(--space-3);
    text-decoration: none;
    transition: background var(--motion-fast) var(--ease-standard),
        border-color var(--motion-fast) var(--ease-standard),
        box-shadow var(--motion-fast) var(--ease-standard),
        color var(--motion-fast) var(--ease-standard),
        transform var(--motion-fast) var(--ease-standard);
    width: 100%;
}

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

.app-button--primary:not(:disabled):hover[b-i74dqsu177],
.app-button--blue:not(:disabled):hover[b-i74dqsu177] {
    background: var(--color-accent-hover);
}

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

.app-button--secondary:not(:disabled):hover[b-i74dqsu177] {
    background: var(--color-surface-secondary);
}

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

.app-button--danger:not(:disabled):hover[b-i74dqsu177] {
    background: var(--danger-button-hover, var(--color-danger-soft));
}

.app-button--danger:not(:disabled):active[b-i74dqsu177] {
    background: var(--danger-button-pressed, var(--color-danger-soft));
}

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

.app-button:disabled[b-i74dqsu177] {
    cursor: not-allowed;
    background: var(--color-disabled-background);
    border-color: var(--color-border);
    box-shadow: none;
    color: var(--color-disabled);
    opacity: 1;
}

.app-button--primary:not(:disabled):active[b-i74dqsu177],
.app-button--blue:not(:disabled):active[b-i74dqsu177] { background: var(--color-accent-pressed); }
/* /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--26[b-osxxjwkydp] { font-size: 26px; }
.app-icon--28[b-osxxjwkydp] { font-size: 28px; }
.app-icon--30[b-osxxjwkydp] { font-size: 30px; }
.app-icon--32[b-osxxjwkydp] { font-size: 32px; }
.app-icon--48[b-osxxjwkydp] { font-size: 48px; }
.app-icon--64[b-osxxjwkydp] { font-size: 64px; }
/* /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-primary);
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 700;
    justify-content: center;
}

.avatar--30[b-l1ular92s2] { font-size: var(--text-xs); height: 30px; width: 30px; }
.avatar--36[b-l1ular92s2] { font-size: var(--text-xs); height: 36px; width: 36px; }
.avatar--38[b-l1ular92s2] { font-size: var(--text-sm); height: 38px; width: 38px; }
.avatar--42[b-l1ular92s2] { font-size: var(--text-sm); height: 42px; width: 42px; }
.avatar--44[b-l1ular92s2] { font-size: var(--text-sm); height: 44px; width: 44px; }
.avatar--68[b-l1ular92s2] { font-size: var(--text-xl); height: 68px; width: 68px; }

.avatar--tone-0[b-l1ular92s2] { background: var(--color-primary); }
.avatar--tone-1[b-l1ular92s2] { background: var(--color-success); color: var(--color-on-strong); }
.avatar--tone-2[b-l1ular92s2] { background: var(--color-warning); color: var(--color-on-strong); }
.avatar--tone-3[b-l1ular92s2] { background: var(--color-danger); color: var(--color-on-strong); }
.avatar--tone-4[b-l1ular92s2] { background: var(--color-text-secondary); color: var(--color-on-strong); }
/* /Shared/Components/BrandMark.razor.rz.scp.css */
.brand-mark[b-m7b7wkl6im] {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    overflow: visible;
    position: relative;
}

.brand-mark img[b-m7b7wkl6im] {
    display: block;
    height: 100%;
    object-fit: contain;
    user-select: none;
    width: 100%;
}

.brand-mark--32[b-m7b7wkl6im] { height: 32px; width: 48px; }
.brand-mark--52[b-m7b7wkl6im] { height: 52px; width: 78px; }
.brand-mark--80[b-m7b7wkl6im] { height: 80px; width: 120px; }
/* /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) max(var(--space-3), var(--safe-area-right)) calc(var(--space-3) + var(--safe-area-bottom)) max(var(--space-3), var(--safe-area-left));
    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: var(--icon-control-size);
    justify-content: center;
    width: var(--icon-control-size);
}

.confirmation-dialog--brand .confirmation-dialog__icon[b-5p4u1w32ev] {
    background: var(--color-primary-soft);
    color: var(--color-accent-text);
}

.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);
}

.confirmation-dialog__actions[b-5p4u1w32ev] {
    --danger-button-background: var(--gradient-danger);
    --danger-button-border: var(--color-danger-fill);
    --danger-button-text: var(--color-danger-contrast);
    --danger-button-hover: var(--gradient-danger-hover);
    --danger-button-pressed: var(--gradient-danger-pressed);
}
/* /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) max(var(--space-3), var(--safe-area-right)) calc(var(--space-3) + var(--safe-area-bottom)) max(var(--space-3), var(--safe-area-left));
    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-text-primary);
    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);
    margin-top: var(--space-4);
}

.draft-prompt__cancel[b-yk7ztskr89] {
    background: transparent;
    border: 0;
    border-radius: var(--radius-button);
    color: var(--color-text-secondary);
    font: inherit;
    font-weight: 700;
    min-height: var(--touch-target-min);
    padding: var(--space-1) var(--space-2);
}
/* /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: var(--radius-pill);
    color: var(--color-text-primary);
    cursor: pointer;
    display: inline-flex;
    gap: var(--space-1);
    font-size: var(--text-sm);
    font-weight: 600;
    min-height: var(--touch-target-min);
    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-accent-text);
    color: var(--color-on-primary);
}

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

.pill-button:not(:disabled):active[b-bequchk8zo] {
    transform: scale(0.98);
}
/* /Shared/Components/PrimaryPageHeader.razor.rz.scp.css */
.primary-page-header[b-itoj4no0a7] {
    align-items: center;
    display: grid;
    gap: var(--space-2);
    grid-template-columns: 92px minmax(0, 1fr) 92px;
    min-height: 54px;
    width: 100%;
}

.primary-page-header__brand[b-itoj4no0a7],
.primary-page-header__leading[b-itoj4no0a7] {
    align-items: center;
    display: flex;
    grid-column: 1;
    justify-self: start;
    min-height: var(--touch-target-min);
}

.primary-page-header__brand[b-itoj4no0a7] {
    display: inline-flex;
    text-decoration: none;
}

.primary-page-header__center[b-itoj4no0a7] {
    align-items: center;
    display: flex;
    grid-column: 2;
    justify-content: center;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.primary-page-header__actions[b-itoj4no0a7] {
    align-items: center;
    display: flex;
    grid-column: 3;
    justify-content: flex-end;
    justify-self: end;
    min-width: var(--touch-target-min);
    width: 92px;
}

.primary-page-header.primary-page-header--balanced[b-itoj4no0a7] {
    gap: var(--space-2);
    grid-template-columns: 64px minmax(0, 1fr) 64px;
    min-height: 58px;
}

.primary-page-header--balanced .primary-page-header__actions[b-itoj4no0a7] {
    width: 64px;
}

@media (max-width: 359px) {
    .primary-page-header[b-itoj4no0a7] {
        gap: var(--space-1);
        grid-template-columns: 88px minmax(0, 1fr) 88px;
    }

    .primary-page-header__actions[b-itoj4no0a7] {
        width: 88px;
    }
}

@media (max-height: 700px) {
    .primary-page-header[b-itoj4no0a7] {
        min-height: 48px;
    }

    .primary-page-header.primary-page-header--balanced[b-itoj4no0a7] {
        min-height: 52px;
    }
}
/* /Shared/Components/StatusBadge.razor.rz.scp.css */
.status-badge[b-u6b30my3kv] {
    align-items: center;
    background: var(--color-background);
    border-radius: var(--radius-pill);
    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-strong);
}

.status-badge--yellow[b-u6b30my3kv] {
    background: var(--color-warning-soft);
    color: var(--color-warning);
}

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

.status-badge--blue[b-u6b30my3kv] {
    background: var(--color-surface-secondary);
    border: 1px solid var(--color-accent-text);
    color: var(--color-primary-strong);
}

.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/TaakCelebrationOverlay.razor.rz.scp.css */
.taak-celebration[b-f6hrniwvcg] {
    align-items: center;
    background: var(--color-image-background);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: var(--space-3);
    pointer-events: auto;
    position: fixed;
    z-index: 1200;
}

.taak-celebration__mark[b-f6hrniwvcg] {
    align-items: center;
    display: flex;
    height: 120px;
    isolation: isolate;
    justify-content: center;
    position: relative;
    width: min(240px, 100vw);
}

.taak-celebration__mark[b-f6hrniwvcg]::before {
    background: radial-gradient(
        ellipse at center,
        color-mix(in srgb, var(--color-primary) 28%, transparent) 0%,
        transparent 70%);
    content: "";
    inset: -18px -32px;
    opacity: .24;
    pointer-events: none;
    position: absolute;
    transform: scale(1);
    z-index: 0;
}

.taak-celebration[b-f6hrniwvcg]  .taak-wordmark {
    backface-visibility: hidden;
    height: 84px;
    margin-top: 0;
    position: relative;
    transform-origin: center;
    width: min(156px, 48vw);
    z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
    .taak-celebration[b-f6hrniwvcg],
    .taak-celebration *[b-f6hrniwvcg] {
        animation: none !important;
        transition: none !important;
    }

    .taak-celebration__mark[b-f6hrniwvcg]::before {
        opacity: .24;
        transform: none;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .taak-celebration--fading[b-f6hrniwvcg] {
        animation: taak-celebration-layer-b-f6hrniwvcg 150ms linear both;
    }

    .taak-celebration__mark[b-f6hrniwvcg]::before {
        animation: taak-celebration-glow-in-b-f6hrniwvcg 560ms var(--ease-standard) both;
        will-change: opacity, transform;
    }

    .taak-celebration[b-f6hrniwvcg]  .taak-wordmark {
        animation: taak-celebration-mark-in-b-f6hrniwvcg 420ms var(--ease-arrive) both;
        will-change: opacity, transform;
    }
}

@keyframes taak-celebration-layer-b-f6hrniwvcg {
    from { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes taak-celebration-mark-in-b-f6hrniwvcg {
    from {
        opacity: 0;
        transform: translate3d(0, 5px, 0) scale(.92);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@keyframes taak-celebration-glow-in-b-f6hrniwvcg {
    from {
        opacity: 0;
        transform: scale(.82);
    }

    to {
        opacity: .24;
        transform: scale(1);
    }
}
/* /Shared/Components/TaakTransitionHost.razor.rz.scp.css */
.taak-transition[b-7mqnqbx7jb] {
    align-items: center;
    background: var(--color-background);
    display: flex;
    inset: 0;
    justify-content: center;
    opacity: 1;
    padding: var(--space-3);
    pointer-events: auto;
    position: fixed;
    transition: opacity var(--motion-fast) var(--ease-standard);
    z-index: 1300;
}

.taak-transition--fading[b-7mqnqbx7jb] {
    opacity: 0;
}

.taak-transition__mark[b-7mqnqbx7jb] {
    align-items: center;
    display: flex;
    height: 120px;
    isolation: isolate;
    justify-content: center;
    position: relative;
    width: min(240px, 100vw);
}

.taak-transition__mark[b-7mqnqbx7jb]::before {
    background: radial-gradient(
        ellipse at center,
        color-mix(in srgb, var(--color-primary) 28%, transparent) 0%,
        transparent 70%);
    content: "";
    inset: -18px -32px;
    opacity: .24;
    pointer-events: none;
    position: absolute;
    transform: scale(1);
    z-index: 0;
}

.taak-transition[b-7mqnqbx7jb]  .taak-wordmark {
    backface-visibility: hidden;
    height: 84px;
    margin-top: 0;
    transform-origin: center;
    width: min(156px, 48vw);
    z-index: 1;
}

@media (prefers-reduced-motion: no-preference) {
    .taak-transition__mark[b-7mqnqbx7jb]::before {
        animation: taak-transition-glow-in-b-7mqnqbx7jb
            calc(var(--motion-slow) + var(--motion-fast))
            var(--ease-standard) both;
        will-change: opacity, transform;
    }

    .taak-transition[b-7mqnqbx7jb]  .taak-wordmark {
        animation: taak-transition-mark-in-b-7mqnqbx7jb var(--motion-slow) var(--ease-arrive) both;
        will-change: opacity, transform;
    }
}

@media (prefers-reduced-motion: reduce) {
    .taak-transition[b-7mqnqbx7jb] {
        transition: none;
    }

    .taak-transition__mark[b-7mqnqbx7jb]::before {
        opacity: .24;
        transform: none;
    }

    .taak-transition[b-7mqnqbx7jb]  .taak-wordmark {
        animation: none;
        opacity: 1;
        transform: none;
    }
}

@keyframes taak-transition-mark-in-b-7mqnqbx7jb {
    from {
        opacity: 0;
        transform: translate3d(0, 5px, 0) scale(.92);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@keyframes taak-transition-glow-in-b-7mqnqbx7jb {
    from {
        opacity: 0;
        transform: scale(.82);
    }

    to {
        opacity: .24;
        transform: scale(1);
    }
}
/* /Shared/Components/TaakWordmark.razor.rz.scp.css */
.taak-wordmark[b-wbo3ycl74u] {
    display: inline-block;
    flex: 0 0 auto;
    overflow: hidden;
    position: relative;
}

.taak-wordmark img[b-wbo3ycl74u] {
    display: block;
    height: 100%;
    inset: 0;
    max-width: 100%;
    object-fit: contain;
    pointer-events: none;
    position: absolute;
    user-select: none;
    width: 100%;
}

.taak-wordmark--header[b-wbo3ycl74u] {
    height: 44px;
    width: 70px;
}

.taak-wordmark--action[b-wbo3ycl74u] {
    height: 42px;
    width: 66px;
}

.taak-wordmark--mark[b-wbo3ycl74u] {
    height: 32px;
    width: 48px;
}

.taak-wordmark--celebration[b-wbo3ycl74u] {
    height: 84px;
    width: min(156px, 48vw);
}

@media (max-height: 700px) {
    .taak-wordmark--header[b-wbo3ycl74u] {
        height: 40px;
        width: 64px;
    }
}
/* /Shared/Components/ToggleSwitch.razor.rz.scp.css */
.toggle-switch[b-tkaxe77zk3] {
    background: transparent;
    border: 0;
    border-radius: var(--radius-pill);
    cursor: pointer;
    flex: 0 0 auto;
    height: var(--touch-target-min);
    padding: 0;
    position: relative;
    width: 60px;
}

.toggle-switch[b-tkaxe77zk3]::before {
    background: var(--color-border-control);
    border-radius: var(--radius-pill);
    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-accent-text);
}

.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] {
    bottom: auto;
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    left: max(var(--space-3), calc(var(--safe-area-left) + var(--space-2)));
    margin-inline: auto;
    max-width: 520px;
    pointer-events: none;
    position: absolute;
    right: max(var(--space-3), calc(var(--safe-area-right) + var(--space-2)));
    top: calc(var(--safe-area-top) + var(--space-3));
    z-index: 1000;
}

.toast[b-58jwxapnl9] {
    align-items: center;
    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-arrive) 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-strong);
}

.toast__text[b-58jwxapnl9] {
    flex: 1;
    min-width: 0;
}

.toast__action[b-58jwxapnl9],
.toast__close[b-58jwxapnl9] {
    background: transparent;
    border: 0;
    cursor: pointer;
    min-height: var(--touch-target-min);
}

.toast__action[b-58jwxapnl9] {
    color: var(--color-primary-strong);
    font: inherit;
    font-weight: 700;
    padding: 0 var(--space-1);
    white-space: nowrap;
}

.toast__action:disabled[b-58jwxapnl9],
.toast__close:disabled[b-58jwxapnl9] {
    cursor: default;
    opacity: 0.58;
}

.toast__close[b-58jwxapnl9] {
    color: var(--color-text-secondary);
    font-size: var(--text-lg);
    line-height: 1;
    min-width: var(--touch-target-min);
    padding: 0 var(--space-1);
}

@media (min-width: 1100px) {
    .toast-region[b-58jwxapnl9] {
        bottom: auto;
        top: max(var(--space-4), var(--safe-area-top));
    }
}