@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.olwso25aue.bundle.scp.css';

/* /Components/AgentChatWidget.razor.rz.scp.css */
.agent-chat-widget[b-n9fezpmo7g] {
    position: fixed;
    top: calc((6rem - 2.35rem) / 2);
    right: calc(max(0.9rem, env(safe-area-inset-right)) + 3rem);
    z-index: 1026;
}

@media (min-width: 576px) {
    body.shareca-calendar-page-active .agent-chat-widget[b-n9fezpmo7g],
    body.shareca-shell-page-active .agent-chat-widget[b-n9fezpmo7g] {
        top: 1.45rem;
        right: calc(max(0.9rem, env(safe-area-inset-right)) + 3rem);
    }
}

.agent-chat-toggle[b-n9fezpmo7g] {
    position: relative;
    display: grid;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    color: #344054;
    background: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 999px;
    box-shadow: 0 0.25rem 0.65rem rgba(16, 24, 40, 0.12);
    cursor: pointer;
}

.agent-chat-toggle:hover[b-n9fezpmo7g],
.agent-chat-toggle:focus[b-n9fezpmo7g],
.agent-chat-widget.open .agent-chat-toggle[b-n9fezpmo7g] {
    color: #1f2937;
    background: #f8e8ff;
    border-color: #d991ef;
}

.agent-chat-toggle .bi[b-n9fezpmo7g] {
    font-size: 1.45rem;
    line-height: 1;
}

.agent-chat-toggle span[b-n9fezpmo7g] {
    position: absolute;
    right: -0.22rem;
    bottom: -0.18rem;
    display: inline-grid;
    place-items: center;
    min-width: 1.05rem;
    height: 1.05rem;
    padding: 0 0.18rem;
    color: #1f2937;
    background: #aaf0d7;
    border: 1px solid #8fd8bf;
    border-radius: 999px;
    font-size: 0.52rem;
    font-weight: 800;
    line-height: 1;
}

.agent-chat-panel[b-n9fezpmo7g] {
    position: absolute;
    top: calc(100% + 0.55rem);
    right: 0;
    display: grid;
    grid-template-rows: auto minmax(10rem, 1fr) auto auto;
    width: min(22.5rem, calc(100vw - 1.5rem));
    max-height: min(34rem, calc(100dvh - 5rem));
    overflow: hidden;
    color: #1f2937;
    background: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 0.5rem;
    box-shadow: 0 1rem 2rem rgba(16, 24, 40, 0.18);
}

.agent-chat-panel header[b-n9fezpmo7g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 0.85rem;
    border-bottom: 1px solid #eaecf0;
}

.agent-chat-panel header div[b-n9fezpmo7g] {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
}

.agent-chat-panel header strong[b-n9fezpmo7g] {
    font-size: 0.95rem;
    line-height: 1.15;
}

.agent-chat-panel header span[b-n9fezpmo7g] {
    color: #667085;
    font-size: 0.78rem;
    line-height: 1.2;
}

.agent-chat-close[b-n9fezpmo7g] {
    display: inline-grid;
    place-items: center;
    width: 1.85rem;
    height: 1.85rem;
    padding: 0;
    color: #475467;
    background: transparent;
    border: 0;
    border-radius: 0.35rem;
}

.agent-chat-close:hover[b-n9fezpmo7g],
.agent-chat-close:focus[b-n9fezpmo7g] {
    color: #1f2937;
    background: #f2f4f7;
}

.agent-chat-messages[b-n9fezpmo7g] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding: 0.8rem;
    overflow-y: auto;
    background: #f8fafc;
}

.agent-chat-message[b-n9fezpmo7g] {
    max-width: 88%;
    padding: 0.55rem 0.65rem;
    border-radius: 0.5rem;
    font-size: 0.86rem;
    line-height: 1.35;
    white-space: pre-wrap;
}

.agent-chat-message.assistant[b-n9fezpmo7g] {
    align-self: flex-start;
    color: #344054;
    background: #fff;
    border: 1px solid #eaecf0;
}

.agent-chat-message.user[b-n9fezpmo7g] {
    align-self: flex-end;
    color: #1f2937;
    background: #e8fff6;
    border: 1px solid #8fd8bf;
}

.agent-chat-message.thinking[b-n9fezpmo7g] {
    color: #667085;
    font-style: italic;
}

.agent-chat-suggestions[b-n9fezpmo7g] {
    display: flex;
    gap: 0.4rem;
    padding: 0.55rem 0.7rem;
    overflow-x: auto;
    border-top: 1px solid #eaecf0;
}

.agent-chat-suggestions button[b-n9fezpmo7g] {
    flex: 0 0 auto;
    min-height: 1.9rem;
    padding: 0 0.55rem;
    color: #344054;
    background: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 700;
    white-space: nowrap;
}

.agent-chat-suggestions button:hover[b-n9fezpmo7g],
.agent-chat-suggestions button:focus[b-n9fezpmo7g] {
    background: #f8e8ff;
    border-color: #d991ef;
}

.agent-chat-input[b-n9fezpmo7g] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 2.35rem;
    gap: 0.45rem;
    padding: 0.7rem;
    border-top: 1px solid #eaecf0;
}

.agent-chat-input textarea[b-n9fezpmo7g] {
    width: 100%;
    min-height: 2.35rem;
    max-height: 5.5rem;
    resize: vertical;
    padding: 0.5rem 0.6rem;
    color: #1f2937;
    border: 1px solid #d0d5dd;
    border-radius: 0.45rem;
    font-size: 0.86rem;
    line-height: 1.3;
}

.agent-chat-input button[b-n9fezpmo7g] {
    display: inline-grid;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    color: #0f3f32;
    background: #aaf0d7;
    border: 1px solid #8fd8bf;
    border-radius: 0.45rem;
}

.agent-chat-input button:hover[b-n9fezpmo7g],
.agent-chat-input button:focus[b-n9fezpmo7g] {
    color: #5f2c73;
    background: #f8e8ff;
    border-color: #d991ef;
}

.agent-chat-input button:disabled[b-n9fezpmo7g] {
    color: #98a2b3;
    background: #f8fafc;
    border-color: #d0d5dd;
}

:global(body.shareca-dark-mode) .agent-chat-panel[b-n9fezpmo7g] {
    color: #e5e7eb;
    background: #0b1220;
    border-color: #334155;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.45);
}

:global(body.shareca-dark-mode) .agent-chat-panel header[b-n9fezpmo7g],
:global(body.shareca-dark-mode) .agent-chat-suggestions[b-n9fezpmo7g],
:global(body.shareca-dark-mode) .agent-chat-input[b-n9fezpmo7g] {
    background: #111827;
    border-color: #334155;
}

:global(body.shareca-dark-mode) .agent-chat-panel header span[b-n9fezpmo7g],
:global(body.shareca-dark-mode) .agent-chat-message.thinking[b-n9fezpmo7g] {
    color: #cbd5e1;
}

:global(body.shareca-dark-mode) .agent-chat-messages[b-n9fezpmo7g] {
    background: #0f172a;
}

:global(body.shareca-dark-mode) .agent-chat-message.assistant[b-n9fezpmo7g] {
    color: #e5e7eb;
    background: #111827;
    border-color: #334155;
}

:global(body.shareca-dark-mode) .agent-chat-message.user[b-n9fezpmo7g] {
    color: #052e22;
    background: #aaf0d7;
    border-color: #74c7ac;
}

:global(body.shareca-dark-mode) .agent-chat-input textarea[b-n9fezpmo7g] {
    color: #f8fafc;
    background: #0b1220;
    border-color: #475569;
}

:global(body.shareca-dark-mode) .agent-chat-input textarea[b-n9fezpmo7g]::placeholder {
    color: #94a3b8;
}

:global(body.shareca-dark-mode) .agent-chat-input button[b-n9fezpmo7g] {
    color: #06281f;
    background: #aaf0d7;
    border-color: #74c7ac;
}

:global(body.shareca-dark-mode) .agent-chat-input button:hover[b-n9fezpmo7g],
:global(body.shareca-dark-mode) .agent-chat-input button:focus[b-n9fezpmo7g] {
    color: #f8fafc;
    background: #a855c7;
    border-color: #d991ef;
}

:global(body.shareca-dark-mode) .agent-chat-input button:disabled[b-n9fezpmo7g] {
    color: #64748b;
    background: #1f2937;
    border-color: #334155;
}

:global(body.shareca-dark-mode) .agent-chat-close[b-n9fezpmo7g] {
    color: #cbd5e1;
}

:global(body.shareca-dark-mode) .agent-chat-close:hover[b-n9fezpmo7g],
:global(body.shareca-dark-mode) .agent-chat-close:focus[b-n9fezpmo7g] {
    color: #f8fafc;
    background: #1f2937;
}

@media (max-width: 575.98px) {
    .agent-chat-widget[b-n9fezpmo7g] {
        top: calc((3.75rem - 2.35rem) / 2);
        right: calc(max(0.75rem, env(safe-area-inset-right)) + 6rem);
    }

    .agent-chat-panel[b-n9fezpmo7g] {
        position: fixed;
        top: calc(3.75rem + 0.5rem);
        right: max(0.75rem, env(safe-area-inset-right));
        left: max(0.75rem, env(safe-area-inset-left));
        width: auto;
        max-height: calc(100dvh - 5rem);
    }
}
/* /Components/Calendar.razor.rz.scp.css */
/* --- Layout --- */
.calendar-container[b-7ao74upqlq] {
    --calendar-hour-height: 50px;
    --calendar-time-column-width: 60px;
    --calendar-week-header-height: 3.15rem;
    --calendar-all-day-row-height: 1.55rem;
    --calendar-toolbar-control-height: calc(1.5em + 0.5rem + 2px);
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    max-width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    font-family: 'Segoe UI', sans-serif;
    color: #333;
    overflow: hidden;
}

/* --- Header --- */
.calendar-header[b-7ao74upqlq] {
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
    background-color: #f8f9fa;
}

.header-left[b-7ao74upqlq], .header-right[b-7ao74upqlq] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.btn-nav[b-7ao74upqlq] {
    background: #fff;
    border: 1px solid #ced4da;
    padding: 5px 12px;
    cursor: pointer;
    font-size: 0.9rem;
    transition: all 0.2s;
}

    .btn-nav:hover[b-7ao74upqlq] {
        background: #e9ecef;
    }

    .btn-nav.active[b-7ao74upqlq] {
        background: #0056b3;
        color: white;
        border-color: #0056b3;
    }

.btn-group .btn-nav:not(:last-child)[b-7ao74upqlq] {
    border-right: none;
}

.date-range-label[b-7ao74upqlq] {
    font-weight: 600;
    font-size: 1.1rem;
    margin-left: 10px;
}

