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

/* /Components/AddressAutocomplete.razor.rz.scp.css */
.address-autocomplete[b-0szphyihid] { position: relative; min-width: 0; width: 100%; }
.address-autocomplete-suggestions[b-0szphyihid] { position: absolute; z-index: 1100; top: calc(100% + 0.25rem); right: 0; left: 0; display: grid; overflow: hidden; background: #fff; border: 1px solid #d0d5dd; border-radius: 0.55rem; box-shadow: 0 0.75rem 1.5rem rgba(16, 24, 40, 0.18); }
.address-autocomplete-suggestions button[b-0szphyihid] { display: grid; grid-template-columns: 1rem minmax(0, 1fr); align-items: start; gap: 0.45rem; width: 100%; padding: 0.55rem 0.65rem; color: #344054; background: transparent; border: 0; border-bottom: 1px solid #eaecf0; text-align: left; }
.address-autocomplete-suggestions button:last-child[b-0szphyihid] { border-bottom: 0; }
.address-autocomplete-suggestions button:hover[b-0szphyihid], .address-autocomplete-suggestions button:focus[b-0szphyihid] { color: #1f2937; background: rgba(229, 169, 247, 0.16); outline: none; }
:global(body.shareca-dark-mode) .address-autocomplete-suggestions[b-0szphyihid] { background: #111827; border-color: #344054; }
:global(body.shareca-dark-mode) .address-autocomplete-suggestions button[b-0szphyihid] { color: #f8fafc; border-color: #344054; }
/* /Components/AgentChatWidget.razor.rz.scp.css */
.agent-chat-widget[b-6efcga9sun] {
    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-6efcga9sun],
    body.shareca-shell-page-active .agent-chat-widget[b-6efcga9sun] {
        top: 1.45rem;
        right: calc(max(0.9rem, env(safe-area-inset-right)) + 3rem);
    }
}

.agent-chat-toggle[b-6efcga9sun] {
    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-6efcga9sun],
.agent-chat-toggle:focus[b-6efcga9sun],
.agent-chat-widget.open .agent-chat-toggle[b-6efcga9sun] {
    color: #1f2937;
    background: #f8e8ff;
    border-color: #d991ef;
}

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

.agent-chat-toggle span[b-6efcga9sun] {
    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-6efcga9sun] {
    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-6efcga9sun] {
    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-6efcga9sun] {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
}

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

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

.agent-chat-close[b-6efcga9sun] {
    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-6efcga9sun],
.agent-chat-close:focus[b-6efcga9sun] {
    color: #1f2937;
    background: #f2f4f7;
}

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

.agent-chat-message[b-6efcga9sun] {
    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-6efcga9sun] {
    align-self: flex-start;
    color: #344054;
    background: #fff;
    border: 1px solid #eaecf0;
}

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

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

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

.agent-chat-suggestions button[b-6efcga9sun] {
    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-6efcga9sun],
.agent-chat-suggestions button:focus[b-6efcga9sun] {
    background: #f8e8ff;
    border-color: #d991ef;
}

.agent-chat-input[b-6efcga9sun] {
    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-6efcga9sun] {
    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-6efcga9sun] {
    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-6efcga9sun],
.agent-chat-input button:focus[b-6efcga9sun] {
    color: #5f2c73;
    background: #f8e8ff;
    border-color: #d991ef;
}

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

:global(body.shareca-dark-mode) .agent-chat-panel[b-6efcga9sun] {
    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-6efcga9sun],
:global(body.shareca-dark-mode) .agent-chat-suggestions[b-6efcga9sun],
:global(body.shareca-dark-mode) .agent-chat-input[b-6efcga9sun] {
    background: #111827;
    border-color: #334155;
}

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

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

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

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

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

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

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

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

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

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

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

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

    .agent-chat-panel[b-6efcga9sun] {
        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-4i3qfiqq85] {
    --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-4i3qfiqq85] {
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
    background-color: #f8f9fa;
}

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

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

    .btn-nav:hover[b-4i3qfiqq85] {
        background: #e9ecef;
    }

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

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

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

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

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

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

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

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

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

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

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

.day-number[b-4i3qfiqq85] {
    font-size: 1.2rem;
}

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

.all-day-label[b-4i3qfiqq85] {
    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-4i3qfiqq85],
.calendar-day-top-spacer[b-4i3qfiqq85] {
    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-4i3qfiqq85] {
    z-index: 24;
}

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

.calendar-filter-button[b-4i3qfiqq85] {
    display: inline-grid;
    place-items: center;
    width: 1.55rem;
    height: 1.55rem;
    min-width: 1.55rem;
    padding: 0;
    border: 1px solid #c98ae0;
    border-radius: 0.48rem;
    background: linear-gradient(145deg, #f8eaff 0%, #e8fdf5 100%);
    color: #704078;
    font-size: 0.86rem;
    line-height: 1;
    box-shadow: 0 0.2rem 0.45rem rgba(111, 63, 122, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    transition: transform 140ms ease, color 140ms ease, background 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
}

.calendar-filter-button:hover[b-4i3qfiqq85],
.calendar-filter-button:focus[b-4i3qfiqq85],
.calendar-filter-button.active[b-4i3qfiqq85] {
    border-color: #70c8aa;
    background: linear-gradient(145deg, #dff8ee 0%, #efcff8 100%);
    color: #176b55;
    box-shadow: 0 0.28rem 0.62rem rgba(23, 107, 85, 0.22), 0 0 0 0.12rem rgba(170, 240, 215, 0.26);
    transform: translateY(-1px);
}

.day-events-column[b-4i3qfiqq85] {
    min-width: 0;
}

.all-day-event-row[b-4i3qfiqq85] {
    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-4i3qfiqq85] {
    top: var(--calendar-week-header-height);
}

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

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

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

.calendar-filter-options[b-4i3qfiqq85] {
    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-4i3qfiqq85] {
    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-4i3qfiqq85],
.calendar-filter-option.active[b-4i3qfiqq85] {
    border-color: #7ecbb5;
    background: #f0fbf7;
}

.calendar-filter-option input[b-4i3qfiqq85] {
    margin: 0;
}

.calendar-filter-option-icon[b-4i3qfiqq85] {
    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-4i3qfiqq85] {
    display: grid;
    min-width: 0;
    line-height: 1.2;
}

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

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

.all-day-events-container[b-4i3qfiqq85] {
    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-4i3qfiqq85] {
    border-right: 1px solid #ddd;
}

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

.time-slot[b-4i3qfiqq85] {
    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-4i3qfiqq85] {
        background-color: #f8f9fa;
    }

/* --- Event Cards --- */
.event-card[b-4i3qfiqq85] {
    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-4i3qfiqq85] {
    background-color: #7db7e8;
    border-left-color: #2f6fa5;
    cursor: pointer;
}

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

.event-card-owner[b-4i3qfiqq85] {
    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-4i3qfiqq85] {
    color: #111827;
    opacity: 0.9;
    pointer-events: none;
}

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

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

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

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

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

.share-status .bi[b-4i3qfiqq85] {
    flex: 0 0 auto;
}

.calendar-container[b-4i3qfiqq85]  .share-recipient-strip,
.event-editor-content[b-4i3qfiqq85]  .share-recipient-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.calendar-container[b-4i3qfiqq85]  .share-recipient-chip,
.event-editor-content[b-4i3qfiqq85]  .share-recipient-chip {
    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;
}

.calendar-container[b-4i3qfiqq85]  .share-recipient-chip.accepted,
.event-editor-content[b-4i3qfiqq85]  .share-recipient-chip.accepted {
    color: #0f5132;
    background: rgba(255, 255, 255, 0.62);
}

.calendar-container[b-4i3qfiqq85]  .share-recipient-chip.pending,
.event-editor-content[b-4i3qfiqq85]  .share-recipient-chip.pending {
    color: #664d03;
    background: rgba(255, 255, 255, 0.62);
}

.calendar-container[b-4i3qfiqq85]  .share-recipient-chip > span,
.event-editor-content[b-4i3qfiqq85]  .share-recipient-chip > span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calendar-container[b-4i3qfiqq85]  .share-recipient-remove,
.event-editor-content[b-4i3qfiqq85]  .share-recipient-remove {
    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: 50% !important;
    appearance: none;
    flex: 0 0 1.35rem;
    line-height: 1;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.12);
}

.calendar-container[b-4i3qfiqq85]  .share-recipient-remove:hover,
.calendar-container[b-4i3qfiqq85]  .share-recipient-remove:focus-visible,
.event-editor-content[b-4i3qfiqq85]  .share-recipient-remove:hover,
.event-editor-content[b-4i3qfiqq85]  .share-recipient-remove:focus-visible {
    background: #fff;
    border-color: currentColor;
    outline: 2px solid rgba(124, 58, 237, 0.24);
    outline-offset: 1px;
}

.calendar-container[b-4i3qfiqq85]  .share-recipient-remove .bi,
.event-editor-content[b-4i3qfiqq85]  .share-recipient-remove .bi {
    font-size: 0.68rem;
    line-height: 1;
}

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

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

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

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

.event-card.all-day[b-4i3qfiqq85] {
    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-4i3qfiqq85] {
    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-4i3qfiqq85] {
    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-4i3qfiqq85] {
    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-4i3qfiqq85]::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-4i3qfiqq85] {
    color: #1a73e8;
}

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

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

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

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

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

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

.event-card.timed:active[b-4i3qfiqq85] {
    cursor: grabbing;
}

.event-title[b-4i3qfiqq85] {
    font-weight: 600;
}

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

.shared-person-action[b-4i3qfiqq85] {
    display: inline;
    min-width: 0;
    padding: 0;
    color: inherit;
    font: inherit;
    line-height: inherit;
    text-align: inherit;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 0.12em;
    background: transparent;
    border: 0;
    cursor: pointer;
}

.shared-person-action:hover[b-4i3qfiqq85],
.shared-person-action:focus[b-4i3qfiqq85] {
    color: inherit;
    text-decoration-style: solid;
    outline: none;
}

.shared-person-label[b-4i3qfiqq85] {
    display: inline;
}

/* Floating Add Button */
.fab-add[b-4i3qfiqq85] {
    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-4i3qfiqq85] {
        display: none;
    }

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

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

.hour-slot.time-range-selected[b-4i3qfiqq85] {
    background: rgba(139, 92, 246, 0.2);
    border-left: 3px solid #8b5cf6;
    box-shadow: inset 0 0 0 1px rgba(139, 92, 246, 0.22);
}

.hour-slot.time-range-selected:hover[b-4i3qfiqq85] {
    background: rgba(139, 92, 246, 0.25);
}

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

.event-card[b-4i3qfiqq85] {
    z-index: 2;
}

.drop-layer[b-4i3qfiqq85] {
    z-index: 1;
}

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

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

.event-editor-backdrop[b-4i3qfiqq85] {
    background: rgba(3, 7, 18, 0.78);
    backdrop-filter: blur(10px);
}

.event-editor-modal[b-4i3qfiqq85] {
    background: rgba(3, 9, 20, 0.4);
}

.event-editor-dialog[b-4i3qfiqq85] {
    max-width: min(63.5rem, calc(100vw - 4rem));
    margin-block: 2.9rem;
}

.event-editor-modal .event-editor-dialog[b-4i3qfiqq85] {
    width: min(61rem, calc(100vw - 4rem));
    max-width: min(61rem, calc(100vw - 4rem));
}

.event-editor-content[b-4i3qfiqq85] {
    color: #f5f7fb;
    background:
        linear-gradient(145deg, rgba(24, 34, 55, 0.97), rgba(10, 18, 32, 0.985) 58%, rgba(8, 14, 26, 0.99)),
        #101827;
    border: 1px solid rgba(229, 169, 247, 0.48);
    border-radius: 8px;
    box-shadow:
        0 30px 90px rgba(0, 0, 0, 0.58),
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        inset 0 -28px 58px rgba(0, 0, 0, 0.16);
    overflow: hidden;
}

.event-editor-content .modal-header[b-4i3qfiqq85],
.event-editor-content .modal-footer[b-4i3qfiqq85] {
    border-color: rgba(148, 163, 184, 0.18);
    padding-inline: 2.15rem;
}

.event-editor-content .modal-header[b-4i3qfiqq85] {
    padding-block: 1.25rem 0.85rem;
}

.event-editor-content .modal-title[b-4i3qfiqq85] {
    color: #f8fafc;
    font-size: clamp(1.45rem, 1.2rem + 0.65vw, 2rem);
    font-weight: 700;
    letter-spacing: 0;
}

.event-editor-content .btn-close[b-4i3qfiqq85] {
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    filter: invert(1) grayscale(1);
    opacity: 0.72;
}

.event-editor-content .btn-close:hover[b-4i3qfiqq85],
.event-editor-content .btn-close:focus[b-4i3qfiqq85] {
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.08);
}

.event-editor-body[b-4i3qfiqq85] {
    display: grid;
    gap: 0.48rem;
    padding: 0.58rem 2.15rem 0.85rem;
}

.event-editor-body > .mb-3[b-4i3qfiqq85],
.event-editor-body > .row > .col-md-6 > .mb-3[b-4i3qfiqq85] {
    grid-template-columns: minmax(7.5rem, 24%) minmax(0, 1fr);
    column-gap: 1rem;
    margin-bottom: 0 !important;
}

.event-editor-body > .mb-3 > .form-label[b-4i3qfiqq85],
.event-editor-body > .row > .col-md-6 > .mb-3 > .form-label[b-4i3qfiqq85],
.event-editor-body .event-date-label[b-4i3qfiqq85],
.event-editor-body .event-calendar-sync-title[b-4i3qfiqq85] {
    color: rgba(245, 247, 251, 0.88);
    font-weight: 500;
}

.event-editor-body .required-label[b-4i3qfiqq85]::after {
    color: #e5a9f7;
}

.event-editor-content :is(.form-control, .form-select)[b-4i3qfiqq85],
.event-editor-content[b-4i3qfiqq85]  :is(.form-control, .form-select) {
    min-height: 2.55rem;
    color: #f8fafc;
    background:
        linear-gradient(180deg, rgba(22, 33, 53, 0.98), rgba(13, 22, 38, 0.98));
    border-color: rgba(148, 163, 184, 0.34);
    border-radius: 6px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        inset 0 -12px 24px rgba(0, 0, 0, 0.16),
        0 1px 0 rgba(255, 255, 255, 0.04);
}

.event-editor-content :is(.form-control, .form-select)[b-4i3qfiqq85]::placeholder,
.event-editor-content[b-4i3qfiqq85]  .form-control::placeholder {
    color: rgba(226, 232, 240, 0.58);
}

.event-editor-content :is(.form-control, .form-select):focus[b-4i3qfiqq85],
.event-editor-content[b-4i3qfiqq85]  :is(.form-control, .form-select):focus {
    color: #ffffff;
    background: linear-gradient(180deg, rgba(25, 37, 60, 1), rgba(16, 26, 44, 1));
    border-color: rgba(229, 169, 247, 0.78);
    box-shadow:
        0 0 0 0.18rem rgba(229, 169, 247, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.event-editor-content textarea.form-control[b-4i3qfiqq85] {
    min-height: 4.35rem;
}

.event-editor-body hr[b-4i3qfiqq85] {
    margin: 0.35rem 0;
    border-color: rgba(148, 163, 184, 0.2);
    opacity: 1;
}

.event-editor-body .alert[b-4i3qfiqq85] {
    color: #e5eefc;
    background: rgba(15, 23, 42, 0.84);
    border-color: rgba(229, 169, 247, 0.34);
}

.event-editor-body .validation-message[b-4i3qfiqq85],
.event-editor-body .validation-summary-errors[b-4i3qfiqq85] {
    color: #fca5a5;
}

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

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

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

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

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

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

.apple-calendar-login-status[b-4i3qfiqq85] {
    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-4i3qfiqq85] {
    justify-self: start;
    padding: 0;
    color: #6f3f7a;
    background: transparent;
    border: 0;
    font-weight: 700;
    text-align: left;
}

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

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

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

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

.apple-calendar-optional-divider[b-4i3qfiqq85] {
    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-4i3qfiqq85]::before,
.apple-calendar-optional-divider[b-4i3qfiqq85]::after {
    content: "";
    height: 1px;
    flex: 1 1 auto;
    background: #d0d5dd;
}

.modal-body > .mb-3[b-4i3qfiqq85],
.modal-body > .row > .col-md-6 > .mb-3[b-4i3qfiqq85] {
    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-4i3qfiqq85] {
    grid-column: 2;
}

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

.event-date-range-row[b-4i3qfiqq85] {
    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-4i3qfiqq85] {
    min-width: 0;
    margin-bottom: 0 !important;
}

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

.event-date-label[b-4i3qfiqq85] {
    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-4i3qfiqq85] {
    display: none;
    font-size: 0.95rem;
    line-height: 1;
}

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

.event-editor-body .event-date-range-row[b-4i3qfiqq85] {
    grid-template-columns: minmax(7.5rem, 24%) minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    column-gap: 0.72rem;
    row-gap: 0.42rem;
    margin-bottom: 0;
}

.event-editor-body .event-date-range-row > .mb-3[b-4i3qfiqq85] {
    display: grid;
    grid-template-columns: minmax(4.35rem, auto) minmax(0, 1fr);
    align-items: center;
    column-gap: 0.6rem;
}

.event-date-time-split[b-4i3qfiqq85] {
    display: grid;
    grid-template-columns: minmax(9.2rem, 1fr) minmax(6.85rem, 0.48fr);
    gap: 0.5rem;
    min-width: 0;
}

.event-split-input[b-4i3qfiqq85] {
    position: relative;
    min-width: 0;
}

.event-split-input[b-4i3qfiqq85]  .form-control,
.event-split-input .form-control[b-4i3qfiqq85] {
    min-height: 2.4rem;
}

.event-split-input-icon[b-4i3qfiqq85] {
    position: absolute;
    top: 50%;
    right: 0.78rem;
    z-index: 2;
    color: rgba(248, 250, 252, 0.78);
    font-size: 0.95rem;
    line-height: 1;
    pointer-events: none;
    transform: translateY(-50%);
}

.event-split-input[b-4i3qfiqq85]  .input-group > .form-control {
    flex: 1 1 auto;
    width: 1%;
}

.event-editor-body .event-date-range-row > .mb-3:first-child[b-4i3qfiqq85] {
    grid-column: 2;
}

.event-editor-body .event-date-range-row > .mb-3:last-child[b-4i3qfiqq85] {
    grid-column: 3;
}

.event-editor-body .event-date-label[b-4i3qfiqq85] {
    min-width: 4.25rem;
    margin-bottom: 0;
}

.event-editor-body .event-date-range-row > .mb-3:last-child .event-date-label[b-4i3qfiqq85] {
    justify-self: end;
    text-align: right;
}

.event-editor-body .event-schedule-options[b-4i3qfiqq85] {
    display: grid;
    grid-template-columns: minmax(7.5rem, 24%) minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    column-gap: 0.72rem;
    row-gap: 0.42rem;
    margin-bottom: 0;
}

.event-editor-body .event-repeat-control[b-4i3qfiqq85] {
    grid-column: 2;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    min-width: 0;
}

.event-repeat-section-label[b-4i3qfiqq85] {
    grid-column: 1;
    padding-top: 0;
}

.event-editor-body .repeat-icon-label[b-4i3qfiqq85] {
    display: inline-grid;
    place-items: center;
    width: 1.8rem;
    height: 1.8rem;
    margin: 0;
    color: #e5a9f7;
}

.event-editor-body .event-all-day-check[b-4i3qfiqq85] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    justify-self: end;
    margin: 0;
    min-height: 2.55rem;
    white-space: nowrap;
}

.event-editor-content .event-editor-body .event-schedule-options[b-4i3qfiqq85] {
    grid-template-columns: minmax(7.5rem, 24%) minmax(0, 1fr) minmax(0, 1fr) !important;
}

.event-editor-content .event-editor-body .event-repeat-section-label[b-4i3qfiqq85] {
    grid-column: 1;
    grid-row: 1;
}

.event-editor-content .event-editor-body .event-repeat-control[b-4i3qfiqq85] {
    grid-column: 2;
    grid-row: 1;
    display: grid !important;
    width: 100%;
}

.event-editor-content .event-editor-body .event-all-day-check[b-4i3qfiqq85] {
    grid-column: 3;
    grid-row: 1;
    display: inline-flex !important;
    padding-left: 0;
}

.event-editor-content .form-check-input[b-4i3qfiqq85],
.event-editor-content[b-4i3qfiqq85]  .form-check-input {
    width: 1.18rem;
    height: 1.18rem;
    margin-top: 0;
    background-color: rgba(12, 20, 35, 0.96);
    border-color: rgba(148, 163, 184, 0.44);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.event-editor-content .form-check-input:checked[b-4i3qfiqq85],
.event-editor-content[b-4i3qfiqq85]  .form-check-input:checked {
    background-color: #7c3aed;
    border-color: #e5a9f7;
}

.event-editor-body .event-calendar-sync-row[b-4i3qfiqq85] {
    display: grid;
    grid-template-columns: minmax(7.5rem, 24%) auto auto auto;
    justify-content: start;
    align-items: center;
    column-gap: 1rem;
    row-gap: 0.45rem;
}

.event-editor-body .event-calendar-sync-title[b-4i3qfiqq85] {
    grid-column: 1;
}

.event-editor-body .event-calendar-sync-option[b-4i3qfiqq85] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 2rem;
    color: rgba(245, 247, 251, 0.76);
    white-space: nowrap;
}

.event-editor-body .event-calendar-sync-option svg[b-4i3qfiqq85] {
    flex: 0 0 auto;
}

.event-editor-reminders-row[b-4i3qfiqq85] {
    display: grid;
    grid-template-columns: minmax(7.5rem, 24%) minmax(0, 1fr);
    align-items: start;
    column-gap: 1rem;
}

.event-editor-section-label[b-4i3qfiqq85] {
    color: rgba(245, 247, 251, 0.88);
    font-weight: 500;
    padding-top: 0.55rem;
}

.event-editor-body .form-row-email[b-4i3qfiqq85] {
    align-items: center;
}

.event-editor-body .share-email-submit[b-4i3qfiqq85] {
    min-height: 2.55rem;
    color: #f8fafc;
    border-color: rgba(229, 169, 247, 0.44);
    background: rgba(124, 58, 237, 0.12);
}

.event-editor-content .modal-footer[b-4i3qfiqq85] {
    gap: 0.85rem;
    padding-block: 0.85rem 1.2rem;
}

.event-editor-content .modal-footer .btn[b-4i3qfiqq85] {
    min-width: 8.15rem;
    min-height: 2.85rem;
    border-radius: 6px;
}

.event-editor-content .modal-footer .btn-secondary[b-4i3qfiqq85] {
    color: #f8fafc;
    background: linear-gradient(180deg, rgba(28, 39, 61, 0.96), rgba(13, 22, 38, 0.98));
    border-color: rgba(148, 163, 184, 0.42);
}

.event-editor-content .modal-footer .btn-primary[b-4i3qfiqq85] {
    color: #ffffff;
    background: linear-gradient(180deg, #f4d6ff 0%, #E5a9f7 48%, #d783f2 100%);
    border-color: #E5a9f7;
    box-shadow:
        0 12px 30px rgba(229, 169, 247, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

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

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

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

.month-cell.current-month-day[b-4i3qfiqq85] {
    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-4i3qfiqq85] {
    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-4i3qfiqq85] {
    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-4i3qfiqq85] {
    overflow: auto;
    max-width: 100%;
    touch-action: pan-x pan-y;
    overscroll-behavior: contain;
}

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

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

.time-column[b-4i3qfiqq85] {
    align-self: start;
}

.time-labels-col[b-4i3qfiqq85] {
    margin-top: 0;
}

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

.week-day-header[b-4i3qfiqq85] {
    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-4i3qfiqq85] {
    justify-content: center;
}

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

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

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

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

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

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

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

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

.hour-label[b-4i3qfiqq85] {
    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-4i3qfiqq85] {
    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-4i3qfiqq85]::before {
    content: "";
    position: absolute;
    left: -4px;
    top: -4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #E5a9f7;
}

.holiday.open[b-4i3qfiqq85] {
    color: #198754;
}

.holiday.closed[b-4i3qfiqq85] {
    color: #dc3545;
}

.holiday.halfday[b-4i3qfiqq85] {
    color: #fd7e14;
}

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

.year-picker .form-select[b-4i3qfiqq85] {
    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-4i3qfiqq85] {
    display: inline-grid;
    place-items: center;
    min-width: 2rem;
}

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

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

:global(body.shareca-dark-mode) .calendar-date-nav-button[b-4i3qfiqq85] {
    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-4i3qfiqq85],
:global(body.shareca-dark-mode) .calendar-date-nav-button:focus[b-4i3qfiqq85] {
    color: #111827 !important;
    background: #e5a9f7 !important;
    border-color: #d991ef !important;
}

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

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

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

.event-ai-actions[b-4i3qfiqq85] {
    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-4i3qfiqq85] {
    grid-column: 2;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    min-width: 0;
}

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

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

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

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

.calendar-day-summary[b-4i3qfiqq85] {
    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-4i3qfiqq85] {
        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-4i3qfiqq85] {
        grid-column: 1;
        min-width: 0;
    }

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

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

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

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

    .calendar-view-switcher[b-4i3qfiqq85] {
        width: 100%;
    }

    .calendar-view-switcher .btn[b-4i3qfiqq85] {
        flex: 1;
    }

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

    .month-view-grid[b-4i3qfiqq85] {
        min-width: 0;
    }

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

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

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

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

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

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

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

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

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

    .date-range-label[b-4i3qfiqq85],
    .calendar-day-summary[b-4i3qfiqq85] {
        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-4i3qfiqq85],
    .calendar-day-summary .name-day[b-4i3qfiqq85] {
        display: inline;
        width: auto;
        min-width: 0;
        overflow-wrap: anywhere;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .fab-add[b-4i3qfiqq85] {
        display: none;
    }

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

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

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

    .event-ai-actions-buttons > .btn[b-4i3qfiqq85] {
        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-4i3qfiqq85] {
        min-height: 1.1rem;
        margin-bottom: 0.2rem;
    }

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

    .event-date-label-text[b-4i3qfiqq85] {
        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-4i3qfiqq85],
.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-4i3qfiqq85],
.modal :is(p, span, small, label, input, textarea, select, .btn, .form-control, .form-select, .input-group-text, .form-check-label, .form-text)[b-4i3qfiqq85] {
    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-4i3qfiqq85],
    .modal-body > .mb-3 > .form-label[b-4i3qfiqq85],
    .modal-body > .row > .col-md-6 > .mb-3 > .form-label[b-4i3qfiqq85] {
        font-size: 0.92rem;
    }
}

.event-editor-body > .mb-3[b-4i3qfiqq85],
.event-editor-body > .row > .col-md-6 > .mb-3[b-4i3qfiqq85],
.event-editor-body .event-ai-actions[b-4i3qfiqq85] {
    grid-template-columns: minmax(7.5rem, 24%) minmax(0, 1fr) !important;
    column-gap: 1rem;
    margin-bottom: 0 !important;
}

.event-editor-body > .mb-3 > .form-label[b-4i3qfiqq85],
.event-editor-body > .row > .col-md-6 > .mb-3 > .form-label[b-4i3qfiqq85],
.event-editor-body .event-date-label[b-4i3qfiqq85],
.event-editor-body .event-calendar-sync-title[b-4i3qfiqq85] {
    color: rgba(245, 247, 251, 0.88);
    font-size: 0.92rem;
}

.event-editor-body .event-ai-actions-buttons[b-4i3qfiqq85],
.event-editor-body .event-ai-actions .alert[b-4i3qfiqq85] {
    grid-column: 2;
}

.event-editor-body :is(.btn-suggest-gift, .btn-event-budget)[b-4i3qfiqq85] {
    min-height: 2.65rem;
    padding-inline: 1.15rem;
    color: #f8fafc;
    background: linear-gradient(180deg, rgba(18, 30, 50, 0.98), rgba(10, 18, 32, 0.98));
    border-color: rgba(229, 169, 247, 0.52);
    border-radius: 6px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.09),
        0 8px 22px rgba(0, 0, 0, 0.16);
}

.event-editor-body :is(.btn-suggest-gift, .btn-event-budget):hover[b-4i3qfiqq85],
.event-editor-body :is(.btn-suggest-gift, .btn-event-budget):focus[b-4i3qfiqq85] {
    color: #ffffff;
    background: linear-gradient(180deg, rgba(124, 58, 237, 0.82), rgba(87, 40, 150, 0.92));
    border-color: rgba(229, 169, 247, 0.85);
}

.event-editor-body .share-email-suggestions[b-4i3qfiqq85] {
    color: #f8fafc;
    background: #101827;
    border-color: rgba(229, 169, 247, 0.4);
}

.event-editor-body .share-email-suggestions button[b-4i3qfiqq85] {
    color: #f8fafc;
}

.event-editor-body .share-email-suggestions button:hover[b-4i3qfiqq85],
.event-editor-body .share-email-suggestions button:focus[b-4i3qfiqq85] {
    background: rgba(229, 169, 247, 0.12);
}

.event-title-voice-row[b-4i3qfiqq85] {
    min-width: 0;
}

.event-editor-body .event-private-check[b-4i3qfiqq85] {
    display: inline-flex;
    grid-column: 3;
    grid-row: 2;
    align-items: center;
    gap: 0.45rem;
    justify-self: end;
    margin: 0;
    white-space: nowrap;
}

.event-title-voice-row .event-voice-input[b-4i3qfiqq85] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 2.7rem;
    width: 2.7rem;
    min-width: 2.7rem;
    padding: 0;
    color: #704078 !important;
    background: #f8eaff !important;
    border-color: #e5a9f7 !important;
    font-size: 1.05rem;
    position: relative;
    z-index: 2;
}

.event-title-voice-row .event-voice-input:hover[b-4i3qfiqq85],
.event-title-voice-row .event-voice-input:focus[b-4i3qfiqq85] {
    color: #44254b !important;
    background: #efcff8 !important;
    border-color: #d88aee !important;
}

.event-title-voice-row .event-voice-input.is-recording[b-4i3qfiqq85] {
    color: #fff !important;
    background: #d92d20 !important;
    border-color: #f97066 !important;
    animation: voice-recording-pulse-b-4i3qfiqq85 1s ease-in-out infinite;
}

.event-title-voice-row .event-voice-input.is-processing[b-4i3qfiqq85] {
    color: #176b55 !important;
    background: #dff8ee !important;
    border-color: #aaf0d7 !important;
    pointer-events: none;
}

.event-voice-status:not(:empty)[b-4i3qfiqq85] {
    margin-top: 0.3rem;
    color: #667085;
    font-size: 0.78rem;
}

.event-voice-status.is-error[b-4i3qfiqq85] {
    color: #b42318;
}

@media (max-width: 575.98px) {

    .event-editor-body .event-mobile-placeholder-label[b-4i3qfiqq85],
    .event-editor-body .event-mobile-hidden-label[b-4i3qfiqq85] {
        display: none;
    }

    .event-editor-dialog[b-4i3qfiqq85] {
        width: min(22.5rem, calc(100vw - 1.5rem));
        max-width: calc(100vw - 1.5rem);
        margin: 1.2rem auto;
    }

    .event-editor-modal .event-editor-dialog[b-4i3qfiqq85] {
        width: min(22.5rem, calc(100vw - 1.5rem));
        max-width: calc(100vw - 1.5rem);
    }

    .event-editor-content .modal-header[b-4i3qfiqq85],
    .event-editor-content .modal-footer[b-4i3qfiqq85] {
        padding-inline: 0.7rem;
    }

    .event-editor-content .modal-header[b-4i3qfiqq85] {
        padding-block: 0.72rem 0.5rem;
    }

    .event-editor-content .modal-title[b-4i3qfiqq85] {
        font-size: 1.35rem;
    }

    .event-editor-body[b-4i3qfiqq85] {
        gap: 0.32rem;
        padding: 0.42rem 0.7rem 0.6rem;
    }

    .event-editor-body > .mb-3[b-4i3qfiqq85],
    .event-editor-body > .row > .col-md-6 > .mb-3[b-4i3qfiqq85],
    .event-editor-body .event-ai-actions[b-4i3qfiqq85] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) !important;
        row-gap: 0.24rem;
    }

    .event-editor-body > .mb-3 > .validation-message[b-4i3qfiqq85],
    .event-editor-body .event-ai-actions-buttons[b-4i3qfiqq85],
    .event-editor-body .event-ai-actions .alert[b-4i3qfiqq85] {
        grid-column: 1;
    }

    .event-editor-body .event-ai-actions-buttons[b-4i3qfiqq85] {
        justify-content: stretch;
        flex-wrap: nowrap;
    }

    .event-editor-body .event-ai-actions-buttons > .btn[b-4i3qfiqq85] {
        flex: 1 1 0;
        min-width: 0;
        padding-inline: 0.55rem;
    }

    .event-editor-content :is(.form-control, .form-select)[b-4i3qfiqq85],
    .event-editor-content[b-4i3qfiqq85]  :is(.form-control, .form-select) {
        min-height: 2.2rem;
        padding-block: 0.25rem;
        padding-left: 0.5rem;
        font-size: 0.86rem;
    }

    .event-editor-content textarea.form-control[b-4i3qfiqq85] {
        min-height: 3.15rem;
        padding: 0.4rem 0.5rem;
    }

    .event-editor-content :is(.btn, .form-check-label, .form-text, small, p, span)[b-4i3qfiqq85],
    .event-editor-content[b-4i3qfiqq85]  :is(.btn, .form-check-label, .form-text, small, p, span) {
        font-size: 0.82rem;
    }

    .event-editor-body .event-date-range-row[b-4i3qfiqq85] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        column-gap: 0.45rem;
        row-gap: 0.34rem;
    }

    .event-editor-body .event-date-range-row > .mb-3:first-child[b-4i3qfiqq85],
    .event-editor-body .event-date-range-row > .mb-3:last-child[b-4i3qfiqq85] {
        grid-column: auto;
    }

    .event-editor-body .event-date-range-row > .mb-3[b-4i3qfiqq85] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        row-gap: 0.22rem;
    }

    .event-date-time-split[b-4i3qfiqq85] {
        grid-template-columns: minmax(0, 1fr) minmax(6.25rem, 0.55fr);
        gap: 0.42rem;
    }

    .event-editor-body .event-date-label[b-4i3qfiqq85] {
        min-width: 0;
        margin-bottom: 0;
    }

    .event-editor-body .event-date-range-row > .mb-3:last-child .event-date-label[b-4i3qfiqq85] {
        justify-self: start;
        text-align: left;
    }

    .event-editor-body .event-schedule-options[b-4i3qfiqq85] {
        grid-template-columns: minmax(0, 1fr) max-content !important;
        row-gap: 0.38rem;
    }

    .event-repeat-section-label[b-4i3qfiqq85] {
        grid-column: 1 / -1;
        grid-row: 1;
    }

    .event-editor-reminders-row[b-4i3qfiqq85] {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 0.28rem;
    }

    .event-editor-section-label[b-4i3qfiqq85] {
        padding-top: 0;
    }

    .event-editor-body .event-repeat-control[b-4i3qfiqq85] {
        grid-column: 1 !important;
        grid-row: 1 !important;
        grid-template-columns: minmax(0, 1fr) !important;
        justify-self: stretch;
    }

    .event-editor-body .event-repeat-control .repeat-icon-label[b-4i3qfiqq85] {
        display: none;
    }

    .event-editor-body .event-repeat-control[b-4i3qfiqq85]  .form-select {
        grid-column: 1 / -1 !important;
        width: 100% !important;
    }

    .event-editor-body .event-all-day-check[b-4i3qfiqq85] {
        grid-column: 2 !important;
        grid-row: 1 !important;
        align-self: center;
        justify-self: end;
        min-height: auto;
    }

    .event-editor-body .event-calendar-sync-row[b-4i3qfiqq85] {
        grid-template-columns: minmax(0, 1fr) auto auto auto;
        column-gap: 0.58rem;
    }

    .event-editor-body .event-calendar-sync-title[b-4i3qfiqq85] {
        grid-column: 1 / -1;
    }

    .event-editor-content .modal-footer .btn[b-4i3qfiqq85] {
        min-width: 5.5rem;
        min-height: 2.3rem;
        padding: 0.3rem 0.65rem;
    }

    .event-editor-body .event-private-check[b-4i3qfiqq85] {
        grid-column: 2 !important;
        grid-row: 2 !important;
        justify-self: end;
    }
}

@keyframes voice-recording-pulse-b-4i3qfiqq85 {
    0%, 100% { box-shadow: 0 0 0 0 rgba(217, 45, 32, 0.35); }
    50% { box-shadow: 0 0 0 0.3rem rgba(217, 45, 32, 0); }
}

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

:global(body.shareca-dark-mode) .calendar-container .event-card:not(.shared-event)[b-4i3qfiqq85],
:global(body.shareca-dark-mode) .calendar-container .event-card.timed:not(.shared-event)[b-4i3qfiqq85],
:global(body.shareca-dark-mode) .calendar-container .event-card.month-label:not(.shared-event)[b-4i3qfiqq85] {
    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-4i3qfiqq85] {
    color: #111827 !important;
}

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

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

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

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

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

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

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

.date-text-input .input-group[b-1by65gbxdy] {
    flex-wrap: nowrap;
    min-width: 0;
}

.date-text-input .form-control[b-1by65gbxdy] {
    min-width: 0;
    padding-inline: 0.48rem;
    font-size: 0.86rem;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0;
}

.date-text-input .btn[b-1by65gbxdy] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 2.2rem;
    width: 2.2rem;
    padding-inline: 0;
}