/* --- Grid Structure --- */
.calendar-body[b-7ao74upqlq] {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.calendar-content[b-7ao74upqlq] {
    flex: 1 1 auto;
    min-height: 0;
    max-width: 100%;
    overflow: hidden;
}

.grid-header[b-7ao74upqlq], .all-day-row[b-7ao74upqlq], .time-grid[b-7ao74upqlq] {
    border-bottom: 1px solid #e0e0e0;
}

.time-col-header[b-7ao74upqlq] {
    width: 60px;
    border-right: 1px solid #ddd;
}

.time-label-cell[b-7ao74upqlq] {
    font-size: 0.75rem;
    color: #666;
    text-align: right;
    padding: 5px;
    border-right: 1px solid #ddd;
}

/* Day Columns */
.day-header[b-7ao74upqlq] {
    text-align: center;
    padding: 8px;
    border-right: 1px solid #ddd;
    background: #fff;
}

    .day-header.current-day .day-number[b-7ao74upqlq] {
        background-color: green;
        color: white;
        border-radius: 15%;
        padding: 1px 10px;
    }

.day-name[b-7ao74upqlq] {
    display: block;
    font-size: 0.8rem;
    text-transform: uppercase;
    color: #666;
}

.day-number[b-7ao74upqlq] {
    font-size: 1.2rem;
}

/* --- All Day Section --- */
.all-day-row[b-7ao74upqlq] {
    min-height: 30px;
    position: relative;
    background-color: #fff;
}

.all-day-label[b-7ao74upqlq] {
    position: sticky;
    top: var(--calendar-week-header-height);
    z-index: 28;
    display: grid;
    place-items: center end;
    height: var(--calendar-all-day-row-height);
    min-height: var(--calendar-all-day-row-height);
    padding-right: 0.35rem;
    background: #fbfcfd;
    color: #667085;
    font-size: 0.72rem;
    border-bottom: 1px solid #e9ecef;
}

.calendar-filter-top-cell[b-7ao74upqlq],
.calendar-day-top-spacer[b-7ao74upqlq] {
    position: sticky;
    top: 0;
    z-index: 29;
    display: grid;
    place-items: center;
    height: var(--calendar-week-header-height);
    min-height: var(--calendar-week-header-height);
    max-height: var(--calendar-week-header-height);
    background: #fff;
    border-bottom: 1px solid #dee2e6;
}

.calendar-day-top-spacer[b-7ao74upqlq] {
    z-index: 24;
}

.calendar-filter-top-cell + .all-day-label[b-7ao74upqlq],
.calendar-day-top-spacer + .all-day-event-row[b-7ao74upqlq] {
    top: var(--calendar-week-header-height);
}

.calendar-filter-button[b-7ao74upqlq] {
    display: inline-grid;
    place-items: center;
    width: 1.28rem;
    height: 1.28rem;
    min-width: 1.28rem;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 4px;
    background: transparent;
    color: #667085;
    font-size: 0.78rem;
    line-height: 1;
}

.calendar-filter-button:hover[b-7ao74upqlq],
.calendar-filter-button:focus[b-7ao74upqlq],
.calendar-filter-button.active[b-7ao74upqlq] {
    border-color: #9ac8ba;
    background: #eaf8f2;
    color: #116149;
}

.day-events-column[b-7ao74upqlq] {
    min-width: 0;
}

.all-day-event-row[b-7ao74upqlq] {
    position: sticky;
    top: 0;
    z-index: 24;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    box-sizing: border-box;
    height: var(--calendar-all-day-row-height);
    min-height: var(--calendar-all-day-row-height);
    max-height: var(--calendar-all-day-row-height);
    padding: 0.12rem 0.35rem;
    background: #fbfcfd;
    border-bottom: 1px solid #e9ecef;
    overflow: hidden;
}

.week-all-day-row[b-7ao74upqlq] {
    top: var(--calendar-week-header-height);
}

.calendar-filter-dialog .modal-body[b-7ao74upqlq] {
    display: grid;
    gap: 0.75rem;
    padding-top: 0.75rem;
}

.calendar-filter-field[b-7ao74upqlq] {
    display: grid;
    gap: 0.25rem;
}

.calendar-filter-field .form-label[b-7ao74upqlq] {
    margin-bottom: 0;
    font-weight: 700;
}

.calendar-filter-options[b-7ao74upqlq] {
    display: grid;
    gap: 0.5rem;
    max-height: 12rem;
    padding-right: 0.2rem;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.calendar-filter-option[b-7ao74upqlq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 3.25rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid #e3e8ef;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
}

.calendar-filter-option:hover[b-7ao74upqlq],
.calendar-filter-option.active[b-7ao74upqlq] {
    border-color: #7ecbb5;
    background: #f0fbf7;
}

.calendar-filter-option input[b-7ao74upqlq] {
    margin: 0;
}

.calendar-filter-option-icon[b-7ao74upqlq] {
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    border-radius: 6px;
    background: #eef7f4;
    color: #157057;
}

.calendar-filter-option-text[b-7ao74upqlq] {
    display: grid;
    min-width: 0;
    line-height: 1.2;
}

.calendar-filter-option-text strong[b-7ao74upqlq],
.calendar-filter-option-text small[b-7ao74upqlq] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calendar-filter-option-text small[b-7ao74upqlq] {
    color: #667085;
    margin-top: 0.15rem;
}

.all-day-events-container[b-7ao74upqlq] {
    display: grid;
    /* This creates a sub-grid strictly for the events to span */
    grid-template-columns: repeat(7, 1fr);
    grid-auto-flow: row dense;
    padding: 2px 0;
    z-index: 2; /* Sit above grid lines */
}

.grid-cell-bg[b-7ao74upqlq] {
    border-right: 1px solid #ddd;
}

/* --- Time Slots --- */
.time-label[b-7ao74upqlq] {
    text-align: right;
    padding-right: 8px;
    font-size: 0.75rem;
    color: #70757a;
    transform: translateY(-8px); /* Align with line */
}

.time-slot[b-7ao74upqlq] {
    border-right: 1px solid #ddd;
    border-top: 1px solid #f0f0f0;
    height: var(--calendar-hour-height);
    position: relative;
    transition: background 0.1s;
}

    .time-slot:hover[b-7ao74upqlq] {
        background-color: #f8f9fa;
    }

/* --- Event Cards --- */
.event-card[b-7ao74upqlq] {
    background-color: #aaf0d7; /* Bootstrap Primary Blue */
    color: #111827;
    border-radius: 4px;
    padding: 2px 6px;
    font-size: 0.8rem;
    cursor: grab;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    border-left: 3px solid rgba(255, 255, 255, 0.3);
    position: relative;
}

.event-card.shared-event[b-7ao74upqlq] {
    background-color: #7db7e8;
    border-left-color: #2f6fa5;
    cursor: pointer;
}

.event-card-title[b-7ao74upqlq] {
    color: #111827;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
}

.event-card-owner[b-7ao74upqlq] {
    color: #111827;
    font-size: 0.68rem;
    line-height: 1.1;
    opacity: 0.95;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
}

.event-card-owner-inline[b-7ao74upqlq] {
    color: #111827;
    opacity: 0.9;
    pointer-events: none;
}

.share-status[b-7ao74upqlq] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    min-width: 0;
}

.share-status.accepted[b-7ao74upqlq] {
    color: #0f5132;
}

.event-card .share-status.accepted[b-7ao74upqlq] {
    color: #0f5132;
}

.share-status.pending[b-7ao74upqlq] {
    color: #664d03;
}

.event-card .share-status.pending[b-7ao74upqlq] {
    color: #664d03;
}

.share-status .bi[b-7ao74upqlq] {
    flex: 0 0 auto;
}

.share-recipient-strip[b-7ao74upqlq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.share-recipient-chip[b-7ao74upqlq] {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    max-width: 100%;
    min-height: 1.8rem;
    padding: 0.15rem 0.22rem 0.15rem 0.5rem;
    border: 1px solid currentColor;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
}

.share-recipient-chip.accepted[b-7ao74upqlq] {
    color: #0f5132;
    background: rgba(255, 255, 255, 0.62);
}

.share-recipient-chip.pending[b-7ao74upqlq] {
    color: #664d03;
    background: rgba(255, 255, 255, 0.62);
}

.share-recipient-chip > span[b-7ao74upqlq] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.share-recipient-remove[b-7ao74upqlq] {
    display: inline-grid;
    place-items: center;
    width: 1.35rem;
    height: 1.35rem;
    padding: 0;
    color: currentColor;
    background: rgba(255, 255, 255, 0.68);
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 999px;
}

.share-recipient-remove:hover[b-7ao74upqlq],
.share-recipient-remove:focus[b-7ao74upqlq] {
    background: #fff;
    border-color: currentColor;
    outline: none;
}

.share-email-input-row[b-7ao74upqlq] {
    flex-wrap: nowrap;
}

.share-email-field[b-7ao74upqlq] {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
}

.share-email-field .form-control[b-7ao74upqlq]::placeholder {
    font-style: italic;
}

.share-email-submit[b-7ao74upqlq] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 2.35rem;
    padding-inline: 0;
}

.event-card.all-day[b-7ao74upqlq] {
    margin: 1px 4px;
    min-height: 0;
    max-height: calc(var(--calendar-all-day-row-height) - 0.24rem);
    max-width: 100%;
    padding-inline: 0.45rem;
    line-height: 1.2;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #E5a9f7;
    color: #111827;
    border-left-color: #c86fe5;
    cursor: pointer;
}

.event-card.timed[b-7ao74upqlq] {
    position: absolute;
    margin: 0;
    overflow: hidden;
    box-sizing: border-box;
    background-clip: padding-box;
    background-color: #aaf0d7;
    border-left: 1.5px solid rgba(70, 130, 180, 0.8);
    border-right: 2px solid transparent;
    border-radius: 5px;
    margin: 2px 6px;
    color: #111827;
    font-size: 0.85rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    cursor: grab;
    user-select: none;
    z-index: 2;
    transition: box-shadow 0.15s ease-in-out, transform 0.12s ease-in-out;
}

.external-calendar-deletion-badges[b-7ao74upqlq] {
    position: absolute;
    right: 0.22rem;
    bottom: 0.16rem;
    display: inline-flex;
    align-items: center;
    gap: 0.1rem;
    pointer-events: none;
    z-index: 3;
}

.external-calendar-deletion-badge[b-7ao74upqlq] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 0.95rem;
    height: 0.95rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: #111827;
    border: 1px solid rgba(17, 24, 39, 0.25);
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 1;
}

.external-calendar-deletion-badge[b-7ao74upqlq]::after {
    content: "";
    position: absolute;
    left: 0.12rem;
    right: 0.12rem;
    top: 50%;
    border-top: 1.5px solid #dc2626;
    transform: rotate(-28deg);
}

.external-calendar-deletion-badge.google[b-7ao74upqlq] {
    color: #1a73e8;
}

.external-calendar-deletion-badge.microsoft[b-7ao74upqlq] {
    color: #7f3fbf;
}

.external-calendar-deletion-badge.apple[b-7ao74upqlq] {
    color: #111827;
    font-size: 0.68rem;
}

.event-card.all-day .external-calendar-deletion-badges[b-7ao74upqlq],
.event-card.month-label .external-calendar-deletion-badges[b-7ao74upqlq] {
    right: 0.12rem;
    bottom: 0.08rem;
}

.event-card.all-day .external-calendar-deletion-badge[b-7ao74upqlq],
.event-card.month-label .external-calendar-deletion-badge[b-7ao74upqlq] {
    width: 0.78rem;
    height: 0.78rem;
    font-size: 0.52rem;
}

.event-card.timed .event-card-title[b-7ao74upqlq] {
    line-height: 1.15;
}

.event-card.timed:hover[b-7ao74upqlq] {
    z-index: 999 !important;
    box-shadow: 0 8px 16px rgba(0,0,0,0.3);
    cursor: grab;
}

.event-card.timed:active[b-7ao74upqlq] {
    cursor: grabbing;
}

.event-title[b-7ao74upqlq] {
    font-weight: 600;
}

.event-time[b-7ao74upqlq] {
    font-size: 0.7rem;
    opacity: 0.9;
}

/* Floating Add Button */
.fab-add[b-7ao74upqlq] {
    position: absolute;
    bottom: 42px;
    right: 72px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    font-size: 32px;
    font-weight: 400;
    display: grid;
    place-items: center;
    padding: 0;
    border: none;
    background-color: #aaf0d7;
    color: white;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    z-index: 80;
}

    .fab-add.disabled[b-7ao74upqlq] {
        display: none;
    }

.modal-backdrop[b-7ao74upqlq] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1040;
}

.hour-slot[b-7ao74upqlq] {
    border-bottom: 1px solid #f1f1f1;
}

    .hour-slot:hover[b-7ao74upqlq] {
        background-color: rgba(0, 0, 0, 0.04);
    }

.event-card[b-7ao74upqlq] {
    z-index: 2;
}

.drop-layer[b-7ao74upqlq] {
    z-index: 1;
}

.modal[b-7ao74upqlq] {
    display: block; /* Required because we control visibility with @if */
    background: rgba(0, 0, 0, 0.2);
    overflow-y: auto;
}

.modal-dialog[b-7ao74upqlq] {
    max-width: 34rem;
}

.recurring-choice-dialog[b-7ao74upqlq] {
    max-width: 26rem;
}

.recurring-choice-text[b-7ao74upqlq] {
    margin: 0 0 0.9rem;
    color: #475467;
    line-height: 1.35;
}

.recurring-choice-actions[b-7ao74upqlq] {
    display: grid;
    gap: 0.55rem;
}

.recurring-choice-actions .btn[b-7ao74upqlq] {
    justify-content: center;
}

.apple-calendar-login-dialog[b-7ao74upqlq] {
    max-width: 30rem;
}

.apple-calendar-login-help[b-7ao74upqlq] {
    margin: 0 0 0.8rem;
    color: #667085;
    line-height: 1.35;
}

.apple-calendar-login-status[b-7ao74upqlq] {
    margin-bottom: 0.8rem;
    padding: 0.45rem 0.6rem;
    color: #27745d;
    background: rgba(170, 240, 215, 0.22);
    border: 1px solid #aaf0d7;
    border-radius: 0.5rem;
}

.apple-calendar-help-toggle[b-7ao74upqlq] {
    justify-self: start;
    padding: 0;
    color: #6f3f7a;
    background: transparent;
    border: 0;
    font-weight: 700;
    text-align: left;
}

.apple-calendar-help-toggle:hover[b-7ao74upqlq],
.apple-calendar-help-toggle:focus[b-7ao74upqlq] {
    color: #4f2c58;
    text-decoration: underline;
}

.apple-calendar-password-help[b-7ao74upqlq] {
    padding: 0.55rem 0.7rem;
    color: #475467;
    background: #f8fafc;
    border: 1px solid #eaecf0;
    border-radius: 0.5rem;
}

.apple-calendar-password-help ul[b-7ao74upqlq] {
    margin: 0;
    padding-left: 1rem;
}

.apple-calendar-password-help li + li[b-7ao74upqlq] {
    margin-top: 0.35rem;
}

.apple-calendar-optional-divider[b-7ao74upqlq] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin: 0.75rem 0;
    color: #667085;
    font-size: 0.76rem;
    font-weight: 600;
    text-transform: uppercase;
}

.apple-calendar-optional-divider[b-7ao74upqlq]::before,
.apple-calendar-optional-divider[b-7ao74upqlq]::after {
    content: "";
    height: 1px;
    flex: 1 1 auto;
    background: #d0d5dd;
}

.modal-body > .mb-3[b-7ao74upqlq],
.modal-body > .row > .col-md-6 > .mb-3[b-7ao74upqlq] {
    display: grid;
    grid-template-columns: minmax(7.5rem, 32%) minmax(0, 1fr);
    align-items: center;
    column-gap: 0.55rem;
    margin-bottom: 0.42rem !important;
}

.modal-body > .mb-3 > .validation-message[b-7ao74upqlq] {
    grid-column: 2;
}

.modal-body > .mb-3 > .form-label[b-7ao74upqlq],
.modal-body > .row > .col-md-6 > .mb-3 > .form-label[b-7ao74upqlq] {
    margin-bottom: 0;
    font-size: 11px;
    color: #475467;
}

.event-date-range-row[b-7ao74upqlq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 0.55rem;
    margin-bottom: 0.42rem;
}

.event-date-range-row > .mb-3[b-7ao74upqlq] {
    min-width: 0;
    margin-bottom: 0 !important;
}

.event-date-range-row :is(.date-time-text-input, .new-event-date-time-input, .input-group, .form-control)[b-7ao74upqlq] {
    min-width: 0;
}

.event-date-label[b-7ao74upqlq] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin-bottom: 0.25rem;
    color: #475467;
    font-size: 11px;
    line-height: 1.15;
    white-space: nowrap;
}

.event-date-label i[b-7ao74upqlq] {
    display: none;
    font-size: 0.95rem;
    line-height: 1;
}

.modal-body textarea.form-control[b-7ao74upqlq] {
    min-height: 4rem;
}

/* Month View Specifics */
.month-view-grid[b-7ao74upqlq] {
    background-color: #f0f0f0;
    gap: 1px;
    min-width: 0;
    border-bottom: 1px solid #dee2e6;
}

.month-cell[b-7ao74upqlq] {
    min-width: 0;
    background-color: #fff;
    overflow: hidden;
}

.month-cell > .small[b-7ao74upqlq] {
    font-size: 0.92rem;
    line-height: 1.18;
}

.month-cell.current-month-day[b-7ao74upqlq] {
    position: relative;
    outline: 2px solid #E5a9f7;
    outline-offset: -2px;
    box-shadow: inset 0 0 0 1px rgba(229, 169, 247, 0.35);
    z-index: 1;
}

.event-card.month-label[b-7ao74upqlq] {
    font-size: 0.78rem;
    padding: 2px 4px;
    margin-bottom: 2px;
    max-width: 100%;
    min-width: 0;
    background: #aaf0d7;
    color: #111827;
    border-radius: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: normal;
}

/* Day/Week Time Grid */
.day-view-grid[b-7ao74upqlq] {
    display: grid;
    grid-template-columns: var(--calendar-time-column-width) 1fr;
    overflow: auto;
    max-width: 100%;
    touch-action: pan-x pan-y;
}

.week-view-grid[b-7ao74upqlq] {
    overflow: auto;
    max-width: 100%;
    touch-action: pan-x pan-y;
    overscroll-behavior: contain;
}

.calendar-time-scroll[b-7ao74upqlq] {
    height: 100%;
    max-height: 100%;
    min-height: 0;
    scrollbar-gutter: stable;
}

.time-column[b-7ao74upqlq],
.time-labels-col[b-7ao74upqlq] {
    position: sticky;
    left: 0;
    z-index: 26;
    background: #fff;
    border-right: 1px solid #dee2e6;
}

.time-column[b-7ao74upqlq] {
    align-self: start;
}

.time-labels-col[b-7ao74upqlq] {
    margin-top: 0;
}

.time-labels-col .all-day-label[b-7ao74upqlq] {
    top: var(--calendar-week-header-height);
}

.week-day-header[b-7ao74upqlq] {
    position: sticky;
    top: 0;
    z-index: 25;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.02rem;
    min-width: 0;
    padding: 0.1rem 0.22rem !important;
    height: var(--calendar-week-header-height);
    min-height: var(--calendar-week-header-height);
    max-height: var(--calendar-week-header-height);
    background: #fff;
    overflow: hidden;
    overflow-wrap: anywhere;
}

.week-day-header-centered[b-7ao74upqlq] {
    justify-content: center;
}

.week-day-header.current-week-day[b-7ao74upqlq] {
    color: #6f3f7a;
    background: #f8e8ff !important;
}

.week-day-title[b-7ao74upqlq],
.week-day-header .holiday[b-7ao74upqlq],
.week-day-header .name-day[b-7ao74upqlq] {
    width: 100%;
    min-width: 0;
    line-height: 1;
    white-space: normal;
    overflow: hidden;
}

.week-day-title[b-7ao74upqlq] {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 0.25rem;
}

.week-day-name[b-7ao74upqlq] {
    font-size: 0.76rem;
}

.week-day-number[b-7ao74upqlq] {
    font-size: 0.96rem;
    font-weight: 700;
}

.holiday[b-7ao74upqlq],
.week-day-header .holiday[b-7ao74upqlq] {
    font-weight: 400;
}

.week-day-header .name-day[b-7ao74upqlq] {
    font-weight: 600;
}

.month-day-header[b-7ao74upqlq] {
    position: sticky;
    top: 0;
    z-index: 10;
}

.hour-label[b-7ao74upqlq] {
    height: var(--calendar-hour-height);
    position: relative;
    z-index: 1;
    font-size: 0.75rem;
    text-align: right;
    padding-right: 5px;
    border-bottom: 1px solid #eee;
}

.current-time-line[b-7ao74upqlq] {
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background: #E5a9f7;
    box-shadow: 0 0 0 1px rgba(229, 169, 247, 0.16);
    pointer-events: none;
    z-index: 30;
}

.current-time-line[b-7ao74upqlq]::before {
    content: "";
    position: absolute;
    left: -4px;
    top: -4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #E5a9f7;
}

.holiday.open[b-7ao74upqlq] {
    color: #198754;
}

.holiday.closed[b-7ao74upqlq] {
    color: #dc3545;
}

.holiday.halfday[b-7ao74upqlq] {
    color: #fd7e14;
}

.year-picker[b-7ao74upqlq] {
    position: relative;
    width: 5.25rem;
}

.year-picker .form-select[b-7ao74upqlq] {
    height: var(--calendar-toolbar-control-height);
    min-height: var(--calendar-toolbar-control-height);
    padding-block: 0.25rem;
    font-variant-numeric: tabular-nums;
}

.btn-icon[b-7ao74upqlq] {
    display: inline-grid;
    place-items: center;
    min-width: 2rem;
}

.calendar-date-nav-button[b-7ao74upqlq] {
    color: #7e3f98;
    background: rgba(229, 169, 247, 0.22);
    border-color: rgba(200, 111, 229, 0.52);
}

.calendar-date-nav-button:hover[b-7ao74upqlq],
.calendar-date-nav-button:focus[b-7ao74upqlq] {
    color: #5c2674;
    background: rgba(229, 169, 247, 0.34);
    border-color: #c86fe5;
}

:global(body.shareca-dark-mode) .calendar-date-nav-button[b-7ao74upqlq] {
    color: #f8e8ff !important;
    background: rgba(229, 169, 247, 0.18) !important;
    border-color: rgba(229, 169, 247, 0.5) !important;
}

:global(body.shareca-dark-mode) .calendar-date-nav-button:hover[b-7ao74upqlq],
:global(body.shareca-dark-mode) .calendar-date-nav-button:focus[b-7ao74upqlq] {
    color: #111827 !important;
    background: #e5a9f7 !important;
    border-color: #d991ef !important;
}

.btn-suggest-gift[b-7ao74upqlq] {
    color: #6f3f7a;
    background: #fff;
    border-color: #E5a9f7;
}

.btn-suggest-gift:hover[b-7ao74upqlq],
.btn-suggest-gift:focus[b-7ao74upqlq] {
    color: #fff;
    background: #E5a9f7;
    border-color: #E5a9f7;
}

.btn-suggest-gift:disabled[b-7ao74upqlq] {
    color: #9b7aa5;
    background: #fff;
    border-color: #ead2f2;
}

.event-ai-actions[b-7ao74upqlq] {
    display: grid !important;
    grid-template-columns: minmax(7.5rem, 32%) minmax(0, 1fr) !important;
    align-items: start;
    column-gap: 0.55rem;
    row-gap: 0.5rem;
}

.event-ai-actions-buttons[b-7ao74upqlq] {
    grid-column: 2;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    min-width: 0;
}

.event-ai-actions .alert[b-7ao74upqlq] {
    grid-column: 2;
    width: 100%;
}

.btn-event-budget[b-7ao74upqlq] {
    color: #245947;
    background: #fff;
    border-color: #aaf0d7;
}

.btn-event-budget:hover[b-7ao74upqlq],
.btn-event-budget:focus[b-7ao74upqlq] {
    color: #17382d;
    background: rgba(170, 240, 215, 0.35);
    border-color: #7ed9bd;
}

.fab-add .bi[b-7ao74upqlq] {
    font-size: 1.75rem;
    line-height: 1;
}

.calendar-day-summary[b-7ao74upqlq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    min-width: 0;
}

@media (min-width: 992px) {
    .calendar-toolbar[b-7ao74upqlq] {
        position: relative;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto minmax(8rem, 1fr);
        column-gap: 1rem;
        justify-content: normal !important;
    }

    .calendar-toolbar-left[b-7ao74upqlq] {
        grid-column: 1;
        min-width: 0;
    }

    .calendar-view-switcher[b-7ao74upqlq] {
        grid-column: 2;
        justify-self: center;
        align-self: center;
        z-index: 1;
    }

    .calendar-day-summary.day-view-summary[b-7ao74upqlq] {
        position: static;
        max-width: 32rem;
        padding-inline: 0.75rem;
        text-align: center;
        transform: none;
    }
}

@media (max-width: 991.98px) {
    .calendar-toolbar[b-7ao74upqlq] {
        align-items: stretch !important;
        flex-direction: column;
        gap: 0.75rem;
    }

    .calendar-toolbar-left[b-7ao74upqlq] {
        gap: 0.5rem !important;
    }

    .calendar-view-switcher[b-7ao74upqlq] {
        width: 100%;
    }

    .calendar-view-switcher .btn[b-7ao74upqlq] {
        flex: 1;
    }

    .week-view-grid[b-7ao74upqlq] {
        width: 100%;
        min-width: 0;
        grid-template-columns: 60px repeat(7, minmax(112px, 1fr)) !important;
    }

    .month-view-grid[b-7ao74upqlq] {
        min-width: 0;
    }

    .calendar-time-scroll[b-7ao74upqlq] {
        max-height: 100%;
    }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .calendar-view-switcher[b-7ao74upqlq] {
        width: calc(100% - 6.25rem);
    }
}

@media (max-width: 575.98px) {
    .calendar-container[b-7ao74upqlq] {
        --calendar-time-column-width: 48px;
        --calendar-week-header-height: 3rem;
        --calendar-all-day-row-height: 1.5rem;
    }

    .calendar-container[b-7ao74upqlq] {
        border-radius: 0 !important;
        margin-inline: 0;
    }

    .calendar-toolbar-left[b-7ao74upqlq] {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: center;
        gap: 0.4rem !important;
    }

    .calendar-toolbar-left > .btn[b-7ao74upqlq] {
        min-width: 0;
        width: 100%;
        order: 2;
    }

    .calendar-toolbar-left > .btn-group[b-7ao74upqlq] {
        order: 3;
        width: 100%;
    }

    .calendar-toolbar-left > .btn-group .btn[b-7ao74upqlq] {
        flex: 1;
        min-width: 0;
    }

    .year-picker[b-7ao74upqlq] {
        order: 1;
        width: 100%;
        min-width: 0;
        max-width: none;
    }

    .date-range-label[b-7ao74upqlq],
    .calendar-day-summary[b-7ao74upqlq] {
        order: 4;
        grid-column: 1 / -1;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        gap: 0.35rem 0.65rem;
        text-align: center;
        line-height: 1.2;
    }

    .calendar-day-summary .holiday[b-7ao74upqlq],
    .calendar-day-summary .name-day[b-7ao74upqlq] {
        display: inline;
        width: auto;
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .calendar-day-summary .fw-bold[b-7ao74upqlq] {
        display: inline;
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .day-view-grid[b-7ao74upqlq] {
        grid-template-columns: var(--calendar-time-column-width) minmax(260px, 1fr);
    }

    .week-view-grid[b-7ao74upqlq] {
        grid-template-columns: var(--calendar-time-column-width) repeat(7, 104px) !important;
    }

    .month-view-grid[b-7ao74upqlq] {
        min-width: 0;
        width: 100%;
        grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    }

    .month-cell[b-7ao74upqlq] {
        min-height: clamp(58px, 13vw, 82px) !important;
        padding: 0.2rem !important;
        overflow: hidden;
    }

    .month-day-header[b-7ao74upqlq] {
        min-width: 0;
        padding: 0.25rem 0.1rem !important;
        font-size: 0.72rem;
        white-space: nowrap;
    }

    .month-cell > .small[b-7ao74upqlq] {
        font-size: 0.72rem;
        line-height: 1.1;
    }

    .event-card.month-label[b-7ao74upqlq] {
        margin-bottom: 1px;
        padding: 1px 2px;
        font-size: 0.64rem;
        line-height: 1.1;
        border-radius: 2px;
    }

    .hour-label[b-7ao74upqlq] {
        font-size: 0.68rem;
        padding-right: 4px;
    }

    .all-day-label[b-7ao74upqlq] {
        color: transparent !important;
    }

    .event-card.timed[b-7ao74upqlq] {
        margin-inline: 3px;
        font-size: 0.78rem;
    }

    .calendar-time-scroll[b-7ao74upqlq] {
        max-height: 100%;
    }

    .fab-add[b-7ao74upqlq] {
        position: fixed;
        right: max(1rem, env(safe-area-inset-right));
        bottom: max(1rem, env(safe-area-inset-bottom));
        z-index: 1080;
    }

    .event-date-range-row[b-7ao74upqlq] {
        gap: 0.45rem;
    }

    .event-date-range-row .input-group > .btn[b-7ao74upqlq] {
        flex: 0 0 auto;
        padding-inline: 0.42rem;
    }

    .event-ai-actions-buttons[b-7ao74upqlq] {
        justify-content: center;
        gap: 0.4rem;
        flex-wrap: nowrap;
    }

    .event-ai-actions-buttons > .btn[b-7ao74upqlq] {
        flex: 0 1 auto;
        min-width: 0;
        max-width: 100%;
        padding-inline: 0.5rem;
        white-space: nowrap;
    }
}

@media (max-width: 359.98px) {
    .event-date-label[b-7ao74upqlq] {
        min-height: 1.1rem;
        margin-bottom: 0.2rem;
    }

    .event-date-label i[b-7ao74upqlq] {
        display: inline-block;
    }

    .event-date-label-text[b-7ao74upqlq] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }
}

.calendar-container[b-7ao74upqlq],
.calendar-container :is(p, small, label, input, textarea, select, .btn, .form-control, .form-select, .input-group-text, .form-check-label, .form-text, .all-day-label, .hour-label, .event-card, .event-card-title, .event-card-owner, .event-card-owner-inline)[b-7ao74upqlq],
.modal :is(p, span, small, label, input, textarea, select, .btn, .form-control, .form-select, .input-group-text, .form-check-label, .form-text)[b-7ao74upqlq] {
    font-size: 11px;
}

@media (min-width: 576px) {
    .modal :is(p, span, small, label, input, textarea, select, .btn, .form-control, .form-select, .input-group-text, .form-check-label, .form-text)[b-7ao74upqlq],
    .modal-body > .mb-3 > .form-label[b-7ao74upqlq],
    .modal-body > .row > .col-md-6 > .mb-3 > .form-label[b-7ao74upqlq] {
        font-size: 0.92rem;
    }
}

.calendar-container .week-day-header .holiday[b-7ao74upqlq],
.calendar-container .week-day-header .name-day[b-7ao74upqlq] {
    font-size: 0.76rem;
}

:global(body.shareca-dark-mode) .calendar-container .event-card:not(.shared-event)[b-7ao74upqlq],
:global(body.shareca-dark-mode) .calendar-container .event-card.timed:not(.shared-event)[b-7ao74upqlq],
:global(body.shareca-dark-mode) .calendar-container .event-card.month-label:not(.shared-event)[b-7ao74upqlq] {
    background: #e5a9f7 !important;
    border-color: #c86fe5 !important;
    border-left-color: #a855c7 !important;
    color: #111827 !important;
}

:global(body.shareca-dark-mode) .calendar-container .event-card:not(.shared-event) :is(.event-card-title, .event-card-owner, .event-card-owner-inline, .share-status, span, small)[b-7ao74upqlq] {
    color: #111827 !important;
}

:global(body.shareca-dark-mode) .calendar-container .event-card:not(.shared-event) .share-status.accepted[b-7ao74upqlq] {
    color: #14532d !important;
}

:global(body.shareca-dark-mode) .calendar-container .event-card:not(.shared-event) .share-status.pending[b-7ao74upqlq] {
    color: #713f12 !important;
}

:global(body.shareca-dark-mode) .calendar-filter-option[b-7ao74upqlq] {
    background: #111827;
    border-color: #344054;
}

:global(body.shareca-dark-mode) .calendar-filter-option:hover[b-7ao74upqlq],
:global(body.shareca-dark-mode) .calendar-filter-option.active[b-7ao74upqlq] {
    background: #1f2937;
    border-color: #7ed9bd;
}

:global(body.shareca-dark-mode) .calendar-filter-option-icon[b-7ao74upqlq] {
    background: rgba(170, 240, 215, 0.14);
    color: #aaf0d7;
}

:global(body.shareca-dark-mode) .calendar-filter-option-text small[b-7ao74upqlq] {
    color: #98a2b3;
}

@media (max-width: 575.98px) {
    .calendar-container .week-day-header .holiday[b-7ao74upqlq],
    .calendar-container .week-day-header .name-day[b-7ao74upqlq] {
        font-size: 0.74rem;
    }
}
/* /Components/DateTimeTextInput.razor.rz.scp.css */
.date-time-text-input[b-l19y3ghlh2] {
    position: relative;
    min-width: 0;
}

.date-time-text-input .input-group[b-l19y3ghlh2] {
    flex-wrap: nowrap;
}

.date-time-text-input .btn[b-l19y3ghlh2] {
    display: inline-grid;
    place-items: center;
}

.date-time-picker[b-l19y3ghlh2] {
    position: absolute;
    top: calc(100% + 0.35rem);
    right: 0;
    z-index: 1080;
    width: min(21rem, calc(100vw - 2rem));
    padding: 0.75rem;
    color: #1f2937;
    background: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 0.5rem;
    box-shadow: 0 18px 34px rgba(16, 24, 40, 0.22);
}

.date-time-picker-header[b-l19y3ghlh2] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr) 2rem;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.55rem;
    text-align: center;
}

.date-time-picker-header strong[b-l19y3ghlh2] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.date-time-picker-grid[b-l19y3ghlh2] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.22rem;
}

.date-time-picker-weekdays[b-l19y3ghlh2] {
    margin-bottom: 0.25rem;
    color: #667085;
    font-size: 0.68rem;
    font-weight: 700;
    text-align: center;
}

.date-time-picker-day[b-l19y3ghlh2] {
    display: grid;
    place-items: center;
    aspect-ratio: 1;
    min-width: 0;
    color: #1f2937;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 0.35rem;
    font-size: 0.8rem;
}

.date-time-picker-day.outside[b-l19y3ghlh2] {
    color: #98a2b3;
}

.date-time-picker-day.today[b-l19y3ghlh2] {
    border-color: #E5a9f7;
}

.date-time-picker-day.selected[b-l19y3ghlh2] {
    color: #24564a;
    background: #aaf0d7;
    border-color: #57b894;
    font-weight: 700;
}

.date-time-picker-day:hover[b-l19y3ghlh2],
.date-time-picker-day:focus[b-l19y3ghlh2] {
    border-color: #57b894;
    outline: none;
}

.date-time-picker-time[b-l19y3ghlh2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.65rem;
}

.date-time-picker-time span[b-l19y3ghlh2] {
    font-weight: 700;
}

@media (max-width: 575.98px) {
    .date-time-picker[b-l19y3ghlh2] {
        position: fixed;
        left: 50%;
        right: auto;
        top: 50%;
        width: min(22rem, calc(100vw - 1rem));
        transform: translate(-50%, -50%);
    }

    .date-time-picker-day[b-l19y3ghlh2] {
        font-size: 0.78rem;
    }
}
/* /Components/EventBudgetModal.razor.rz.scp.css */
.event-budget-modal[b-bevsrj7l87] {
    background: rgba(0, 0, 0, 0.2);
}

.event-budget-list[b-bevsrj7l87] {
    display: grid;
    gap: 0.45rem;
}

.event-budget-row[b-bevsrj7l87] {
    display: grid;
    grid-template-columns: minmax(5rem, 7rem) minmax(8rem, 1fr) auto auto minmax(0, 1fr);
    align-items: center;
    gap: 0.45rem;
}

.event-budget-amount .input-group-text[b-bevsrj7l87] {
    min-width: 3rem;
    justify-content: center;
}

.event-budget-attach[b-bevsrj7l87] {
    width: 1.8rem;
    height: 1.8rem;
}