.date-text-picker-dismiss[b-1by65gbxdy] {
    position: fixed;
    inset: 0;
    z-index: 1079;
    background: transparent;
}

.date-text-picker[b-1by65gbxdy] {
    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-text-picker-header[b-1by65gbxdy] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr) 2rem;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.55rem;
    text-align: center;
}

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

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

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

.date-text-picker-day[b-1by65gbxdy] {
    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-text-picker-day.outside[b-1by65gbxdy] {
    color: #98a2b3;
}

.date-text-picker-day.today[b-1by65gbxdy] {
    border-color: #E5a9f7;
}

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

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

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

    .date-text-picker-day[b-1by65gbxdy] {
        font-size: 0.78rem;
    }
}
/* /Components/DateTimeTextInput.razor.rz.scp.css */
.date-time-text-input[b-5c8jg0110i] {
    position: relative;
    min-width: 0;
}

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

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

.date-time-picker[b-5c8jg0110i] {
    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-5c8jg0110i] {
    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-5c8jg0110i] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

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

.date-time-picker-day[b-5c8jg0110i] {
    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-5c8jg0110i] {
    color: #98a2b3;
}

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

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

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

.date-time-picker-time[b-5c8jg0110i] {
    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-5c8jg0110i] {
    font-weight: 700;
}

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

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