.event-budget-file[b-bevsrj7l87] {
    min-width: 0;
    color: #667085;
    font-size: 0.82rem;
}

.event-budget-file span[b-bevsrj7l87] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.event-budget-summary[b-bevsrj7l87] {
    display: grid;
    gap: 0.35rem;
    margin-top: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid #e4e7ec;
}

.event-budget-summary div[b-bevsrj7l87] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

@media (max-width: 575.98px) {
    .event-budget-row[b-bevsrj7l87] {
        grid-template-columns: minmax(4.5rem, auto) minmax(7rem, 1fr) auto auto;
    }

    .event-budget-file[b-bevsrj7l87] {
        grid-column: 1 / -1;
    }
}
/* /Components/EventRemindersEditor.razor.rz.scp.css */
.event-reminders-editor[b-qazgnosh9p] {
    display: grid;
    gap: 0.5rem;
}

.event-reminders-header[b-qazgnosh9p],
.event-reminder-row[b-qazgnosh9p] {
    align-items: center;
    gap: 0.5rem;
}

.event-reminders-header[b-qazgnosh9p] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.event-reminders-add-button[b-qazgnosh9p] {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0.3rem;
    width: max-content;
    white-space: nowrap;
}

.event-reminder-row[b-qazgnosh9p] {
    display: grid;
    grid-template-columns: auto max-content auto;
    justify-content: start;
    column-gap: 0.25rem;
}

.event-reminders-list[b-qazgnosh9p] {
    display: grid;
    gap: 0.4rem;
}

.event-reminder-value[b-qazgnosh9p] {
    display: grid;
    grid-template-columns: minmax(4.5rem, 5.5rem) 1.45rem;
    align-items: center;
    gap: 0.25rem;
}

.event-reminder-value input[b-qazgnosh9p] {
    width: 5.5rem;
}

.event-reminder-unit-toggle[b-qazgnosh9p],
.event-reminder-unit[b-qazgnosh9p] {
    width: 1.45rem;
    min-width: 1.45rem;
    height: 1.9rem;
    padding-left: 0;
    padding-right: 0;
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.event-reminder-unit[b-qazgnosh9p] {
    display: inline-grid;
    place-items: center;
    color: #667085;
    border: 1px solid #d0d5dd;
    border-radius: 0.25rem;
    background: #f8fafc;
}

.event-reminder-before-text[b-qazgnosh9p] {
    min-width: max-content;
    margin-left: 0.05rem;
    overflow: visible;
    color: #667085;
    font-size: inherit;
    text-overflow: clip;
    white-space: nowrap !important;
}

.event-reminder-row > .btn-icon-action[b-qazgnosh9p] {
    width: 1.6rem;
    height: 1.6rem;
}

@media (max-width: 575.98px) {
    .event-reminders-header[b-qazgnosh9p] {
        align-items: center;
    }

    .event-reminder-row[b-qazgnosh9p] {
        grid-template-columns: auto max-content auto;
        gap: 0.25rem;
    }

    .event-reminder-value input[b-qazgnosh9p] {
        width: 4.25rem;
    }

    .event-reminder-unit-toggle[b-qazgnosh9p],
    .event-reminder-unit[b-qazgnosh9p] {
        width: 1.45rem;
        min-width: 1.45rem;
    }
}
/* /Components/NewEventDateTimeInput.razor.rz.scp.css */
.new-event-date-time-input[b-0zqkfd8wkt] {
    min-width: 0;
}

.new-event-date-time-input .input-group[b-0zqkfd8wkt] {
    flex-wrap: nowrap;
}

.new-event-date-time-panel[b-0zqkfd8wkt] {
    display: grid;
    gap: 0.55rem;
    margin-top: 0.45rem;
    padding: 0.65rem;
    color: #1f2937;
    background: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 0.5rem;
    box-shadow: 0 0.65rem 1.35rem rgba(16, 24, 40, 0.16);
}

.new-event-date-time-steps[b-0zqkfd8wkt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.35rem;
}

.new-event-date-time-step[b-0zqkfd8wkt] {
    display: grid;
    place-items: center;
    min-height: 1.8rem;
    color: #667085;
    background: #f2f4f7;
    border: 1px solid #eaecf0;
    border-radius: 0.35rem;
    font-size: 0.72rem;
    font-weight: 700;
}

.new-event-date-time-step.active[b-0zqkfd8wkt] {
    color: #24564a;
    background: #d9faee;
    border-color: #8fd8bf;
}

.new-event-date-time-header[b-0zqkfd8wkt],
.new-event-date-time-time-header[b-0zqkfd8wkt] {
    display: grid;
    align-items: center;
    gap: 0.4rem;
}

.new-event-date-time-header[b-0zqkfd8wkt] {
    grid-template-columns: 2rem minmax(0, 1fr) 2rem;
    text-align: center;
}

.new-event-date-time-time-header[b-0zqkfd8wkt] {
    grid-template-columns: auto minmax(0, 1fr);
}

.new-event-date-time-header strong[b-0zqkfd8wkt],
.new-event-date-time-time-header strong[b-0zqkfd8wkt] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.new-event-date-time-time-header strong[b-0zqkfd8wkt] {
    text-align: right;
}

.new-event-date-time-icon[b-0zqkfd8wkt],
.new-event-date-time-back[b-0zqkfd8wkt] {
    display: inline-grid;
    place-items: center;
    color: #344054;
    background: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 0.35rem;
}

.new-event-date-time-icon[b-0zqkfd8wkt] {
    width: 2rem;
    height: 2rem;
    padding: 0;
}

.new-event-date-time-back[b-0zqkfd8wkt] {
    grid-template-columns: auto auto;
    gap: 0.18rem;
    min-height: 2rem;
    padding: 0 0.55rem;
    font-weight: 700;
}

.new-event-date-time-grid[b-0zqkfd8wkt] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.18rem;
}

.new-event-date-time-weekdays[b-0zqkfd8wkt] {
    color: #667085;
    font-size: 0.66rem;
    font-weight: 700;
    text-align: center;
}

.new-event-date-time-day[b-0zqkfd8wkt],
.new-event-time-wheel-option[b-0zqkfd8wkt] {
    display: grid;
    place-items: center;
    min-width: 0;
    color: #1f2937;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 0.35rem;
    font-weight: 700;
}

.new-event-date-time-day[b-0zqkfd8wkt] {
    aspect-ratio: 1;
    font-size: 0.78rem;
}

.new-event-date-time-day.outside[b-0zqkfd8wkt] {
    color: #98a2b3;
}

.new-event-date-time-day.today[b-0zqkfd8wkt] {
    border-color: #E5a9f7;
}

.new-event-date-time-day.selected[b-0zqkfd8wkt],
.new-event-time-wheel-option.selected[b-0zqkfd8wkt] {
    color: #24564a;
    background: #aaf0d7;
    border-color: #57b894;
}

.new-event-date-time-day:hover[b-0zqkfd8wkt],
.new-event-date-time-day:focus[b-0zqkfd8wkt],
.new-event-time-wheel-option:hover[b-0zqkfd8wkt],
.new-event-time-wheel-option:focus[b-0zqkfd8wkt],
.new-event-date-time-icon:hover[b-0zqkfd8wkt],
.new-event-date-time-icon:focus[b-0zqkfd8wkt],
.new-event-date-time-back:hover[b-0zqkfd8wkt],
.new-event-date-time-back:focus[b-0zqkfd8wkt] {
    border-color: #57b894;
    outline: none;
}

.new-event-time-wheels[b-0zqkfd8wkt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.new-event-time-wheel[b-0zqkfd8wkt] {
    min-width: 0;
}

.new-event-time-wheel > span[b-0zqkfd8wkt] {
    display: block;
    margin-bottom: 0.25rem;
    color: #667085;
    font-size: 0.68rem;
    font-weight: 700;
    text-align: center;
}

.new-event-time-wheel-list[b-0zqkfd8wkt] {
    display: grid;
    gap: 0.25rem;
    max-height: 12rem;
    overflow-y: auto;
    padding: 0.25rem;
    background: #f8fafc;
    border: 1px solid #eaecf0;
    border-radius: 0.45rem;
    scroll-snap-type: y proximity;
}

.new-event-time-wheel-option[b-0zqkfd8wkt] {
    min-height: 2.15rem;
    font-size: 0.86rem;
    scroll-snap-align: center;
}

@media (max-width: 575.98px) {
    .new-event-time-wheels[b-0zqkfd8wkt] {
        gap: 0.45rem;
    }

    .new-event-time-wheel-list[b-0zqkfd8wkt] {
        max-height: 11rem;
    }
}
/* /Components/PageInfo.razor.rz.scp.css */
.page-info[b-ce8lfgghsb] {
    position: relative;
    display: inline-grid;
    place-items: center;
}

.page-info-toggle[b-ce8lfgghsb] {
    display: inline-grid;
    place-items: center;
    width: 1.55rem;
    height: 1.55rem;
    padding: 0;
    color: #475467;
    background: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 999px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08);
    line-height: 1;
}

.page-info-toggle:hover[b-ce8lfgghsb],
.page-info-toggle:focus-visible[b-ce8lfgghsb] {
    color: #1f2937;
    background: rgba(170, 240, 215, 0.22);
    border-color: #8fd8bf;
}

.page-info-toggle .bi[b-ce8lfgghsb] {
    font-size: 0.86rem;
    line-height: 1;
}

.page-info-panel[b-ce8lfgghsb] {
    position: absolute;
    top: calc(100% + 0.45rem);
    left: 0;
    z-index: 1200;
    width: min(22rem, calc(100vw - 2rem));
    padding: 0.65rem 0.75rem;
    color: #344054;
    background: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 0.5rem;
    box-shadow: 0 0.75rem 1.5rem rgba(16, 24, 40, 0.16);
    font-size: 0.82rem;
    font-weight: 500;
    line-height: 1.35;
}

:global(body.shareca-dark-mode) .page-info-toggle[b-ce8lfgghsb] {
    color: #e2e8f0;
    background: #111827;
    border-color: #344054;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
}

:global(body.shareca-dark-mode) .page-info-toggle:hover[b-ce8lfgghsb],
:global(body.shareca-dark-mode) .page-info-toggle:focus-visible[b-ce8lfgghsb] {
    color: #f8fafc;
    background: rgba(170, 240, 215, 0.12);
    border-color: #8fd8bf;
}

:global(body.shareca-dark-mode) .page-info-panel[b-ce8lfgghsb] {
    color: #e2e8f0;
    background: #111827;
    border-color: #344054;
    box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.32);
}

@media (max-width: 575.98px) {
    .page-info-panel[b-ce8lfgghsb] {
        width: min(18rem, calc(100vw - 1.5rem));
    }
}
/* /Components/Pages/AdminUsersPage.razor.rz.scp.css */
.admin-users-page[b-lf7woikiu2] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-bottom: 2rem;
}

.admin-users-header[b-lf7woikiu2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.admin-users-header > div[b-lf7woikiu2] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.admin-users-header h3[b-lf7woikiu2],
.admin-users-header p[b-lf7woikiu2] {
    margin: 0;
}

.admin-users-header p[b-lf7woikiu2],
.admin-users-empty[b-lf7woikiu2],
.admin-user-meta[b-lf7woikiu2] {
    color: #667085;
}

.admin-users-header p[b-lf7woikiu2] {
    font-size: 11px;
}

.admin-users-count[b-lf7woikiu2] {
    display: inline-grid;
    min-width: 1.75rem;
    height: 1.75rem;
    place-items: center;
    padding: 0 0.45rem;
    color: #fff;
    background: #E5a9f7;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
}

.admin-users-list[b-lf7woikiu2] {
    display: grid;
    gap: 0.55rem;
}

.admin-user-card[b-lf7woikiu2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 0.85rem;
    background: #fff;
    border: 1px solid #d0d5dd;
    border-left: 4px solid #aaf0d7;
    border-radius: 0.5rem;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}

.admin-user-card.admin[b-lf7woikiu2] {
    border-left-color: #E5a9f7;
}

.admin-user-card:has(.admin-user-delete-request)[b-lf7woikiu2] {
    border-color: #f0b429;
    border-left-color: #f0b429;
}

.admin-user-main[b-lf7woikiu2] {
    min-width: 0;
}

.admin-user-name[b-lf7woikiu2] {
    font-weight: 700;
    overflow-wrap: anywhere;
}

.admin-user-meta[b-lf7woikiu2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem 0.85rem;
    font-size: 0.82rem;
}

.admin-user-role[b-lf7woikiu2] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    flex-shrink: 0;
}

.admin-user-delete-request[b-lf7woikiu2] {
    color: #9a3412;
    font-weight: 700;
}

.admin-user-badge[b-lf7woikiu2] {
    display: inline-flex;
    align-items: center;
    min-height: 1.6rem;
    padding: 0.2rem 0.55rem;
    border: 1px solid #d0d5dd;
    border-radius: 999px;
    color: #475467;
    background: #f9fafb;
    font-size: 0.78rem;
    font-weight: 600;
    white-space: nowrap;
}

.admin-user-badge.admin[b-lf7woikiu2] {
    color: #6f3f7a;
    border-color: #E5a9f7;
    background: rgba(229, 169, 247, 0.18);
}

.admin-user-badge.user[b-lf7woikiu2] {
    color: #27745d;
    border-color: #aaf0d7;
    background: rgba(170, 240, 215, 0.22);
}

@media (max-width: 767.98px) {
    .admin-users-header[b-lf7woikiu2],
    .admin-user-card[b-lf7woikiu2],
    .admin-user-role[b-lf7woikiu2] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/CalendarPage.razor.rz.scp.css */
.calendar-page[b-tb5lyhc6rz] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    width: min(100%, 70rem);
    max-width: 70rem;
    min-width: 0;
    height: calc(100dvh - 6.75rem);
    max-height: calc(100dvh - 6.75rem);
    overflow: hidden;
}

.calendar-page-main[b-tb5lyhc6rz] {
    min-height: 0;
    overflow: hidden;
}

.calendar-page-main[b-tb5lyhc6rz] (.calendar-container) {
    height: 100%;
    max-height: 100%;
    min-height: 0;
}

.legal-footer[b-tb5lyhc6rz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 1.65rem;
    padding: 0 0.5rem;
    color: #667085;
    font-size: 0.78rem;
    line-height: 1.2;
    white-space: nowrap;
}

.legal-footer a[b-tb5lyhc6rz] {
    color: #475467;
    font-weight: 600;
    text-decoration: none;
}

.legal-footer a:hover[b-tb5lyhc6rz],
.legal-footer a:focus[b-tb5lyhc6rz],
.legal-footer a.active[b-tb5lyhc6rz] {
    color: #6f3f7a;
    text-decoration: underline;
}

@media (max-width: 575.98px) {
    .calendar-page[b-tb5lyhc6rz] {
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        height: calc(100dvh - 5.25rem);
        max-height: calc(100dvh - 5.25rem);
    }

    .calendar-page-main[b-tb5lyhc6rz] (.calendar-container) {
        border-right: 0 !important;
        border-left: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

}
/* /Components/Pages/CategoryPage.razor.rz.scp.css */
.category-page[b-7rk61xrtma] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding-bottom: 2rem;
}

.category-page-header[b-7rk61xrtma] {
    max-width: 48rem;
}

.category-page-header > div[b-7rk61xrtma] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.category-page-header h3[b-7rk61xrtma],
.category-page-header p[b-7rk61xrtma] {
    margin: 0;
}

.category-page-header p[b-7rk61xrtma],
.category-meta[b-7rk61xrtma] {
    color: #667085;
}

.category-page-header p[b-7rk61xrtma] {
    font-size: 11px;
}

.category-list-actions[b-7rk61xrtma] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: -0.5rem;
}

.category-list[b-7rk61xrtma] {
    display: grid;
    grid-template-columns: repeat(5, minmax(8.5rem, 9.5rem));
    gap: 0.45rem;
}

.category-card[b-7rk61xrtma] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.4rem;
    min-width: 0;
    min-height: 4.4rem;
    padding: 0.45rem;
    background: #fff;
    border: 1px solid #d0d5dd;
    border-left: 4px solid #aaf0d7;
    border-radius: 0.5rem;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}

.category-card-body[b-7rk61xrtma] {
    min-width: 0;
}

.category-card-header[b-7rk61xrtma] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.35rem;
    min-width: 0;
}

.category-card-header .category-card-body[b-7rk61xrtma] {
    flex: 1 1 auto;
}

.category-title[b-7rk61xrtma] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.category-meta[b-7rk61xrtma] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.68rem;
    line-height: 1.15;
}

.category-meta .bi[b-7rk61xrtma] {
    font-size: 0.82rem;
    line-height: 1;
}

.category-actions[b-7rk61xrtma] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.25rem;
    justify-content: flex-end;
    flex-wrap: nowrap;
}

.category-actions .btn-icon-action[b-7rk61xrtma] {
    width: 1.35rem;
    height: 1.35rem;
    font-size: 0.84rem;
}

.modal-dialog[b-7rk61xrtma] {
    max-width: 28rem;
}

.modal-body > .mb-3[b-7rk61xrtma] {
    display: grid;
    grid-template-columns: minmax(6rem, 30%) minmax(0, 1fr);
    align-items: center;
    column-gap: 0.55rem;
    margin-bottom: 0.42rem !important;
}

.modal-body > .form-check.mb-3[b-7rk61xrtma] {
    margin-bottom: 0.42rem !important;
}

.modal-body > .mb-3 > .form-label[b-7rk61xrtma] {
    margin-bottom: 0;
    font-size: 11px;
    color: #475467;
}

@media (max-width: 1399.98px) {
    .category-list[b-7rk61xrtma] {
        grid-template-columns: repeat(4, minmax(8.5rem, 9.5rem));
    }
}

@media (max-width: 1199.98px) {
    .category-list[b-7rk61xrtma] {
        grid-template-columns: repeat(3, minmax(8.5rem, 9.5rem));
    }
}

@media (max-width: 767.98px) {
    .category-list[b-7rk61xrtma] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .category-list-actions .btn[b-7rk61xrtma] {
        width: 100%;
    }

    .category-list[b-7rk61xrtma] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}
/* /Components/Pages/ContactsPage.razor.rz.scp.css */
.contacts-page[b-4ef8669j3g] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-bottom: 2rem;
}

.contacts-page-header[b-4ef8669j3g] {
    max-width: 48rem;
}

.contacts-page-header > div[b-4ef8669j3g] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.contacts-page-header h3[b-4ef8669j3g],
.contacts-page-header p[b-4ef8669j3g] {
    margin: 0;
}

.contacts-page-header p[b-4ef8669j3g],
.contacts-empty[b-4ef8669j3g],
.contacts-import-note[b-4ef8669j3g],
.contact-meta[b-4ef8669j3g],
.contact-details[b-4ef8669j3g] {
    color: #667085;
}

.contacts-page-header p[b-4ef8669j3g] {
    font-size: 11px;
}

.contacts-toolbar[b-4ef8669j3g] {
    max-width: 34rem;
}

.contacts-toolbar .form-label[b-4ef8669j3g] {
    font-size: 11px;
    color: #475467;
}

.contacts-import-note[b-4ef8669j3g] {
    padding: 0.55rem 0.7rem;
    border: 1px solid #d0d5dd;
    border-radius: 0.5rem;
    background: #f9fafb;
    font-size: 11px;
}

.contacts-list[b-4ef8669j3g] {
    display: grid;
    gap: 0.5rem;
}

.contact-card[b-4ef8669j3g],
.contact-group-card[b-4ef8669j3g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.65rem 0.75rem;
    background: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 0.5rem;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}

.contact-select[b-4ef8669j3g] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    min-width: 1.4rem;
    margin: 0;
}

.contact-groups-section[b-4ef8669j3g] {
    display: grid;
    gap: 0.5rem;
}

.contacts-section[b-4ef8669j3g] {
    display: grid;
    gap: 0.5rem;
}

.contacts-section-header[b-4ef8669j3g] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.contacts-section-header h5[b-4ef8669j3g] {
    margin: 0;
}

.contacts-count-badge[b-4ef8669j3g] {
    display: inline-grid;
    place-items: center;
    min-width: 1.6rem;
    height: 1.35rem;
    padding: 0 0.45rem;
    color: #1f2937;
    background: #aaf0d7;
    border: 1px solid #8fd8bf;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1;
}

.contacts-list-actions[b-4ef8669j3g] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.contacts-list-actions .btn-icon-action.active[b-4ef8669j3g] {
    color: #1f2937;
    background: #aaf0d7;
    border-color: #8fd8bf;
}

.contact-group-add-icon[b-4ef8669j3g] {
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1;
}

.contact-group-add-icon .bi-people-fill[b-4ef8669j3g] {
    font-size: 1rem;
    line-height: 1;
}

.contact-group-add-icon .bi-plus[b-4ef8669j3g] {
    position: absolute;
    top: -0.32rem;
    right: -0.42rem;
    font-size: 0.9rem;
    font-weight: 900;
    line-height: 1;
}

.contact-groups-list[b-4ef8669j3g] {
    display: grid;
    gap: 0.5rem;
}

.contact-main[b-4ef8669j3g] {
    flex: 1;
    min-width: 0;
}

.contact-name[b-4ef8669j3g] {
    font-weight: 700;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.contact-meta[b-4ef8669j3g],
.contact-details[b-4ef8669j3g] {
    font-size: 0.78rem;
}

.contact-details[b-4ef8669j3g] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.contact-actions[b-4ef8669j3g] {
    display: flex;
    gap: 0.35rem;
    flex-shrink: 0;
}

.contacts-form[b-4ef8669j3g] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 0.55rem;
}

.contacts-form > .mb-3[b-4ef8669j3g] {
    display: grid;
    grid-template-columns: minmax(7rem, 34%) minmax(0, 1fr);
    align-items: center;
    column-gap: 0.5rem;
    margin-bottom: 0.42rem !important;
}

.contacts-form .form-label[b-4ef8669j3g] {
    margin-bottom: 0;
    font-size: 11px;
    color: #475467;
}

.contacts-notes[b-4ef8669j3g] {
    grid-column: 1 / -1;
    align-items: start !important;
}

.contact-group-members[b-4ef8669j3g] {
    display: grid;
    gap: 0.4rem;
    max-height: 18rem;
    overflow: auto;
}

.contact-member-option[b-4ef8669j3g] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    column-gap: 0.55rem;
    padding: 0.35rem 0;
}

.contact-member-option small[b-4ef8669j3g] {
    grid-column: 2;
    color: #667085;
}

.contacts-delete-confirmation[b-4ef8669j3g] {
    margin: 0;
}

@media (max-width: 767.98px) {
    .contact-card[b-4ef8669j3g],
    .contact-group-card[b-4ef8669j3g] {
        align-items: stretch;
        flex-direction: column;
    }

    .contacts-list-actions[b-4ef8669j3g] {
        width: 100%;
    }

    .contacts-list-actions .btn-icon-action[b-4ef8669j3g] {
        flex: 0 0 auto;
    }

    .contact-actions[b-4ef8669j3g] {
        width: 100%;
    }

    .contact-actions .btn[b-4ef8669j3g] {
        flex: 1;
    }

    .contacts-form[b-4ef8669j3g] {
        grid-template-columns: 1fr;
    }
}

.contacts-page[b-4ef8669j3g],
.contacts-page :is(p, span, small, label, input, textarea, select, .btn, .form-control, .form-select, .input-group-text, .form-check-label, .form-text, .contacts-import-note, .contact-meta, .contact-details)[b-4ef8669j3g],
.modal :is(p, span, small, label, input, textarea, select, .btn, .form-control, .form-select, .input-group-text, .form-check-label, .form-text)[b-4ef8669j3g] {
    font-size: 11px;
}

.contacts-page .contacts-count-badge[b-4ef8669j3g] {
    font-size: 0.72rem;
}
/* /Components/Pages/GdprPage.razor.rz.scp.css */
.legal-page[b-r7y37kzzd0] {
    width: min(100%, 54rem);
    margin: 0 auto;
    padding: 1.25rem 1rem 2.5rem;
    color: #1f2937;
}

.legal-page h1[b-r7y37kzzd0] {
    margin: 0 0 0.35rem;
    font-size: 1.65rem;
    line-height: 1.15;
}

.legal-page h2[b-r7y37kzzd0] {
    margin: 1.35rem 0 0.45rem;
    font-size: 1.05rem;
    line-height: 1.2;
}

.legal-page p[b-r7y37kzzd0],
.legal-page li[b-r7y37kzzd0] {
    color: #475467;
    font-size: 0.95rem;
    line-height: 1.55;
}

.legal-page ul[b-r7y37kzzd0] {
    padding-left: 1.25rem;
}

.legal-page a[b-r7y37kzzd0] {
    color: #6f3f7a;
    font-weight: 700;
}

.legal-updated[b-r7y37kzzd0] {
    margin-bottom: 1.25rem;
    color: #667085;
    font-weight: 700;
}

@media (max-width: 575.98px) {
    .legal-page[b-r7y37kzzd0] {
        padding-inline: 0.85rem;
    }
}
/* /Components/Pages/GiftsPage.razor.rz.scp.css */
.gifts-page[b-5zsdzoxbwc] {
    width: 100%;
    padding: 0.25rem 0 2rem;
}

.gifts-page-header[b-5zsdzoxbwc] {
    margin-bottom: 1.25rem;
}

.gifts-page-header > div[b-5zsdzoxbwc] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.gifts-page-header h3[b-5zsdzoxbwc],
.gifts-page-header p[b-5zsdzoxbwc] {
    margin: 0;
}

.gifts-page-header p[b-5zsdzoxbwc] {
    color: #667085;
    max-width: 48rem;
    font-size: 11px;
}

.gifts-tools[b-5zsdzoxbwc] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(14rem, 18rem));
    justify-content: start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.gift-tool[b-5zsdzoxbwc] {
    width: 100%;
    max-width: 18rem;
    min-height: 6.5rem;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 1rem;
    text-align: left;
    background: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 0.5rem;
    color: #1f2937;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.gift-tool:hover[b-5zsdzoxbwc],
.gift-tool:focus-visible[b-5zsdzoxbwc] {
    border-color: #98a2b3;
    box-shadow: 0 8px 20px rgba(16, 24, 40, 0.10);
    transform: translateY(-2px);
}

.gift-tool-icon[b-5zsdzoxbwc] {
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #ecfdf3;
    color: #047857;
    font-size: 2.4rem;
}

.gift-tool-icon .bi[b-5zsdzoxbwc] {
    display: inline-block;
    font-size: inherit;
    line-height: 1;
    transform: scale(2.3);
    transform-origin: center;
}

.gift-tool-icon-idea[b-5zsdzoxbwc] {
    background: #eef6ff;
    color: #175cd3;
}

.gift-tool-icon-flowers[b-5zsdzoxbwc] {
    background: #fff1f3;
    color: #c01048;
}

.gift-tool strong[b-5zsdzoxbwc],
.gift-tool small[b-5zsdzoxbwc] {
    display: block;
}

.gift-tool strong[b-5zsdzoxbwc] {
    font-size: 1rem;
    line-height: 1.25;
}

.gift-tool small[b-5zsdzoxbwc] {
    margin-top: 0.2rem;
    color: #667085;
    line-height: 1.35;
}

.greeting-panel[b-5zsdzoxbwc] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(18rem, 0.9fr);
    gap: 1rem;
    align-items: start;
}

.flowers-panel[b-5zsdzoxbwc] {
    display: grid;
    grid-template-columns: minmax(18rem, 0.85fr) minmax(24rem, 1.15fr);
    gap: 1rem;
    align-items: start;
    width: 100%;
    max-width: 78rem;
}

.gift-idea-panel[b-5zsdzoxbwc] {
    max-width: 54rem;
}

.greeting-form[b-5zsdzoxbwc],
.greeting-preview[b-5zsdzoxbwc],
.flower-order-preview[b-5zsdzoxbwc] {
    background: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 0.5rem;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
}

.greeting-form[b-5zsdzoxbwc] {
    padding: 1rem;
}