.event-budget-modal .modal-content[b-r5yhbflyx7] {
    position: relative;
}

.event-budget-upload-status[b-r5yhbflyx7] {
    position: absolute;
    z-index: 8;
    top: 4.15rem;
    left: 50%;
    width: min(22rem, calc(100% - 2rem));
    padding: 0.65rem 0.8rem 0.7rem;
    border: 1px solid rgba(20, 184, 122, 0.28);
    border-radius: 0.75rem;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 0.7rem 1.8rem rgba(16, 24, 40, 0.18);
    transform: translateX(-50%);
}

.event-budget-upload-label[b-r5yhbflyx7] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.45rem;
    color: #167a55;
    font-size: 0.84rem;
    font-weight: 700;
}

.event-budget-upload-progress[b-r5yhbflyx7] {
    position: relative;
    height: 0.3rem;
    overflow: hidden;
    border-radius: 999px;
    background: #dff6ec;
}

.event-budget-upload-progress[b-r5yhbflyx7]::after {
    position: absolute;
    inset-block: 0;
    left: -42%;
    width: 42%;
    border-radius: inherit;
    background: linear-gradient(90deg, #63d9ad, #16a970);
    content: "";
    animation: event-budget-upload-b-r5yhbflyx7 1.05s ease-in-out infinite;
}

@keyframes event-budget-upload-b-r5yhbflyx7 {
    to {
        left: 100%;
    }
}

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

.event-budget-row[b-r5yhbflyx7] {
    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-r5yhbflyx7] {
    min-width: 3rem;
    justify-content: center;
}

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

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

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

.event-budget-attachment-help[b-r5yhbflyx7] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.65rem;
    color: #667085;
    font-size: 0.8rem;
}