.greeting-preview[b-5zsdzoxbwc] {
    padding: 1.25rem;
    border-color: #bbf7d0;
    background: linear-gradient(180deg, #f0fdf4 0%, #fff 44%);
}

.greeting-preview span[b-5zsdzoxbwc] {
    display: block;
    margin-bottom: 0.6rem;
    color: #047857;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
}

.greeting-preview h4[b-5zsdzoxbwc] {
    margin: 0 0 0.75rem;
    color: #1f2937;
}

.greeting-preview p[b-5zsdzoxbwc] {
    color: #475467;
    line-height: 1.55;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.greeting-preview-closing[b-5zsdzoxbwc] {
    margin-top: 1rem;
}

.flower-order-grid[b-5zsdzoxbwc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 12rem;
    gap: 0.75rem;
}

.flower-order-preview[b-5zsdzoxbwc] {
    padding: 1.25rem;
    border-color: #fecdd3;
    background: linear-gradient(180deg, #fff1f3 0%, #fff 44%);
}

.flower-order-preview span[b-5zsdzoxbwc] {
    display: block;
    margin-bottom: 0.6rem;
    color: #c01048;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
}

.flower-order-preview h4[b-5zsdzoxbwc] {
    margin: 0 0 0.75rem;
}

.flower-order-preview dl[b-5zsdzoxbwc] {
    display: grid;
    grid-template-columns: minmax(6rem, 32%) minmax(0, 1fr);
    gap: 0.45rem 0.75rem;
    margin: 0;
}

.flower-order-preview dt[b-5zsdzoxbwc] {
    color: #667085;
    font-weight: 700;
}

.flower-order-preview dd[b-5zsdzoxbwc] {
    margin: 0;
    color: #1f2937;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.flower-map-card[b-5zsdzoxbwc] {
    min-width: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 0.5rem;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
}

.flower-map-header[b-5zsdzoxbwc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid #eaecf0;
}

.flower-map-header span[b-5zsdzoxbwc] {
    color: #c01048;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
}

.flower-map-header strong[b-5zsdzoxbwc] {
    color: #1f2937;
    overflow-wrap: anywhere;
}

.flower-map-frame[b-5zsdzoxbwc] {
    position: relative;
    width: 100%;
    min-height: 24rem;
    aspect-ratio: 16 / 11;
    background: #f8fafc;
}

.flower-map-frame iframe[b-5zsdzoxbwc] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.flower-map-footer[b-5zsdzoxbwc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.8rem 1rem;
    border-top: 1px solid #eaecf0;
    background: #f8fafc;
}

.flower-map-footer span[b-5zsdzoxbwc] {
    min-width: 0;
    color: #475467;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.flower-map-footer .btn[b-5zsdzoxbwc] {
    flex: 0 0 auto;
}

.flower-results-panel[b-5zsdzoxbwc] {
    margin-bottom: 1rem;
    overflow: hidden;
    background: #fff;
    border: 1px solid #fecdd3;
    border-radius: 0.5rem;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
}

.flower-results-header[b-5zsdzoxbwc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 0.85rem;
    background: #fff1f3;
    border-bottom: 1px solid #fecdd3;
}

.flower-results-header span[b-5zsdzoxbwc] {
    color: #c01048;
    font-weight: 800;
    text-transform: uppercase;
}

.flower-results-header strong[b-5zsdzoxbwc] {
    color: #1f2937;
    overflow-wrap: anywhere;
}

.flower-results-list[b-5zsdzoxbwc] {
    display: grid;
    gap: 0;
}

.flower-result-item[b-5zsdzoxbwc] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: 0.65rem;
    width: 100%;
    padding: 0.75rem 0.85rem;
    text-align: left;
    color: #1f2937;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #eaecf0;
}

.flower-result-item:last-child[b-5zsdzoxbwc] {
    border-bottom: 0;
}

.flower-result-item:hover[b-5zsdzoxbwc],
.flower-result-item:focus-visible[b-5zsdzoxbwc] {
    background: #f8fafc;
}

.flower-result-item > span[b-5zsdzoxbwc] {
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    color: #c01048;
    background: #fff1f3;
    border: 1px solid #fecdd3;
    border-radius: 50%;
    font-weight: 800;
}

.flower-result-item strong[b-5zsdzoxbwc],
.flower-result-item small[b-5zsdzoxbwc] {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
}

.flower-result-item small[b-5zsdzoxbwc] {
    margin-top: 0.15rem;
    color: #667085;
}

.flower-results-note[b-5zsdzoxbwc] {
    padding: 0.65rem 0.85rem;
    color: #667085;
    background: #f8fafc;
    border-top: 1px solid #eaecf0;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.greeting-actions[b-5zsdzoxbwc] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.greeting-recipient[b-5zsdzoxbwc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: center;
    padding: 0.65rem 0.75rem;
    margin-bottom: 1rem;
    color: #475467;
    background: #f8fafc;
    border: 1px solid #eaecf0;
    border-radius: 0.5rem;
    overflow-wrap: anywhere;
}

.greeting-recipient strong[b-5zsdzoxbwc] {
    color: #1f2937;
}

.gift-context[b-5zsdzoxbwc] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.gift-context div[b-5zsdzoxbwc],
.gift-context-tags[b-5zsdzoxbwc] {
    padding: 0.65rem 0.75rem;
    background: #f8fafc;
    border: 1px solid #eaecf0;
    border-radius: 0.5rem;
}

.gift-context span[b-5zsdzoxbwc],
.gift-context-tags span[b-5zsdzoxbwc] {
    display: block;
    color: #667085;
    font-weight: 600;
}

.gift-context strong[b-5zsdzoxbwc],
.gift-context-tags p[b-5zsdzoxbwc] {
    display: block;
    margin: 0.15rem 0 0;
    color: #1f2937;
    overflow-wrap: anywhere;
}

.gift-context-tags[b-5zsdzoxbwc] {
    display: grid;
    grid-template-columns: minmax(7.5rem, 24%) minmax(0, 1fr);
    gap: 0.35rem 0.75rem;
    margin-bottom: 0.75rem;
}

.gift-budget-row[b-5zsdzoxbwc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 8rem;
    gap: 0.75rem;
}

.gift-budget-row .form-label[b-5zsdzoxbwc] {
    margin-bottom: 0.25rem;
}

.gift-idea-result[b-5zsdzoxbwc] {
    margin-top: 1rem;
    padding: 0.85rem 1rem;
    background: #f8fafc;
    border: 1px solid #d0d5dd;
    border-radius: 0.5rem;
}

.gift-idea-result span[b-5zsdzoxbwc] {
    display: block;
    margin-bottom: 0.4rem;
    color: #175cd3;
    font-weight: 700;
}

.gift-idea-result p[b-5zsdzoxbwc] {
    margin: 0;
    color: #1f2937;
    line-height: 1.55;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.gift-idea-history[b-5zsdzoxbwc] {
    margin-top: 1rem;
    overflow: hidden;
    background: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 0.5rem;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
}

.gift-idea-history-header[b-5zsdzoxbwc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 0.85rem;
    background: #f8fafc;
    border-bottom: 1px solid #eaecf0;
}

.gift-idea-history-header span[b-5zsdzoxbwc] {
    color: #175cd3;
    font-weight: 800;
    text-transform: uppercase;
}

.gift-idea-history-header strong[b-5zsdzoxbwc] {
    color: #1f2937;
    overflow-wrap: anywhere;
}

.gift-idea-history-list[b-5zsdzoxbwc] {
    display: grid;
}

.gift-idea-history-item[b-5zsdzoxbwc] {
    width: 100%;
    padding: 0.75rem 0.85rem;
    text-align: left;
    color: #1f2937;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #eaecf0;
}

.gift-idea-history-item:last-child[b-5zsdzoxbwc] {
    border-bottom: 0;
}

.gift-idea-history-item:hover[b-5zsdzoxbwc],
.gift-idea-history-item:focus-visible[b-5zsdzoxbwc] {
    background: #f8fafc;
}

.gift-idea-history-item strong[b-5zsdzoxbwc],
.gift-idea-history-item small[b-5zsdzoxbwc] {
    display: block;
    overflow-wrap: anywhere;
}

.gift-idea-history-item small[b-5zsdzoxbwc] {
    margin-top: 0.15rem;
    color: #667085;
}

.gift-idea-history-item p[b-5zsdzoxbwc] {
    display: -webkit-box;
    margin: 0.4rem 0 0;
    color: #475467;
    line-height: 1.45;
    overflow: hidden;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    white-space: pre-wrap;
}

@media (max-width: 991.98px) {
    .gifts-tools[b-5zsdzoxbwc],
    .greeting-panel[b-5zsdzoxbwc],
    .flowers-panel[b-5zsdzoxbwc] {
        grid-template-columns: 1fr;
    }

    .gift-tool[b-5zsdzoxbwc] {
        max-width: none;
    }

    .gift-context[b-5zsdzoxbwc] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .gift-tool[b-5zsdzoxbwc] {
        min-height: auto;
    }

    .greeting-actions[b-5zsdzoxbwc] {
        flex-direction: column-reverse;
    }

    .greeting-actions .btn[b-5zsdzoxbwc] {
        width: 100%;
    }

    .gift-context-tags[b-5zsdzoxbwc] {
        grid-template-columns: 1fr;
    }

    .gift-budget-row[b-5zsdzoxbwc] {
        grid-template-columns: 1fr;
    }

    .flower-order-grid[b-5zsdzoxbwc],
    .flower-order-preview dl[b-5zsdzoxbwc] {
        grid-template-columns: 1fr;
    }

    .flower-map-header[b-5zsdzoxbwc],
    .flower-map-footer[b-5zsdzoxbwc] {
        align-items: stretch;
        flex-direction: column;
    }

    .flower-map-footer .btn[b-5zsdzoxbwc] {
        width: 100%;
    }

    .flower-map-frame[b-5zsdzoxbwc] {
        min-height: 18rem;
        aspect-ratio: 4 / 5;
    }
}

.gifts-page[b-5zsdzoxbwc],
.gifts-page :is(p, span, small, label, input, textarea, select, .btn, .form-control, .form-select, .input-group-text, .form-check-label, .form-text, .gift-tool small, .greeting-preview p, .greeting-preview span, .greeting-recipient)[b-5zsdzoxbwc],
.modal :is(p, span, small, label, input, textarea, select, .btn, .form-control, .form-select, .input-group-text, .form-check-label, .form-text)[b-5zsdzoxbwc] {
    font-size: 11px;
}
/* /Components/Pages/Invitations.razor.rz.scp.css */
.events-page[b-p7lbcinuir] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding-bottom: 2rem;
}

.events-page-header[b-p7lbcinuir] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.events-page-header > div[b-p7lbcinuir] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.events-page-header h3[b-p7lbcinuir],
.events-page-header p[b-p7lbcinuir],
.events-section h5[b-p7lbcinuir],
.event-row-title[b-p7lbcinuir],
.event-row-description[b-p7lbcinuir] {
    margin: 0;
}

.events-page-header p[b-p7lbcinuir],
.events-empty[b-p7lbcinuir],
.event-row-meta[b-p7lbcinuir],
.event-row-description[b-p7lbcinuir] {
    color: #667085;
}

.events-sort[b-p7lbcinuir] {
    display: grid;
    grid-template-columns: auto auto auto minmax(10rem, 16rem);
    align-items: center;
    gap: 0.5rem;
}

.events-share-filter .btn[b-p7lbcinuir],
.btn-sort-date[b-p7lbcinuir],
.btn-event-filter-toggle[b-p7lbcinuir] {
    display: inline-grid;
    place-items: center;
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    padding: 0;
    line-height: 1;
}

.shareca-share-icon[b-p7lbcinuir],
.shareca-share-icon svg[b-p7lbcinuir] {
    display: block;
    width: 1.35rem;
    height: 1.35rem;
}

.shareca-share-person[b-p7lbcinuir] {
    fill: currentColor;
}

.shareca-share-arrow[b-p7lbcinuir] {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.btn-sort-date[b-p7lbcinuir] {
    color: #E5a9f7;
    background: #fff;
    border-color: #E5a9f7;
}

.btn-event-filter-toggle[b-p7lbcinuir] {
    color: #245947;
    background: rgba(170, 240, 215, 0.18);
    border-color: #aaf0d7;
}

.btn-sort-date:hover[b-p7lbcinuir],
.btn-sort-date:focus[b-p7lbcinuir] {
    color: #fff;
    background: #E5a9f7;
    border-color: #E5a9f7;
}

.btn-event-filter-toggle:hover[b-p7lbcinuir],
.btn-event-filter-toggle:focus[b-p7lbcinuir],
.btn-event-filter-toggle.active[b-p7lbcinuir] {
    color: #17382d;
    background: rgba(170, 240, 215, 0.36);
    border-color: #7ed9bd;
}

.events-filter-dialog .modal-body[b-p7lbcinuir],
.events-filter-modal-body[b-p7lbcinuir] {
    display: grid;
    gap: 0.75rem;
}

.events-filter-field[b-p7lbcinuir] {
    display: grid;
    gap: 0.3rem;
}

.events-filter-field .form-label[b-p7lbcinuir] {
    margin-bottom: 0;
    font-weight: 700;
}

.events-filter-share-options[b-p7lbcinuir] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.events-filter-share-options .btn[b-p7lbcinuir] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.events-filter-options[b-p7lbcinuir] {
    display: grid;
    gap: 0.5rem;
    max-height: 12rem;
    padding-right: 0.2rem;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.events-filter-option[b-p7lbcinuir] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 2.4rem;
    padding: 0.45rem 0.55rem;
    color: #344054;
    background: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 0.5rem;
}

.events-filter-option:hover[b-p7lbcinuir],
.events-filter-option.active[b-p7lbcinuir] {
    background: rgba(170, 240, 215, 0.16);
    border-color: #aaf0d7;
}

.events-filter-option input[b-p7lbcinuir] {
    margin: 0;
}

.events-filter-option-icon[b-p7lbcinuir] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 1.75rem;
    height: 1.75rem;
    color: #245947;
    background: rgba(170, 240, 215, 0.18);
    border-radius: 999px;
}

:global(body.shareca-dark-mode) .btn-event-filter-toggle[b-p7lbcinuir] {
    color: #d7fff0 !important;
    background: rgba(170, 240, 215, 0.12) !important;
    border-color: rgba(170, 240, 215, 0.36) !important;
}

:global(body.shareca-dark-mode) .btn-event-filter-toggle:hover[b-p7lbcinuir],
:global(body.shareca-dark-mode) .btn-event-filter-toggle:focus[b-p7lbcinuir],
:global(body.shareca-dark-mode) .btn-event-filter-toggle.active[b-p7lbcinuir] {
    color: #052e22 !important;
    background: #aaf0d7 !important;
    border-color: #8fd8bf !important;
}

:global(body.shareca-dark-mode) .events-filter-option[b-p7lbcinuir] {
    color: #e5e7eb;
    background: #111827;
    border-color: #334155;
}

:global(body.shareca-dark-mode) .events-filter-option:hover[b-p7lbcinuir],
:global(body.shareca-dark-mode) .events-filter-option.active[b-p7lbcinuir] {
    background: #172033;
    border-color: rgba(170, 240, 215, 0.45);
}

:global(body.shareca-dark-mode) .events-filter-option-icon[b-p7lbcinuir] {
    color: #c7f5e4;
    background: rgba(170, 240, 215, 0.14);
}

.btn-suggest-gift[b-p7lbcinuir] {
    color: #6f3f7a;
    background: #fff;
    border-color: #E5a9f7;
}

.btn-suggest-gift:hover[b-p7lbcinuir],
.btn-suggest-gift:focus[b-p7lbcinuir] {
    color: #fff;
    background: #E5a9f7;
    border-color: #E5a9f7;
}

.btn-suggest-gift:disabled[b-p7lbcinuir] {
    color: #9b7aa5;
    background: #fff;
    border-color: #ead2f2;
}

.event-ai-actions[b-p7lbcinuir] {
    display: flex !important;
    grid-template-columns: none !important;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.event-ai-actions .alert[b-p7lbcinuir] {
    flex-basis: 100%;
}

.btn-event-budget[b-p7lbcinuir] {
    color: #245947;
    background: #fff;
    border-color: #aaf0d7;
}

.btn-event-budget:hover[b-p7lbcinuir],
.btn-event-budget:focus[b-p7lbcinuir] {
    color: #17382d;
    background: rgba(170, 240, 215, 0.35);
    border-color: #7ed9bd;
}

.shared-by-filter[b-p7lbcinuir] {
    border-color: #aaf0d7;
}

.shared-by-filter:focus[b-p7lbcinuir] {
    border-color: #aaf0d7;
    box-shadow: 0 0 0 0.2rem rgba(170, 240, 215, 0.35);
}

.events-section[b-p7lbcinuir] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.events-section-header[b-p7lbcinuir] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.events-section-title[b-p7lbcinuir] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.events-count[b-p7lbcinuir] {
    display: inline-grid;
    min-width: 1.5rem;
    height: 1.5rem;
    place-items: center;
    padding: 0 0.35rem;
    color: #fff;
    background: #E5a9f7;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
}

.pending-events-list[b-p7lbcinuir],
.accepted-events-list[b-p7lbcinuir] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.event-month-divider[b-p7lbcinuir] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.35rem;
    color: #344054;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: capitalize;
}

.event-month-divider[b-p7lbcinuir]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #d0d5dd;
}

.event-row[b-p7lbcinuir] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
    padding: 0.85rem 1rem;
    background: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 0.5rem;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}

.event-row.pending[b-p7lbcinuir] {
    border-left: 4px solid #E5a9f7;
}

.event-row.accepted[b-p7lbcinuir] {
    border-left: 4px solid #aaf0d7;
}

.event-row.clickable[b-p7lbcinuir] {
    cursor: pointer;
}

.event-row.clickable:hover[b-p7lbcinuir] {
    border-color: #E5a9f7;
    box-shadow: 0 3px 10px rgba(16, 24, 40, 0.08);
}

.event-row-date[b-p7lbcinuir] {
    display: grid;
    flex: 0 0 4rem;
    place-items: center;
    align-self: stretch;
    color: #344054;
    background: #f8fafc;
    border-radius: 0.4rem;
}

.event-row-date span[b-p7lbcinuir] {
    font-weight: 700;
}

.event-row-date small[b-p7lbcinuir] {
    color: #667085;
}

:global(body.shareca-dark-mode) .event-row-date[b-p7lbcinuir] {
    color: #f8fafc !important;
    background: linear-gradient(135deg, rgba(170, 240, 215, 0.24), rgba(229, 169, 247, 0.2)) !important;
    border: 1px solid rgba(170, 240, 215, 0.38) !important;
    box-shadow: inset 0 0 0 1px rgba(248, 250, 252, 0.04) !important;
}

:global(body.shareca-dark-mode) .event-row-date small[b-p7lbcinuir] {
    color: #c7f5e4 !important;
}

:global(body.shareca-dark-mode) .event-row-meta[b-p7lbcinuir] {
    color: #dbeafe;
}

:global(body.shareca-dark-mode) .event-row-meta .bi[b-p7lbcinuir] {
    color: #aaf0d7;
}

.event-row-main[b-p7lbcinuir] {
    min-width: 0;
    flex: 1;
}

.event-row-title[b-p7lbcinuir] {
    font-weight: 700;
    overflow-wrap: anywhere;
}

.event-row-meta[b-p7lbcinuir] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    font-size: 0.88rem;
}

.event-row-meta .bi[b-p7lbcinuir] {
    margin-right: 0.25rem;
}

.share-status[b-p7lbcinuir] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.share-status.accepted[b-p7lbcinuir] {
    color: #198754;
}

.share-status.pending[b-p7lbcinuir] {
    color: #b58100;
}

:global(body.shareca-dark-mode) .modal .alert-success[b-p7lbcinuir],
:global(body.shareca-dark-mode) .modal .alert-success :is(.share-status, .share-status.accepted, .share-status.pending, .bi)[b-p7lbcinuir] {
    color: #111827 !important;
}

:global(body.shareca-dark-mode) .modal :is(.btn-primary, .btn-outline-primary, .btn-success, .btn-outline-success)[b-p7lbcinuir] {
    color: #111827 !important;
    background-color: #aaf0d7 !important;
    border-color: #8fd8bf !important;
}

:global(body.shareca-dark-mode) .modal :is(.btn-primary, .btn-outline-primary, .btn-success, .btn-outline-success):hover[b-p7lbcinuir],
:global(body.shareca-dark-mode) .modal :is(.btn-primary, .btn-outline-primary, .btn-success, .btn-outline-success):focus[b-p7lbcinuir] {
    color: #111827 !important;
    background-color: #8fd8bf !important;
    border-color: #7ed9bd !important;
}

.event-row-description[b-p7lbcinuir] {
    margin-top: 0.35rem;
    font-size: 0.9rem;
    overflow-wrap: anywhere;
}

.event-row-actions[b-p7lbcinuir] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.5rem;
}

.modal-dialog[b-p7lbcinuir] {
    max-width: 34rem;
}

.modal-body > .mb-3[b-p7lbcinuir],
.modal-body > .row > .col-md-6 > .mb-3[b-p7lbcinuir] {
    display: grid;
    grid-template-columns: minmax(7.5rem, 32%) minmax(0, 1fr);
    align-items: center;
    column-gap: 0.55rem;
    margin-bottom: 0.42rem !important;
}

.modal-body > .mb-3 > .validation-message[b-p7lbcinuir] {
    grid-column: 2;
}

.modal-body > .mb-3 > .form-label[b-p7lbcinuir],
.modal-body > .row > .col-md-6 > .mb-3 > .form-label[b-p7lbcinuir] {
    margin-bottom: 0;
    font-size: 11px;
    color: #475467;
}

.modal-body textarea.form-control[b-p7lbcinuir] {
    min-height: 4rem;
}

@media (max-width: 575.98px) {
    .events-page-header[b-p7lbcinuir],
    .events-section-header[b-p7lbcinuir] {
        flex-direction: column;
        align-items: stretch;
    }

    .event-row[b-p7lbcinuir] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.7rem;
    }

    .event-row.accepted[b-p7lbcinuir] {
        flex-direction: row;
        align-items: flex-start;
        gap: 0.55rem;
    }

    .events-section-title[b-p7lbcinuir] {
        align-items: center;
    }

    .events-sort[b-p7lbcinuir],
    .event-row-actions .btn[b-p7lbcinuir] {
        width: 100%;
    }

    .events-sort[b-p7lbcinuir] {
        grid-template-columns: 1fr;
    }

    .event-row-actions[b-p7lbcinuir] {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .event-row-date[b-p7lbcinuir] {
        display: flex;
        flex: 0 0 auto;
        flex-basis: auto;
        align-self: flex-start;
        justify-content: flex-start;
        width: auto;
        min-width: 3.35rem;
        gap: 0.35rem;
        padding: 0.35rem 0.5rem;
        border: 1px solid #eaecf0;
        white-space: nowrap;
    }

    .event-row-main[b-p7lbcinuir] {
        flex: 1 1 auto;
        width: 100%;
    }

    .event-row-title[b-p7lbcinuir] {
        line-height: 1.25;
    }

}

.events-page[b-p7lbcinuir],
.events-page :is(p, span, small, label, input, textarea, select, .btn, .form-control, .form-select, .input-group-text, .form-check-label, .form-text, .events-empty, .event-row-meta, .event-row-description, .events-count, .event-month-divider)[b-p7lbcinuir],
.modal :is(p, span, small, label, input, textarea, select, .btn, .form-control, .form-select, .input-group-text, .form-check-label, .form-text)[b-p7lbcinuir] {
    font-size: 11px;
}

@media (min-width: 576px) {
    .modal :is(p, span, small, label, input, textarea, select, .btn, .form-control, .form-select, .input-group-text, .form-check-label, .form-text)[b-p7lbcinuir],
    .modal-body > .mb-3 > .form-label[b-p7lbcinuir],
    .modal-body > .row > .col-md-6 > .mb-3 > .form-label[b-p7lbcinuir] {
        font-size: 0.92rem;
    }
}
/* /Components/Pages/LovedPage.razor.rz.scp.css */
.loved-page[b-3eaieufid0] {
    width: 100%;
    padding: 0.25rem 0 2rem;
    font-size: 0.86rem;
}

.loved-page-header[b-3eaieufid0] {
    margin-bottom: 1.25rem;
}

.loved-page-header > div[b-3eaieufid0] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.loved-page-header h3[b-3eaieufid0],
.loved-page-header p[b-3eaieufid0],
.loved h5[b-3eaieufid0],
.loved h6[b-3eaieufid0],
.loved p[b-3eaieufid0] {
    margin: 0;
}

.loved-page-header p[b-3eaieufid0] {
    color: #667085;
    max-width: 48rem;
    font-size: 0.86rem;
}

.loved-list-actions[b-3eaieufid0] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}

.loved-container[b-3eaieufid0] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    width: 100%;
}

.loved[b-3eaieufid0] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    min-height: 15rem;
    padding: 1rem;
    background: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 0.5rem;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.loved:hover[b-3eaieufid0] {
    border-color: #98a2b3;
    box-shadow: 0 8px 20px rgba(16, 24, 40, 0.10);
    transform: translateY(-2px);
}

.loved-card-header[b-3eaieufid0] {
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #eaecf0;
}

.loved-card-title-row[b-3eaieufid0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.5rem;
}

.loved-card-header h5[b-3eaieufid0] {
    font-size: 1rem;
    line-height: 1.3;
    color: #E5a9f7;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.loved-card-header p[b-3eaieufid0],
.loved-meta[b-3eaieufid0] {
    color: #667085;
    font-size: 0.86rem;
}

.loved-categories[b-3eaieufid0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.loved-tags[b-3eaieufid0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.loved-category[b-3eaieufid0] {
    display: inline-flex;
    align-items: center;
    min-height: 1.65rem;
    padding: 0.15rem 0.5rem;
    color: #344054;
    background: rgba(229, 169, 247, 0.18);
    border: 1px solid #E5a9f7;
    border-radius: 999px;
    font-size: 0.86rem;
}

.loved-tag[b-3eaieufid0] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 1.65rem;
    padding: 0.15rem 0.5rem;
    color: #344054;
    border-radius: 999px;
    font-size: 0.86rem;
    overflow-wrap: anywhere;
}

.loved-tag-interest[b-3eaieufid0] {
    background: #ecfdf3;
    border: 1px solid #bbf7d0;
}

.loved-tag-unsuitable[b-3eaieufid0] {
    background: #fff7ed;
    border: 1px solid #fed7aa;
}

.loved-tag button[b-3eaieufid0] {
    width: 1rem;
    height: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(52, 64, 84, 0.12);
    color: #344054;
    line-height: 1;
}

.loved-tag button .bi[b-3eaieufid0] {
    font-size: 0.65rem;
    line-height: 1;
}

.tag-editor[b-3eaieufid0] {
    min-width: 0;
}

.tag-editor-tags[b-3eaieufid0] {
    margin-top: 0.4rem;
}

.loved-category-list[b-3eaieufid0] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.loved-category-row[b-3eaieufid0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.5rem 0.65rem;
    background: #f8fafc;
    border: 1px solid #eaecf0;
    border-radius: 0.4rem;
}

.events[b-3eaieufid0] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 0.5rem;
}

.gift-idea-history[b-3eaieufid0] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.gift-idea-history-row[b-3eaieufid0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    padding: 0.55rem 0.65rem;
    text-align: left;
    color: #344054;
    background: #f8fafc;
    border: 1px solid #eaecf0;
    border-radius: 0.4rem;
}

.gift-idea-history-row span[b-3eaieufid0] {
    min-width: 0;
}

.gift-idea-history-row strong[b-3eaieufid0],
.gift-idea-history-row small[b-3eaieufid0] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gift-idea-history-row small[b-3eaieufid0] {
    margin-top: 0.15rem;
    color: #667085;
}

.gift-idea-history-detail[b-3eaieufid0] {
    padding: 0.65rem 0.75rem;
    color: #1f2937;
    background: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 0.4rem;
}

.gift-idea-history-detail p[b-3eaieufid0] {
    margin: 0;
    line-height: 1.45;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.event[b-3eaieufid0] {
    padding: 0.55rem 0.65rem;
    background: #f8fafc;
    border: 1px solid #eaecf0;
    border-radius: 0.4rem;
}

.event h6[b-3eaieufid0] {
    font-size: 0.9rem;
}

.event p[b-3eaieufid0] {
    color: #667085;
    font-size: 0.82rem;
    overflow-wrap: anywhere;
}

.loved-actions[b-3eaieufid0] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    flex-wrap: nowrap;
}

.loved-actions .btn-icon-action[b-3eaieufid0] {
    flex: 0 0 auto;
}

.modal-dialog[b-3eaieufid0] {
    max-width: 34rem;
}

.modal-body > .mb-3[b-3eaieufid0] {
    display: grid;
    grid-template-columns: minmax(7.5rem, 32%) minmax(0, 1fr);
    align-items: center;
    column-gap: 0.55rem;
    margin-bottom: 0.42rem !important;
}

.modal-body > .mb-3 > .validation-message[b-3eaieufid0] {
    grid-column: 2;
}

.modal-body > .mb-3 > .form-label[b-3eaieufid0] {
    margin-bottom: 0;
    font-size: 11px;
    color: #475467;
}

.modal-body textarea.form-control[b-3eaieufid0] {
    min-height: 4rem;
}

.modal-body .input-group[b-3eaieufid0] {
    min-width: 0;
}

.modal-body > .tag-editor-row[b-3eaieufid0] {
    align-items: start;
}

.delete-confirmation-text[b-3eaieufid0] {
    margin: 0 0 0.75rem;
}

.delete-linked-events-check[b-3eaieufid0] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.65rem 0.75rem;
    margin: 0;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 0.5rem;
}

.delete-linked-events-check .form-check-input[b-3eaieufid0] {
    flex: 0 0 auto;
    margin: 0.2rem 0 0;
}

.delete-linked-events-check .form-check-label[b-3eaieufid0] {
    color: #9a3412;
    line-height: 1.35;
}

@media (max-width: 1199.98px) {
    .loved-container[b-3eaieufid0] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .loved-container[b-3eaieufid0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .loved-list-actions .btn[b-3eaieufid0] {
        width: 100%;
    }

    .loved-container[b-3eaieufid0] {
        grid-template-columns: 1fr;
    }

    .loved[b-3eaieufid0] {
        min-height: auto;
    }

    .modal-body > .loved-category-editor[b-3eaieufid0] {
        display: block;
    }

    .modal-body > .loved-category-editor > .loved-category-editor-title[b-3eaieufid0] {
        display: block;
        margin-bottom: 0.5rem;
        color: #1f2937;
        font-size: 0.95rem;
        font-weight: 700;
    }

    .loved-category-editor-fields[b-3eaieufid0] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 0.45rem;
    }

    .loved-category-editor-fields > :is(.form-select, .form-control, .btn)[b-3eaieufid0] {
        width: 100%;
    }

    .loved-category-editor-fields > .form-select[b-3eaieufid0] {
        grid-column: 1;
    }

    .loved-category-editor-fields > .form-control[b-3eaieufid0] {
        grid-column: 2;
    }

    .loved-category-editor-fields > .btn[b-3eaieufid0] {
        grid-column: 1 / -1;
    }

}

.loved-page[b-3eaieufid0],
.loved-page :is(p, span, small, label, input, textarea, select, .btn, .form-control, .form-select, .input-group-text, .form-check-label, .form-text, .loved-meta, .loved-category, .event h6, .event p, .gift-idea-history-row)[b-3eaieufid0],
.modal :is(p, span, small, label, input, textarea, select, .btn, .form-control, .form-select, .input-group-text, .form-check-label, .form-text)[b-3eaieufid0] {
    font-size: 0.86rem;
}

:global(body.shareca-dark-mode) .loved-tag-interest[b-3eaieufid0] {
    color: #dcfce7 !important;
    background: rgba(34, 197, 94, 0.10) !important;
    border: 1px solid #22c55e !important;
}

:global(body.shareca-dark-mode) .loved-tag-unsuitable[b-3eaieufid0] {
    color: #fee2e2 !important;
    background: rgba(239, 68, 68, 0.10) !important;
    border: 1px solid #ef4444 !important;
}

:global(body.shareca-dark-mode) .loved-tag :is(button, button:hover, button:focus)[b-3eaieufid0] {
    color: inherit !important;
    border: 1px solid currentColor;
    background: rgba(15, 23, 42, 0.36);
}

:global(body.shareca-dark-mode) .loved-card-header h5[b-3eaieufid0] {
    color: #ffffff !important;
    font-weight: 700;
}
/* /Components/Pages/Profile.razor.rz.scp.css */
.profile-page[b-wcx83zeto6] {
    max-width: 44rem;
}