.event-budget-file-error[b-r5yhbflyx7] {
    display: flex;
    grid-column: 1 / -1;
    align-items: center;
    gap: 0.35rem;
    color: #b42318;
    font-size: 0.8rem;
}

.event-budget-save-error[b-r5yhbflyx7] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.65rem;
    padding: 0.6rem 0.75rem;
    font-size: 0.84rem;
}

.event-budget-attach.disabled[b-r5yhbflyx7] {
    pointer-events: none;
    opacity: 0.55;
}

@media (prefers-reduced-motion: reduce) {
    .event-budget-upload-progress[b-r5yhbflyx7]::after {
        animation-duration: 2.5s;
    }
}

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

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

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

    .event-budget-file[b-r5yhbflyx7] {
        grid-column: 1 / -1;
    }
}
/* /Components/EventRemindersEditor.razor.rz.scp.css */
.event-reminders-editor[b-rplamjmjny] {
    display: grid;
    gap: 0.5rem;
    color: rgba(245, 247, 251, 0.9);
}

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

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

.event-reminders-add-button[b-rplamjmjny] {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0.3rem;
    width: max-content;
    white-space: nowrap;
    color: #f8fafc;
    background: linear-gradient(180deg, rgba(18, 30, 50, 0.98), rgba(10, 18, 32, 0.98));
    border-color: rgba(229, 169, 247, 0.56);
    border-radius: 6px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.event-reminders-add-button:hover[b-rplamjmjny],
.event-reminders-add-button:focus[b-rplamjmjny] {
    color: #ffffff;
    background: linear-gradient(180deg, rgba(124, 58, 237, 0.78), rgba(87, 40, 150, 0.92));
    border-color: rgba(229, 169, 247, 0.86);
}

.event-reminder-row[b-rplamjmjny] {
    display: grid;
    grid-template-columns: auto max-content auto max-content;
    justify-content: start;
    align-items: center;
    column-gap: 0.42rem;
}

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

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

.event-reminder-value input[b-rplamjmjny] {
    width: 5.5rem;
    min-height: 2.45rem;
    color: #f8fafc;
    text-align: center;
    background: linear-gradient(180deg, rgba(22, 33, 53, 0.98), rgba(13, 22, 38, 0.98));
    border-color: rgba(148, 163, 184, 0.34);
    border-radius: 6px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        inset 0 -10px 20px rgba(0, 0, 0, 0.14);
}

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

.event-reminder-unit-toggle[b-rplamjmjny] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.28rem;
    color: #f8fafc !important;
    background: linear-gradient(180deg, rgba(18, 30, 50, 0.98), rgba(10, 18, 32, 0.98));
    border-color: rgba(148, 163, 184, 0.38);
    border-radius: 6px;
}

.event-reminder-unit-toggle span[b-rplamjmjny] {
    color: inherit !important;
    line-height: 1;
}

.event-reminder-unit-arrow[b-rplamjmjny] {
    color: rgba(248, 250, 252, 0.74) !important;
    font-size: 0.72rem;
    line-height: 1;
}

.event-reminder-unit[b-rplamjmjny] {
    display: inline-grid;
    place-items: center;
    color: #dbe5f4;
    border: 1px solid rgba(148, 163, 184, 0.25);
    border-radius: 6px;
    background: rgba(15, 23, 42, 0.52);
}

.event-reminder-before-text[b-rplamjmjny] {
    min-width: max-content;
    margin-left: 0.05rem;
    overflow: visible;
    color: rgba(226, 232, 240, 0.72);
    font-size: inherit;
    text-overflow: clip;
    white-space: nowrap !important;
}

.event-reminder-row > .btn-icon-action[b-rplamjmjny] {
    width: 1.6rem;
    height: 1.6rem;
    color: #f87171;
    background: rgba(127, 29, 29, 0.36);
    border-radius: 5px;
}

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

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

    .event-reminder-value input[b-rplamjmjny] {
        width: 4.35rem;
    }

    .event-reminder-unit-toggle[b-rplamjmjny],
    .event-reminder-unit[b-rplamjmjny] {
        width: 4rem;
        min-width: 4rem;
    }
}
/* /Components/Layout/MobileBottomNav.razor.rz.scp.css */
.mobile-bottom-nav-shell[b-djgu64wip0] {
    display: none;
}

@media (max-width: 640px) {
    .mobile-bottom-nav-shell[b-djgu64wip0] {
        display: block;
    }

    .mobile-bottom-nav[b-djgu64wip0] {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1035;
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        align-items: center;
        min-height: calc(3.3rem + env(safe-area-inset-bottom));
        padding: 0.15rem max(0.25rem, env(safe-area-inset-right)) max(0.15rem, env(safe-area-inset-bottom)) max(0.25rem, env(safe-area-inset-left));
        color: #344054;
        background: rgba(255, 255, 255, 0.96);
        border-top: 1px solid #d0d5dd;
        box-shadow: 0 -0.7rem 1.8rem rgba(16, 24, 40, 0.14);
        backdrop-filter: blur(16px);
    }

    [b-djgu64wip0] .mobile-bottom-nav-item,
    .mobile-bottom-nav-create[b-djgu64wip0] {
        display: grid;
        place-items: center;
        justify-self: center;
        text-decoration: none;
        -webkit-tap-highlight-color: transparent;
    }

    [b-djgu64wip0] .mobile-bottom-nav-item {
        position: relative;
        width: 2.9rem;
        height: 2.9rem;
        padding: 0;
        color: #6f3f7a;
        background: transparent;
        border: 0;
        border-radius: 0.9rem;
        transition: color 140ms ease, background-color 140ms ease, transform 140ms ease;
    }

    [b-djgu64wip0] .mobile-bottom-nav-item:hover,
    [b-djgu64wip0] .mobile-bottom-nav-item:focus-visible {
        color: #6f3f7a;
        background: transparent;
        outline: none;
    }

    [b-djgu64wip0] .mobile-bottom-nav-item.active {
        color: #6f3f7a;
        background: rgba(170, 240, 215, 0.42);
    }

    [b-djgu64wip0] .mobile-bottom-nav-item:active,
    .mobile-bottom-nav-create:active[b-djgu64wip0] {
        transform: scale(0.94);
    }

    [b-djgu64wip0] .mobile-bottom-nav-item .bi {
        font-size: 1.3rem;
        line-height: 1;
    }

    [b-djgu64wip0] .mobile-bottom-nav-item .mobile-nav-icon {
        display: block;
        width: 1.45rem;
        height: 1.45rem;
    }

    [b-djgu64wip0] .mobile-invitation-badge {
        position: absolute;
        top: 0.08rem;
        right: 0.05rem;
        display: grid;
        place-items: center;
        min-width: 1.15rem;
        height: 1.15rem;
        padding: 0 0.25rem;
        color: #ffffff;
        background: #b42318;
        border: 2px solid #ffffff;
        border-radius: 999px;
        font-size: 0.62rem;
        font-weight: 800;
        line-height: 1;
        box-shadow: 0 0.15rem 0.35rem rgba(16, 24, 40, 0.22);
    }

    .mobile-bottom-nav-create[b-djgu64wip0] {
        align-self: start;
        width: 4.15rem;
        height: 4.15rem;
        margin-top: -1.25rem;
        color: #17382d;
        background: linear-gradient(145deg, #caffec 0%, #aaf0d7 58%, #83dfc0 100%);
        border: 0;
        border-radius: 50%;
        box-shadow: 0 0.75rem 1.35rem rgba(35, 106, 82, 0.28);
        transition: transform 140ms ease, box-shadow 140ms ease;
    }

    .mobile-bottom-nav-create:hover[b-djgu64wip0],
    .mobile-bottom-nav-create:focus-visible[b-djgu64wip0] {
        outline: none;
        box-shadow: 0 0.8rem 1.55rem rgba(35, 106, 82, 0.38);
    }

    .mobile-bottom-nav-create .bi[b-djgu64wip0] {
        font-size: 2rem;
        line-height: 1;
    }

    .mobile-create-menu[b-djgu64wip0] {
        position: fixed;
        left: 50%;
        bottom: calc(4.65rem + env(safe-area-inset-bottom));
        z-index: 1034;
        display: flex;
        gap: 0.75rem;
        padding: 0.65rem;
        transform: translateX(-50%);
        background: rgba(255, 255, 255, 0.98);
        border: 1px solid #d0d5dd;
        border-radius: 1.1rem;
        box-shadow: 0 1rem 2.5rem rgba(16, 24, 40, 0.24);
        backdrop-filter: blur(18px);
    }

    .mobile-create-menu button[b-djgu64wip0] {
        display: grid;
        place-items: center;
        gap: 0.25rem;
        width: 4.6rem;
        min-height: 4.6rem;
        padding: 0.45rem;
        color: #6f3f7a;
        background: linear-gradient(145deg, #fff 0%, #f8eaff 100%);
        border: 1px solid #e5a9f7;
        border-radius: 50%;
        box-shadow: 0 0.35rem 0.8rem rgba(111, 63, 122, 0.16);
        font-size: 0.72rem;
        font-weight: 700;
    }

    .mobile-create-menu button:active[b-djgu64wip0] {
        transform: scale(0.96);
    }

    .mobile-create-menu .bi[b-djgu64wip0] {
        font-size: 1.45rem;
        line-height: 1;
    }

    .mobile-bottom-nav-scrim[b-djgu64wip0] {
        position: fixed;
        inset: 0;
        z-index: 1033;
        width: 100%;
        height: 100%;
        padding: 0;
        background: rgba(15, 23, 42, 0.28);
        border: 0;
        backdrop-filter: blur(1px);
    }

    .mobile-more-menu[b-djgu64wip0] {
        position: fixed;
        right: max(0.25rem, env(safe-area-inset-right));
        bottom: calc(3.9rem + env(safe-area-inset-bottom));
        z-index: 1034;
        display: grid;
        width: min(14rem, calc(100vw - 0.5rem));
        padding: 0.45rem;
        overflow: hidden;
        color: #344054;
        background: rgba(255, 255, 255, 0.98);
        border: 1px solid #d0d5dd;
        border-radius: 1rem;
        box-shadow: 0 1.1rem 2.8rem rgba(16, 24, 40, 0.24);
        backdrop-filter: blur(18px);
    }

    .mobile-more-menu[b-djgu64wip0]  a {
        display: grid;
        grid-template-columns: 2.6rem minmax(0, 1fr);
        align-items: center;
        min-height: 3.15rem;
        padding: 0.4rem 0.65rem;
        color: #344054;
        border-radius: 0.75rem;
        font-weight: 700;
        text-decoration: none;
    }

    .mobile-more-menu[b-djgu64wip0]  a:hover,
    .mobile-more-menu[b-djgu64wip0]  a:focus-visible,
    .mobile-more-menu[b-djgu64wip0]  a.active {
        color: #17212b;
        background: rgba(170, 240, 215, 0.32);
        outline: none;
    }

    .mobile-more-menu[b-djgu64wip0]  .bi {
        color: #6f3f7a;
        font-size: 1.3rem;
    }

}
/* /Components/NewEventDateTimeInput.razor.rz.scp.css */
.new-event-date-time-input[b-1x3pm0ef00] {
    min-width: 0;
}

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

.new-event-date-time-panel[b-1x3pm0ef00] {
    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-1x3pm0ef00] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.35rem;
}

.new-event-date-time-step[b-1x3pm0ef00] {
    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-1x3pm0ef00] {
    color: #24564a;
    background: #d9faee;
    border-color: #8fd8bf;
}

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

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

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

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

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

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

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

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

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

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

.new-event-date-time-day[b-1x3pm0ef00],
.new-event-time-wheel-option[b-1x3pm0ef00] {
    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-1x3pm0ef00] {
    aspect-ratio: 1;
    font-size: 0.78rem;
}

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

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

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

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

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

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

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

.new-event-time-wheel-list[b-1x3pm0ef00] {
    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-1x3pm0ef00] {
    min-height: 2.15rem;
    font-size: 0.86rem;
    scroll-snap-align: center;
}

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

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

.page-info-toggle[b-mg3hxxixqb] {
    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-mg3hxxixqb],
.page-info-toggle:focus-visible[b-mg3hxxixqb] {
    color: #1f2937;
    background: rgba(170, 240, 215, 0.22);
    border-color: #8fd8bf;
}

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

.page-info-panel[b-mg3hxxixqb] {
    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-mg3hxxixqb] {
    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-mg3hxxixqb],
:global(body.shareca-dark-mode) .page-info-toggle:focus-visible[b-mg3hxxixqb] {
    color: #f8fafc;
    background: rgba(170, 240, 215, 0.12);
    border-color: #8fd8bf;
}

:global(body.shareca-dark-mode) .page-info-panel[b-mg3hxxixqb] {
    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-mg3hxxixqb] {
        width: min(18rem, calc(100vw - 1.5rem));
    }
}
/* /Components/Pages/AdminUsersPage.razor.rz.scp.css */
.admin-users-page[b-er2m65ueaa] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-bottom: 2rem;
}

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

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

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

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

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

.admin-users-count[b-er2m65ueaa] {
    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-er2m65ueaa] {
    display: grid;
    gap: 0.55rem;
}

.admin-user-card[b-er2m65ueaa] {
    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-er2m65ueaa] {
    border-left-color: #E5a9f7;
}

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

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

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

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

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

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

.admin-user-badge[b-er2m65ueaa] {
    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-er2m65ueaa] {
    color: #6f3f7a;
    border-color: #E5a9f7;
    background: rgba(229, 169, 247, 0.18);
}

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

@media (max-width: 767.98px) {
    .admin-users-header[b-er2m65ueaa],
    .admin-user-card[b-er2m65ueaa],
    .admin-user-role[b-er2m65ueaa] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/CalendarPage.razor.rz.scp.css */
.calendar-page[b-g2v208sx4v] {
    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-g2v208sx4v] {
    min-height: 0;
    overflow: hidden;
}

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

.legal-footer[b-g2v208sx4v] {
    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-g2v208sx4v] {
    color: #475467;
    font-weight: 600;
    text-decoration: none;
}

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

@media (max-width: 575.98px) {
    .calendar-page[b-g2v208sx4v] {
        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-g2v208sx4v] (.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-pm33ey5onq] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding-bottom: 2rem;
}

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

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

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

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

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

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

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

.category-card[b-pm33ey5onq] {
    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-pm33ey5onq] {
    min-width: 0;
}

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

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

.category-title[b-pm33ey5onq] {
    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-pm33ey5onq] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.68rem;
    line-height: 1.15;
}

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

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

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

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

.modal-body > .mb-3[b-pm33ey5onq] {
    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-pm33ey5onq] {
    margin-bottom: 0.42rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.contacts-primary-actions[b-wa6lfksmlv] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.contacts-primary-actions .contacts-add-action[b-wa6lfksmlv] {
    margin-right: 0.3rem;
}

.contacts-action-menu[b-wa6lfksmlv] {
    position: relative;
}

.contact-convert-icon[b-wa6lfksmlv] {
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 1.25rem;
    height: 1.25rem;
}

.contact-convert-icon .bi-arrow-repeat[b-wa6lfksmlv] {
    font-size: 1.25rem;
}

.contact-convert-icon .bi-heart-fill[b-wa6lfksmlv] {
    position: absolute;
    font-size: 0.48rem;
}

.contacts-convert-action.active[b-wa6lfksmlv],
.contacts-filter-toggle.active[b-wa6lfksmlv] {
    color: #17382d;
    background: rgba(170, 240, 215, 0.36);
    border-color: #7ed9bd;
}

.contacts-filter-toggle[b-wa6lfksmlv] {
    display: inline-grid;
    place-items: center;
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    padding: 0;
    color: #245947;
    background: rgba(170, 240, 215, 0.18);
    border-color: #aaf0d7;
    line-height: 1;
}

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

.contacts-action-popover[b-wa6lfksmlv] {
    position: absolute;
    top: calc(100% + 0.4rem);
    left: 0;
    z-index: 20;
    display: grid;
    gap: 0.2rem;
    min-width: max-content;
    padding: 0.35rem;
    background: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 0.5rem;
    box-shadow: 0 0.6rem 1.4rem rgba(16, 24, 40, 0.16);
}

.contacts-action-popover button[b-wa6lfksmlv] {
    display: grid;
    grid-template-columns: 1.25rem minmax(0, 1fr);
    align-items: center;
    gap: 0.5rem;
    min-height: 2.1rem;
    padding: 0.35rem 0.55rem;
    color: #344054;
    background: transparent;
    border: 0;
    border-radius: 0.35rem;
    text-align: left;
    white-space: nowrap;
}

.contacts-action-popover button:hover[b-wa6lfksmlv],
.contacts-action-popover button:focus[b-wa6lfksmlv],
.contacts-action-popover button.active[b-wa6lfksmlv] {
    color: #17382d;
    background: rgba(170, 240, 215, 0.28);
}

.contacts-action-popover button:disabled[b-wa6lfksmlv] {
    opacity: 0.55;
}

.contacts-filter-popover[b-wa6lfksmlv] {
    left: auto;
    right: 0;
}

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

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

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

.contact-card[b-wa6lfksmlv],
.contact-group-card[b-wa6lfksmlv] {
    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-wa6lfksmlv] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    min-width: 1.4rem;
    margin: 0;
}

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

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

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

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

.contacts-count-badge[b-wa6lfksmlv] {
    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-wa6lfksmlv] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

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

.contact-group-add-icon[b-wa6lfksmlv] {
    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-wa6lfksmlv] {
    font-size: 1rem;
    line-height: 1;
}

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

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

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

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

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

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

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

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

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

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

.contacts-form > .mb-3[b-wa6lfksmlv] {
    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-wa6lfksmlv] {
    margin-bottom: 0;
    font-size: 11px;
    color: #475467;
}

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

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

.contact-member-option[b-wa6lfksmlv] {
    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-wa6lfksmlv] {
    grid-column: 2;
    color: #667085;
}

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

@media (max-width: 767.98px) {
    .contacts-primary-actions[b-wa6lfksmlv] {
        flex-wrap: nowrap;
    }

    .contact-group-card[b-wa6lfksmlv] {
        align-items: stretch;
        flex-direction: column;
    }

    .contact-card[b-wa6lfksmlv] {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: 0.5rem;
        padding: 0.4rem 0.55rem;
    }

    .contact-card .contact-select[b-wa6lfksmlv] {
        align-self: center;
        min-width: 1.1rem;
    }

    .contact-card .contact-select .form-check-input[b-wa6lfksmlv] {
        margin: 0;
    }

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

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

    .contact-actions[b-wa6lfksmlv] {
        width: auto;
        align-self: center;
    }

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

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

    .contacts-convert-form .mb-3[b-wa6lfksmlv] {
        grid-template-columns: 1fr;
        gap: 0.25rem;
    }
}