.profile-header[b-wcx83zeto6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.profile-header h2[b-wcx83zeto6] {
    margin: 0;
}

.profile-status-badge[b-wcx83zeto6] {
    display: inline-flex;
    align-items: center;
    min-height: 1.75rem;
    padding: 0.25rem 0.6rem;
    border: 1px solid #d0d5dd;
    border-radius: 999px;
    color: #475467;
    background: #f9fafb;
    font-size: 0.82rem;
    font-weight: 600;
    white-space: nowrap;
}

.profile-status-badge.admin[b-wcx83zeto6] {
    color: #6f3f7a;
    border-color: #E5a9f7;
    background: rgba(229, 169, 247, 0.18);
}

.profile-status-badge.user[b-wcx83zeto6] {
    color: #27745d;
    border-color: #aaf0d7;
    background: rgba(170, 240, 215, 0.22);
}

.profile-form[b-wcx83zeto6] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.profile-form > .mb-3[b-wcx83zeto6] {
    display: grid;
    grid-template-columns: minmax(7rem, 30%) minmax(0, 1fr);
    align-items: center;
    column-gap: 0.75rem;
    margin-bottom: 0 !important;
}

.profile-form label[b-wcx83zeto6] {
    margin-bottom: 0;
    font-size: 11px;
    color: #475467;
}

.profile-form .form-control[b-wcx83zeto6],
.profile-form .form-select[b-wcx83zeto6],
.profile-form input[b-wcx83zeto6],
.profile-form select[b-wcx83zeto6],
.profile-form textarea[b-wcx83zeto6] {
    border-color: transparent;
    box-shadow: none;
}

.profile-form .form-control:focus[b-wcx83zeto6],
.profile-form .form-select:focus[b-wcx83zeto6],
.profile-form input:focus[b-wcx83zeto6],
.profile-form select:focus[b-wcx83zeto6],
.profile-form textarea:focus[b-wcx83zeto6] {
    border-color: #aaf0d7;
    box-shadow: 0 0 0 0.15rem rgba(170, 240, 215, 0.35);
}

.profile-form .form-control:disabled[b-wcx83zeto6],
.profile-form input:disabled[b-wcx83zeto6] {
    border-color: transparent;
}

.profile-actions[b-wcx83zeto6] {
    display: flex;
    justify-content: flex-end;
    margin-top: 0.25rem;
}

.profile-share-list[b-wcx83zeto6] {
    padding-left: 1.1rem;
}

.profile-share-list li[b-wcx83zeto6] {
    margin-bottom: 0.35rem;
}

.profile-sync-section h3[b-wcx83zeto6] {
    margin-bottom: 0.65rem;
}

.profile-sync-card[b-wcx83zeto6] {
    display: grid;
    gap: 0.7rem;
    padding: 0.75rem;
    background: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 0.5rem;
}

.profile-sync-card h5[b-wcx83zeto6],
.profile-sync-card p[b-wcx83zeto6] {
    margin: 0;
}

.profile-sync-card p[b-wcx83zeto6],
.profile-sync-card .form-text[b-wcx83zeto6] {
    color: #667085;
}

.profile-danger-card[b-wcx83zeto6] {
    border-color: #fda29b;
    border-left: 4px solid #d92d20;
}

.profile-delete-request-status[b-wcx83zeto6] {
    color: #9a3412 !important;
    font-weight: 700;
}

.profile-linked-accounts[b-wcx83zeto6] {
    display: grid;
    gap: 0.55rem;
}

.profile-admin-consent[b-wcx83zeto6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem;
    background: #f8fafc;
    border: 1px solid #eaecf0;
    border-radius: 0.5rem;
}

.profile-admin-consent p[b-wcx83zeto6] {
    margin-top: 0.2rem;
}

.profile-admin-consent .btn[b-wcx83zeto6] {
    white-space: nowrap;
}

.profile-linked-account-row[b-wcx83zeto6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    padding: 0.55rem 0;
    border-top: 1px solid #eaecf0;
}

.profile-linked-account-row:first-child[b-wcx83zeto6] {
    border-top: 0;
}

.profile-linked-account-row > div:first-child[b-wcx83zeto6] {
    display: grid;
    grid-template-columns: minmax(6rem, 1fr) minmax(6.5rem, auto);
    align-items: center;
    column-gap: 0.65rem;
    min-width: 0;
}

.profile-linked-actions[b-wcx83zeto6] {
    display: flex;
    justify-content: flex-end;
    gap: 0.45rem;
}

.profile-linked-actions .btn[b-wcx83zeto6] {
    white-space: nowrap;
}

.profile-linked-actions form[b-wcx83zeto6] {
    margin: 0;
}

.profile-linked-status[b-wcx83zeto6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: start;
    min-height: 1.45rem;
    min-width: 6.5rem;
    padding: 0.15rem 0.45rem;
    border: 1px solid #d0d5dd;
    border-radius: 999px;
    color: #667085;
    white-space: nowrap;
}

.profile-linked-status.connected[b-wcx83zeto6] {
    color: #27745d;
    border-color: #aaf0d7;
    background: rgba(170, 240, 215, 0.22);
}

.profile-linked-status.disconnected[b-wcx83zeto6] {
    color: #475467;
    background: #f9fafb;
}

.profile-apple-login-dialog[b-wcx83zeto6] {
    max-width: 30rem;
}

.profile-apple-login-help[b-wcx83zeto6] {
    margin: 0 0 0.8rem;
    color: #667085;
    line-height: 1.35;
}

.profile-apple-login-status[b-wcx83zeto6] {
    margin-bottom: 0.8rem;
    padding: 0.45rem 0.6rem;
    color: #27745d;
    background: rgba(170, 240, 215, 0.22);
    border: 1px solid #aaf0d7;
    border-radius: 0.5rem;
}

.profile-apple-help-toggle[b-wcx83zeto6] {
    justify-self: start;
    padding: 0;
    color: #6f3f7a;
    background: transparent;
    border: 0;
    font-weight: 700;
    text-align: left;
}

.profile-apple-help-toggle:hover[b-wcx83zeto6],
.profile-apple-help-toggle:focus[b-wcx83zeto6] {
    color: #4f2c58;
    text-decoration: underline;
}

.profile-apple-password-help[b-wcx83zeto6] {
    padding: 0.55rem 0.7rem;
    color: #475467;
    background: #f8fafc;
    border: 1px solid #eaecf0;
    border-radius: 0.5rem;
}

.profile-apple-password-help ul[b-wcx83zeto6] {
    margin: 0;
    padding-left: 1rem;
}

.profile-apple-password-help li + li[b-wcx83zeto6] {
    margin-top: 0.35rem;
}

.profile-apple-optional-divider[b-wcx83zeto6] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin: 0.75rem 0;
    color: #667085;
    font-size: 0.76rem;
    font-weight: 600;
    text-transform: uppercase;
}

.profile-apple-optional-divider[b-wcx83zeto6]::before,
.profile-apple-optional-divider[b-wcx83zeto6]::after {
    content: "";
    height: 1px;
    flex: 1 1 auto;
    background: #d0d5dd;
}

@media (max-width: 575.98px) {
    .profile-header[b-wcx83zeto6] {
        align-items: flex-start;
        flex-direction: column;
    }

    .profile-actions[b-wcx83zeto6] {
        justify-content: stretch;
    }

    .profile-actions .btn[b-wcx83zeto6] {
        width: 100%;
    }

    .profile-linked-account-row[b-wcx83zeto6] {
        grid-template-columns: 1fr;
    }

    .profile-admin-consent[b-wcx83zeto6] {
        grid-template-columns: 1fr;
    }

    .profile-admin-consent .btn[b-wcx83zeto6] {
        width: 100%;
    }

    .profile-linked-account-row > div:first-child[b-wcx83zeto6] {
        grid-template-columns: 1fr;
        row-gap: 0.35rem;
    }

    .profile-linked-account-row .btn[b-wcx83zeto6] {
        width: 100%;
    }

    .profile-linked-actions[b-wcx83zeto6] {
        flex-direction: column;
        align-items: stretch;
    }

}

.profile-page[b-wcx83zeto6],
.profile-page :is(p, span, small, label, input, textarea, select, .btn, .form-control, .form-select, .form-check-label, .form-text, .validation-message, .validation-summary-errors, .profile-status-badge)[b-wcx83zeto6] {
    font-size: 11px;
}

.profile-form :is(.form-control, .form-select, input, select, textarea)[b-wcx83zeto6],
.profile-sync-card :is(.form-check-label, .form-text, .profile-linked-status)[b-wcx83zeto6] {
    font-size: 11px !important;
}

.profile-form[b-wcx83zeto6]  .form-control,
.profile-form[b-wcx83zeto6]  .form-select,
.profile-form[b-wcx83zeto6]  input,
.profile-form[b-wcx83zeto6]  select,
.profile-form[b-wcx83zeto6]  textarea {
    font-size: 11px !important;
}
/* /Components/Pages/RelationsPage.razor.rz.scp.css */
.relations-page[b-dc9lj5a5w9] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding-bottom: 2rem;
}

.relations-page-header[b-dc9lj5a5w9] {
    max-width: 48rem;
}

.relations-page-header > div[b-dc9lj5a5w9] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.relations-page-header h3[b-dc9lj5a5w9],
.relations-page-header p[b-dc9lj5a5w9] {
    margin: 0;
}

.relations-page-header p[b-dc9lj5a5w9] {
    color: #667085;
    font-size: 11px;
}

.relations-list-actions[b-dc9lj5a5w9] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: -0.5rem;
}

.relations-list[b-dc9lj5a5w9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 8.5rem), 1fr));
    gap: 0.45rem;
    align-items: start;
}

.relation-card[b-dc9lj5a5w9] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-width: 0;
    min-height: 0;
    padding: 0.32rem 0.38rem;
    background: #fff;
    border: 1px solid #d0d5dd;
    border-left: 4px solid #aaf0d7;
    border-radius: 0.5rem;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}

.relation-card-body[b-dc9lj5a5w9] {
    min-width: 0;
}

.relation-card-header[b-dc9lj5a5w9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.3rem;
    min-width: 0;
}

.relation-card-header .relation-card-body[b-dc9lj5a5w9] {
    flex: 1 1 auto;
}

.relation-title[b-dc9lj5a5w9] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.relation-actions[b-dc9lj5a5w9] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.25rem;
    justify-content: flex-end;
    flex-wrap: nowrap;
}

.relation-actions .btn-icon-action[b-dc9lj5a5w9] {
    width: 1.25rem;
    height: 1.25rem;
    font-size: 0.84rem;
}

.modal-dialog[b-dc9lj5a5w9] {
    max-width: 28rem;
}

.modal-body > .mb-3[b-dc9lj5a5w9] {
    display: grid;
    grid-template-columns: minmax(6rem, 30%) minmax(0, 1fr);
    align-items: center;
    column-gap: 0.55rem;
    margin-bottom: 0.42rem !important;
}

.modal-body > .form-check.mb-3[b-dc9lj5a5w9] {
    margin-bottom: 0.42rem !important;
}

.modal-body > .mb-3 > .form-label[b-dc9lj5a5w9] {
    margin-bottom: 0;
    font-size: 11px;
    color: #475467;
}

@media (max-width: 767.98px) {
    .relations-list[b-dc9lj5a5w9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .relations-list-actions .btn[b-dc9lj5a5w9] {
        width: 100%;
    }

    .relations-list[b-dc9lj5a5w9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}
/* /Components/Pages/TasksPage.razor.rz.scp.css */
.tasks-page[b-wxb7ybwnw9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-bottom: 2rem;
}

.tasks-page-header[b-wxb7ybwnw9] {
    max-width: 48rem;
}

.tasks-page-header > div[b-wxb7ybwnw9] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.tasks-page-header h3[b-wxb7ybwnw9],
.tasks-page-header p[b-wxb7ybwnw9] {
    margin: 0;
}

.tasks-page-header p[b-wxb7ybwnw9],
.tasks-empty[b-wxb7ybwnw9],
.tasks-sync-note[b-wxb7ybwnw9],
.task-details[b-wxb7ybwnw9],
.task-notes[b-wxb7ybwnw9] {
    color: #667085;
}

.tasks-page-header p[b-wxb7ybwnw9] {
    font-size: 11px;
}

.tasks-toolbar[b-wxb7ybwnw9] {
    display: grid;
    grid-template-columns: minmax(12rem, 34rem) auto;
    align-items: end;
    gap: 0.75rem;
}

.tasks-toolbar .form-label[b-wxb7ybwnw9] {
    font-size: 11px;
    color: #475467;
}

.tasks-toolbar-actions[b-wxb7ybwnw9] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.tasks-toolbar-actions .btn-icon-action.active[b-wxb7ybwnw9] {
    color: #1f2937;
    background: #aaf0d7;
    border-color: #8fd8bf;
}

.tasks-sync-note[b-wxb7ybwnw9] {
    padding: 0.55rem 0.7rem;
    border: 1px solid #d0d5dd;
    border-radius: 0.5rem;
    background: #f9fafb;
    font-size: 11px;
}

.tasks-section[b-wxb7ybwnw9] {
    display: grid;
    gap: 0.5rem;
}

.tasks-section-header[b-wxb7ybwnw9] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.tasks-section-header h5[b-wxb7ybwnw9] {
    margin: 0;
}

.tasks-count-badge[b-wxb7ybwnw9] {
    display: inline-grid;
    place-items: center;
    min-width: 1.6rem;
    height: 1.35rem;
    padding: 0 0.45rem;
    color: #1f2937;
    background: #aaf0d7;
    border: 1px solid #8fd8bf;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1;
}

.tasks-list[b-wxb7ybwnw9] {
    display: grid;
    gap: 0.5rem;
}

.task-card[b-wxb7ybwnw9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.65rem 0.75rem;
    background: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 0.5rem;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}

.task-card.completed .task-title[b-wxb7ybwnw9] {
    color: #667085;
    text-decoration: line-through;
}

.task-check[b-wxb7ybwnw9] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    min-width: 1.4rem;
    margin: 0;
}

.task-main[b-wxb7ybwnw9] {
    flex: 1;
    min-width: 0;
}

.task-title[b-wxb7ybwnw9] {
    font-weight: 700;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.task-details[b-wxb7ybwnw9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    font-size: 0.78rem;
}

.task-notes[b-wxb7ybwnw9] {
    margin-top: 0.25rem;
    overflow-wrap: anywhere;
}

.task-actions[b-wxb7ybwnw9] {
    display: flex;
    gap: 0.35rem;
    flex-shrink: 0;
}

.tasks-form > .mb-3[b-wxb7ybwnw9] {
    display: grid;
    grid-template-columns: minmax(7rem, 34%) minmax(0, 1fr);
    align-items: center;
    column-gap: 0.5rem;
    margin-bottom: 0.42rem !important;
}

.tasks-form .form-label[b-wxb7ybwnw9] {
    margin-bottom: 0;
    font-size: 11px;
    color: #475467;
}

.tasks-notes-field[b-wxb7ybwnw9] {
    align-items: start !important;
}

@media (max-width: 767.98px) {
    .tasks-toolbar[b-wxb7ybwnw9] {
        grid-template-columns: 1fr;
    }

    .task-card[b-wxb7ybwnw9] {
        align-items: stretch;
        flex-direction: column;
    }

    .task-actions[b-wxb7ybwnw9] {
        width: 100%;
    }

    .tasks-form > .mb-3[b-wxb7ybwnw9] {
        grid-template-columns: 1fr;
    }
}

.tasks-page[b-wxb7ybwnw9],
.tasks-page :is(p, span, small, label, input, textarea, select, .btn, .form-control, .form-select, .input-group-text, .form-check-label, .form-text, .tasks-sync-note, .task-details, .task-notes)[b-wxb7ybwnw9],
.modal :is(p, span, small, label, input, textarea, select, .btn, .form-control, .form-select, .input-group-text, .form-check-label, .form-text)[b-wxb7ybwnw9] {
    font-size: 11px;
}

.tasks-page .tasks-count-badge[b-wxb7ybwnw9] {
    font-size: 0.72rem;
}

:global(body.shareca-dark-mode) .task-card[b-wxb7ybwnw9] {
    background: #111827;
    border-color: #344054;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
}

:global(body.shareca-dark-mode) .tasks-sync-note[b-wxb7ybwnw9] {
    background: #111827;
    border-color: #344054;
}

:global(body.shareca-dark-mode) .tasks-toolbar .form-label[b-wxb7ybwnw9],
:global(body.shareca-dark-mode) .tasks-form .form-label[b-wxb7ybwnw9],
:global(body.shareca-dark-mode) .tasks-empty[b-wxb7ybwnw9],
:global(body.shareca-dark-mode) .tasks-sync-note[b-wxb7ybwnw9],
:global(body.shareca-dark-mode) .task-details[b-wxb7ybwnw9],
:global(body.shareca-dark-mode) .task-notes[b-wxb7ybwnw9],
:global(body.shareca-dark-mode) .task-card.completed .task-title[b-wxb7ybwnw9] {
    color: #98a2b3;
}

:global(body.shareca-dark-mode) .task-title[b-wxb7ybwnw9] {
    color: #f9fafb;
}
/* /Components/Pages/TermsPage.razor.rz.scp.css */
.legal-page[b-kko01fve8q] {
    width: min(100%, 54rem);
    margin: 0 auto;
    padding: 1.25rem 1rem 2.5rem;
    color: #1f2937;
}

.legal-page h1[b-kko01fve8q] {
    margin: 0 0 0.35rem;
    font-size: 1.65rem;
    line-height: 1.15;
}

.legal-page h2[b-kko01fve8q] {
    margin: 1.35rem 0 0.45rem;
    font-size: 1.05rem;
    line-height: 1.2;
}

.legal-page p[b-kko01fve8q] {
    color: #475467;
    font-size: 0.95rem;
    line-height: 1.55;
}

.legal-page a[b-kko01fve8q] {
    color: #6f3f7a;
    font-weight: 700;
}

.legal-updated[b-kko01fve8q] {
    margin-bottom: 1.25rem;
    color: #667085;
    font-weight: 700;
}