.contacts-page[b-wa6lfksmlv],
.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-wa6lfksmlv],
.modal :is(p, span, small, label, input, textarea, select, .btn, .form-control, .form-select, .input-group-text, .form-check-label, .form-text)[b-wa6lfksmlv] {
    font-size: 11px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.gift-tool[b-auc0psve0n] {
    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-auc0psve0n],
.gift-tool:focus-visible[b-auc0psve0n] {
    border-color: #98a2b3;
    box-shadow: 0 8px 20px rgba(16, 24, 40, 0.10);
    transform: translateY(-2px);
}

.gift-tool-icon[b-auc0psve0n] {
    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-auc0psve0n] {
    display: inline-block;
    font-size: inherit;
    line-height: 1;
    transform: scale(2.3);
    transform-origin: center;
}

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

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

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

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

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

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

.flowers-panel[b-auc0psve0n] {
    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-auc0psve0n] {
    max-width: 54rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.flower-map-card[b-auc0psve0n] {
    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-auc0psve0n] {
    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-auc0psve0n] {
    color: #c01048;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
}

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

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

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

.flower-map-footer[b-auc0psve0n] {
    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-auc0psve0n] {
    min-width: 0;
    color: #475467;
    font-weight: 600;
    overflow-wrap: anywhere;
}

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

.flower-results-panel[b-auc0psve0n] {
    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-auc0psve0n] {
    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-auc0psve0n] {
    color: #c01048;
    font-weight: 800;
    text-transform: uppercase;
}

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

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

.flower-result-item[b-auc0psve0n] {
    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-auc0psve0n] {
    border-bottom: 0;
}

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

.flower-result-item > span[b-auc0psve0n] {
    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-auc0psve0n],
.flower-result-item small[b-auc0psve0n] {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
}

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

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

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

.greeting-recipient[b-auc0psve0n] {
    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-auc0psve0n] {
    color: #1f2937;
}

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

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

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

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

.gift-context-tags[b-auc0psve0n] {
    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-auc0psve0n] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 8rem;
    gap: 0.75rem;
}

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

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

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

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

.gift-idea-history[b-auc0psve0n] {
    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-auc0psve0n] {
    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-auc0psve0n] {
    color: #175cd3;
    font-weight: 800;
    text-transform: uppercase;
}

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

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

.gift-idea-history-item[b-auc0psve0n] {
    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-auc0psve0n] {
    border-bottom: 0;
}

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

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

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

.gift-idea-history-item p[b-auc0psve0n] {
    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-auc0psve0n],
    .greeting-panel[b-auc0psve0n],
    .flowers-panel[b-auc0psve0n] {
        grid-template-columns: 1fr;
    }

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

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

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

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

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

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

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

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

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

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

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

:global(body.shareca-dark-mode) .gifts-page-header p[b-auc0psve0n],
:global(body.shareca-dark-mode) .gifts-page :is(.gift-tool small, .flower-map-footer span, .flower-result-item small, .flower-results-note, .greeting-recipient, .gift-context span, .gift-context-tags span, .gift-idea-history-item small, .gift-idea-history-item p)[b-auc0psve0n] {
    color: #cbd5e1 !important;
}

:global(body.shareca-dark-mode) .gifts-page :is(.greeting-form, .greeting-preview, .flower-order-preview, .flower-map-card, .flower-results-panel, .gift-idea-history)[b-auc0psve0n] {
    color: #e5e7eb !important;
    background: #111827 !important;
    border-color: #334155 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

:global(body.shareca-dark-mode) .gifts-page :is(.greeting-recipient, .gift-context div, .gift-context-tags, .gift-idea-result, .gift-idea-history-header, .gift-idea-history-item, .flower-map-frame, .flower-map-footer, .flower-results-note)[b-auc0psve0n] {
    color: #e5e7eb !important;
    background: #0b1220 !important;
    border-color: #334155 !important;
}

:global(body.shareca-dark-mode) .gifts-page .greeting-preview[b-auc0psve0n] {
    background: linear-gradient(180deg, rgba(20, 83, 45, 0.28) 0%, #111827 48%) !important;
    border-color: rgba(34, 197, 94, 0.36) !important;
}

:global(body.shareca-dark-mode) .gifts-page .flower-order-preview[b-auc0psve0n] {
    background: linear-gradient(180deg, rgba(190, 18, 60, 0.24) 0%, #111827 48%) !important;
    border-color: rgba(251, 113, 133, 0.34) !important;
}

:global(body.shareca-dark-mode) .gifts-page .flower-results-header[b-auc0psve0n] {
    color: #f8fafc !important;
    background: rgba(190, 18, 60, 0.18) !important;
    border-color: rgba(251, 113, 133, 0.34) !important;
}

:global(body.shareca-dark-mode) .gifts-page .flower-result-item[b-auc0psve0n] {
    color: #e5e7eb !important;
    background: #0b1220 !important;
    border-color: #334155 !important;
}

:global(body.shareca-dark-mode) .gifts-page .flower-result-item:hover[b-auc0psve0n],
:global(body.shareca-dark-mode) .gifts-page .flower-result-item:focus-visible[b-auc0psve0n],
:global(body.shareca-dark-mode) .gifts-page .gift-idea-history-item:hover[b-auc0psve0n],
:global(body.shareca-dark-mode) .gifts-page .gift-idea-history-item:focus-visible[b-auc0psve0n] {
    background: #172033 !important;
}

:global(body.shareca-dark-mode) .gifts-page .flower-result-item > span[b-auc0psve0n] {
    color: #fecdd3 !important;
    background: rgba(190, 18, 60, 0.22) !important;
    border-color: rgba(251, 113, 133, 0.38) !important;
}

:global(body.shareca-dark-mode) .gifts-page :is(.greeting-preview h4, .greeting-preview p, .flower-order-preview h4, .flower-order-preview dd, .flower-map-header strong, .flower-results-header strong, .greeting-recipient strong, .gift-context strong, .gift-context-tags p, .gift-idea-result p, .gift-idea-history-header strong, .gift-idea-history-item strong)[b-auc0psve0n] {
    color: #f8fafc !important;
}

:global(body.shareca-dark-mode) .gifts-page :is(.flower-map-header, .flower-map-footer, .flower-results-header, .flower-results-note, .gift-idea-history-header, .gift-idea-history-item)[b-auc0psve0n] {
    border-color: #334155 !important;
}

.gifts-page[b-auc0psve0n],
.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-auc0psve0n],
.modal :is(p, span, small, label, input, textarea, select, .btn, .form-control, .form-select, .input-group-text, .form-check-label, .form-text)[b-auc0psve0n] {
    font-size: 11px;
}
/* /Components/Pages/Invitations.razor.rz.scp.css */
.events-page[b-owmcv4cqok] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding-bottom: 2rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.events-filter-options[b-owmcv4cqok] {
    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-owmcv4cqok] {
    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-owmcv4cqok],
.events-filter-option.active[b-owmcv4cqok] {
    background: rgba(170, 240, 215, 0.16);
    border-color: #aaf0d7;
}

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

.events-filter-option-icon[b-owmcv4cqok] {
    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-owmcv4cqok] {
    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-owmcv4cqok],
:global(body.shareca-dark-mode) .btn-event-filter-toggle:focus[b-owmcv4cqok],
:global(body.shareca-dark-mode) .btn-event-filter-toggle.active[b-owmcv4cqok] {
    color: #052e22 !important;
    background: #aaf0d7 !important;
    border-color: #8fd8bf !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.events-count[b-owmcv4cqok] {
    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-owmcv4cqok],
.accepted-events-list[b-owmcv4cqok] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.event-month-divider[b-owmcv4cqok] {
    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-owmcv4cqok]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #d0d5dd;
}

.event-row[b-owmcv4cqok] {
    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-owmcv4cqok] {
    border-left: 4px solid #E5a9f7;
}

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

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

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

.event-row-date[b-owmcv4cqok] {
    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-owmcv4cqok] {
    font-weight: 700;
}

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

:global(body.shareca-dark-mode) .event-row-date[b-owmcv4cqok] {
    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-owmcv4cqok] {
    color: #c7f5e4 !important;
}

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

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

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

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

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

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

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

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

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

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

:global(body.shareca-dark-mode) .modal :is(.btn-primary, .btn-outline-primary, .btn-success, .btn-outline-success)[b-owmcv4cqok] {
    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-owmcv4cqok],
:global(body.shareca-dark-mode) .modal :is(.btn-primary, .btn-outline-primary, .btn-success, .btn-outline-success):focus[b-owmcv4cqok] {
    color: #111827 !important;
    background-color: #8fd8bf !important;
    border-color: #7ed9bd !important;
}

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

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

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

.modal-body > .mb-3[b-owmcv4cqok],
.modal-body > .row > .col-md-6 > .mb-3[b-owmcv4cqok] {
    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-owmcv4cqok] {
    grid-column: 2;
}

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

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

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

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

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

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

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

    .events-sort[b-owmcv4cqok] {
        grid-template-columns: minmax(0, 3fr) repeat(2, minmax(0, 1fr));
        justify-content: stretch;
        column-gap: 0.3rem;
        row-gap: 0.4rem;
    }

    .events-sort .events-share-filter[b-owmcv4cqok] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
    }

    .events-sort .events-share-filter .btn[b-owmcv4cqok],
    .events-sort .btn-sort-date[b-owmcv4cqok],
    .events-sort .btn-event-filter-toggle[b-owmcv4cqok] {
        display: inline-grid;
        place-items: center;
        width: 100%;
        min-width: 0;
        height: 2.2rem;
    }

    .events-sort .shareca-share-icon[b-owmcv4cqok],
    .events-sort .shareca-share-icon svg[b-owmcv4cqok] {
        width: 1.35rem;
        height: 1.35rem;
    }

    .events-sort .shared-by-filter[b-owmcv4cqok] {
        grid-column: 1 / -1;
        width: 100%;
    }

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

    .event-row-date[b-owmcv4cqok] {
        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-owmcv4cqok] {
        flex: 1 1 auto;
        width: 100%;
    }

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

}

.events-page[b-owmcv4cqok],
.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-owmcv4cqok],
.modal :is(p, span, small, label, input, textarea, select, .btn, .form-control, .form-select, .input-group-text, .form-check-label, .form-text)[b-owmcv4cqok] {
    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-owmcv4cqok],
    .modal-body > .mb-3 > .form-label[b-owmcv4cqok],
    .modal-body > .row > .col-md-6 > .mb-3 > .form-label[b-owmcv4cqok] {
        font-size: 0.92rem;
    }
}
/* /Components/Pages/LovedPage.razor.rz.scp.css */
.loved-page[b-bgs9scz7l9] {
    width: 100%;
    padding: 0.25rem 0 2rem;
    font-size: 0.86rem;
}

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

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

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

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

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

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

.loved[b-bgs9scz7l9] {
    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;
    cursor: pointer;
}

.loved.collapsed[b-bgs9scz7l9] {
    min-height: auto;
    gap: 0;
}

.loved:focus-visible[b-bgs9scz7l9] {
    outline: 2px solid #aaf0d7;
    outline-offset: 2px;
}

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

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

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

.loved.collapsed .loved-card-header[b-bgs9scz7l9] {
    padding-bottom: 0;
    border-bottom: 0;
}

.loved-card-details[b-bgs9scz7l9] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.loved-card-person[b-bgs9scz7l9] { display: flex; align-items: center; gap: 0.65rem; min-width: 0; }
.loved-avatar[b-bgs9scz7l9] { display: grid; place-items: center; flex: 0 0 auto; overflow: hidden; aspect-ratio: 1; border-radius: 999px; color: #6f3f7a; background: rgba(229, 169, 247, 0.2); border: 1px solid #e5a9f7; font-weight: 700; }
.loved-avatar img[b-bgs9scz7l9] { display: block; width: 100%; min-width: 100%; max-width: 100%; height: 100%; min-height: 100%; max-height: 100%; aspect-ratio: 1; border-radius: 999px; object-fit: cover; }
.loved-avatar-small[b-bgs9scz7l9] { width: 2.25rem; min-width: 2.25rem; max-width: 2.25rem; height: 2.25rem; min-height: 2.25rem; max-height: 2.25rem; font-size: 0.72rem; }
.loved-avatar-large[b-bgs9scz7l9] { width: 4.75rem; min-width: 4.75rem; max-width: 4.75rem; height: 4.75rem; min-height: 4.75rem; max-height: 4.75rem; font-size: 1.2rem; }
.loved-photo-editor[b-bgs9scz7l9] { display: grid; grid-template-columns: 4.75rem minmax(0, 1fr); align-items: center; gap: 0.55rem 0.8rem; margin-bottom: 0.75rem; }
.loved-photo-upload[b-bgs9scz7l9] { position: relative; overflow: hidden; justify-self: start; }
.loved-photo-upload[b-bgs9scz7l9]  input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.loved-photo-editor small[b-bgs9scz7l9] { grid-column: 2; color: #667085; }

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

.loved-card-header h5 span[b-bgs9scz7l9] {
    display: block;
}

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

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

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

.loved-category[b-bgs9scz7l9] {
    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-bgs9scz7l9] {
    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-bgs9scz7l9] {
    background: #ecfdf3;
    border: 1px solid #bbf7d0;
}

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

.loved-tag button[b-bgs9scz7l9] {
    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-bgs9scz7l9] {
    font-size: 0.65rem;
    line-height: 1;
}

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

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

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

.loved-category-row[b-bgs9scz7l9] {
    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-bgs9scz7l9] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 0.5rem;
}

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

.gift-idea-history-row[b-bgs9scz7l9] {
    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-bgs9scz7l9] {
    min-width: 0;
}

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

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

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

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

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

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

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

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

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

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

.modal-body > .mb-3[b-bgs9scz7l9] {
    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-bgs9scz7l9] {
    grid-column: 2;
}

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

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

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

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

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

.delete-linked-events-check[b-bgs9scz7l9] {
    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-bgs9scz7l9] {
    flex: 0 0 auto;
    margin: 0.2rem 0 0;
}

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

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

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

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

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

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

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

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

    .loved-category-editor-fields[b-bgs9scz7l9] {
        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-bgs9scz7l9] {
        width: 100%;
    }

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

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

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

}

.loved-page[b-bgs9scz7l9],
.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-bgs9scz7l9],
.modal :is(p, span, small, label, input, textarea, select, .btn, .form-control, .form-select, .input-group-text, .form-check-label, .form-text)[b-bgs9scz7l9] {
    font-size: 0.86rem;
}

:global(body.shareca-dark-mode) .loved-tag-interest[b-bgs9scz7l9] {
    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-bgs9scz7l9] {
    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-bgs9scz7l9] {
    color: inherit !important;
    border: 1px solid currentColor;
    background: rgba(15, 23, 42, 0.36);
}

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

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

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

.profile-status-badge[b-5mx93gggj0] {
    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-5mx93gggj0] {
    color: #6f3f7a;
    border-color: #E5a9f7;
    background: rgba(229, 169, 247, 0.18);
}

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

.profile-form[b-5mx93gggj0] {
    display: flex;
    flex-direction: column;
    gap: 0.32rem;
}

.profile-photo-editor[b-5mx93gggj0] {
    display: grid;
    grid-template-columns: 4rem minmax(0, 1fr);
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 0.35rem;
}

.profile-photo-preview[b-5mx93gggj0] {
    display: grid;
    place-items: center;
    width: 4rem;
    height: 4rem;
    overflow: hidden;
    color: #6f3f7a;
    background: rgba(229, 169, 247, 0.18);
    border: 2px solid #e5a9f7;
    border-radius: 50%;
    font-size: 1.7rem;
    min-width: 4rem;
    max-width: 4rem;
    min-height: 4rem;
    max-height: 4rem;
    aspect-ratio: 1;
}

.profile-photo-preview img[b-5mx93gggj0] { display: block; width: 4rem; min-width: 4rem; max-width: 4rem; height: 4rem; min-height: 4rem; max-height: 4rem; aspect-ratio: 1; border-radius: 50%; object-fit: cover; }
.profile-photo-upload[b-5mx93gggj0] { position: relative; overflow: hidden; }
.profile-photo-upload[b-5mx93gggj0]  input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.profile-photo-editor small[b-5mx93gggj0] { display: block; margin-top: 0.3rem; color: #667085; }

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

.profile-form.shareca-edit-form :is(.form-control, .form-select, input, select)[b-5mx93gggj0],
.profile-form.shareca-edit-form[b-5mx93gggj0]  :is(.form-control, .form-select, input, select) {
    min-height: 2.05rem !important;
    height: 2.05rem;
    padding: 0.22rem 0.55rem;
    border-radius: 5px;
    line-height: 1.25;
}

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

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

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

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

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

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

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

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

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

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

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

.profile-calendar-providers[b-5mx93gggj0] {
    display: grid;
    gap: 0.5rem;
}

.profile-calendar-provider[b-5mx93gggj0] {
    display: grid;
    grid-template-columns: 2.35rem minmax(0, 1fr) 6.05rem minmax(9.5rem, 12rem);
    align-items: center;
    gap: 0.7rem;
    min-height: 3.6rem;
    padding: 0.55rem 0.65rem;
    color: var(--shareca-primary-text, inherit);
    border: 1px solid var(--shareca-card-border, #eaecf0);
    border-radius: 0.65rem;
    background: var(--shareca-card-surface, linear-gradient(135deg, #fff 0%, #f8fafc 100%));
    box-shadow: var(--shareca-card-shadow, none);
}

.profile-calendar-provider[b-5mx93gggj0]  .profile-provider-connection,
.profile-contact-sync[b-5mx93gggj0]  .profile-provider-connection {
    display: grid;
    grid-template-columns: repeat(3, 1.75rem);
    align-items: center;
    justify-content: end;
    gap: 0.3rem;
    width: 6.05rem;
}

.profile-calendar-provider[b-5mx93gggj0]  .profile-provider-connection > :only-child,
.profile-contact-sync[b-5mx93gggj0]  .profile-provider-connection > :only-child {
    grid-column: 3;
}

.profile-calendar-provider[b-5mx93gggj0]  .profile-connection-icon,
.profile-contact-sync[b-5mx93gggj0]  .profile-connection-icon {
    display: inline-grid;
    place-items: center;
    box-sizing: border-box;
    width: 1.75rem;
    height: 1.75rem;
    aspect-ratio: 1;
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 50% !important;
    appearance: none;
    text-decoration: none;
    font: inherit;
    line-height: 1;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08);
}

.profile-calendar-provider[b-5mx93gggj0]  button.profile-connection-icon,
.profile-contact-sync[b-5mx93gggj0]  button.profile-connection-icon { cursor: pointer; }
.profile-calendar-provider[b-5mx93gggj0]  .profile-connection-icon.connected,
.profile-contact-sync[b-5mx93gggj0]  .profile-connection-icon.connected { color: #176b55; background: #dff8ee; border-color: #aaf0d7; }
.profile-calendar-provider[b-5mx93gggj0]  .profile-connection-icon.connect,
.profile-calendar-provider[b-5mx93gggj0]  .profile-connection-icon.reconnect,
.profile-contact-sync[b-5mx93gggj0]  .profile-connection-icon.connect,
.profile-contact-sync[b-5mx93gggj0]  .profile-connection-icon.reconnect { color: #704078; background: #f8eaff; border-color: #e5a9f7; }
.profile-calendar-provider[b-5mx93gggj0]  .profile-connection-icon.unavailable,
.profile-contact-sync[b-5mx93gggj0]  .profile-connection-icon.unavailable { color: #667085; background: #f2f4f7; border-color: #d0d5dd; }
.profile-calendar-provider[b-5mx93gggj0]  .profile-connection-icon.disconnect,
.profile-contact-sync[b-5mx93gggj0]  .profile-connection-icon.disconnect {
    position: relative;
    color: #b42318;
    background: #fff5f4;
    border-color: #fda29b;
}
.profile-calendar-provider[b-5mx93gggj0]  .profile-connection-icon.disconnect .bi-x,
.profile-contact-sync[b-5mx93gggj0]  .profile-connection-icon.disconnect .bi-x {
    position: absolute;
    right: 0.05rem;
    bottom: -0.02rem;
    padding: 0;
    color: #b42318;
    background: #fff5f4;
    border-radius: 50%;
    font-size: 0.72rem;
    font-weight: 800;
}
.profile-calendar-provider[b-5mx93gggj0]  .profile-connection-icon.connect:hover,
.profile-calendar-provider[b-5mx93gggj0]  .profile-connection-icon.reconnect:hover,
.profile-contact-sync[b-5mx93gggj0]  .profile-connection-icon.connect:hover,
.profile-contact-sync[b-5mx93gggj0]  .profile-connection-icon.reconnect:hover { color: #44254b; background: #efcff8; border-color: #d88aee; }
.profile-calendar-provider[b-5mx93gggj0]  .profile-connection-icon.disconnect:hover,
.profile-contact-sync[b-5mx93gggj0]  .profile-connection-icon.disconnect:hover { color: #912018; background: #fee4e2; border-color: #f97066; }

.profile-provider-icon[b-5mx93gggj0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border: 1px solid var(--shareca-icon-border, #eaecf0);
    border-radius: 0.6rem;
    background: var(--shareca-icon-surface, #fff);
}

.profile-provider-icon svg[b-5mx93gggj0] {
    width: 1.15rem;
    height: 1.15rem;
}

.profile-provider-icon.apple[b-5mx93gggj0] {
    color: var(--shareca-primary-text, #101828);
    font-size: 1.25rem;
}

.profile-provider-copy[b-5mx93gggj0] {
    display: grid;
    min-width: 0;
}

.profile-provider-copy span[b-5mx93gggj0] {
    color: var(--shareca-secondary-text, #667085);
}

.profile-sync-mode[b-5mx93gggj0] {
    min-width: 0;
    color: var(--shareca-primary-text, inherit);
    border-color: var(--shareca-control-border, #d0d5dd);
    background-color: var(--shareca-control-surface, #fff);
}

.profile-contact-sync[b-5mx93gggj0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 4rem auto;
    align-items: center;
    gap: 0.75rem;
    padding-top: 0.7rem;
    border-top: 1px solid #eaecf0;
}

.profile-contact-sync > div:first-child[b-5mx93gggj0] {
    display: grid;
}

.profile-contact-sync span[b-5mx93gggj0] {
    color: #667085;
}

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

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

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

.profile-admin-consent[b-5mx93gggj0] {
    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-5mx93gggj0] {
    margin: 0.35rem 0 0;
    color: #667085;
    font-size: 0.82rem;
    line-height: 1.35;
}

.profile-admin-consent-heading[b-5mx93gggj0] {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
}

.profile-info-button[b-5mx93gggj0] {
    display: inline-grid;
    width: 1.25rem;
    height: 1.25rem;
    padding: 0;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #667085;
    font-size: 0.9rem;
    line-height: 1;
    cursor: pointer;
}

.profile-info-button:hover[b-5mx93gggj0],
.profile-info-button:focus-visible[b-5mx93gggj0] {
    color: #5b2c83;
    background: #f2eafa;
    outline: none;
}

.profile-sync-inline-action[b-5mx93gggj0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    padding-top: 0.65rem;
    border-top: 1px solid #eaecf0;
}

.profile-sync-inline-action .form-text[b-5mx93gggj0] {
    margin-top: 0.2rem;
}

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

.profile-linked-account-row[b-5mx93gggj0] {
    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-5mx93gggj0] {
    border-top: 0;
}

.profile-linked-account-row > div:first-child[b-5mx93gggj0] {
    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-5mx93gggj0] {
    display: flex;
    justify-content: flex-end;
    gap: 0.45rem;
}

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

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

.profile-linked-status[b-5mx93gggj0] {
    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-5mx93gggj0] {
    color: #27745d;
    border-color: #aaf0d7;
    background: rgba(170, 240, 215, 0.22);
}

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

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

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

.profile-apple-login-status[b-5mx93gggj0] {
    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-5mx93gggj0] {
    justify-self: start;
    padding: 0;
    color: #6f3f7a;
    background: transparent;
    border: 0;
    font-weight: 700;
    text-align: left;
}

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

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

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

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

.profile-apple-optional-divider[b-5mx93gggj0] {
    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-5mx93gggj0]::before,
.profile-apple-optional-divider[b-5mx93gggj0]::after {
    content: "";
    height: 1px;
    flex: 1 1 auto;
    background: #d0d5dd;
}

@media (max-width: 575.98px) {
    .profile-header[b-5mx93gggj0] {
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .profile-actions[b-5mx93gggj0] {
        justify-content: flex-end;
    }

    .profile-actions .btn[b-5mx93gggj0] {
        width: auto;
        min-width: 6rem;
        padding: 0.35rem 0.8rem;
    }

    .profile-linked-account-row[b-5mx93gggj0] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 0.55rem;
    }

    .profile-admin-consent[b-5mx93gggj0] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .profile-admin-consent .btn[b-5mx93gggj0] {
        width: auto;
        justify-self: end;
        padding-inline: 0.65rem;
    }

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

    .profile-linked-account-row .btn[b-5mx93gggj0] {
        width: auto;
        min-width: 0;
        padding: 0.3rem 0.55rem;
    }

    .profile-linked-actions[b-5mx93gggj0] {
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap;
        gap: 0.3rem;
    }

    .profile-calendar-provider[b-5mx93gggj0] {
        grid-template-columns: 2.05rem minmax(0, 1fr) 5.15rem 7.1rem;
        gap: 0.28rem;
        min-height: 3rem;
        padding: 0.4rem 0.5rem;
    }

    .profile-provider-icon[b-5mx93gggj0] {
        width: 2.05rem;
        height: 2.05rem;
    }

    .profile-sync-mode[b-5mx93gggj0] {
        grid-column: 4;
        justify-self: end;
        width: 7.1rem;
        max-width: 7.1rem;
        min-height: 2rem;
        padding: 0.22rem 1.3rem 0.22rem 0.4rem;
        font-size: 0.78rem;
    }

    .profile-calendar-provider[b-5mx93gggj0]  .profile-provider-connection,
    .profile-contact-sync[b-5mx93gggj0]  .profile-provider-connection {
        grid-template-columns: repeat(3, 1.55rem);
        gap: 0.25rem;
        width: 5.15rem;
    }

    .profile-calendar-provider[b-5mx93gggj0]  .profile-connection-icon,
    .profile-contact-sync[b-5mx93gggj0]  .profile-connection-icon {
        width: 1.55rem;
        height: 1.55rem;
        font-size: 0.72rem;
    }

    .profile-linked-status[b-5mx93gggj0] {
        min-width: 0;
        padding-inline: 0.4rem;
    }

    .profile-contact-sync[b-5mx93gggj0] {
        grid-template-columns: minmax(0, 1fr) 5.15rem auto;
        gap: 0.55rem;
    }

}

.profile-page[b-5mx93gggj0],
.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-5mx93gggj0] {
    font-size: 11px;
}

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

.profile-form[b-5mx93gggj0]  .form-control,
.profile-form[b-5mx93gggj0]  .form-select,
.profile-form[b-5mx93gggj0]  input,
.profile-form[b-5mx93gggj0]  select,
.profile-form[b-5mx93gggj0]  textarea {
    font-size: 11px !important;
}

@media (max-width: 575.98px) {
    .profile-form > .mb-3 :is(.form-control, .form-select, input, select)[b-5mx93gggj0],
    .profile-form > .mb-3[b-5mx93gggj0]  :is(.form-control, .form-select, input, select) {
        height: 1.85rem !important;
        min-height: 1.85rem !important;
        padding-top: 0.05rem !important;
        padding-bottom: 0.05rem !important;
        font-size: 13px !important;
        line-height: 1.1 !important;
    }

    .profile-form > .mb-3 > label[b-5mx93gggj0] {
        font-size: 12px !important;
        line-height: 1.1;
    }

    .profile-form > .mb-3[b-5mx93gggj0]  .input-group > .btn {
        width: 2.15rem;
        height: 1.85rem;
        min-height: 1.85rem;
        padding: 0.15rem 0.3rem;
    }
}
/* /Components/Pages/RelationsPage.razor.rz.scp.css */
.relations-page[b-joxfnrk5mz] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding-bottom: 2rem;
}

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

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

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

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

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

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

.relation-card[b-joxfnrk5mz] {
    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-joxfnrk5mz] {
    min-width: 0;
}

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

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

.relation-title[b-joxfnrk5mz] {
    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-joxfnrk5mz] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.25rem;
    justify-content: flex-end;
    flex-wrap: nowrap;
}

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

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

.modal-body > .mb-3[b-joxfnrk5mz] {
    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-joxfnrk5mz] {
    margin-bottom: 0.42rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tasks-count-badge[b-mgf9yscivo] {
    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-mgf9yscivo] {
    display: grid;
    gap: 0.5rem;
}

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

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

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

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

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

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

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

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

.tasks-form > .mb-3[b-mgf9yscivo] {
    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-mgf9yscivo] {
    margin-bottom: 0;
    font-size: 11px;
    color: #475467;
}

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

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

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

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

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

.tasks-page[b-mgf9yscivo],
.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-mgf9yscivo],
.modal :is(p, span, small, label, input, textarea, select, .btn, .form-control, .form-select, .input-group-text, .form-check-label, .form-text)[b-mgf9yscivo] {
    font-size: 11px;
}

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

:global(body.shareca-dark-mode) .task-card[b-mgf9yscivo] {
    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-mgf9yscivo] {
    background: #111827;
    border-color: #344054;
}

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

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

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

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

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

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

.legal-updated[b-a6z0dczwly] {
    margin-bottom: 1.25rem;
    color: #667085;
    font-weight: 700;
}
/* /Components/PhotoCropper.razor.rz.scp.css */
.photo-upload-control[b-2xjs8n6zsb] {
    display: grid;
    grid-template-columns: 4.75rem minmax(0, 1fr);
    align-items: center;
    gap: 0.8rem;
    margin-bottom: 0.75rem;
}

.photo-upload-preview[b-2xjs8n6zsb] {
    display: grid;
    place-items: center;
    width: 4.75rem;
    height: 4.75rem;
    overflow: hidden;
    color: #6f3f7a;
    background: rgba(229, 169, 247, 0.18);
    border: 2px solid #e5a9f7;
    border-radius: 50%;
    font-size: 1.65rem;
    font-weight: 700;
}

.photo-upload-preview img[b-2xjs8n6zsb] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.photo-upload-copy[b-2xjs8n6zsb] {
    display: grid;
    justify-items: start;
    gap: 0.3rem;
}

.photo-upload-button[b-2xjs8n6zsb] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    overflow: hidden;
}

.photo-upload-button[b-2xjs8n6zsb]  input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0 !important;
    padding: 0 !important;
    opacity: 0;
    cursor: pointer;
}

.photo-upload-copy small[b-2xjs8n6zsb] {
    color: #667085;
}

.photo-cropper-backdrop[b-2xjs8n6zsb] {
    position: fixed;
    z-index: 1085;
    inset: 0;
    background: rgba(24, 20, 39, 0.7);
    backdrop-filter: blur(5px);
}

.photo-cropper-modal[b-2xjs8n6zsb] {
    position: fixed;
    z-index: 1090;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    pointer-events: none;
}

.photo-cropper-dialog[b-2xjs8n6zsb] {
    width: min(100%, 31rem);
    max-height: calc(100dvh - 2rem);
    overflow: auto;
    color: #202033;
    background: #fffefd;
    border: 1px solid rgba(43, 43, 68, 0.12);
    border-radius: 1.25rem;
    box-shadow: 0 28px 80px rgba(31, 29, 44, 0.32);
    pointer-events: auto;
}

.photo-cropper-dialog header[b-2xjs8n6zsb],
.photo-cropper-dialog footer[b-2xjs8n6zsb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
}

.photo-cropper-dialog header[b-2xjs8n6zsb] {
    border-bottom: 1px solid rgba(43, 43, 68, 0.11);
}

.photo-cropper-dialog footer[b-2xjs8n6zsb] {
    justify-content: flex-end;
    border-top: 1px solid rgba(43, 43, 68, 0.11);
}

.photo-cropper-dialog h2[b-2xjs8n6zsb] {
    margin: 0;
    font-size: 1.15rem;
}

.photo-cropper-dialog header p[b-2xjs8n6zsb] {
    margin: 0.2rem 0 0;
    color: #667085;
    font-size: 0.82rem;
}

.photo-cropper-workspace[b-2xjs8n6zsb] {
    display: grid;
    justify-items: center;
    gap: 1rem;
    padding: 1.25rem;
    background: linear-gradient(145deg, rgba(223, 248, 242, 0.7), rgba(250, 239, 253, 0.75));
}

.photo-cropper-viewport[b-2xjs8n6zsb] {
    position: relative;
    width: min(20rem, calc(100vw - 4.5rem));
    aspect-ratio: 1;
    overflow: hidden;
    border: 3px solid #fff;
    border-radius: 50%;
    background: #252238;
    box-shadow: 0 14px 38px rgba(53, 47, 92, 0.22);
    cursor: grab;
    touch-action: none;
    user-select: none;
}

.photo-cropper-viewport:active[b-2xjs8n6zsb] {
    cursor: grabbing;
}

.photo-cropper-viewport:focus-visible[b-2xjs8n6zsb] {
    outline: 3px solid #70e8b8;
    outline-offset: 4px;
}

.photo-cropper-image[b-2xjs8n6zsb] {
    position: absolute;
    left: 0;
    top: 0;
    max-width: none;
    transform-origin: 0 0;
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
}

.photo-cropper-guide[b-2xjs8n6zsb] {
    position: absolute;
    inset: 0;
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 50%;
    pointer-events: none;
}

.photo-cropper-guide[b-2xjs8n6zsb]::before,
.photo-cropper-guide[b-2xjs8n6zsb]::after {
    content: "";
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
}

.photo-cropper-guide[b-2xjs8n6zsb]::before {
    left: 33.333%;
    right: 33.333%;
    top: 0;
    bottom: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    background: transparent;
}

.photo-cropper-guide[b-2xjs8n6zsb]::after {
    top: 33.333%;
    bottom: 33.333%;
    left: 0;
    right: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    background: transparent;
}

.photo-cropper-zoom[b-2xjs8n6zsb] {
    width: min(22rem, 100%);
    display: grid;
    grid-template-columns: auto auto minmax(8rem, 1fr) auto;
    align-items: center;
    gap: 0.55rem;
    color: #5f6074;
}

.photo-cropper-zoom label[b-2xjs8n6zsb] {
    font-size: 0.82rem;
    font-weight: 700;
}

.photo-cropper-zoom input[b-2xjs8n6zsb] {
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    accent-color: #9e4fb8;
}

:global(body.shareca-dark-mode) .photo-cropper-dialog[b-2xjs8n6zsb] {
    color: #fff;
    background: #252238;
    border-color: rgba(255, 255, 255, 0.14);
}

:global(body.shareca-dark-mode) .photo-cropper-dialog header[b-2xjs8n6zsb],
:global(body.shareca-dark-mode) .photo-cropper-dialog footer[b-2xjs8n6zsb] {
    border-color: rgba(255, 255, 255, 0.12);
}

:global(body.shareca-dark-mode) .photo-cropper-dialog header p[b-2xjs8n6zsb] {
    color: rgba(255, 255, 255, 0.7);
}

@media (max-width: 575.98px) {
    .photo-cropper-modal[b-2xjs8n6zsb] {
        align-items: end;
        padding: 0;
    }

    .photo-cropper-dialog[b-2xjs8n6zsb] {
        width: 100%;
        max-height: 94dvh;
        border-radius: 1.25rem 1.25rem 0 0;
    }

    .photo-cropper-workspace[b-2xjs8n6zsb] {
        padding: 1rem;
    }
}
/* /Components/TimeTextInput.razor.rz.scp.css */
.time-text-input[b-2siwhifsh1] {
    position: relative;
    min-width: 0;
}

.time-text-input .input-group[b-2siwhifsh1] {
    flex-wrap: nowrap;
    min-width: 0;
}

.time-text-input .form-control[b-2siwhifsh1] {
    min-width: 0;
    padding-inline: 0.48rem;
    font-size: 0.86rem;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0;
}

.time-text-input .btn[b-2siwhifsh1] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 2.2rem;
    width: 2.2rem;
    padding-inline: 0;
}

.time-text-picker-dismiss[b-2siwhifsh1] {
    position: fixed;
    inset: 0;
    z-index: 1079;
    background: transparent;
}

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

.time-text-picker-current[b-2siwhifsh1] {
    margin-bottom: 0.55rem;
    color: #24564a;
    font-size: 1rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.time-text-picker-wheels[b-2siwhifsh1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.time-text-picker-wheel[b-2siwhifsh1] {
    min-width: 0;
}

.time-text-picker-wheel > span[b-2siwhifsh1] {
    display: block;
    margin-bottom: 0.32rem;
    color: #667085;
    font-size: 0.68rem;
    font-weight: 700;
    text-align: center;
}

.time-text-picker-options[b-2siwhifsh1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.18rem;
    max-height: 11.5rem;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-right: 0.15rem;
}

.time-text-picker-option[b-2siwhifsh1] {
    display: grid;
    place-items: center;
    min-width: 0;
    min-height: 1.9rem;
    color: #1f2937;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 0.35rem;
    font-size: 0.8rem;
    font-variant-numeric: tabular-nums;
}

.time-text-picker-option.selected[b-2siwhifsh1] {
    color: #24564a;
    background: #aaf0d7;
    border-color: #57b894;
    font-weight: 700;
}

.time-text-picker-option:hover[b-2siwhifsh1],
.time-text-picker-option:focus[b-2siwhifsh1] {
    border-color: #57b894;
    outline: none;
}

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