/* /Components/Account/Pages/Login.razor.rz.scp.css */
.login-page[b-vlcqklpwsc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: calc(100vh - 160px);
    width: 100%;
}

.login-page[b-vlcqklpwsc]  form {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
}

.form-block[b-vlcqklpwsc] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
    border-radius: 20px;
    background-color: var(--beige-50, #FCFBFA);
    padding: 2rem;
    max-width: 35rem;

    @media (max-width: 1710px) {
        justify-content: flex-start;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        height: 100%;[b-vlcqklpwsc]
    }
}


.password-input-container[b-vlcqklpwsc] {
    display: flex;
    position: relative;
    align-items: center;
    width: 100%;
}

.forgot-password-container[b-vlcqklpwsc] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding-top: 0.5rem;
    padding-right: 0.5rem;
}

[b-vlcqklpwsc] .pass-input {
    width: 100%;
}

.toggle-reveal[b-vlcqklpwsc] {
    position: absolute;
    right: 10px;
    padding: 0.5rem;
    color: var(--beige-700);
    background-color: transparent;
    border: none;
    font-size: 1.5rem;
}

.warning-container[b-vlcqklpwsc] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    gap: 0.5rem;
    background-color: var(--maroon-50);
    border-radius: 0.875rem;
    padding: 0.75rem 1rem;
    
    .warning-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0.5rem;
        border-radius: 0.75rem;
        background-color: var(--maroon-200);
    }
}
/* /Components/Account/Shared/AccountLayout.razor.rz.scp.css */
.page[b-zqzdxi97xz] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--background-color);
}

.top-row[b-zqzdxi97xz] {
    padding-top: 3rem;
    padding-bottom: 4rem;
    width: 10rem;
}

.top-row svg[b-zqzdxi97xz] {
    max-width: 100%;
    height: auto;
    display: block;
}

#blazor-error-ui[b-zqzdxi97xz] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-zqzdxi97xz] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Components/Buttons/FilterButton.razor.rz.scp.css */
.filter-button[b-abz9y9nco0] {
    position: relative;

    .filter-count {
        display: none;
    }
    
    &.activated[b-abz9y9nco0] {
        border: 1px solid var(--beige-800);
        
        .filter-count {
            position: absolute;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 1rem;
            height: 1rem;
            top: -2px;
            right: -2px;
            background-color: var(--beige-800);
            border-radius: 99rem;
            color: var(--white);
            /*border: 1px solid var(--accent-color);*/
        }
    }
    
}
/* /Components/Components/Buttons/MeetingNoteButton.razor.rz.scp.css */

.meeting-note-button[b-gvsek7v967] {
    position: relative;
    cursor: pointer;
    display: flex;
    height: 2.25rem;
    width: 2.25rem;
    justify-content: center;
    align-items: center;
    color: var(--font-color-secondary);
    background-color: var(--white);
    border-radius: 0.625rem;
    border: 1px solid var(--beige-200);
}

.meeting-note-button-indicator[b-gvsek7v967] {
    position: absolute;
    top: -0.125rem;
    right: -0.125rem;
    height: 0.625rem;
    width: 0.625rem;
    border-radius: 50%;
    background-color: var(--maroon-600);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}
/* /Components/Components/Cards/ClientCard.razor.rz.scp.css */
.client-container[b-6cjb0onfrb] {
    display: flex;
    flex-direction: row;
    background-color: white;
    border: 1px solid var(--beige-200);
    border-radius: var(--border-radius);
    cursor: pointer;

    .left-side {
        display: flex;
        padding: 2rem 0.5rem;
        border-right: 1px solid var(--beige-200);
    }

    .right-side[b-6cjb0onfrb] {
        display: flex;
        flex-direction: column;
        flex: 1;

        .right-top {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            padding: 1rem 1.5rem;
            border-bottom: 1px solid var(--beige-200);
        }

        .right-bottom[b-6cjb0onfrb] {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            padding: 1.25rem 1.5rem;
            gap: 1rem;
        }
    }
}

.profile-pic[b-6cjb0onfrb] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 999rem;
    object-fit: contain;
}

.stacked-text[b-6cjb0onfrb] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.select-circle[b-6cjb0onfrb] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background-color: white;
    border: 1px solid var(--border-color);
    transition: all 0.3s ease;
}

.select-circle.selected[b-6cjb0onfrb] {
    background-clip: content-box;
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    padding: 0.35rem;
}
/* /Components/Components/Cards/OrgQuestionCard.razor.rz.scp.css */
.org-question-card-container[b-fdwlzr18zi] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem 1.5rem;
    background-color: white;
    border: 1px solid var(--beige-300);
    border-radius: var(--border-radius);
    width: 100%;
}

.org-question-top-row[b-fdwlzr18zi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.control-buttons[b-fdwlzr18zi] {
    display: flex;
    gap: 0.25rem;
    flex-wrap: nowrap;
}

.trash-icon[b-fdwlzr18zi] {
    &:hover {
        color: var(--maroon-700);
    }
}

.input-row[b-fdwlzr18zi] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    justify-content: center;
    /*align-items: center;*/
    flex-wrap: wrap;
    width: 100%;
}

.edit-control-buttons[b-fdwlzr18zi] {
    display: flex;
    gap: 0.5rem;
}
/* /Components/Components/Cards/QuestionsTemplateCard.razor.rz.scp.css */
.question-template[b-wrbfn1ys6o] {
    display: flex;
    background-color: white;
    border: 1px solid var(--beige-200);
    border-radius: var(--border-radius);
    min-height: 4.875rem;
    transition: all 0.3s ease;
    width: 100%;

    .expand-template {
        display: flex;
        justify-content: center;
        align-items: center;
        border-right: 1px solid var(--beige-200);
        width: 3rem;
        cursor: pointer;
        
        .expand-icon {
            width: 1em;
            height: 1em;
        }
    }
    
    .question-template-body[b-wrbfn1ys6o] {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        width: 100%;
    }
    
    .question-template-header[b-wrbfn1ys6o] {
        display: flex;
        width: 100%;
        justify-content: space-between;
        padding: 1rem 1.5rem;
    }
    
    .question-template-header.expanded[b-wrbfn1ys6o] {
        border-bottom: 1px solid var(--beige-200);
    }
    
    .stacked-text[b-wrbfn1ys6o] {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
    }
    
    .question-template-questions-container[b-wrbfn1ys6o] {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        padding: 1rem 1.5rem;
    }
    
    .question[b-wrbfn1ys6o] {
        display: flex;
        justify-content: space-between;
        gap: 0.5rem;
        
        .question-info {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
        }
        
        .edit-buttons[b-wrbfn1ys6o] {
            gap: 0.5rem;
        }
    }

    .trash-icon[b-wrbfn1ys6o] {
        &:hover {
            color: var(--maroon-700);
        }
    }
    
    .pill-tag[b-wrbfn1ys6o] {
        align-self: start;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: white;
        border: 1px solid var(--beige-300);
        border-radius: var(--border-radius);
        padding: 0.25rem 0.625rem;
    }
}

.question-template.shaded[b-wrbfn1ys6o] {
    background-color: var(--beige-50);
    border: 1px solid var(--beige-200);
}

.question-template.selected[b-wrbfn1ys6o] {
    background-color: var(--beige-100);
    border: 1px solid var(--beige-400);
}
/* /Components/Components/Cards/RfpBox.razor.rz.scp.css */
.rfp-box[b-vhfspf5svc] {
    display: flex;
    flex-direction: column;
    padding: 0.5rem 0.5rem;
    border: 1px solid var(--grey);
    border-radius: 6px;
    margin-bottom: 1rem;
    width: 15rem;
    height: 15rem;
    gap: 0.5rem;
}

.input-row[b-vhfspf5svc] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.input-row.title[b-vhfspf5svc] {
    margin-bottom: 0.5rem;
}

.status[b-vhfspf5svc] {
    color: var(--gray-600);
    background-color: var(--gray-300);
    border-radius: 6px;
    font-size: var(--text-sub-size);
    padding: 0.25rem;
    /*border: 1px solid #EF5466;*/
}

.progress-bar-container[b-vhfspf5svc] {
    height: 0.5rem;
    width: 100%;
    background-color: #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    margin: 0 0.5rem;
}

.progress-bar[b-vhfspf5svc] {
    height: 100%;
    background-color: var(--warning-400);
    width: 0;
    transition: width 0.5s;
}

.view-rfp[b-vhfspf5svc] {
    width: 100%;
    height: 2rem;
    margin-top: auto;
    cursor: pointer;
}
/* /Components/Components/Cards/RfpQuestionCard.razor.rz.scp.css */
.rfp-question-card-container[b-wd1017fnny] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem 1.5rem;
    background-color: white;
    border: 1px solid var(--beige-300);
    border-radius: var(--border-radius);
    width: 100%;
}

.rfp-question-top-row[b-wd1017fnny] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.trash-icon[b-wd1017fnny] {
    &:hover {
        color: var(--maroon-700);
    }
}

.input-row[b-wd1017fnny] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    justify-content: center;
    /*align-items: center;*/
    flex-wrap: wrap;
    width: 100%;
}

.edit-control-buttons[b-wd1017fnny] {
    display: flex;
    gap: 0.5rem;
}
/* /Components/Components/Cards/RfpRecipientSalesInviteCard.razor.rz.scp.css */
.card[b-j07suu8edo] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--beige-200);
    border-radius: var(--border-radius);
    background-color: var(--white);
}

.top-section[b-j07suu8edo] {
    display: flex;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--beige-200);
    border-top-right-radius: var(--border-radius);
    border-top-left-radius: var(--border-radius);
}

.top-section.darker[b-j07suu8edo] {
    background-color: var(--beige-50);
}

.bottom-section[b-j07suu8edo] {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.5rem;
    justify-content: space-evenly;

    .bottom-section-row {
        display: flex;
        /*padding: 1.25rem 1.5rem;*/
        justify-content: space-evenly;
    }
}

.stacked-text[b-j07suu8edo] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.remove-button[b-j07suu8edo] {
    margin-left: auto;
}
/* /Components/Components/Cards/SalesContactCard.razor.rz.scp.css */
.sales-contact-card[b-r8f6rfpkc1] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--beige-200);
    border-radius: var(--border-radius);
    background-color: var(--white);
}

.top-section[b-r8f6rfpkc1] {
    display: flex;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--beige-200);
    border-top-right-radius: var(--border-radius);
    border-top-left-radius: var(--border-radius);
}

.top-section.darker[b-r8f6rfpkc1] {
    background-color: var(--beige-50);
}

.bottom-section[b-r8f6rfpkc1] {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.5rem;
    justify-content: space-evenly;
    
    .bottom-section-row {
        display: flex;
        /*padding: 1.25rem 1.5rem;*/
        justify-content: space-evenly;
    }
}

.stacked-text[b-r8f6rfpkc1] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.remove-button[b-r8f6rfpkc1] {
    margin-left: auto;
}
/* /Components/Components/Cards/SupplierSearchResultCard.razor.rz.scp.css */
.supplier-search-result-card[b-4tycr5uq73] {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--beige-100);
    padding: 0.5rem 0.25rem;
    cursor: pointer;
    transition: all 0.3s ease-in;
    
     &.highlight {
         border-radius: 1rem;
         background-color: var(--beige-100);
     }
}

.main-image[b-4tycr5uq73] {
    width: 11.5rem;
    height: 7rem;
    border-radius: var(--border-radius);
}

.left-side-details[b-4tycr5uq73] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 1rem;
}

.right-side-details[b-4tycr5uq73] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem 1rem 1rem 0;
    margin-left: auto;
    align-items: flex-end;
    justify-content: space-between;
}

.user-rating-badge[b-4tycr5uq73] {
    background-color: var(--beige-700);
    padding: 0.1rem 0.45rem;
    border-radius: 999rem;
}
.highlights[b-4tycr5uq73] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;

}

.highlights-dropdown-content[b-4tycr5uq73] {
    /*width: 14rem;*/
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    background-color: var(--beige-50);
    border: 1px solid var(--beige-200);
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
}
/* /Components/Components/Cards/SupplierSelectCard.razor.rz.scp.css */
.supplier-card[b-utaqru5l2e] {
    display: flex;
    gap: 1rem;
    align-items: center;
    background-color: var(--beige-100);
    padding: 1rem;
    border-radius: var(--border-radius);
    width: 100%;

    .supplier-image {
        width: 6rem;
        height: 4rem;
        object-fit: cover;
        border-radius: var(--border-radius);
    }

    .supplier-details[b-utaqru5l2e] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }
}
/* /Components/Components/Chat/AddParticipantsModal.razor.rz.scp.css */
.add-participants-modal-content[b-v4lzscwh0a] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

.add-participants-description[b-v4lzscwh0a] {
    color: var(--beige-700);
    font-size: 0.9375rem;
}

.add-participants-chip-box[b-v4lzscwh0a] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    border: 1px solid var(--beige-200);
    border-radius: 12px;
    padding: 0.75rem;
    background-color: white;
    min-height: 3rem;
}

.contact-chip[b-v4lzscwh0a] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    background-color: var(--beige-100);
    border: 1px solid var(--beige-200);
    border-radius: 100px;
    padding: 0.25rem 0.75rem;
    cursor: pointer;
    font-size: 0.875rem;
    color: var(--beige-800);
    max-width: 100%;
}

.contact-chip:hover[b-v4lzscwh0a] {
    border-color: var(--beige-500);
}

.contact-chip.selected[b-v4lzscwh0a] {
    background-color: var(--beige-800);
    border-color: var(--beige-800);
    color: white;
}

.contact-chip-name[b-v4lzscwh0a] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* "+" affordance on unselected chips — sized to 1em like the XIcon, just faded */
.contact-chip-add[b-v4lzscwh0a] {
    opacity: 0.6;
}

.no-contacts[b-v4lzscwh0a] {
    color: var(--beige-600);
    font-size: 0.875rem;
    align-self: center;
}

.add-participants-modal-footer[b-v4lzscwh0a] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    padding: 1rem 2rem;
}

.add-participants-add-btn[b-v4lzscwh0a] {
    background-color: var(--beige-800);
    color: white;
    border: none;
}

.add-participants-add-btn:hover[b-v4lzscwh0a] {
    background-color: var(--beige-900);
}

.add-participants-add-btn.disabled[b-v4lzscwh0a] {
    opacity: 0.4;
    pointer-events: none;
}
/* /Components/Components/Chat/ChatAvatar.razor.rz.scp.css */
.chat-avatar[b-l5vdntw48u] {
    border-radius: 100px;
    background-color: var(--beige-200);
    color: var(--beige-700);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
    border: 1px solid var(--beige-300);
    user-select: none;
}

.chat-avatar img[b-l5vdntw48u] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.chat-avatar-initials[b-l5vdntw48u] {
    font-weight: 500;
    line-height: 1;
}
/* /Components/Components/Chat/ChatMessageInput.razor.rz.scp.css */
.chat-readonly-hint[b-vfdd15ymeq] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    padding: 1rem;
    color: var(--beige-600);
    font-size: 0.875rem;
    border-top: 1px solid var(--beige-300);
}

.chat-input-area[b-vfdd15ymeq] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem 1rem 1rem 1rem;
    border-top: 1px solid var(--beige-300);
    background-color: white;
}

/* ----- Reply / editing context bar ----- */
.input-context-bar[b-vfdd15ymeq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    background-color: var(--beige-100);
    border-left: 3px solid var(--beige-500);
    border-radius: 8px;
    padding: 0.5rem 0.75rem;
}

.context-bar-text[b-vfdd15ymeq] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
}

.context-bar-title[b-vfdd15ymeq] {
    display: inline-flex;
    align-items: center;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--beige-800);
}

.context-bar-body[b-vfdd15ymeq] {
    font-size: 0.8125rem;
    color: var(--beige-700);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.context-bar-close[b-vfdd15ymeq] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--beige-600);
    display: flex;
    align-items: center;
    padding: 0.25rem;
    flex-shrink: 0;
}

.context-bar-close:hover[b-vfdd15ymeq] {
    color: var(--beige-800);
}

/* ----- Attachment chips ----- */
.attachment-chips[b-vfdd15ymeq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.attachment-chip[b-vfdd15ymeq] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    background-color: var(--beige-100);
    border: 1px solid var(--beige-200);
    border-radius: 100px;
    padding: 0.25rem 0.5rem 0.25rem 0.75rem;
    font-size: 0.8125rem;
    color: var(--beige-800);
    max-width: 16rem;
}

.attachment-chip-name[b-vfdd15ymeq] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.attachment-chip-remove[b-vfdd15ymeq] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--beige-600);
    display: flex;
    align-items: center;
    padding: 0.125rem;
    flex-shrink: 0;
}

.attachment-chip-remove:hover[b-vfdd15ymeq] {
    color: var(--beige-800);
}

/* The panel div is always mounted (paste-to-attach needs its hidden <input>); only style it as
   a visible box while open, otherwise the empty border/padding renders as a stray frame. */
.upload-panel.open[b-vfdd15ymeq] {
    border: 1px solid var(--beige-200);
    border-radius: 12px;
    padding: 0.5rem;
}

/* ----- Input row ----- */
.chat-input-row[b-vfdd15ymeq] {
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
}

.attach-btn[b-vfdd15ymeq] {
    width: 44px;
    height: 44px;
    border-radius: 100px;
    border: 1px solid var(--beige-200);
    background-color: white;
    color: var(--beige-700);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    font-size: 1.125rem;
}

.attach-btn:hover[b-vfdd15ymeq] {
    background-color: var(--beige-100);
}

.attach-btn.disabled[b-vfdd15ymeq] {
    opacity: 0.5;
    pointer-events: none;
}

.chat-input-pill[b-vfdd15ymeq] {
    flex: 1;
    background-color: white;
    border: 1px solid var(--beige-200);
    border-radius: 100px;
    padding: 12px 24px;
    display: flex;
    align-items: center;
    min-width: 0;
}

.chat-input-pill .chat-input-editable[b-vfdd15ymeq] {
    width: 100%;
    border: none;
    outline: none;
    font-family: inherit;
    font-size: 1rem;
    color: var(--beige-800);
    background: transparent;
    line-height: 1.25;
    min-height: 1.25em; /* one line, matches the old rows="1" textarea */
    max-height: 140px;
    overflow-y: auto;
    white-space: pre-wrap; /* preserve newlines/spaces the same way a textarea did */
    word-break: break-word;
}

/* Placeholder for the contenteditable (only shows when truly empty — chatInterop strips the stray
   <br> Chrome leaves behind so :empty still matches). */
.chat-input-pill .chat-input-editable:empty[b-vfdd15ymeq]::before {
    content: attr(data-placeholder);
    color: var(--beige-600);
    pointer-events: none;
}

/* Inline mention chip while composing — mirrors the reader-side .mention-pill (ChatWindow.razor.css)
   so the composer previews how the sent message will look. */
.chat-input-pill .chat-input-editable .mention-chip[b-vfdd15ymeq] {
    color: var(--green-600);
    font-weight: 600;
    white-space: nowrap;
    -webkit-user-modify: read-only; /* belt-and-suspenders atomicity in WebKit */
}

.send-btn[b-vfdd15ymeq] {
    width: 44px;
    height: 44px;
    border-radius: 100px;
    border: none;
    background-color: var(--beige-800);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    font-size: 1.125rem;
}

.send-btn:hover[b-vfdd15ymeq] {
    background-color: var(--beige-900);
}

.send-btn.disabled[b-vfdd15ymeq] {
    opacity: 0.4;
    pointer-events: none;
}

/* ----- @mention picker (teleported to <body> via dropdown.js) ----- */
.mention-picker[b-vfdd15ymeq] {
    position: fixed;
    z-index: 10050;
    background-color: white;
    border: 1px solid var(--beige-200);
    border-radius: 12px;
    max-height: 240px;
    overflow-y: auto;
    box-shadow: 0 8px 24px -6px rgba(0, 0, 0, 0.18);
    padding: 0.25rem;
}

.mention-picker-row[b-vfdd15ymeq] {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.625rem;
    border-radius: 8px;
    cursor: pointer;
    font-size: 0.875rem;
    color: var(--beige-800);
}

.mention-picker-row:hover[b-vfdd15ymeq],
.mention-picker-row.focused[b-vfdd15ymeq] {
    background-color: var(--beige-100);
}

.mention-picker-empty[b-vfdd15ymeq] {
    padding: 0.5rem 0.625rem;
    font-size: 0.8125rem;
    color: var(--beige-600);
}
/* /Components/Components/Chat/ChatWindow.razor.rz.scp.css */
.chat-window[b-xxifsxzwtj] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    min-width: 0;
    background-color: white;
    border-radius: 16px;
    border: 1px solid var(--beige-200);
    overflow: hidden;
}

/* ===== Header ===== */
.chat-window-header[b-xxifsxzwtj] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--beige-300);
    flex-shrink: 0;
}

.chat-back-btn[b-xxifsxzwtj] {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--beige-800);
    font-size: 1.25rem;
    padding: 0.25rem;
    align-items: center;
}

.chat-header-avatars[b-xxifsxzwtj] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.chat-header-avatars[b-xxifsxzwtj]  .chat-avatar:not(:first-child) {
    margin-left: -10px;
    box-shadow: 0 0 0 2px white;
}

.chat-header-titles[b-xxifsxzwtj] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
    flex: 1 1 0;
    overflow: hidden;
}

.chat-header-name[b-xxifsxzwtj] {
    font-weight: 500;
    color: var(--beige-800);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chat-header-participants[b-xxifsxzwtj] {
    font-size: 0.8125rem;
    color: var(--beige-700);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chat-header-menu[b-xxifsxzwtj] {
    position: relative;
    flex-shrink: 0;
}

.chat-header-menu-btn[b-xxifsxzwtj] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--beige-700);
    padding: 0.375rem;
    border-radius: 100px;
    display: flex;
    align-items: center;
    font-size: 1.125rem;
}

.chat-header-menu-btn:hover[b-xxifsxzwtj] {
    background-color: var(--beige-100);
}

.menu-overlay[b-xxifsxzwtj] {
    position: fixed;
    inset: 0;
    z-index: 90;
}

.chat-header-dropdown[b-xxifsxzwtj] {
    position: absolute;
    top: calc(100% + 0.25rem);
    right: 0;
    z-index: 91;
    background-color: white;
    border: 1px solid var(--beige-200);
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    min-width: 18rem;
    max-height: 24rem;
    overflow-y: auto;
    padding: 0.5rem;
}

.dropdown-section-title[b-xxifsxzwtj] {
    font-size: 0.75rem;
    color: var(--beige-600);
    padding: 0.375rem 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.dropdown-participant[b-xxifsxzwtj] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.375rem 0.5rem;
}

.dropdown-participant-text[b-xxifsxzwtj] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.dropdown-participant-name[b-xxifsxzwtj] {
    font-size: 0.875rem;
    color: var(--beige-800);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropdown-participant-email[b-xxifsxzwtj] {
    font-size: 0.75rem;
    color: var(--beige-700);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropdown-divider[b-xxifsxzwtj] {
    height: 1px;
    background-color: var(--beige-200);
    margin: 0.375rem 0;
}

.dropdown-action[b-xxifsxzwtj] {
    display: flex;
    align-items: center;
    width: 100%;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 8px;
    font-size: 0.875rem;
    color: var(--beige-800);
}

.dropdown-action:hover[b-xxifsxzwtj] {
    background-color: var(--beige-100);
}

/* ===== Messages ===== */
.chat-messages[b-xxifsxzwtj] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 1rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.chat-top-sentinel[b-xxifsxzwtj] {
    height: 1px;
    flex-shrink: 0;
}

.chat-loading-more[b-xxifsxzwtj],
.chat-window-loading[b-xxifsxzwtj] {
    display: flex;
    justify-content: center;
    padding: 1rem;
}

.chat-window-loading[b-xxifsxzwtj] {
    flex: 1;
    align-items: center;
}

.chat-empty[b-xxifsxzwtj] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--beige-600);
    font-size: 0.875rem;
}

.day-separator[b-xxifsxzwtj] {
    text-align: center;
    font-size: 12px;
    color: var(--beige-700);
    padding: 0.75rem 0 0.5rem 0;
}

/* ===== Message rows ===== */
.message-row[b-xxifsxzwtj] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-end;
}

.message-row.group-end[b-xxifsxzwtj] {
    margin-bottom: 0.5rem;
}

.message-row.incoming[b-xxifsxzwtj] {
    justify-content: flex-start;
}

.message-row.outgoing[b-xxifsxzwtj] {
    justify-content: flex-end;
}

.message-avatar-col[b-xxifsxzwtj] {
    width: 32px;
    flex-shrink: 0;
    align-self: flex-end;
}

.message-content[b-xxifsxzwtj] {
    display: flex;
    flex-direction: column;
    max-width: 70%;
    min-width: 0;
}

.message-row.outgoing .message-content[b-xxifsxzwtj] {
    align-items: flex-end;
}

.message-row.incoming .message-content[b-xxifsxzwtj] {
    align-items: flex-start;
}

.message-sender-name[b-xxifsxzwtj] {
    font-size: 0.75rem;
    color: var(--beige-700);
    margin: 0.25rem 0 0.125rem 0.25rem;
}

/* ===== Reply quote ===== */
.reply-quote[b-xxifsxzwtj] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    background-color: var(--beige-50);
    border-left: 3px solid var(--beige-400);
    border-radius: 8px;
    padding: 0.375rem 0.625rem;
    margin-bottom: 0.125rem;
    max-width: 100%;
}

.reply-quote-sender[b-xxifsxzwtj] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--beige-700);
}

.reply-quote-body[b-xxifsxzwtj] {
    font-size: 0.8125rem;
    color: var(--beige-600);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* ===== Bubbles ===== */
.message-bubble-wrap[b-xxifsxzwtj] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.message-row.outgoing .message-bubble-wrap[b-xxifsxzwtj] {
    flex-direction: row-reverse;
}

.message-bubble[b-xxifsxzwtj] {
    background-color: var(--beige-100);
    padding: 8px 12px;
    border-radius: 20px;
    font-size: 16px;
    color: var(--beige-800);
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    word-break: break-word;
    max-width: 100%;
}

.message-row.incoming .message-bubble[b-xxifsxzwtj] {
    border-top-left-radius: 4px;
}

.message-row.outgoing .message-bubble[b-xxifsxzwtj] {
    border-top-right-radius: 4px;
}

.message-text[b-xxifsxzwtj] {
    white-space: pre-wrap;
}

.message-text a[b-xxifsxzwtj] {
    color: var(--green-600);
    text-decoration: underline;
    word-break: break-all;
}

.message-text a:hover[b-xxifsxzwtj] {
    color: var(--green-500);
}

.mention-pill[b-xxifsxzwtj] {
    color: var(--green-600);
    font-weight: 600;
}

.mention-pill-self[b-xxifsxzwtj] {
    color: var(--accent-600, var(--accent-color));
    background-color: var(--accent-100, var(--beige-100));
    border-radius: 4px;
    padding: 0 2px;
}

.edited-suffix[b-xxifsxzwtj] {
    font-size: 12px;
    color: var(--beige-600);
}

.message-bubble.tombstone[b-xxifsxzwtj] {
    background-color: transparent;
    border: 1px dashed var(--beige-300);
}

.tombstone-text[b-xxifsxzwtj] {
    font-style: italic;
    color: var(--beige-600);
    font-size: 0.9375rem;
}

/* ===== In-bubble attachments ===== */
.bubble-image[b-xxifsxzwtj] {
    max-width: 240px;
    max-height: 240px;
    border-radius: 12px;
    display: block;
    object-fit: cover;
}

.file-chip[b-xxifsxzwtj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background-color: white;
    border: 1px solid var(--beige-200);
    border-radius: 12px;
    padding: 0.5rem 0.75rem;
    text-decoration: none;
    color: var(--beige-800);
    max-width: 16rem;
}

.file-chip:hover[b-xxifsxzwtj] {
    background-color: var(--beige-50);
}

.file-chip-text[b-xxifsxzwtj] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.file-chip-name[b-xxifsxzwtj] {
    font-size: 0.875rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.file-chip-size[b-xxifsxzwtj] {
    font-size: 0.75rem;
    color: var(--beige-600);
}

/* ===== Hover actions ===== */
.message-actions[b-xxifsxzwtj] {
    display: none;
    align-items: center;
    gap: 0.125rem;
    background-color: white;
    border: 1px solid var(--beige-200);
    border-radius: 100px;
    padding: 0.125rem 0.25rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    flex-shrink: 0;
}

.message-bubble-wrap:hover .message-actions[b-xxifsxzwtj] {
    display: inline-flex;
}

.message-actions button[b-xxifsxzwtj] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--beige-700);
    display: flex;
    align-items: center;
    padding: 0.3125rem;
    border-radius: 100px;
    font-size: 0.9375rem;
}

.message-actions button:hover[b-xxifsxzwtj] {
    background-color: var(--beige-100);
    color: var(--beige-800);
}

/* ===== Reactions ===== */
.reaction-picker[b-xxifsxzwtj] {
    position: absolute;
    bottom: calc(100% + 0.25rem);
    z-index: 91;
    display: flex;
    align-items: center;
    gap: 0.125rem;
    background-color: white;
    border: 1px solid var(--beige-200);
    border-radius: 100px;
    padding: 0.25rem 0.375rem;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.message-row.incoming .reaction-picker[b-xxifsxzwtj] {
    left: 0;
}

.message-row.outgoing .reaction-picker[b-xxifsxzwtj] {
    right: 0;
}

.reaction-picker-btn[b-xxifsxzwtj] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.25rem;
    line-height: 1;
    padding: 0.25rem;
    border-radius: 100px;
}

.reaction-picker-btn:hover[b-xxifsxzwtj] {
    background-color: var(--beige-100);
}

.reaction-chips[b-xxifsxzwtj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-top: 0.25rem;
}

.reaction-chip[b-xxifsxzwtj] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    background-color: white;
    border: 1px solid var(--beige-300);
    border-radius: 100px;
    padding: 0.125rem 0.5rem;
    cursor: pointer;
}

.reaction-chip:hover[b-xxifsxzwtj] {
    background-color: var(--beige-50);
}

.reaction-chip:disabled[b-xxifsxzwtj] {
    cursor: default;
}

.reaction-chip.mine[b-xxifsxzwtj] {
    border-color: var(--green-500);
    background-color: var(--beige-50);
}

.reaction-emoji[b-xxifsxzwtj] {
    font-size: 0.875rem;
    line-height: 1;
}

.reaction-count[b-xxifsxzwtj] {
    font-size: 0.75rem;
    color: var(--beige-700);
}

.reaction-popover[b-xxifsxzwtj] {
    display: none;
    position: absolute;
    bottom: calc(100% + 0.375rem);
    background-color: var(--beige-800);
    color: white;
    font-size: 0.75rem;
    padding: 0.375rem 0.625rem;
    border-radius: 8px;
    white-space: nowrap;
    z-index: 50;
}

.message-row.incoming .reaction-popover[b-xxifsxzwtj] {
    left: 0;
}

.message-row.outgoing .reaction-popover[b-xxifsxzwtj] {
    right: 0;
}

.reaction-chip:hover .reaction-popover[b-xxifsxzwtj] {
    display: block;
}

/* ===== Meta (timestamp + read status) ===== */
.message-meta[b-xxifsxzwtj] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-top: 0.125rem;
    padding: 0 0.25rem;
}

.message-time[b-xxifsxzwtj] {
    font-size: 12px;
    color: var(--beige-500);
}

.read-checks[b-xxifsxzwtj] {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: default;
}

.read-checks.sent[b-xxifsxzwtj] {
    color: var(--beige-500);
}

.read-checks.read[b-xxifsxzwtj] {
    color: var(--green-500);
}

.read-checks[b-xxifsxzwtj]  svg {
    width: 14px;
    height: 14px;
}

.read-checks.read[b-xxifsxzwtj]  svg:last-of-type {
    margin-left: -9px;
}

.seen-popover[b-xxifsxzwtj] {
    display: none;
    position: absolute;
    bottom: calc(100% + 0.375rem);
    right: 0;
    background-color: var(--beige-800);
    color: white;
    font-size: 0.75rem;
    padding: 0.375rem 0.625rem;
    border-radius: 8px;
    white-space: nowrap;
    z-index: 50;
}

.read-checks:hover .seen-popover[b-xxifsxzwtj] {
    display: block;
}

/* ===== Mobile ===== */
@media (max-width: 768px) {
    .chat-back-btn[b-xxifsxzwtj] {
        display: flex;
    }

    .message-content[b-xxifsxzwtj] {
        max-width: 85%;
    }

    .chat-window[b-xxifsxzwtj] {
        border-radius: 0;
        border: none;
    }
}
/* /Components/Components/Chat/MessagesTabSection.razor.rz.scp.css */
.messages-tab-section[b-h4nne5zcwz] {
    width: 100%;
    /* The page wrappers (.rfp-details-page, .sheet-area) use `min-width: min-content`
       for the wide venues table. Without this, the chat header's `white-space: nowrap`
       participant text leaks its full width into that min-content calculation and pushes
       the whole page past the viewport instead of truncating. Inline-size containment makes
       this subtree's width independent of its content, so the ellipsis truncation can win. */
    contain: inline-size;
}

.section-loading[b-h4nne5zcwz] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4rem 0;
}

.chat-shell[b-h4nne5zcwz] {
    display: flex;
    gap: 1.25rem;
    height: calc(100vh - 16rem);
    min-height: 32rem;
}

/* ===== Thread list pane ===== */
.thread-list-pane[b-h4nne5zcwz] {
    width: 457px;
    flex-shrink: 0;
    background-color: var(--beige-50);
    border: 1px solid var(--beige-200);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.thread-list-header[b-h4nne5zcwz] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 1.25rem 1.25rem 0.75rem 1.25rem;
}

.thread-list-title[b-h4nne5zcwz] {
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--beige-800);
    flex: 1;
}

.compose-btn[b-h4nne5zcwz],
.archived-back-btn[b-h4nne5zcwz] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--beige-800);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.375rem;
    border-radius: 100px;
    font-size: 1.125rem;
}

.compose-btn:hover[b-h4nne5zcwz],
.archived-back-btn:hover[b-h4nne5zcwz] {
    background-color: var(--beige-200);
}

/* ===== Search ===== */
.thread-search[b-h4nne5zcwz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 1.25rem 0.75rem 1.25rem;
    background-color: white;
    border: 1px solid var(--beige-200);
    border-radius: 100px;
    padding: 0.5rem 1rem;
    color: var(--beige-600);
}

.thread-search-input[b-h4nne5zcwz] {
    border: none;
    outline: none;
    background: transparent;
    width: 100%;
    font-size: 0.9375rem;
    color: var(--beige-800);
}

.thread-search-input[b-h4nne5zcwz]::placeholder {
    color: var(--beige-600);
}

/* ===== Archived entry ===== */
.archived-entry[b-h4nne5zcwz] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.75rem 1.25rem;
    cursor: pointer;
    color: var(--beige-700);
    border-bottom: 1px solid var(--beige-300);
    font-size: 0.9375rem;
}

.archived-entry:hover[b-h4nne5zcwz] {
    background-color: var(--beige-100);
}

.archived-entry-icon[b-h4nne5zcwz] {
    display: flex;
    align-items: center;
    font-size: 1.125rem;
}

.archived-entry-label[b-h4nne5zcwz] {
    flex: 1;
}

/* ===== Thread rows ===== */
.thread-rows[b-h4nne5zcwz] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

.no-threads[b-h4nne5zcwz] {
    padding: 2rem 1.25rem;
    text-align: center;
    color: var(--beige-600);
    font-size: 0.875rem;
}

.thread-row[b-h4nne5zcwz] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 20px;
    padding-right: 40px;
    border-bottom: 1px solid var(--beige-300);
    cursor: pointer;
    position: relative;
}

.thread-row:hover[b-h4nne5zcwz] {
    background-color: var(--beige-100);
}

.thread-row.selected[b-h4nne5zcwz] {
    background-color: var(--beige-100);
}

.thread-avatars[b-h4nne5zcwz] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.thread-avatars.stacked[b-h4nne5zcwz]  .chat-avatar:not(:first-child) {
    margin-left: -14px;
    box-shadow: 0 0 0 2px var(--beige-50);
}

.thread-row-main[b-h4nne5zcwz] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.thread-row-top[b-h4nne5zcwz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.thread-name[b-h4nne5zcwz] {
    font-weight: 500;
    color: var(--beige-800);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.thread-venue[b-h4nne5zcwz] {
    font-size: 0.75rem;
    color: var(--beige-600);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.thread-tag[b-h4nne5zcwz] {
    font-size: 0.6875rem;
    color: var(--beige-700);
    background-color: var(--beige-200);
    border-radius: 100px;
    padding: 0.125rem 0.5rem;
    flex-shrink: 0;
}

.thread-time[b-h4nne5zcwz] {
    margin-left: auto;
    font-size: 0.75rem;
    color: var(--beige-600);
    flex-shrink: 0;
}

.thread-row-bottom[b-h4nne5zcwz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.thread-preview[b-h4nne5zcwz] {
    flex: 1;
    font-size: 0.875rem;
    color: var(--beige-700);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: pre-line;
}

.thread-preview.unread[b-h4nne5zcwz] {
    color: var(--beige-800);
    font-weight: 500;
}

.unread-badge[b-h4nne5zcwz] {
    background-color: var(--maroon-600);
    color: white;
    border-radius: 100px;
    min-width: 1.375rem;
    height: 1.375rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    line-height: 1;
    padding: 0 0.375rem;
    flex-shrink: 0;
}

/* Per-row archive action: revealed on hover */
.thread-row-actions[b-h4nne5zcwz] {
    display: none;
    position: absolute;
    top: 0.5rem;
    right: 0.75rem;
}

.thread-row:hover .thread-row-actions[b-h4nne5zcwz] {
    display: block;
}

.thread-archive-btn[b-h4nne5zcwz] {
    background-color: white;
    border: 1px solid var(--beige-200);
    border-radius: 100px;
    cursor: pointer;
    color: var(--beige-700);
    display: flex;
    align-items: center;
    padding: 0.3125rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

.thread-archive-btn:hover[b-h4nne5zcwz] {
    color: var(--beige-800);
    background-color: var(--beige-100);
}

/* ===== Right pane ===== */
.chat-window-pane[b-h4nne5zcwz] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.chat-window-pane[b-h4nne5zcwz]  .chat-window {
    flex: 1;
    min-height: 0;
}

.chat-window-empty[b-h4nne5zcwz] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    color: var(--beige-600);
    font-size: 0.9375rem;
    background-color: var(--beige-50);
    border: 1px solid var(--beige-200);
    border-radius: 16px;
}

.chat-window-empty[b-h4nne5zcwz]  svg {
    width: 2rem;
    height: 2rem;
}

/* ===== Mobile: single pane ===== */
@media (max-width: 768px) {
    .chat-shell[b-h4nne5zcwz] {
        height: calc(100vh - 12rem);
        min-height: 24rem;
        gap: 0;
    }

    .thread-list-pane[b-h4nne5zcwz] {
        width: 100%;
    }

    .chat-shell:not(.conversation-open) .chat-window-pane[b-h4nne5zcwz] {
        display: none;
    }

    .chat-shell.conversation-open .thread-list-pane[b-h4nne5zcwz] {
        display: none;
    }
}
/* /Components/Components/Chat/NewChatModal.razor.rz.scp.css */
.new-chat-modal-content[b-4jgsxihqrs] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

.new-chat-description[b-4jgsxihqrs] {
    color: var(--beige-700);
    font-size: 0.9375rem;
}

/* Read-only chips listing the planner-side recipients (always auto-included, not selectable) */
.planner-recipient-chips[b-4jgsxihqrs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.planner-chip[b-4jgsxihqrs] {
    display: inline-flex;
    align-items: center;
    background-color: var(--beige-100);
    border: 1px solid var(--beige-200);
    border-radius: 100px;
    padding: 0.25rem 0.75rem;
    font-size: 0.875rem;
    color: var(--beige-800);
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.to-label-row[b-4jgsxihqrs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.recipient-count[b-4jgsxihqrs] {
    font-size: 0.8125rem;
    color: var(--beige-700);
    font-weight: 500;
}

.to-label-actions[b-4jgsxihqrs] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.select-all-btn[b-4jgsxihqrs] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--beige-700);
    font-size: 0.8125rem;
    text-decoration: underline;
    padding: 0;
}

.select-all-btn:hover[b-4jgsxihqrs] {
    color: var(--beige-800);
}

.new-chat-hint[b-4jgsxihqrs] {
    color: var(--beige-600);
    font-size: 0.8125rem;
    margin-bottom: 0.25rem;
}

/* Venue pills for the non-planner "Sending from" selector */
.hotel-filter-row[b-4jgsxihqrs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin-bottom: 0.5rem;
}

.hotel-filter-pill[b-4jgsxihqrs] {
    background: none;
    border: 1px solid var(--beige-200);
    border-radius: 100px;
    padding: 0.125rem 0.625rem;
    cursor: pointer;
    font-size: 0.8125rem;
    color: var(--beige-700);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: min(28rem, 100%);
}

.hotel-filter-pill:hover[b-4jgsxihqrs] {
    border-color: var(--beige-500);
}

.hotel-filter-pill.active[b-4jgsxihqrs] {
    background-color: var(--beige-200);
    border-color: var(--beige-500);
    color: var(--beige-800);
    font-weight: 600;
}

/* ----- Planner recipient picker (search-driven token field) ----- */
.recipient-picker[b-4jgsxihqrs] {
    position: relative;
}

.recipient-tokens-box[b-4jgsxihqrs] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.375rem;
    border: 1px solid var(--beige-200);
    border-radius: 12px;
    padding: 0.5rem 0.625rem;
    background-color: white;
    min-height: 3rem;
    cursor: text;
}

.recipient-tokens-box:focus-within[b-4jgsxihqrs] {
    border-color: var(--beige-500);
}

/* Selected chip — mirrors the .contact-chip.selected inverted look */
.recipient-token[b-4jgsxihqrs] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    background-color: var(--beige-800);
    border: 1px solid var(--beige-800);
    border-radius: 100px;
    padding: 0.25rem 0.5rem 0.25rem 0.75rem;
    font-size: 0.8125rem;
    color: white;
    max-width: 100%;
}

.recipient-token-hotel[b-4jgsxihqrs] {
    font-weight: 600;
}

.recipient-token-text[b-4jgsxihqrs] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recipient-token-remove[b-4jgsxihqrs] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--beige-300);
    display: flex;
    align-items: center;
    padding: 0;
    flex-shrink: 0;
}

.recipient-token-remove:hover[b-4jgsxihqrs] {
    color: white;
}

.recipient-search-input[b-4jgsxihqrs] {
    flex: 1;
    min-width: 8rem;
    border: none;
    outline: none;
    background: transparent;
    font-family: inherit;
    font-size: 0.9375rem;
    color: var(--beige-800);
    padding: 0.25rem 0;
}

/* Teleported to <body> by dropdown.js; position/size are set inline there.
   z-index must clear the modal overlay (999) and app chrome (10001). */
.recipient-results[b-4jgsxihqrs] {
    position: fixed;
    z-index: 10050;
    background-color: white;
    border: 1px solid var(--beige-200);
    border-radius: 12px;
    max-height: 320px;
    overflow-y: auto;
    box-shadow: 0 8px 24px -6px rgba(0, 0, 0, 0.18);
    padding: 0.25rem;
}

.recipient-group-header[b-4jgsxihqrs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.5rem 0.625rem 0.25rem;
    position: sticky;
    top: 0;
    background-color: white;
}

.recipient-group-label[b-4jgsxihqrs] {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--beige-600);
}

.add-all-btn[b-4jgsxihqrs] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--beige-700);
    font-size: 0.75rem;
    text-decoration: underline;
    padding: 0.125rem 0.25rem;
    border-radius: 6px;
    white-space: nowrap;
}

.add-all-btn:hover[b-4jgsxihqrs],
.add-all-btn.focused[b-4jgsxihqrs] {
    color: var(--beige-800);
    background-color: var(--beige-100);
}

.recipient-result-row[b-4jgsxihqrs] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.375rem 0.625rem;
    border-radius: 8px;
    cursor: pointer;
}

.recipient-result-row:hover[b-4jgsxihqrs],
.recipient-result-row.focused[b-4jgsxihqrs] {
    background-color: var(--beige-100);
}

.recipient-result-row.selected[b-4jgsxihqrs] {
    background-color: var(--beige-50);
}

.recipient-avatar[b-4jgsxihqrs] {
    width: 1.75rem;
    height: 1.75rem;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: var(--beige-200);
    color: var(--beige-800);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8125rem;
    font-weight: 600;
}

.recipient-result-detail[b-4jgsxihqrs] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

.recipient-result-name[b-4jgsxihqrs] {
    font-size: 0.875rem;
    color: var(--beige-800);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recipient-result-sub[b-4jgsxihqrs] {
    font-size: 0.75rem;
    color: var(--beige-600);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recipient-result-check[b-4jgsxihqrs] {
    color: var(--beige-800);
    flex-shrink: 0;
}

.recipient-no-match[b-4jgsxihqrs] {
    padding: 0.75rem 0.625rem;
    font-size: 0.875rem;
    color: var(--beige-600);
}

.contact-chip-box[b-4jgsxihqrs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    border: 1px solid var(--beige-200);
    border-radius: 12px;
    padding: 0.75rem;
    background-color: white;
    min-height: 3rem;
}

.contact-chip[b-4jgsxihqrs] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    background-color: var(--beige-100);
    border: 1px solid var(--beige-200);
    border-radius: 100px;
    padding: 0.25rem 0.75rem;
    cursor: pointer;
    font-size: 0.875rem;
    color: var(--beige-800);
    max-width: 100%;
}

.contact-chip:hover[b-4jgsxihqrs] {
    border-color: var(--beige-500);
}

.contact-chip.selected[b-4jgsxihqrs] {
    background-color: var(--beige-800);
    border-color: var(--beige-800);
    color: white;
}

.contact-chip-name[b-4jgsxihqrs] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.contact-chip-detail[b-4jgsxihqrs] {
    font-size: 0.75rem;
    color: var(--beige-600);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 10rem;
}

.contact-chip.selected .contact-chip-detail[b-4jgsxihqrs] {
    color: var(--beige-300);
}

/* "+" affordance on unselected chips — sized to 1em like the XIcon, just faded */
.contact-chip-add[b-4jgsxihqrs] {
    opacity: 0.6;
}

.no-contacts[b-4jgsxihqrs] {
    color: var(--beige-600);
    font-size: 0.875rem;
    align-self: center;
}

.show-more-btn[b-4jgsxihqrs] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--beige-700);
    font-size: 0.8125rem;
    text-decoration: underline;
    align-self: flex-start;
    padding: 0.25rem 0;
}

.show-more-btn:hover[b-4jgsxihqrs] {
    color: var(--beige-800);
}

.new-chat-message-input[b-4jgsxihqrs] {
    width: 100%;
    border: 1px solid var(--beige-200);
    border-radius: 12px;
    padding: 0.75rem 1rem;
    font-family: inherit;
    font-size: 0.9375rem;
    color: var(--beige-800);
    resize: vertical;
    outline: none;
    background-color: white;
}

.new-chat-message-input:focus[b-4jgsxihqrs] {
    border-color: var(--beige-500);
}

/* ----- Attachments ----- */
.new-chat-attachment-chips[b-4jgsxihqrs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.new-chat-attachment-chip[b-4jgsxihqrs] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    background-color: var(--beige-100);
    border: 1px solid var(--beige-200);
    border-radius: 100px;
    padding: 0.25rem 0.5rem 0.25rem 0.75rem;
    font-size: 0.8125rem;
    color: var(--beige-800);
    max-width: 16rem;
}

.new-chat-attachment-chip-name[b-4jgsxihqrs] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.new-chat-attachment-chip-remove[b-4jgsxihqrs] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--beige-600);
    display: flex;
    align-items: center;
    padding: 0.125rem;
    flex-shrink: 0;
}

.new-chat-attachment-chip-remove:hover[b-4jgsxihqrs] {
    color: var(--beige-800);
}

.new-chat-upload-panel[b-4jgsxihqrs] {
    border: 1px solid var(--beige-200);
    border-radius: 12px;
    padding: 0.5rem;
    margin-top: 0.5rem;
}

.new-chat-attach-btn[b-4jgsxihqrs] {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--beige-700);
    font-size: 0.8125rem;
    padding: 0.375rem 0;
    margin-top: 0.25rem;
}

.new-chat-attach-btn:hover[b-4jgsxihqrs] {
    color: var(--beige-800);
}

.new-chat-attach-btn.disabled[b-4jgsxihqrs] {
    opacity: 0.5;
    pointer-events: none;
}

.new-chat-modal-footer[b-4jgsxihqrs] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    padding: 1rem 2rem;
}

/* Inline note explaining why Send is disabled; sits at the far left of the footer row */
.send-hint[b-4jgsxihqrs] {
    margin-right: auto;
    font-size: 0.8125rem;
    color: var(--beige-600);
}

.new-chat-send-btn[b-4jgsxihqrs] {
    background-color: var(--beige-800);
    color: white;
    border: none;
}

.new-chat-send-btn:hover[b-4jgsxihqrs] {
    background-color: var(--beige-900);
}

.new-chat-send-btn.disabled[b-4jgsxihqrs] {
    opacity: 0.4;
    pointer-events: none;
}
/* /Components/Components/Comment/CommentPopup.razor.rz.scp.css */
.comment-popup[b-53po04qdy5] {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*height: 15rem;*/
    max-height: 85vh;
    background-color: var(--white);
    border-radius: var(--border-radius);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    width: 22rem;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
    z-index: 1000;
}

.comment-popup.open[b-53po04qdy5] {
    opacity: 1;
    visibility: visible;
}

.comment-popup-header[b-53po04qdy5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--beige-200);
    flex-shrink: 0;
    cursor: move;
}

.close-button[b-53po04qdy5] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    padding: 0.25rem;
    cursor: pointer;
    color: var(--beige-700);
    border-radius: 0.25rem;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.close-button:hover[b-53po04qdy5] {
    background-color: var(--beige-100);
    color: var(--beige-900);
}

.comments-container[b-53po04qdy5] {
    flex: 1;
    overflow-y: auto;
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-height: 6rem;
    /*max-height: 18rem;*/
}

.no-comments[b-53po04qdy5] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 4rem;
}

.comment-item[b-53po04qdy5] {
    display: flex;
    gap: 0.625rem;
    align-items: flex-start;
}

.comment-avatar[b-53po04qdy5] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.comment-content[b-53po04qdy5] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    flex: 1;
    min-width: 0;
}

.comment-header[b-53po04qdy5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.comment-text[b-53po04qdy5] {
    margin: 0;
    color: var(--beige-800);
    word-wrap: break-word;
    white-space: pre-wrap;
}

.comment-input-container[b-53po04qdy5] {
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
    padding: 0.75rem;
    border-top: 1px solid var(--beige-200);
    background-color: var(--beige-50);
    flex-shrink: 0;
}

.comment-input[b-53po04qdy5] {
    flex: 1;
    min-height: 2.5rem;
    max-height: 8rem;
    padding: 0.625rem 1rem;
    border: 1px solid var(--beige-300);
    border-radius: 1.25rem;
    background-color: var(--white);
    resize: none;
    font-family: inherit;
    font-size: var(--font-size-text-sm);
    line-height: 1.4;
    overflow-y: auto;
    field-sizing: content;
}

.comment-input:focus[b-53po04qdy5] {
    outline: none;
    border-color: var(--beige-400);
}

.comment-input[b-53po04qdy5]::placeholder {
    color: var(--beige-500);
}

.send-button[b-53po04qdy5] {
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    min-height: 2.5rem;
    padding: 0;
    border-radius: 50%;
    flex-shrink: 0;
}

.send-button:disabled[b-53po04qdy5] {
    cursor: not-allowed;
}

.comment-item.own-comment[b-53po04qdy5] {
    position: relative;
}

.comment-menu-container[b-53po04qdy5] {
    position: relative;
    flex-shrink: 0;
    opacity: 0;
    transition: opacity 0.15s ease;
}

.comment-item.own-comment:hover .comment-menu-container[b-53po04qdy5] {
    opacity: 1;
}

.comment-menu-btn[b-53po04qdy5] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    padding: 0.25rem;
    cursor: pointer;
    color: var(--beige-500);
    border-radius: 0.25rem;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.comment-menu-btn:hover[b-53po04qdy5] {
    background-color: var(--beige-100);
    color: var(--beige-700);
}

.menu-overlay[b-53po04qdy5] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
}

.comment-menu-dropdown[b-53po04qdy5] {
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
    background-color: var(--white);
    border: 1px solid var(--beige-200);
    border-radius: 0.5rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    z-index: 10;
    min-width: 7rem;
    overflow: hidden;
}

.menu-item[b-53po04qdy5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.5rem 0.75rem;
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: var(--font-size-text-sm);
    color: var(--beige-800);
    transition: background-color 0.15s ease;
}

.menu-item:hover[b-53po04qdy5] {
    background-color: var(--beige-50);
}

.menu-item.delete[b-53po04qdy5] {
    color: var(--red-600);
}

.menu-item.delete:hover[b-53po04qdy5] {
    background-color: var(--red-50);
}

.edit-container[b-53po04qdy5] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.edit-input[b-53po04qdy5] {
    width: 100%;
    min-height: 2rem;
    max-height: 6rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--beige-300);
    border-radius: 0.5rem;
    background-color: var(--white);
    resize: none;
    font-family: inherit;
    font-size: var(--font-size-text-sm);
    line-height: 1.4;
    overflow-y: auto;
    field-sizing: content;
}

.edit-input:focus[b-53po04qdy5] {
    outline: none;
    border-color: var(--beige-400);
}

.edit-actions[b-53po04qdy5] {
    display: flex;
    gap: 0.375rem;
    justify-content: flex-end;
}

.edit-action-btn[b-53po04qdy5] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border: none;
    border-radius: 0.25rem;
    cursor: pointer;
    transition: background-color 0.15s ease, opacity 0.15s ease;
}

.edit-action-btn.cancel-btn[b-53po04qdy5] {
    background-color: var(--beige-100);
    color: var(--beige-700);
}

.edit-action-btn.cancel-btn:hover[b-53po04qdy5] {
    background-color: var(--beige-200);
}

.edit-action-btn.save-btn[b-53po04qdy5] {
    background-color: var(--primary-1-100);
    color: var(--primary-1-600);
}

.edit-action-btn.save-btn:hover[b-53po04qdy5] {
    background-color: var(--primary-1-200);
}

.edit-action-btn.save-btn:disabled[b-53po04qdy5] {
    opacity: 0.5;
    cursor: not-allowed;
}
/* /Components/Components/Comment/SingleNotePopup.razor.rz.scp.css */

.single-note-popup-body[b-1xa093my08] {
    width: 100%;
}

.single-note-popup-body[b-1xa093my08]  .single-note-popup-input {
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-height: 8rem;
    resize: vertical;
}
/* /Components/Components/Comment/ViewNotePopup.razor.rz.scp.css */
.view-note-popup-body[b-bbjkfayn98] {
    width: 100%;
}

.note-area[b-bbjkfayn98] {
    white-space: pre-wrap;
}
/* /Components/Components/Controls/FilterTable.razor.rz.scp.css */
.dropdown-container[b-7qamx0msqb] {
    position: relative;
    display: inline-block;
}

.dropdown-button[b-7qamx0msqb] {
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}

.dropdown-panel[b-7qamx0msqb] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    top: 100%; /* Aligns the dropdown below the button */
    right: 0; /* Aligns the right edge of the dropdown with the right edge of the button */
    background-color: white;
    border: 1px solid #ddd;
    border-radius: var(--border-radius);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 10px;
    z-index: 1000;
    width: auto;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    gap: 1rem;
}

.dropdown-panel.show[b-7qamx0msqb] {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    height: auto;
}

.dropdown-panel ul[b-7qamx0msqb] {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.dropdown-panel ul li[b-7qamx0msqb] {
    padding: 8px 12px;
    cursor: pointer;
}

.dropdown-panel ul li:hover[b-7qamx0msqb] {
    background-color: #f1f1f1;
}

[b-7qamx0msqb] label {
    display: flex;
    flex-direction: column;
    color: var(--text-color-light);
    font-size: var(--font-size-text-sm);
    gap: 0.25rem;
}

.active[b-7qamx0msqb] {
    border: 1px solid var(--accent-color)
}
/* /Components/Components/Dropdowns/AccountDropdown.razor.rz.scp.css */
.dropdown-container[b-5348v29j0q] {
    position: relative;
    display: inline-block;
    z-index: 1002;
}

.dropdown-panel[b-5348v29j0q] {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 100%; /* Aligns the dropdown below the button */
    right: 0; /* Aligns the right edge of the dropdown with the right edge of the button */
    background-color: white;
    border: 1px solid #ddd;
    border-radius: var(--border-radius);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1009;
    width: 16rem;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    /*gap: 1rem;*/
}

.dropdown-panel.show[b-5348v29j0q] {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    height: auto;
}

[b-5348v29j0q] label {
    display: flex;
    flex-direction: column;
    color: var(--text-color-light);
    font-size: var(--font-size-text-sm);
    gap: 0.25rem;
    font-weight: 300;
}

.account-button[b-5348v29j0q] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    height: 100%;

    .profile-picture {
        height: 2.5rem;
        width: 2.5rem;
        border-radius: 50%;
    }

    .name-and-org[b-5348v29j0q] {
        display: flex;
        flex-direction: column;
    }

    .account-dropdown-icon[b-5348v29j0q] {
        width: 1rem;
        height: 1rem;
        color: var(--font-color-secondary);
        margin-left: 0.5rem;
    }
}

.org-button[b-5348v29j0q] {
    display: flex;
    align-items: center;
    gap: 0.5em;
    cursor: pointer;
    height: 100%;

    .org-logo {
        height: 2.5rem;
        width: 2.5rem;
    }

    .name-and-subtitle[b-5348v29j0q] {
        display: flex;
        flex-direction: column;
    }

    .dropdown-icon[b-5348v29j0q] {
        width: 1rem;
        height: 1rem;
        color: var(--font-color-secondary);
        margin-left: 0.5rem;
    }
}

.section[b-5348v29j0q] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    gap: 0.5rem;
}

.dropdown-button[b-5348v29j0q] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    padding: 0.5rem 0;
    transition: all 0.3s ease;
}

.dropdown-button:hover[b-5348v29j0q] {
    margin-left: 0.25rem;
}

/* /Components/Components/Dropdowns/AddedVenuesList.razor.rz.scp.css */
.dropdown-container[b-l93ptffoze] {
    position: relative;
    display: inline-block;
}

.dropdown-panel[b-l93ptffoze] {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 100%; /* Aligns the dropdown below the button */
    right: 0; /* Aligns the right edge of the dropdown with the right edge of the button */
    background-color: white;
    border: 1px solid #ddd;
    border-radius: var(--border-radius);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 10px;
    z-index: 1000;
    width: auto;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    gap: 1rem;
    min-width: 15rem;
}

.dropdown-panel.show[b-l93ptffoze] {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    height: auto;
    max-height: 75vh;
    overflow-y: auto;
}

.dropdown-panel ul[b-l93ptffoze] {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.dropdown-panel ul li[b-l93ptffoze] {
    padding: 8px 12px;
    cursor: pointer;
}

.dropdown-panel ul li:hover[b-l93ptffoze] {
    background-color: #f1f1f1;
}

.supplier[b-l93ptffoze] {
    display: flex;
    border-bottom: 1px solid var(--beige-100);
}

.supplier-image[b-l93ptffoze] {
    height: 3rem;
    width: 5rem;
    border-radius: var(--border-radius);
    object-fit: fill;
}

.supplier-body[b-l93ptffoze] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding-left: 0.5rem;
}

.supplier-name[b-l93ptffoze] {
    white-space: nowrap;
}


[b-l93ptffoze] label {
    display: flex;
    flex-direction: column;
    color: var(--text-color-light);
    font-size: var(--font-size-text-sm);
    gap: 0.25rem;
}
/* /Components/Components/Dropdowns/CopyDayButton.razor.rz.scp.css */
.dropdown-container[b-ih2j6d845u] {
    position: relative;
    display: inline-block;
}

.dropdown-button[b-ih2j6d845u] {
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}

.dropdown-panel[b-ih2j6d845u] {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 100%; /* Aligns the dropdown below the button */
    right: -20px; /* Aligns the right edge of the dropdown with the right edge of the button */
    background-color: white;
    border: 1px solid #ddd;
    border-radius: var(--border-radius);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 10px;
    z-index: 1000;
    width: auto;
    min-width: 18rem;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    visibility: hidden;
    overflow: auto;
    gap: 1rem;
    color: var(--primary-color);
}

.dropdown-panel.show[b-ih2j6d845u] {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    height: auto;
}

.dropdown-panel ul[b-ih2j6d845u] {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.dropdown-panel ul li[b-ih2j6d845u] {
    padding: 8px 12px;
    cursor: pointer;
}

.dropdown-panel ul li:hover[b-ih2j6d845u] {
    background-color: #f1f1f1;
}

.dropdown-panel-content[b-ih2j6d845u] {
    display: flex;
    flex-direction: column;
    min-width: 20rem;
    gap: 1rem;
}

.checkbox-options-container[b-ih2j6d845u] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: 10rem;
    overflow-y: auto;
}

.checkbox-row[b-ih2j6d845u] {
    background-color: var(--gray-25);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: 0.5rem;
}
/* /Components/Components/Dropdowns/CreateRfpMeetingMoreButton.razor.rz.scp.css */
.meeting-more-button[b-di3senjxqv] {
    cursor: pointer;
    display: flex;
    height: 2.25rem;
    width: 2.25rem;
    justify-content: center;
    align-items: center;
    color: var(--font-color-secondary);
    background-color: var(--white);
    border-radius: 0.625rem;
    border: 1px solid var(--beige-200);
}

.meeting-more-dropdown[b-di3senjxqv] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.25rem;
    background-color: var(--white);
    border-radius: 0.625rem;
    border: 1px solid var(--beige-200);
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
}

.meeting-more-dropdown-item[b-di3senjxqv] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    padding: 0.625rem 0.5rem;
    border-radius: 0.375rem;
    cursor: pointer;
    flex-wrap: nowrap;
    
    &:hover {
        background-color: var(--beige-100);
    }
    
    &.danger[b-di3senjxqv] {
        color: var(--maroon-600);
    }
}

.copy-to-other-days-dropdown[b-di3senjxqv] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.25rem;
    background-color: var(--white);
    border-radius: 0.625rem;
    border: 1px solid var(--beige-200);
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
    
}



.copy-to-other-days-list[b-di3senjxqv] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    max-height: 15rem;
    overflow-y: auto;
}


.apply-copy-days-item[b-di3senjxqv] {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    /*padding: 0.625rem 0.5rem;*/
}
/* /Components/Components/Dropdowns/DropdownWrapper.razor.rz.scp.css */
.dropdown-wrapper[b-2ik8skva38] {
    position: relative;
    display: inline-block;
}

.dropdown-trigger[b-2ik8skva38] {
    cursor: pointer;
}

.dropdown-content[b-2ik8skva38] {
    display: none;
    z-index: 10000;
}

.dropdown-content.show[b-2ik8skva38] {
    display: block;
}
/* /Components/Components/Dropdowns/MoreActionsButton.razor.rz.scp.css */
.dropdown-container[b-qa7fxmzo0s] {
    position: relative;
    display: inline-block;
}

.dropdown-button[b-qa7fxmzo0s] {
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}

.dropdown-panel[b-qa7fxmzo0s] {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 110%;
    right: 50%;
    background-color: white;
    border-radius: var(--border-radius);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    width: auto;
    opacity: 0;
    transform: translateX(50%);
    transition: opacity 0.3s ease, transform 0.3s ease;
    overflow: auto;
}

.dropdown-panel.show[b-qa7fxmzo0s] {
    display: flex;
    opacity: 1;
    visibility: visible;
    height: auto;
}
/* /Components/Components/Dropdowns/NotificationsDropdown.razor.rz.scp.css */
.dropdown-container[b-nt78eb97og] {
    position: relative;
    display: inline-block;
    z-index: 1002;
}

.bell-button[b-nt78eb97og] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
}

[b-nt78eb97og] .bell-icon {
    width: 1.25rem;
    height: 1.25rem;
    color: var(--beige-700);
}

.bell-unread-dot[b-nt78eb97og] {
    position: absolute;
    top: 0.375rem;
    right: 0.375rem;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: var(--maroon-600);
    border: 1px solid var(--white);
}

.dropdown-panel[b-nt78eb97og] {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: calc(100% + 0.5rem);
    right: 0;
    width: 27.5rem; /* 440px per design */
    max-width: calc(100vw - 2rem);
    background-color: var(--white);
    border: 1px solid var(--beige-200);
    border-radius: 16px;
    box-shadow: 0 2px 8px 0 rgba(47, 45, 46, 0.05), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
    z-index: 1009;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

.dropdown-panel.show[b-nt78eb97og] {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    height: auto;
}

.panel-header[b-nt78eb97og] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--beige-200);
}

.panel-title[b-nt78eb97og] {
    font-size: var(--font-size-text-md);
    color: var(--beige-900);
}

.close-button[b-nt78eb97og] {
    display: flex;
    align-items: center;
    color: var(--beige-700);
}

.panel-controls[b-nt78eb97og] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.625rem 1.5rem;
}

.tabs[b-nt78eb97og] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.tab[b-nt78eb97og] {
    font-size: var(--font-size-text-md);
    color: var(--beige-700);
    font-weight: 300;
    cursor: pointer;
}

.tab.active[b-nt78eb97og] {
    color: var(--beige-900);
    font-weight: normal;
}

.mark-all-read[b-nt78eb97og] {
    font-size: var(--font-size-text-sm);
    color: var(--beige-700);
    border-bottom: 1px dashed var(--beige-700);
    padding-bottom: 2px;
}

.notification-list[b-nt78eb97og] {
    display: flex;
    flex-direction: column;
    padding: 0.5rem 0;
    max-height: 60vh;
    overflow-y: auto;
}

.empty-state[b-nt78eb97og] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1.5rem;
}

.notification-row[b-nt78eb97og] {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--beige-200);
    cursor: pointer;
}

.notification-row:last-child[b-nt78eb97og] {
    border-bottom: none;
}

.notification-row:hover[b-nt78eb97og] {
    background-color: var(--beige-50);
}

.row-unread-dot[b-nt78eb97og] {
    position: absolute;
    left: 0.5rem;
    top: 1.75rem;
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
    background-color: var(--maroon-600);
    visibility: hidden;
}

.notification-row.unread .row-unread-dot[b-nt78eb97og] {
    visibility: visible;
}

.icon-circle[b-nt78eb97og] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background-color: var(--beige-100);
    border: 1px solid var(--beige-200);
}

[b-nt78eb97og] .row-icon {
    width: 1.25rem;
    height: 1.25rem;
    color: var(--beige-700);
}

.row-content[b-nt78eb97og] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
    flex: 1;
}

.row-title[b-nt78eb97og] {
    font-size: var(--font-size-text-md);
    color: var(--beige-800);
}

.row-context[b-nt78eb97og] {
    font-size: var(--font-size-text-sm);
    color: var(--beige-700);
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.row-preview[b-nt78eb97og] {
    font-size: var(--font-size-text-sm);
    color: var(--beige-700);
    font-weight: 300;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.row-time[b-nt78eb97og] {
    font-size: var(--font-size-text-xs);
    color: var(--beige-600);
    font-weight: 300;
}

.row-archive[b-nt78eb97og] {
    font-size: var(--font-size-text-xs);
    color: var(--beige-700);
    flex-shrink: 0;
    visibility: hidden;
}

.notification-row:hover .row-archive[b-nt78eb97og] {
    visibility: visible;
}

.row-archive:hover[b-nt78eb97og] {
    color: var(--beige-900);
    text-decoration: underline;
}
/* /Components/Components/Dropdowns/ProposalAcceptanceDropdown.razor.rz.scp.css */
.dropdown-container[b-q3whzigqfj] {
    position: relative;
    display: inline-block;
}

.dropdown-trigger[b-q3whzigqfj] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.5rem;
    padding: 0 0.5rem;
    height: 1.625rem;
    cursor: pointer;
    border-radius: var(--border-radius);
    background-color: var(--beige-100);
    border: 1px solid var(--beige-300);
}

.dropdown-button[b-q3whzigqfj] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.5rem;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    border-radius: var(--border-radius);
    
    &:hover {
        background-color: var(--beige-50);
    }
}

.dropdown-panel[b-q3whzigqfj] {
    z-index: 9999;
    display: none;
    flex-direction: column;
    position: absolute;
    top: 100%;
    right: 50%;
    background-color: white;
    border-radius: var(--border-radius);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    width: auto;
    opacity: 0;
    transform: translate(50%, 5px); 
    transition: opacity 0.3s ease, transform 0.3s ease;
    overflow: auto;
    padding: 0.25rem;
    gap: 0.25rem;
}

.dropdown-panel.show[b-q3whzigqfj] {
    display: flex;
    opacity: 1;
    visibility: visible;
    height: auto;
}
/* /Components/Components/Dropdowns/RfpRecipientsDropdown.razor.rz.scp.css */
.dropdown-container[b-6uxoh79tqw] {
    position: relative;
    display: inline-block;
}

.dropdown-button[b-6uxoh79tqw] {
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}

.dropdown-panel[b-6uxoh79tqw] {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 125%;
    right: 0%;
    /*transform: translateY(50%);*/
    background-color: white;
    border-radius: var(--border-radius);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    width: auto;
    min-width: 15rem;
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
    overflow: auto;
    padding: 1rem;
    z-index: 5;
}

.dropdown-panel.show[b-6uxoh79tqw] {
    display: flex;
    opacity: 1;
    visibility: visible;
    height: auto;
}

.dropdown-text[b-6uxoh79tqw] {
    
}

.supplier-option[b-6uxoh79tqw] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 0rem;
    border-bottom: 1px solid var(--beige-200);
    text-wrap: nowrap;
    cursor: pointer;
    
    &:hover {
        background-color: var(--beige-50);
    }
    
    &:last-child[b-6uxoh79tqw] {
        border-bottom: none;
    }
    
    .supplier-image[b-6uxoh79tqw] {
        height: 2rem;
        aspect-ratio: 16 / 9;
        object-fit: fill;
        border-radius: 0.375rem; 
    }
    
    .supplier-text[b-6uxoh79tqw] {
        display: flex;
        flex-direction: column;
        
    }
}
/* /Components/Components/Dropdowns/TableMoreDropdown.razor.rz.scp.css */
.dropdown-container[b-l4k8w6j9l7] {
    position: relative;
    display: inline-block;
}

.dropdown-button[b-l4k8w6j9l7] {
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}

.dropdown-panel[b-l4k8w6j9l7] {
    display: none;
    flex-direction: column;
    position: absolute;
    bottom: 50%;
    right: 100%; 
    background-color: white;
    border-radius: var(--border-radius);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    width: auto;
    opacity: 0;
    transform: translateY(50%);
    transition: opacity 0.3s ease, transform 0.3s ease;
    overflow: auto;
    z-index: 999;
}

.dropdown-panel.show[b-l4k8w6j9l7] {
    display: flex;
    opacity: 1;
    visibility: visible;
    height: auto;
}
/* /Components/Components/Error/DetailedErrorPopup.razor.rz.scp.css */
.detailed-error-popup[b-9imw1advnz] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    border: none;
    padding: 0;
}

.popup-content[b-9imw1advnz] {
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 0.5rem;
    width: 90%;
    max-width: 600px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 80vh;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.popup-header[b-9imw1advnz] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1.5rem 1.5rem 1rem 1.5rem;
}

.popup-title[b-9imw1advnz] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a1a;
    padding-right: 1rem;
    line-height: 1.4;
}

.popup-content[b-9imw1advnz]  .close-icon {
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
    color: #666;
    flex-shrink: 0;
    transition: color 0.2s ease;
}

.popup-content[b-9imw1advnz]  .close-icon:hover {
    color: #333;
}

.popup-body[b-9imw1advnz] {
    padding: 0 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.error-message-box[b-9imw1advnz] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background-color: #fef2f2;
    border-radius: 0.375rem;
    margin-bottom: 1rem;
}

.warning-icon[b-9imw1advnz] {
    width: 1.25rem;
    height: 1.25rem;
    color: #dc2626;
    flex-shrink: 0;
}

.error-message-text[b-9imw1advnz] {
    color: #dc2626;
    font-size: 0.9375rem;
    font-weight: 500;
}

.error-logs-container[b-9imw1advnz] {
    position: relative;
    margin-bottom: 1rem;
}

.error-logs[b-9imw1advnz] {
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 0.375rem;
    padding: 1rem;
    padding-right: 3rem;
    margin: 0;
    font-family: 'SF Mono', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: #495057;
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 200px;
    overflow-y: auto;
}

.copy-btn[b-9imw1advnz] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background: transparent;
    border: none;
    padding: 0.375rem;
    cursor: pointer;
    border-radius: 0.25rem;
    transition: background-color 0.2s ease;
}

.copy-btn:hover[b-9imw1advnz] {
    background-color: #e9ecef;
}

.popup-content[b-9imw1advnz]  .copy-icon {
    width: 1rem;
    height: 1rem;
    color: #6c757d;
}

.popup-content[b-9imw1advnz]  .copy-btn:hover .copy-icon {
    color: #495057;
}

.popup-footer[b-9imw1advnz] {
    display: flex;
    justify-content: flex-end;
    padding: 1rem 1.5rem 1.5rem 1.5rem;
}

.popup-footer .btn[b-9imw1advnz] {
    min-width: 100px;
}
/* /Components/Components/Error/ErrorOverlay.razor.rz.scp.css */
/* ErrorOverlay component */

.eo-backdrop[b-pvv6cxdb6v] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: grid;
    place-items: center;
    padding: 1.25rem;

    /* dim + blur */
    background: rgba(16, 24, 40, 0.45);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.eo-dialog[b-pvv6cxdb6v] {
    position: relative;
    width: min(720px, calc(100vw - 2.5rem));
    max-height: calc(100vh - 2.5rem);
    overflow: auto;

    background: var(--white);
    color: var(--text-color);
    border-radius: 0.75rem;

    box-shadow:
            0 24px 48px rgba(16, 24, 40, 0.18),
            0 8px 16px rgba(16, 24, 40, 0.12);

    padding: 1.5rem 1.5rem 1.25rem;
    outline: none;
}

.eo-close[b-pvv6cxdb6v] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;

    width: 2.25rem;
    height: 2.25rem;

    display: grid;
    place-items: center;

    border: 1px solid var(--gray-200);
    background: var(--gray-25);
    color: var(--gray-700);

    border-radius: 0.5rem;
    cursor: pointer;
    line-height: 1;
    font-size: 1.25rem;
}

.eo-close:hover[b-pvv6cxdb6v] {
    background: var(--gray-50);
    border-color: var(--gray-300);
}

.eo-close:active[b-pvv6cxdb6v] {
    transform: translateY(1px);
}

.eo-title[b-pvv6cxdb6v] {
    margin: 0 2.75rem 0.75rem 0;
    font-size: 1.25rem;
    font-weight: 650;
    color: var(--error-700);
}

.eo-content[b-pvv6cxdb6v] {
    margin-top: 0.25rem;
}

.eo-default[b-pvv6cxdb6v] {
    margin: 0;
    color: var(--text-color-secondary);
}

.eo-support[b-pvv6cxdb6v] {
    margin-top: 0.75rem;
    color: var(--text-color-secondary);
}

.eo-message[b-pvv6cxdb6v] {
    margin: 0.75rem 0 0;
    padding: 0.75rem 0.875rem;

    background: var(--error-50);
    border: 1px solid var(--error-200);
    border-radius: 0.5rem;

    color: var(--error-800);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.9rem;
    white-space: pre-wrap;
    word-break: break-word;
}

.eo-footer[b-pvv6cxdb6v] {
    margin-top: 1rem;
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.eo-action[b-pvv6cxdb6v] {
    border: 1px solid var(--gray-300);
    background: var(--gray-25);
    color: var(--gray-800);

    padding: 0.5rem 0.875rem;
    border-radius: 0.5rem;
    cursor: pointer;
}

.eo-action:hover[b-pvv6cxdb6v] {
    background: var(--gray-50);
}

/* Small screens */
@media (max-width: 480px) {
    .eo-dialog[b-pvv6cxdb6v] {
        padding: 1.125rem 1.125rem 1rem;
        border-radius: 0.625rem;
    }
}
/* /Components/Components/Error/FullSizeError.razor.rz.scp.css */
.full-size-error-container[b-cr3j7sebd4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}
/* /Components/Components/Error/SimpleError.razor.rz.scp.css */
.full-size-error-container[b-cli1e4lvqh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.error[b-cli1e4lvqh] {
    background-color: var(--red-700);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 0.4rem;
}
/* /Components/Components/Images/ImageGallery.razor.rz.scp.css */
.image-gallery-container[b-xa8izo537t] {
    position: relative;
    overflow: hidden;
    border-radius: 0.5rem;
}

.gallery-image-wrapper[b-xa8izo537t] {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.gallery-image[b-xa8izo537t] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nav-arrow[b-xa8izo537t] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.2s ease;
    padding: 0;
}

.gallery-image-wrapper:hover .nav-arrow[b-xa8izo537t] {
    opacity: 1;
}

.nav-arrow:hover[b-xa8izo537t] {
    background: rgba(0, 0, 0, 0.7);
}

.nav-arrow-left[b-xa8izo537t] {
    left: 0.5rem;
}

.nav-arrow-right[b-xa8izo537t] {
    right: 0.5rem;
}
/* /Components/Components/ImageStack/ImageStack.razor.rz.scp.css */
.image-stack[b-yss5n9czyv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.image-stack-empty[b-yss5n9czyv] {
    font-style: italic;
}

.image-stack-thumbnails[b-yss5n9czyv] {
    display: flex;
    align-items: center;
}

/* Overlap each thumbnail onto the previous one to form a stack. */
.image-stack-thumbnail[b-yss5n9czyv] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.375rem;
    overflow: hidden;
    border: 2px solid var(--beige-100, #fff);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
    background-color: var(--beige-200, #f0ece4);
    flex-shrink: 0;
    transition: transform 0.15s ease;
}

.image-stack-thumbnail:not(:first-child)[b-yss5n9czyv] {
    margin-left: -0.85rem;
}

/* Lift a hovered thumbnail above the stack so it can be seen in full. */
.image-stack-thumbnail:hover[b-yss5n9czyv] {
    transform: translateY(-2px) scale(1.05);
    z-index: 1;
}

.image-stack-thumbnail img[b-yss5n9czyv] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.image-stack-overflow[b-yss5n9czyv] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--beige-300, #e2d9c9);
    color: var(--font-color-secondary);
    font-size: 0.75rem;
    font-weight: 600;
}

.image-stack-caption[b-yss5n9czyv] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}
/* /Components/Components/InfoTags/FilterPill.razor.rz.scp.css */
.filter-pill[b-dippxgb5o4] {
    display: inline-flex;
    align-items: center;
    background-color: white;
    padding: 2px 4px 2px 10px;
    border: 1px solid var(--beige-300);
    border-radius: 999em;
    gap: 2px;
    line-height: 1.2;
}

.filter-pill-remove[b-dippxgb5o4] {
    background: none;
    border: none;
    color: #6b7280;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    padding: 0 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.filter-pill-remove:hover[b-dippxgb5o4] {
    color: #ef4444;
}
/* /Components/Components/InfoTags/ProgressIndicator.razor.rz.scp.css */
.progress-indicator-container[b-qkqviz4ofi] {
    position: relative;
    display: inline-block;
}

.progress-indicator[b-qkqviz4ofi] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    background-color: var(--beige-100);
    border: 1px solid var(--beige-300);
    border-radius: 99rem;
    height: 1.625rem;
    padding: 0 0.5rem;
    
    &.complete {
        background-color: var(--green-100);
        border: 1px solid var(--green-300);
    }
}

.progress-dropdown[b-qkqviz4ofi] {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    min-width: 200px;
}

.progress-indicator-container:hover .progress-dropdown[b-qkqviz4ofi] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdown-content[b-qkqviz4ofi] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    background: white;
    border: 1px solid var(--beige-300);
    border-radius: 0.5rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 0.5rem 0.5rem;
}

.dropdown-item[b-qkqviz4ofi] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.5rem;
    text-wrap: nowrap;
}
/* /Components/Components/Inputs/AddressInput.razor.rz.scp.css */
.search-container[b-74cahzr300] {
    position: relative;
    width: 100%;

    .search-icon {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        pointer-events: none;
        color: currentColor;
    }

    .input.search[b-74cahzr300] {
        padding-left: 2.5rem;
        width: 100%;
    }
}

.suggestions-list[b-74cahzr300] {
    border: 1px solid var(--beige-200);
    border-radius: var(--border-radius);
    /*padding: 0.5rem 1rem;*/
    
    li:first-child {
        border-top-left-radius: var(--border-radius);
        border-top-right-radius: var(--border-radius);
    }
    
    li:last-child[b-74cahzr300] {
        border-bottom-left-radius: var(--border-radius);
        border-bottom-right-radius: var(--border-radius);
    }
    
    li[b-74cahzr300] {
        font-size: var(--font-size-text-md);
        font-weight: var(--font-weight-light);
        padding: 0.5rem 1rem;
        
        &:hover {
            cursor: pointer;
            background-color: var(--beige-200);
        }
    }
    
    li.active[b-74cahzr300] {
        background-color: var(--beige-200);
    }
}

.background[b-74cahzr300] {
    background-color: var(--beige-100);
}

.main-search[b-74cahzr300] {
    height: 1.281rem;
    min-height: 1.281rem;
    border-radius: 0rem;
    padding-left: 0rem;
    padding-right: 1rem;
    background-color: var(--white);
    /*border: 1px solid var(--beige-200);*/
    /*padding-left: 2.5rem;*/
    width: 100%;
    box-shadow: none !important;
}
.main-search:focus[b-74cahzr300] {
    outline: none;
    border-color: #CC785C;
    /*box-shadow: 0 0 0 1px #CC785C;*/
}
/* /Components/Components/Inputs/AddressStringInput.razor.rz.scp.css */
.search-container[b-37ynw0j3el] {
    position: relative;
    width: 100%;

    .search-icon {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        pointer-events: none;
        color: currentColor;
    }

    .input.search[b-37ynw0j3el] {
        padding-left: 2.5rem;
        width: 100%;
    }
}

.suggestions-list[b-37ynw0j3el] {
    border: 1px solid var(--beige-200);
    border-radius: var(--border-radius);
    list-style-type: none !important;
    /*padding: 0.5rem 1rem;*/

    li:first-child {
        border-top-left-radius: var(--border-radius);
        border-top-right-radius: var(--border-radius);
    }

    li:last-child[b-37ynw0j3el] {
        border-bottom-left-radius: var(--border-radius);
        border-bottom-right-radius: var(--border-radius);
    }

    li[b-37ynw0j3el] {
        font-size: var(--font-size-text-md);
        font-weight: var(--font-weight-light);
        padding: 0.5rem 1rem;

        &:hover {
            cursor: pointer;
            background-color: var(--beige-200);
        }
    }

    li.active[b-37ynw0j3el] {
        background-color: var(--beige-200);
    }
}
/* /Components/Components/Inputs/AreaInput.razor.rz.scp.css */
.area-input-container[b-v7hzy8rf5p] {
    display: flex;
    align-items: center;
    background-color: var(--beige-100);
    border: 1px solid var(--beige-300);
    border-radius: 0.5rem;
    overflow: hidden;
}

.area-input[b-v7hzy8rf5p] {
    flex: 1;
    min-width: 0;
    padding: 0.5rem 0.75rem;
    border: none;
    background: transparent;
    font-size: inherit;
    font-family: inherit;
    color: inherit;
    -moz-appearance: textfield;
}

.area-input[b-v7hzy8rf5p]::-webkit-outer-spin-button,
.area-input[b-v7hzy8rf5p]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.area-input:focus[b-v7hzy8rf5p] {
    outline: none;
}

.area-input[b-v7hzy8rf5p]::placeholder {
    color: var(--beige-500);
}

.unit-toggle[b-v7hzy8rf5p] {
    align-self: stretch;
    padding: 0 0.75rem;
    border: none;
    border-left: 1px solid var(--beige-300);
    background-color: var(--beige-200);
    color: var(--beige-700);
    font-size: 0.875rem;
    font-family: inherit;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color 0.15s ease;
}

.unit-toggle:hover[b-v7hzy8rf5p] {
    background-color: var(--beige-300);
}

.unit-toggle:active[b-v7hzy8rf5p] {
    background-color: var(--beige-400);
}
/* /Components/Components/Inputs/BasicSearchBar.razor.rz.scp.css */
.search-container[b-q2bpm3a7ly] {
    position: relative;

    .search-icon {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        pointer-events: none;
        color: currentColor;
    }

    .input.search[b-q2bpm3a7ly] {
        padding-left: 2.5rem;
        width: 100%;
    }
}
/* /Components/Components/Inputs/Boolean/AmountPercentToggle.razor.rz.scp.css */
/*AMOUNT/PERCENT TOGGLE*/
.toggle-amount-percent[b-qkhawz1dlh] {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    background-color: var(--beige-100);
    border: 1px solid var(--beige-200);
    position: relative;
    margin-top: 0.25rem;
    height: 3rem;
    border-radius: 999rem;
    min-width: 12rem;
    max-width: 12rem;
    box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.04);


    .selected-highlight {
        position: absolute;
        top: 0;
        background-color: var(--beige-50);
        width: 50%;
        height: 100%;
        z-index: 0;
        border-radius: inherit;
        border: 1px solid var(--beige-300);
        transition: left 0.3s ease;
    }

    .option[b-qkhawz1dlh] {
        /*cursor: pointer;*/
        position: relative;
        display: flex;
        z-index: 1;
        transition: color 0.3s ease;
    }

    .option.option-True[b-qkhawz1dlh] {
        color: var(--beige-900);
    }
    .option.option-False[b-qkhawz1dlh] {
        color: var(--beige-700);
    }

    /* Hidden clickable area*/
    .option[b-qkhawz1dlh]::before {
        content: "";
        position: absolute;
        top: -10px;
        bottom: -10px;
        left: 0px;
        right: -5px;
        background: transparent;
        cursor: pointer;
    }

    .selected-highlight.selected-highlight-True[b-qkhawz1dlh] {
        left: 0;
    }

    .selected-highlight.selected-highlight-False[b-qkhawz1dlh] {
        left: 50%;
    }
}
/* /Components/Components/Inputs/Boolean/BooleanSlidingWindowToggle.razor.rz.scp.css */
.boolean-sliding-window-toggle-container[b-d9l9ttkch0] {
    position: relative;
    display: flex;
    padding: unset;

    .selected-highlight {
        position: absolute;
        top: 0;
        background-color: white;
        width: 50%;
        height: 100%;
        z-index: 0;
        border-radius: inherit;
        border: 3px solid var(--beige-100);
        transition: left 0.3s ease;
    }

    .selected-highlight.selected-highlight-True[b-d9l9ttkch0] {
        left: 0;
    }

    .selected-highlight.selected-highlight-False[b-d9l9ttkch0] {
        left: 50%;
    }
    
    .option[b-d9l9ttkch0] {
        position: relative;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        flex: 1;
        z-index: 1;
        user-select: none;
        line-height: 1;
        padding: 0.75em 1em;
        text-wrap: nowrap;
    }

}
/* /Components/Components/Inputs/Boolean/CheckboxInput.razor.rz.scp.css */
/* /Components/Components/Inputs/Boolean/CheckboxToggle.razor.rz.scp.css */
/*CUSTOM CHECKBOX*/
.checkbox-toggle-container[b-0gkjyxh649] {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 0.5rem;
    outline: none !important;

    .checkbox {
        display: flex;
        justify-content: center;
        align-items: center;
        min-width: 1.25rem;
        min-height: 1.25rem;
        width: 1.25rem;
        height: 1.25rem;
        background-color: var(--white, white);
        border: 1px solid var(--beige-400);
        border-radius: 0.4375rem !important;
        color: var(--white);
        padding: 0.1rem;
    }

    &:hover .checkbox[b-0gkjyxh649] {
        background-color: var(--beige-200);
    }

    &.True .checkbox[b-0gkjyxh649] {
        border: 1px solid var(--accent-500);
        background-color: var(--accent-500);
    }

    &.invalid[b-0gkjyxh649] {
        .checkbox {
            border: 1px solid var(--warning-600);
        }

        color: var(--warning-600);[b-0gkjyxh649]
    }
}
/* /Components/Components/Inputs/Boolean/RowsGridToggle.razor.rz.scp.css */
.toggle-input-container[b-c0jt4oulyx] {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    background-color: var(--beige-400);
    border: 2px solid var(--beige-400);
    /*gap: 0.5rem;*/
    position: relative;
    margin-top: 0.25rem;
    height: 3rem;
    border-radius: 999rem;
    min-width: 6rem;
    box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.04);


    .selected-highlight {
        position: absolute;
        top: 0;
        background-color: var(--beige-50);
        width: 50%;
        height: 100%;
        z-index: 0;
        border-radius: inherit;
        border: 1px solid var(--beige-300);
        transition: left 0.3s ease;
    }

    .option[b-c0jt4oulyx] {
        /*cursor: pointer;*/
        position: relative;
        display: flex;
        z-index: 1;
        transition: color 0.3s ease;
    }

    .option.option-True[b-c0jt4oulyx] {
        color: var(--beige-900);
    }
    .option.option-False[b-c0jt4oulyx] {
        color: var(--beige-700);
    }

    /* Hidden clickable area*/
    .option[b-c0jt4oulyx]::before {
        content: "";
        position: absolute;
        top: -10px;
        bottom: -10px;
        left: -5px;
        right: -5px;
        background: transparent;
        cursor: pointer;
    }

    .selected-highlight.selected-highlight-True[b-c0jt4oulyx] {
        left: 0;
    }

    .selected-highlight.selected-highlight-False[b-c0jt4oulyx] {
        left: 50%;
    }
}
/* /Components/Components/Inputs/Boolean/YesNoToggleButtonsNullable.razor.rz.scp.css */
.yes-no-toggle-buttons[b-puij0d76j2] {
    display: flex;
    gap: 0.5rem;
}

.option[b-puij0d76j2] {
    display: flex;
    cursor: pointer;
    width: 3.375rem;
    padding: 0.375rem;
    justify-content: center;
    align-items: center;
    gap: 0.3125rem;
    border-radius: 1.5rem;
    background: var(--beige-100, #F9F6F3);
    border: 1px solid var(--beige-300, #EEE9E0);
    color: var(--beige-700);
}

.option.selected[b-puij0d76j2] {
    border: 1px solid var(--beige-800, #2F2D2E);
    color: var(--beige-800);
}
/* /Components/Components/Inputs/CurrencySelector.razor.rz.scp.css */
/* /Components/Components/Inputs/DateInput/DateInput.razor.rz.scp.css */
[b-0i6vogot04] root {
    --rz-input-focus-border: none !important;
    --rz-input-focus-outline: none !important;
    --rz-secondary-light: var(--accent-color) !important;
    --rz-datepicker-calendar-selected-background-color: var(--accent-color) !important;
}

.rz-state-default.rz-state-active.rz-state-focused[b-0i6vogot04] {
    background-color: var(--beige-900) !important;
}

[b-0i6vogot04] .rz-calendar-view td .rz-state-active {
    background-color: var(--accent-color) !important;
}

[b-0i6vogot04] .rz-inputtext {
    margin: auto 0 !important;
    border: none !important;
    padding-block: 0 !important;
    padding-inline: 0 !important;
    background-color: transparent !important;
    background: none;

    &:focus {
        outline: none !important;
        border: none !important;
    }
}

[b-0i6vogot04] .rz-calendar .rz-dropdown {
    height: 2.5rem !important;
}
/* /Components/Components/Inputs/DateInput/DateInputNullable.razor.rz.scp.css */
[b-fcr6kcslk2] root {
    --rz-input-focus-border: none !important;
    --rz-input-focus-outline: none !important;
    --rz-secondary-light: var(--accent-color) !important;
    --rz-datepicker-calendar-selected-background-color: var(--accent-color) !important;
}

.rz-state-default.rz-state-active.rz-state-focused[b-fcr6kcslk2] {
    background-color: var(--beige-900) !important;
}

[b-fcr6kcslk2] .rz-calendar-view td .rz-state-active {
    background-color: var(--accent-color) !important;
}

[b-fcr6kcslk2] .rz-inputtext {
    margin: auto 0 !important;
    border: none !important;
    padding-block: 0 !important;
    padding-inline: 0 !important;
    background-color: transparent !important;
    background: none;

    &:focus {
        outline: none !important;
        border: none !important;
    }
}

[b-fcr6kcslk2] .rz-calendar .rz-dropdown {
    height: 2.5rem !important;
}
/* /Components/Components/Inputs/DiamondInput.razor.rz.scp.css */
.diamond-input-container[b-xyt0icvbmq] {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
}

.diamond[b-xyt0icvbmq] {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.15s ease;
}

.diamond:hover[b-xyt0icvbmq] {
    transform: scale(1.1);
}

.diamond[b-xyt0icvbmq]  svg {
    width: 24px;
    height: 24px;
}

.diamond.hovered[b-xyt0icvbmq]  svg {
    filter: brightness(1.1);
}
/* /Components/Components/Inputs/EmailInput.razor.rz.scp.css */
.email-input-container[b-oc5mk9xh2g] {
    position: relative;
    width: 100%;
}

[b-oc5mk9xh2g] .email-input {
    padding-left: 3rem;
    width: 100%;
}

.icon-container[b-oc5mk9xh2g] {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

/* /Components/Components/Inputs/FileUpload/FileUploadBox.razor.rz.scp.css */
.main-container[b-irjhtor62h] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}


.drop-zone[b-irjhtor62h] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    background-color: white;
    border: 1px dashed var(--beige-500);
    border-radius: var(--border-radius);
    height: 7.5rem;
    gap: 0.5rem;
    
    &:hover {
        background-color: var(--beige-50);
        border-color: var(--beige-600);
        transition: all 0.3s ease;
    }
}

.drop-zone.drag-active[b-irjhtor62h] {
    border-color: var(--beige-900);
}

.upload-icon[b-irjhtor62h] {
    background-color: var(--beige-100);
    width: 3rem;
    height: 3rem;
    padding: 0.5rem;
    color: var(--beige-600);
    border-radius: var(--border-radius);
}

[b-irjhtor62h] .input-file-button {
    position: absolute;
    width: 100%;
    height: 100%;
}

[b-irjhtor62h] ::-webkit-file-upload-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    height: 100%;
}


.uploaded-file-container[b-irjhtor62h] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    height: 4rem;
    background-color: var(--beige-100);
    border: 1px solid var(--beige-300);
    border-radius: var(--border-radius);
}

.file-info[b-irjhtor62h] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
}

.file-icon[b-irjhtor62h] {
    width: 2rem;
    height: 2rem;
    color: var(--beige-600);
    margin-right: 0.5rem;
    object-fit: contain;
}

.x-icon[b-irjhtor62h] {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--beige-600);
    cursor: pointer;
}

.stacked-text[b-irjhtor62h] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.upload-error[b-irjhtor62h] {
    color: var(--red-600);
}
/* /Components/Components/Inputs/FileUpload/LogoUploadButton.razor.rz.scp.css */
.upload-logo-container[b-w4qrxbk2g2] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    position: relative;

    .client-logo {
        display: flex;
        width: 3.5rem;
        height: 3.5rem;
        border-radius: 50%;
        object-fit: contain;
    }
}
/* /Components/Components/Inputs/FileUpload/ReplaceableImageUpload.razor.rz.scp.css */
.replaceable-image-container[b-ipbi16o2bs] {
    
}
/* /Components/Components/Inputs/FileUpload/UploadableImage.razor.rz.scp.css */
.upload-placeholder[b-il4vljf90y] {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.upload-overlay[b-il4vljf90y] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 0.75rem;
    transition: background-color 0.2s ease;
}

.upload-placeholder:hover .upload-overlay[b-il4vljf90y] {
    background-color: rgba(0, 0, 0, 0.55);
}

.upload-icon[b-il4vljf90y] {
    font-size: 2.5rem;
    color: white;
}

.uploaded-image-container[b-il4vljf90y] {
    position: relative;
    display: inline-block;
}

.delete-button[b-il4vljf90y] {
    position: absolute;
    top: 0.4rem;
    right: 0.4rem;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    border: none;
    background-color: rgba(100, 100, 100, 0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.2s ease, background-color 0.2s ease;
    padding: 0;
}

.uploaded-image-container:hover .delete-button[b-il4vljf90y] {
    opacity: 1;
}

.delete-button:hover[b-il4vljf90y] {
    background-color: rgba(70, 70, 70, 0.95);
}

.delete-icon[b-il4vljf90y] {
    font-size: 1.1rem;
    color: white;
}
/* /Components/Components/Inputs/IntegerInput.razor.rz.scp.css */
.integer-input-container[b-zn7hjchgfz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--beige-100);
    border: 1px solid var(--beige-300);
    border-radius: 99rem;
    min-width: 5rem;
    height: 2rem;
    padding: 0 0.25rem;
}

.increment[b-zn7hjchgfz],
.decrement[b-zn7hjchgfz] {
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
}

.integer-input-container input[b-zn7hjchgfz] {
    width: 3rem;
    text-align: center;
    border: none;
    background: transparent;
    font-size: inherit;
    font-family: inherit;
    color: inherit;
    -moz-appearance: textfield;
}

.integer-input-container input[b-zn7hjchgfz]::-webkit-outer-spin-button,
.integer-input-container input[b-zn7hjchgfz]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.integer-input-container input:focus[b-zn7hjchgfz] {
    outline: none;
}
/* /Components/Components/Inputs/LocationSearchBar.razor.rz.scp.css */
/*.main-container {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    background-color: white;*/
/*    border: 1px solid var(--beige-200);*/
/*    border-radius: 999rem;*/
/*    width: 100%;*/
/*    height: 3rem;*/
/*}*/

.location-search-container[b-6gcdni7qog] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    width: 100%;
}

.search-bar-container[b-6gcdni7qog] {
    position: relative;
    flex: 1;

    .location-icon {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        pointer-events: none;
        color: currentColor;
    }
    
    .search-button[b-6gcdni7qog] {
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        right: 4px;
        top: 50%;
        transform: translateY(-50%);
        width: 2.5rem;
        height: 2.5rem;
        color: var(--white);
        background-color: var(--primary-color);
        border: 1px solid var(--primary-color);
        border-radius: 999rem;
        cursor: pointer;
        /*color: currentColor;*/
    }
    
    /*.search-icon {*/
    /*    width: 2rem;*/
    /*    height: 2rem;*/
    /*}*/

    .search[b-6gcdni7qog] {
        height: 3rem;
        border-radius: 1.5rem;
        padding-right: 1rem;
        background-color: var(--white);
        border: 1px solid var(--beige-200);
        padding-left: 2.5rem;
        width: 100%;
        box-shadow: none !important;
    }
    .search:focus[b-6gcdni7qog] {
        outline: none;
        border-color: #CC785C;
        /*box-shadow: 0 0 0 1px #CC785C;*/
    }
}

.suggestions-list[b-6gcdni7qog] {
    gap: 0.5rem;
    border: 1px solid var(--beige-200);
    border-radius: var(--border-radius);
    list-style-type: none !important;

    li:first-child {
        border-top-left-radius: var(--border-radius);
        border-top-right-radius: var(--border-radius);
    }

    li:last-child[b-6gcdni7qog] {
        border-bottom-left-radius: var(--border-radius);
        border-bottom-right-radius: var(--border-radius);
    }

    li[b-6gcdni7qog] {
        font-size: var(--font-size-text-md);
        font-weight: var(--font-weight-light);
        padding: 0.5rem 1rem;
        display: flex;
        align-items: center;
        gap: 0.75rem;

        &:hover {
            cursor: pointer;
            background-color: var(--beige-200);
        }
    }

    li.active[b-6gcdni7qog] {
        background-color: var(--beige-200);
    }
}
/* /Components/Components/Inputs/MainSearchBar.razor.rz.scp.css */
.search-container[b-hlweikxgni] {
    display: flex;
    position: relative;
    width: 56.25rem;
    background-color: var(--beige-50);
    border-radius: 999rem;
    height: 4.25rem;
}

.location-icon[b-hlweikxgni] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    pointer-events: none;
    color: currentColor;
}

.location[b-hlweikxgni] {
    padding-top: 0.5rem;
    flex: 1 1 30%;
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
    padding-left: 3rem;
    gap: 0.5rem;
    border-right: 1px solid var(--beige-200);
}

.search:focus + .location[b-hlweikxgni] {
    outline: 1px solid var(--accent-color);
    background-color: red;
}

.check-in[b-hlweikxgni] {
    flex: 1 1 20%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 1rem;
    gap: 0.5rem;
    border-right: 1px solid var(--beige-200)
}

.check-out[b-hlweikxgni] {
    flex: 1 1 20%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 1rem;
    gap: 0.5rem;
    border-right: 1px solid var(--beige-200)
}

.attendees[b-hlweikxgni] {
    flex: 1 1 30%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 1rem;
    gap: 0.5rem;
}


.search-button[b-hlweikxgni] {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 3rem;
    height: 3rem;
    color: var(--white);
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: 999rem;
    cursor: pointer;
}


[b-hlweikxgni] .search {
    /*height: 4.25rem;*/
    /*border-radius: 999rem;*/
    padding-right: 1rem;
    background-color: transparent;
    border: none;
    width: 100%;
    /*box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.04);*/
}
[b-hlweikxgni] .search:focus {
    outline: none;
    border-color: #CC785C;
    /*box-shadow: 0 0 0 1px #CC785C;*/
}


/* Radzen */
[b-hlweikxgni] root {
    --rz-input-focus-border: none !important;
    --rz-input-focus-outline: none !important;
    --rz-secondary-light: var(--accent-color) !important;
}

[b-hlweikxgni] .rz-calendar-view td .rz-state-active.rz-state-focused, .rz-calendar-view td .rz-state-active:hover[b-hlweikxgni], .rz-calendar-view td .rz-state-active.rz-calendar-today.rz-state-focused[b-hlweikxgni], .rz-calendar-view td .rz-state-active.rz-calendar-today:hover[b-hlweikxgni] {
    color: var(--white) !important;
    background-color: var(--beige-900) !important;
}

.rz-state-default.rz-state-active.rz-state-focused[b-hlweikxgni] {
    color: var(--white) !important;
    background-color: var(--beige-900) !important;
}

[b-hlweikxgni] .rz-datepicker {
    padding-block: 0 !important;
    padding-inline: 0 !important;
    
    ::deep .rz-inputtext {
        border: none !important;
        padding-block: 0 !important;
        padding-inline: 0 !important;
        
        &:focus {
            outline: none !important;
            border: none !important;
        }
    }

    /*.rz-inputtext:focus {*/
    /*    outline: none;*/
    /*    border: none;*/
    /*}*/
}

[b-hlweikxgni] .rz-calendar .rz-dropdown {
    height: 2.5rem !important;
}


/* /Components/Components/Inputs/MoneyInput/MoneyInput.razor.rz.scp.css */
.input-container[b-71ktsnnao7] {
    display: flex;
    align-items: center;
}

.value-icon[b-71ktsnnao7] {
    /*padding-left: 0.5rem;*/
    pointer-events: none;
    white-space: nowrap;
}

[b-71ktsnnao7] .input-area {
    border: none;
    outline: none;
    background: transparent;
    height: 100%;
    padding-left: 0.25rem;
    flex: 1;
    min-width: 0;
}

[b-71ktsnnao7] .input-area::-webkit-inner-spin-button,
[b-71ktsnnao7] .input-area::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* /Components/Components/Inputs/MoneyInput/MoneyInputNullable.razor.rz.scp.css */
.input-container[b-mm95j47l6o] {
    display: flex;
    align-items: center;
}

.value-icon[b-mm95j47l6o] {
    /*padding-left: 0.5rem;*/
    pointer-events: none;
    white-space: nowrap;
}

.copy-icon[b-mm95j47l6o] {
    cursor: pointer;
    
    &:hover {
        color: var(--primary-color);
    }
}

[b-mm95j47l6o] .input-area {
    border: none;
    outline: none;
    background: transparent;
    height: 100%;
    padding-left: 0.25rem;
    flex: 1;
    min-width: 0;
}

[b-mm95j47l6o] .input-area::-webkit-inner-spin-button,
[b-mm95j47l6o] .input-area::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* /Components/Components/Inputs/MoneyInput/ProposalRoomRateInput.razor.rz.scp.css */
.copy-room-rate-dropdown-content[b-kvpg0p605a] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem 0.75em;
    border-radius: 1rem;
    border: 1px solid var(--beige-200, #F1EDE4);
    background: var(--white, #FFF);
    box-shadow: 0 1px 10px 0 rgba(16, 24, 40, 0.08);

    .copy-room-rate-actions {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 0.75rem;
    }
}

.copy-to-options[b-kvpg0p605a] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.copy-to-option[b-kvpg0p605a] {
    display: flex;
    padding: 0.75rem 1rem;
    align-items: center;
    gap: 0.75rem;
    align-self: stretch;
    border-radius: 0.75rem;
    border: 1px solid var(--beige-200, #F1EDE4);
    background: var(--beige-100, #F9F6F3);
}
/* /Components/Components/Inputs/MultiSelect.razor.rz.scp.css */
.multi-select-container[b-v7yn6i4mj0] {
    position: relative;
}

.multi-select-trigger[b-v7yn6i4mj0] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    cursor: pointer;
    min-width: 10rem;
    
    &.STYLE_NORMAL_WHITE {
        justify-content: center;
        padding: 0.25rem 0.5rem;
        padding-right: 2rem;
        height: 3rem;
        border: 1px solid var(--beige-200);
        border-radius: 99rem;
        background-color: var(--white, white);
        box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
    }
    &.STYLE_NORMAL_BEIGE[b-v7yn6i4mj0] {
        justify-content: center;
        padding: 0.25rem 0.5rem;
        padding-right: 2rem;
        height: 3rem;
        border: 1px solid var(--beige-300);
        border-radius: 99rem;
        background-color: var(--beige-100, white);
        box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
    }
    &.STYLE_BASIC[b-v7yn6i4mj0] {
        justify-content: flex-start;
        padding: 0.25rem 0.5rem;
        padding-right: 2rem;
        height: 1.625rem;
        border: 1px solid black;
        border-radius: 4px;
        background-color: var(--white, white);
    }
    
    .caret-icon[b-v7yn6i4mj0] {
        position: absolute;
        display: flex;
        align-items: center;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
    }
}

.select-header[b-v7yn6i4mj0] {
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dropdown-icon[b-v7yn6i4mj0] {
    font-size: 12px;
}

.select-dropdown[b-v7yn6i4mj0] {
    visibility: hidden;
    position: fixed;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    border-radius: 0.5rem;
    padding: 0.25rem 0.38rem;
    background-color: var(--white, white);
    border: 1px solid var(--beige-100);
    z-index: 10000;
    overflow-y: auto;
    min-width: 10rem;
    max-height: 15rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);

    &.show {
        visibility: visible;
    }
}

.multi-select-search[b-v7yn6i4mj0] {
    position: sticky;
    top: 0;
    width: 100%;
    padding: 8px 12px;
    border: 1px solid var(--beige-200);
    border-radius: 0.5rem;
    outline: none;
    font-size: var(--font-size-text-sm);
    box-sizing: border-box;
    background-color: var(--white, white);
}

.multi-select-search:focus[b-v7yn6i4mj0] {
    border-color: var(--beige-300);
}

.select-option[b-v7yn6i4mj0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    border-radius: 0.5rem;
    cursor: pointer;
}

.select-option:hover[b-v7yn6i4mj0] {
    background-color: var(--beige-50);
}

.select-option.selected[b-v7yn6i4mj0] {
    background-color: var(--beige-100, #F9F6F3);
}

/*.select-option-button {*/
/*    position: relative;*/

/*    .caret-icon {*/
/*        position: absolute;*/
/*        display: flex;*/
/*        align-items: center;*/
/*        right: 12px;*/
/*        top: 50%;*/
/*        transform: translateY(-50%);*/
/*    }*/
/*}*/

.tag[b-v7yn6i4mj0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    
    &.STYLE_BASIC {
        padding: 0rem 0.25rem;
        border-radius: 0.25rem;
        background-color: #EFEFEF;
        border: 1px solid var(--beige-300);
        font-size: var(--font-size-text-sm);
    }
    
    .tag-x[b-v7yn6i4mj0] {
        cursor: pointer;
        display: flex;
        align-items: center;

        &.STYLE_NORMAL_WHITE, &.STYLE_NORMAL_BEIGE {
            display: none;
        }
        
        &:hover[b-v7yn6i4mj0] {
            color: var(--maroon-700);
        }
    }
}
/* /Components/Components/Inputs/MultiUserSearchDropdown.razor.rz.scp.css */
.search-container[b-8ppm88w8rc] {
    position: relative;
    font-family: system-ui, -apple-system, sans-serif;
}

.search-input-wrapper[b-8ppm88w8rc] {
    position: relative;
}

.tags-input[b-8ppm88w8rc] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 0.25rem 0.75rem;
    /*border: 1px solid #ccc;*/
    border-radius: 999em;
    align-items: center;
    min-height: 40px;
}

.tags-input:focus-within[b-8ppm88w8rc] {
    /*outline: none;*/
    /*border-color: #2563eb;*/
    /*box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.1);*/
}

.tag[b-8ppm88w8rc] {
    display: flex;
    align-items: center;
    background-color: white;
    padding: 2px 8px;
    border: 1px solid var(--beige-300);
    border-radius: 999em;
    gap: 4px;
    font-size: 14px;
}

.tag-text[b-8ppm88w8rc] {
    color: #374151;
}

.tag-remove[b-8ppm88w8rc] {
    background: none;
    border: none;
    color: #6b7280;
    cursor: pointer;
    font-size: 16px;
    padding: 0 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tag-remove:hover[b-8ppm88w8rc] {
    color: #ef4444;
}

.search-input[b-8ppm88w8rc] {
    border: none;
    background-color: transparent;
    outline: none;
    padding: 4px;
    flex-grow: 1;
    min-width: 120px;
    font-size: 14px;
}

.search-results[b-8ppm88w8rc] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: white;
    border: 1px solid var(--beige-200);
    border-radius: var(--border-radius);
    margin-top: 4px;
    max-height: 300px;
    overflow-y: auto;
    z-index: 1000;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.search-result-item[b-8ppm88w8rc] {
    cursor: pointer;
}

.search-result-item:hover[b-8ppm88w8rc] {
    background-color: var(--beige-50);
}

.search-result-item.selected[b-8ppm88w8rc] {
    background-color: var(--beige-200) !important;
}

.search-result-item.focused[b-8ppm88w8rc] {
    background-color: var(--beige-50);
}

.search-result-item.selected.focused[b-8ppm88w8rc] {
    background-color: var(--beige-300) !important;
}

.user-item[b-8ppm88w8rc] {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    gap: 12px;
}

.user-avatar[b-8ppm88w8rc] {
    width: 32px;
    height: 32px;
    background-color: #2563eb;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    flex-shrink: 0;
}

.user-details[b-8ppm88w8rc] {
    flex-grow: 1;
    min-width: 0;
}

.user-name[b-8ppm88w8rc] {
    font-weight: 500;
    color: #111827;
    font-size: 14px;
}

.user-email[b-8ppm88w8rc] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-department[b-8ppm88w8rc] {
    font-size: 12px;
    color: #2563eb;
    background-color: #eff6ff;
    padding: 2px 8px;
    border-radius: 12px;
    white-space: nowrap;
}

.selected-check[b-8ppm88w8rc] {
    color: #2563eb;
    font-weight: bold;
}
/* /Components/Components/Inputs/PasswordInput.razor.rz.scp.css */
.password-input-container[b-n3kt594dj9] {
    display: flex;
    position: relative;
    align-items: center;
    width: 100%;
}

[b-n3kt594dj9] .pass-input {
    width: 100%;
}

.toggle-reveal[b-n3kt594dj9] {
    position: absolute;
    right: 10px;
    padding: 0.5rem;
    color: var(--beige-700);
    background-color: transparent;
    border: none;
    font-size: 1.5rem;
}
/* /Components/Components/Inputs/PercentInput/PercentInput.razor.rz.scp.css */
.input-container[b-jo8nhsz4ad] {
    position: relative;
}

.value-icon[b-jo8nhsz4ad] {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.input .value-icon[b-jo8nhsz4ad] {
    position: absolute;
    right: 1rem;
}

[b-jo8nhsz4ad] .input-area {
    border: none;
    outline: none;
    background: transparent;
    width: 100%;
    height: 100%;
    padding-right: 1rem;
}

[b-jo8nhsz4ad] .input-area::-webkit-inner-spin-button,
[b-jo8nhsz4ad] .input-area::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* /Components/Components/Inputs/PercentInput/PercentInputNullable.razor.rz.scp.css */
.input-container[b-yvq01dzpkb] {
    position: relative;
}

.value-icon[b-yvq01dzpkb] {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.input .value-icon[b-yvq01dzpkb] {
    position: absolute;
    right: 1rem;
}

[b-yvq01dzpkb] .input-area {
    border: none;
    outline: none;
    background: transparent;
    width: 100%;
    height: 100%;
    padding-right: 1rem;
}

[b-yvq01dzpkb] .input-area::-webkit-inner-spin-button,
[b-yvq01dzpkb] .input-area::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* /Components/Components/Inputs/PhoneNumberInput.razor.rz.scp.css */
.phone-input-container[b-u1b1h9jff1] {
    position: relative;
    width: 100%;
}

.phone-input[b-u1b1h9jff1] {
    width: 100%;
}

.country-select[b-u1b1h9jff1] {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    outline: none;
    width: auto;
}
/* /Components/Components/Inputs/RadioSelector.razor.rz.scp.css */
.radio-selector[b-sscrfynq0s] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
/* /Components/Components/Inputs/SearchableSelectDropdown.razor.rz.scp.css */
.searchable-select-container[b-tw5u05jo32] {
    position: relative;
}

.select-dropdown[b-tw5u05jo32] {
    visibility: hidden;
    position: fixed;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    border-radius: 0.5rem;
    padding: 0.25rem 0.38rem;
    background-color: var(--white, white);
    border: 1px solid var(--beige-100);
    z-index: 10000;
    overflow-y: auto;
    min-width: 10rem;
    max-height: 15rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);

    &.show {
        visibility: visible;
    }
}

.select-search[b-tw5u05jo32] {
    position: sticky;
    top: 0;
    width: 100%;
    padding: 8px 12px;
    border: 1px solid var(--beige-200);
    border-radius: 0.5rem;
    outline: none;
    font-size: var(--font-size-text-sm);
    box-sizing: border-box;
    background-color: var(--white, white);
}

.select-search:focus[b-tw5u05jo32] {
    border-color: var(--beige-300);
}

.select-option[b-tw5u05jo32] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    border-radius: 0.5rem;
    cursor: pointer;
}

.select-option:hover[b-tw5u05jo32] {
    background-color: var(--beige-50);
}

.select-option.selected[b-tw5u05jo32] {
    background-color: var(--beige-100, #F9F6F3);
}
/* /Components/Components/Inputs/SearchSelect.razor.rz.scp.css */
.search-select-container[b-i19ffgthne] {
    position: relative;
    width: 100%;
}

.search-select-input[b-i19ffgthne] {
    width: 100%;
}

.suggestions-list[b-i19ffgthne] {
    border: 1px solid var(--beige-200);
    border-radius: var(--border-radius);
    list-style-type: none !important;
    /*padding: 0.5rem 1rem;*/

    li:first-child {
        border-top-left-radius: var(--border-radius);
        border-top-right-radius: var(--border-radius);
    }

    li:last-child[b-i19ffgthne] {
        border-bottom-left-radius: var(--border-radius);
        border-bottom-right-radius: var(--border-radius);
    }

    li[b-i19ffgthne] {
        font-size: var(--font-size-text-md);
        font-weight: var(--font-weight-light);
        padding: 0.5rem 1rem;

        &:hover {
            cursor: pointer;
            background-color: var(--beige-200);
        }
    }

    li.active[b-i19ffgthne] {
        background-color: var(--beige-200);
    }
}

/*.search-results {*/
/*    position: absolute;*/
/*    top: 100%;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    max-height: 300px;*/
/*    overflow-y: auto;*/
/*    background-color: white;*/
/*    border: 1px solid #ccc;*/
/*    border-top: none;*/
/*    border-radius: 0 0 4px 4px;*/
/*    box-shadow: 0 2px 4px rgba(0,0,0,0.1);*/
/*    z-index: 1000;*/
/*    display: none; !* Will need to be toggled with JavaScript/Blazor *!*/
/*}*/

/*!* Add this class when you want to show the dropdown *!*/
/*.search-results.show {*/
/*    display: block;*/
/*}*/

/*.search-result {*/
/*    padding: 8px 12px;*/
/*    cursor: pointer;*/
/*}*/
/* /Components/Components/Inputs/SelectDropdown.razor.rz.scp.css */
.custom-select[b-ygru3dzjxt] {
    display: inline-block;
    position: relative;
}

.select-header[b-ygru3dzjxt] {
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dropdown-icon[b-ygru3dzjxt] {
    font-size: 12px;
}

.select-dropdown[b-ygru3dzjxt] {
    visibility: hidden;
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    right: 0;
    border-radius: 0.5rem;
    padding: 0.25rem 0.38rem;
    background-color: var(--white, white);
    border: 1px solid var(--beige-100);
    z-index: 1000;
    overflow-y: auto;
    min-width: 10rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    
    &.show {
        visibility: visible;
    }
}

.select-option[b-ygru3dzjxt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    border-radius: 0.5rem;
    cursor: pointer;
}

.select-option:hover[b-ygru3dzjxt] {
    background-color: var(--beige-50);
}

.select-option.selected[b-ygru3dzjxt] {
    background-color: var(--beige-100, #F9F6F3);
}

.select-option-button[b-ygru3dzjxt] {
    position: relative;
    
    .caret-icon {
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
    }
}

/* /Components/Components/Inputs/StarInput.razor.rz.scp.css */
.star-input-container[b-x9djm8dns8] {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
}

.star[b-x9djm8dns8] {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.15s ease;
}

.star:hover[b-x9djm8dns8] {
    transform: scale(1.1);
}

.star[b-x9djm8dns8]  svg {
    width: 24px;
    height: 24px;
}

.star.hovered[b-x9djm8dns8]  svg {
    filter: brightness(1.1);
}
/* /Components/Components/Inputs/TimeSpanSlidingWindowInput.razor.rz.scp.css */
.timespan-sliding-window-input-container[b-f2fit6zyni] {
    position: relative;
    display: flex;
    align-items: center;
    padding: unset;

    .option {
        position: relative;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        flex: 1;
        z-index: 1;
        user-select: none;
        line-height: 1;
        padding: 0.75em 1em;
        
        &.selected {
            background-color: white;
            border-radius: inherit;
            box-shadow: inset 0 0 0 3px var(--beige-100);
            transition: left 0.3s ease;
        }
    }

}
/* /Components/Components/Inputs/UserSearchDropdown.razor.rz.scp.css */
.search-container[b-8vod7urme3] {
    position: relative;
    font-family: system-ui, -apple-system, sans-serif;
}

.search-input[b-8vod7urme3] {
    width: 100%;
}

.search-input:focus[b-8vod7urme3] {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.1);
}

.search-results[b-8vod7urme3] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: white;
    border: 1px solid var(--beige-200);
    border-radius: var(--border-radius);
    margin-top: 4px;
    max-height: 300px;
    overflow-y: auto;
    z-index: 1000;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.search-result-item[b-8vod7urme3] {
    cursor: pointer;
}

.search-result-item:hover[b-8vod7urme3] {
    background-color: var(--beige-50);
}

.user-item[b-8vod7urme3] {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    gap: 12px;
}

.user-avatar[b-8vod7urme3] {
    width: 1.5rem;
    height: 1.5rem;
    background-color: #ffe3d7;
    color: #CC785C;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    flex-shrink: 0;
}

.user-details[b-8vod7urme3] {
    flex-grow: 1;
    min-width: 0;
}

.user-email[b-8vod7urme3] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-department[b-8vod7urme3] {
    font-size: 12px;
    color: #2563eb;
    background-color: #eff6ff;
    padding: 2px 8px;
    border-radius: 12px;
    white-space: nowrap;
}
/* /Components/Components/ListItems/VenueListItem.razor.rz.scp.css */
.recipient-container[b-6st64bfybj] {
    &.show-separator {
        border-bottom: 1px solid var(--beige-200);
    }
}

.supplier-container[b-6st64bfybj] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 0rem;
    
    .supplier-left-side-details {
        flex: 1;
        display: flex;
        gap: 0.5rem;
        padding: 1rem;
        margin-right: auto;
        flex-wrap: wrap;

        .supplier-image {
            width: 10rem;
            height: 5rem;
            border-radius: var(--border-radius);
            cursor: pointer;
        }
        
        .supplier-info[b-6st64bfybj] {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
            padding: 1rem;
        }
    }
    
    /*.supplier-middle-side-details {*/
    /*    display: flex;*/
    /*    justify-content: center;*/
    /*    align-items: center;*/
    /*    gap: 0.5rem;*/
    /*    margin: 1rem;*/
    /*    margin-right: 15%;*/
    /*    */
    /*    .sales-contacts-info {*/
    /*        display: flex;*/
    /*        flex-direction: column;*/
    /*        gap: 0.5rem;*/
    /*        padding: 1rem;*/
    /*    }*/
    /*}*/

    .supplier-right-side-details[b-6st64bfybj] {
        flex: 0.5;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;

        .sales-contacts-info {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
            padding: 1rem;
        }
    }

}

.sales-contacts-controls[b-6st64bfybj] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.avatar-group[b-6st64bfybj] {
    --avatar-size: 2.5rem;
    display: flex;
    justify-content: left;
    flex-direction: row;
    margin-right: 1rem;
    margin-left: 0.5rem;

    .avatar {
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 50%;
        overflow: hidden;
        margin-left: -0.75rem;
        cursor: pointer;
        transition: transform 0.3s ease;
        
        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        &:hover:not(:last-of-type)[b-6st64bfybj] {
            transform: translate(-0.5rem);
        }
    }

    .text-avatar[b-6st64bfybj] {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 50%;
        overflow: visible;
        background-color: var(--beige-100);
        border: 1px solid var(--beige-300);
        margin-left: -0.75rem;
        cursor: pointer;
        transition: transform 0.3s ease;

        .x-icon {
            display: none;
        }
        
        .tooltip[b-6st64bfybj] {
            display: none;
        }
        
        .x-icon:hover[b-6st64bfybj] {
            color: var(--maroon-600);
        }

        &:hover:not(:last-of-type)[b-6st64bfybj] {
            transform: translate(-0.5rem);
        }

        &:hover[b-6st64bfybj] {
            position: relative;

            .x-icon {
                display: block;
                position: absolute;
                top: 0.35rem;
                right: 0.35rem;
                transform: translate(50%, -50%);
            }
            
            .tooltip[b-6st64bfybj] {
                display: block;
                position: absolute;
                top: -2rem;
                left: 50%;
                transform: translateX(-50%);
                background-color: var(--beige-800);
                color: var(--white);
                border-radius: 4px;
                white-space: nowrap;
                padding: 5px;
                z-index: 1000;
            }
        }
    }

    .hidden-avatars[b-6st64bfybj] {
        display: flex;
        justify-content: center;
        align-items: center;
        width: var(--avatar-size);
        height: var(--avatar-size);
        border-radius: 50%;
        background-color: #F9F5FF;
        border: 2px solid white;
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
        color: #000;
        margin-left: -0.5rem;
        z-index: 1;
    }
}
/* /Components/Components/Loading/LoadingBar.razor.rz.scp.css */
.loader[b-jbhbi81vqm] {
    width: 300px;
    height: 5px;
    border-radius: 20px;
    background:
            linear-gradient(var(--accent-600) 0 0) 0/0% no-repeat
            var(--beige-50);
    animation: l2-b-jbhbi81vqm 5s infinite steps(100);
}
@keyframes l2-b-jbhbi81vqm {
    100% {background-size:110%}
}
/* /Components/Components/Loading/LoadingModal.razor.rz.scp.css */
.message-container[b-ud1nge1ubr] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0.5rem;
    padding-bottom: 1.5rem;
}
/* /Components/Components/Loading/LoadingScreen.razor.rz.scp.css */
@keyframes backgroundColorTransition-b-sphm2tvlks {
    0% {
        background-color: var(--beige-200); /* First color */
    }
    50% {
        background-color: var(--beige-100);; /* Second color */
    }
    100% {
        background-color: var(--beige-200); /* Back to the first color */
    }
}

@keyframes backgroundColorTransition2-b-sphm2tvlks {
    0% {
        background-color: var(--beige-100); /* First color */
    }
    50% {
        background-color: var(--beige-300);; /* Second color */
    }
    100% {
        background-color: var(--beige-100); /* Back to the first color */
    }
}


.loading-screen[b-sphm2tvlks] {
    display: flex;
    flex-direction: column;
    width: 100vw;
    height: 100%;
    min-height: calc(100vh - var(--nav-height));
    
    .back-button {
        animation: backgroundColorTransition2-b-sphm2tvlks 2s infinite;
        border-radius: 0.75rem;
        height: 2.5rem;
        width: 4.5rem;
        margin-left: 2rem;
    }
    
    .sheet-area[b-sphm2tvlks] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-radius: 1.25rem 1.25rem 0rem 0rem;
        background: var(--beige-100, #F9F6F3);
        width: 100%;
        padding: 1.5rem 3rem;
        flex: 1;
        margin-top: 1rem;
        gap: 1rem;
        
        .block {
            /*background-color: var(--beige-200);*/
            animation: backgroundColorTransition-b-sphm2tvlks 2s infinite;
            border-radius: 0.75rem;
            width: 100%;
        }
        
        .block-1[b-sphm2tvlks] {
            /*background-color: var(--beige-200);*/
            animation: backgroundColorTransition-b-sphm2tvlks 2s infinite;
            border-radius: 0.75rem;
            flex: 1;
            width: 100%;
        }

        .block-column[b-sphm2tvlks] {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }
        
        .block-row[b-sphm2tvlks] {
            display: flex;
            gap: 1rem;
        }
    }
}
/* /Components/Components/Loading/PageLoadingBar.razor.rz.scp.css */
.loading-bar-container[b-r01i04enda] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: transparent;
    z-index: 9999;
    overflow: hidden;
}

.loading-bar[b-r01i04enda] {
    height: 100%;
    width: 30%;
    background: var(--accent-color);
    border-radius: 0 2px 2px 0;
    animation: bounce-b-r01i04enda 2s ease-in-out infinite;
    box-shadow: 0 2px 10px rgba(59, 130, 246, 0.3);
}

@keyframes bounce-b-r01i04enda {
    0% {
        transform: translateX(-100%);
        animation-timing-function: ease-out;
    }
    25% {
        transform: translateX(0%);
        animation-timing-function: ease-in;
    }
    50% {
        transform: translateX(233.33%);
        animation-timing-function: ease-out;
    }
    75% {
        transform: translateX(0%);
        animation-timing-function: ease-in;
    }
    100% {
        transform: translateX(-100%);
    }
}
/* /Components/Components/Map/GoogleMap.razor.rz.scp.css */
/* /Components/Components/Misc/BaseDraggablePopup.razor.rz.scp.css */
.draggable-popup[b-nqfuvohdso] {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 85vh;
    width: 22rem;
    background-color: var(--white);
    border-radius: var(--border-radius);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
    z-index: 1000;
}

.draggable-popup.open[b-nqfuvohdso] {
    opacity: 1;
    visibility: visible;
}

.draggable-popup-header[b-nqfuvohdso] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--beige-200);
    flex-shrink: 0;
    cursor: move;
    user-select: none; /* prevent selecting the title text while dragging */
}

.close-button[b-nqfuvohdso] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    padding: 0.25rem;
    cursor: pointer;
    color: var(--beige-700);
    border-radius: 0.25rem;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.close-button:hover[b-nqfuvohdso] {
    background-color: var(--beige-100);
    color: var(--beige-900);
}

.draggable-popup-body[b-nqfuvohdso] {
    flex: 1;
    overflow-y: auto;
    overscroll-behavior: none;
    padding: 0.75rem 1rem;
    min-height: 4rem;
}

.draggable-popup-footer[b-nqfuvohdso] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--beige-200);
}
/* /Components/Components/Modals/AboutSectionModal.razor.rz.scp.css */
.about-body[b-p8pneorark] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem 2rem;
    flex-grow: 1; /* Allow the child to grow */
    overflow-y: auto; /* Make the child scrollable when it overflows */
}
/* /Components/Components/Modals/AddAttachmentToProposalModal.razor.rz.scp.css */
.input-row[b-8dtj15a67p] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}

.add-attachment-to-proposal-modal-content[b-8dtj15a67p] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 1rem;
}

.uploaded-files[b-8dtj15a67p] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: 15rem;
    overflow-y: auto;
}

.uploaded-file[b-8dtj15a67p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    height: 4rem;
    background-color: var(--beige-100);
    border: 1px solid var(--beige-300);
    border-radius: var(--border-radius);
    cursor: pointer;
    transition: all 0.3s ease;
    
    &:hover {
        background-color: var(--beige-200);
        border-color: var(--beige-500);
    }

    .file-info[b-8dtj15a67p] {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0.25rem;
    }

    .file-icon[b-8dtj15a67p] {
        width: 2rem;
        height: 2rem;
        color: var(--beige-600);
        margin-right: 0.5rem;
        object-fit: contain;
    }
}
/* /Components/Components/Modals/AddDiscountModal.razor.rz.scp.css */
.input-row[b-a4fqwbtegv] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}
/* /Components/Components/Modals/AddGuestRoomsOtherFeeModal.razor.rz.scp.css */
.input-row[b-9xmdgkol4w] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}
/* /Components/Components/Modals/AddHotelManuallyModal.razor.rz.scp.css */
.input-row[b-hu76y7pno8] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}

.add-hotel-manually-modal-content[b-hu76y7pno8] {
    display: flex;
    flex-direction: column;
    background-color: white;
    /*padding: 1rem 2rem;*/
    border-radius: 0.5rem;
    width: 50%;
    max-width: 40rem;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*height: auto;*/
    max-height: 80vh;
    overflow: hidden;
}

.join-existing-container[b-hu76y7pno8] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    overscroll-behavior: none;
}
/* /Components/Components/Modals/AddLinkToProposalModal.razor.rz.scp.css */
.add-link-to-proposal-modal-content[b-5hu8ksmeaz] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 1rem;
}

.add-link-to-proposal-modal-footer[b-5hu8ksmeaz] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    padding: 1rem 2rem;
}

.uploaded-links[b-5hu8ksmeaz] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    
    .uploaded-link {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
        padding: 0.5rem 1rem;
        background-color: var(--beige-100);
        border: 1px solid var(--beige-300);
        border-radius: var(--border-radius);
        cursor: pointer;
        transition: all 0.3s ease;

        &:hover {
            background-color: var(--beige-200);
            border-color: var(--beige-500);
        }
    }
}
/* /Components/Components/Modals/AddMeetingRoomsOtherFeeModal.razor.rz.scp.css */
.input-row[b-h3ddhnroy6] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}
/* /Components/Components/Modals/AddNewClientModal.razor.rz.scp.css */
.upload-logo-container[b-dw61ruv88d] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    position: relative;
    
    .client-logo {
        display: flex;
        width: 3.5rem;
        height: 3.5rem;
        border-radius: 50%;
        object-fit: contain;
    }
}

.input-row[b-dw61ruv88d] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}
/* /Components/Components/Modals/AddNewHotelBrandModal.razor.rz.scp.css */
.input-row[b-gz92e5tc9b] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}
/* /Components/Components/Modals/AddNewHotelChainModal.razor.rz.scp.css */
.input-row[b-zyzmz6uhgn] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}
/* /Components/Components/Modals/AddOrJoinHotelModal.razor.rz.scp.css */
.join-hotel-modal-content[b-1p4g2x1cr2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    overscroll-behavior: none;
    gap: 1rem;
}

.join-hotel-modal-footer[b-1p4g2x1cr2] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    /*justify-content: space-between;*/
    gap: 0.25rem;
    padding: 1rem 2rem;
}



.input-row[b-1p4g2x1cr2] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}

.add-manually-button[b-1p4g2x1cr2] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    /*margin-left: auto;*/
}

/* /Components/Components/Modals/AddProposalDatesModal.razor.rz.scp.css */
.input-row[b-dgjpww0rp7] {
    display: flex;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.event-date-box[b-dgjpww0rp7] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.5rem;
    border-radius: 0.75rem;
    border: 1px solid var(--accent-100, #F0D8D1);
    background: var(--accent-50, #FBF2F0);
    min-width: 18rem;
}

[b-dgjpww0rp7] .comment-text-area {
    min-height: 6rem;
    width: 30rem;
}

.trash-date-button[b-dgjpww0rp7] {
    cursor: pointer;
    display: flex;
    height: 2.5rem;
    width: 2.5rem;
    justify-content: center;
    align-items: center;
    color: var(--maroon-500);
    background-color: var(--white, white);
    border: 1px solid var(--maroon-50);
    border-radius: var(--border-radius);
    transition: all 0.2s ease-in-out;

    &:hover {
        background-color: var(--maroon-500);
        border: 1px solid var(--maroon-500);
        color: var(--white, white);
    }
}
/* /Components/Components/Modals/AddResortFeeModal.razor.rz.scp.css */
.input-row[b-vtf0erg4ne] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}

.summary-box[b-vtf0erg4ne] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 0.75rem;
    border: 1px solid var(--beige-200);
    background-color: var(--beige-50);
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
}

.text-emphasis[b-vtf0erg4ne] {
    border-radius: 0.375rem;
    background: var(--beige-200, #F1EDE4);
    color: var(--primary-color);
    padding: 0rem 0.3rem;
}

.input-columns[b-vtf0erg4ne] {
    display: flex;
    gap: 1rem;
    
    
    .first-column {
        width: 10rem; /* Fixed width for the first column */
        flex-shrink: 0; /* Prevent shrinking */
    }
    
    .second-column[b-vtf0erg4ne] {
        display: flex;
        flex: 1;
        flex-direction: column;
        gap: 1rem;
    }
}

.cost-line[b-vtf0erg4ne] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
/* /Components/Components/Modals/AddSalesContactsModal.razor.rz.scp.css */
.add-sales-contacts-modal-content[b-o2y8ajb285] {
    display: flex;
    flex-direction: column;
    background-color: white;
    /*padding: 1rem 2rem;*/
    border-radius: 0.5rem;
    /*width: 50%;*/
    max-width: 50rem;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*height: auto;*/
    max-height: 90vh;
    overflow: hidden;
    min-height: calc(min( 35rem, 90vh ))
}

/*.sales-contacts-modal-body {*/
/*    !*height: 100%;*!*/
/*    flex: 1;*/
/*    overflow-y: auto;*/
/*}*/



.input-row[b-o2y8ajb285] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}

.add-sales-contacts-modal-footer[b-o2y8ajb285] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem 2rem 1rem;
}

.search-results[b-o2y8ajb285] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    overflow-y: auto;
    max-height: 100%;
}

.no-results[b-o2y8ajb285] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 2.5rem;
}

.additional-filters[b-o2y8ajb285] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    
    .x-icon {
        cursor: pointer;
        &:hover {
            color: var(--maroon-700);
        }
    }
}
/* /Components/Components/Modals/AddTaxModal.razor.rz.scp.css */
.input-row[b-b8b8rzrib7] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}
/* /Components/Components/Modals/AddVenuesModal.razor.rz.scp.css */
.input-row[b-x5u3pykqi6] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}

.add-venues-modal-content[b-x5u3pykqi6] {
    display: flex;
    flex-direction: column;
    background-color: white;
    /*padding: 1rem 2rem;*/
    border-radius: 0.5rem;
    width: 50%;
    max-width: 40rem;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*height: auto;*/
    max-height: 80vh;
    overflow: hidden;
}
/* /Components/Components/Modals/CancelRfpModal.razor.rz.scp.css */
.input-row[b-24c3rn5g04] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}

[b-24c3rn5g04] .decline-reason-text-area {
    min-height: 6rem;
}

.cancel-rfp-modal-body[b-24c3rn5g04] {
    display: flex;
    flex-direction: column;
}

.cancel-rfp-modal-footer[b-24c3rn5g04] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    padding: 1rem 2rem;
    width: 100%;
}
/* /Components/Components/Modals/CopyRfpModal.razor.rz.scp.css */
.input-row[b-g74kix2j7y] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}

.copy-rfp-modal-content[b-g74kix2j7y] {
    display: flex;
    flex-direction: column;
    background-color: white;
    /*padding: 1rem 2rem;*/
    border-radius: 0.5rem;
    width: 50%;
    max-width: 40rem;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*height: auto;*/
    max-height: 80vh;
    overflow: hidden;
}
/* /Components/Components/Modals/CreateUserModal.razor.rz.scp.css */
/* FOR THE FORM */
[b-ldilo9y19t] .form {
    display: flex;
    flex-direction: column;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
    padding: 1rem 0;
}

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


.grid-container[b-ldilo9y19t] {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;

    .input-row {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }

    .column1[b-ldilo9y19t] {
        /*flex: 1;*/
        display: flex;
        flex-direction: column;
        align-items: flex-start; /* Align items to the start of the column */
        padding: 10px;
        gap: 1.25rem;
        max-width: 100%;
        width: auto;
    }

    .column2[b-ldilo9y19t] {
        /*flex: 3;*/
        display: flex;
        flex-direction: column;
        align-items: flex-start; /* Align items to the start of the column */
        padding: 10px;
        gap: 1.25rem;
        max-width: 100%;
        width: auto;
    }
}

label[b-ldilo9y19t] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
/* /Components/Components/Modals/DeclineProposalModal.razor.rz.scp.css */
.input-row[b-ujy51dftog] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}

[b-ujy51dftog] .decline-reason-text-area {
    min-height: 6rem;
}

.decline-proposal-modal-content[b-ujy51dftog] {
    display: flex;
    flex-direction: column;
    background-color: white;
    /*padding: 1rem 2rem;*/
    border-radius: 0.5rem;
    width: 50%;
    max-width: 40rem;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*height: auto;*/
    max-height: 80vh;
    overflow: hidden;
}
/* /Components/Components/Modals/DeclineRfpModal.razor.rz.scp.css */
.input-row[b-ln2oaqt3ax] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}

[b-ln2oaqt3ax] .decline-reason-text-area {
    min-height: 6rem;
}
/* /Components/Components/Modals/EditClientModal.razor.rz.scp.css */
.input-row[b-fr0xeoxba6] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}
/* /Components/Components/Modals/EditTemplateQuestionModal.razor.rz.scp.css */
.input-row[b-mogwcpcc5w] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}
/* /Components/Components/Modals/EditUserModal.razor.rz.scp.css */
/* FOR THE FORM */
[b-s8ui307gb5] .form {
    display: flex;
    flex-direction: column;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
    padding: 1rem 0;
}

.form .form-actions[b-s8ui307gb5] {

    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.form .form-actions .delete[b-s8ui307gb5] {
    margin-right: auto;
}

.grid-container[b-s8ui307gb5] {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;

    .input-row {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }

    .column1[b-s8ui307gb5] {
        /*flex: 1;*/
        display: flex;
        flex-direction: column;
        align-items: flex-start; /* Align items to the start of the column */
        padding: 10px;
        gap: 1.25rem;
        max-width: 100%;
        width: auto;
    }

    .column2[b-s8ui307gb5] {
        /*flex: 3;*/
        display: flex;
        flex-direction: column;
        align-items: flex-start; /* Align items to the start of the column */
        padding: 10px;
        gap: 1.25rem;
        max-width: 100%;
        width: auto;
    }
}

label[b-s8ui307gb5] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
/* /Components/Components/Modals/FilterProposalsSummaryModal.razor.rz.scp.css */
.filter-proposals-summary-modal-body[b-76jrst8swf] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}

.filter-proposals-summary-modal-footer[b-76jrst8swf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1rem 2rem; 
}
/* /Components/Components/Modals/FilterRfpsModal.razor.rz.scp.css */
.filter-rfps-modal-body[b-4r1btj56vp] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 1.25rem;
    padding-bottom: 3rem;
}

.filter-section[b-4r1btj56vp] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.filter-section-header[b-4r1btj56vp] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.filter-row[b-4r1btj56vp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.date-range-row[b-4r1btj56vp] {
    display: flex;
    align-items: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.date-input-cell[b-4r1btj56vp] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.number-range-row[b-4r1btj56vp] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
}

.number-input-cell[b-4r1btj56vp] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.preset-chips[b-4r1btj56vp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.preset-chip[b-4r1btj56vp] {
    padding: 0.25rem 0.75rem;
    background-color: white;
    border: 1px solid var(--beige-300);
    border-radius: 999em;
    cursor: pointer;
    font-size: 0.875rem;
    color: inherit;
}

.preset-chip:hover[b-4r1btj56vp] {
    background-color: var(--beige-100);
}

.preset-chip.selected[b-4r1btj56vp] {
    background-color: var(--accent-500);
    border-color: var(--accent-500);
    color: white;
}

.clear-link[b-4r1btj56vp] {
    padding: 0.25rem 0.5rem;
    background: none;
    border: none;
    cursor: pointer;
    text-decoration: underline;
}

.filter-rfps-modal-footer[b-4r1btj56vp] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 2rem 2rem 1rem;
}
/* /Components/Components/Modals/FilterVenuesModal.razor.rz.scp.css */
.input-row[b-vn8luo8wdy] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}

.filter-venues-modal-body[b-vn8luo8wdy] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 1rem;
    padding-bottom: 3rem;
}

.room-count-filter-container[b-vn8luo8wdy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.filter-venues-modal-footer[b-vn8luo8wdy] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 2rem 2rem 1rem;
}
/* /Components/Components/Modals/GuestRoomDetailModal.razor.rz.scp.css */
.modal-body[b-6wu0m462rr] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem 2rem;
}

.input-row[b-6wu0m462rr] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}

.top-section[b-6wu0m462rr] {
    display: flex;
    padding-bottom: 1rem;

    .main-info {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-right: 1rem;
        gap: 1rem;
        flex: 1 1 60%;
    }

    .picture-container[b-6wu0m462rr] {
        border-radius: var(--border-radius);
        flex: 1 1 40%;
    }
}


.detail-tags[b-6wu0m462rr] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    width: 80%;
}

.bottom-section[b-6wu0m462rr] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.seating-layouts[b-6wu0m462rr] {
    display: flex;
    gap: 2rem 1rem;
    flex-wrap: wrap;
}

.seating-layout[b-6wu0m462rr] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.seating-layout-heading[b-6wu0m462rr] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.25rem;
}
/* /Components/Components/Modals/ImageCarouselModal.razor.rz.scp.css */
.input-row[b-idtqd33qqa] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}

.carousel-image[b-idtqd33qqa] {
    width: 100%;
    border-radius: 0.5rem;
}
/* /Components/Components/Modals/InvitedUserModal.razor.rz.scp.css */
.input-row[b-okrp4xoezg] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}

.invited-user-modal-content[b-okrp4xoezg] {
    display: flex;
    flex-direction: column;
    background-color: white;
    /*padding: 1rem 2rem;*/
    border-radius: 0.5rem;
    max-width: calc(min( 60rem, 95vw ));
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*height: auto;*/
    max-height: 80vh;
    overflow: hidden;
}

.loading-container[b-okrp4xoezg] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.stacked-text[b-okrp4xoezg] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.invited-user-hotels-table[b-okrp4xoezg] {
    .header-cell {
        padding: 0.75rem 1rem;
        font-size: var(--font-size-text-sm);
        color: var(--font-color-secondary);
    }
    
    .name-cell[b-okrp4xoezg] {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0.5rem;
        padding: 1rem;

        .supplier-image {
            height: 2rem;
            width: 3.4rem;
            border-radius: 0.375rem;
            object-fit: fill;
        }

        .hotel-title[b-okrp4xoezg] {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 0.2rem;
            white-space: nowrap;
            overflow: hidden;
            max-width: 18rem;
        }
    }

    .basic-cell[b-okrp4xoezg] {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0.75rem 1rem;
    }

    .trash-cell[b-okrp4xoezg] {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 0.75rem 1rem;
    }
}
/* /Components/Components/Modals/InviteFilterModal.razor.rz.scp.css */
.filter-venues-modal-body[b-zdih5ag3b7] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 1rem;
    padding-bottom: 3rem;
}

.room-count-filter-container[b-zdih5ag3b7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.filter-venues-modal-footer[b-zdih5ag3b7] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 2rem 2rem 1rem;
}
/* /Components/Components/Modals/InviteToRfpModal.razor.rz.scp.css */
.supplier-cards[b-35o4hh6rth] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    
    .supplier-card {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
        width: 100%;
        border: 1px solid var(--beige-100);
        border-radius: 1rem;
        padding: 0.5rem 1rem;
        cursor: pointer;

        &:hover {
            border: 1px solid var(--beige-300);
        }
        
        &.active[b-35o4hh6rth] {
            border: 1px solid var(--accent-500);
        }
        
        .supplier-info[b-35o4hh6rth] {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 0.5rem;
            
            .supplier-image {
                height: 2rem;
                width: 3.4rem;
                border-radius: 0.375rem;
                object-fit: fill;
            }

            .hotel-title[b-35o4hh6rth] {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 0.2rem;
                white-space: nowrap;
                overflow: hidden;
            }
        }
    }
}

.actions-row[b-35o4hh6rth] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.input-row[b-35o4hh6rth] {
    display: flex;
    gap: 0.75rem;
    width: 100%;
}
/* /Components/Components/Modals/ManageImageGalleryModal.razor.rz.scp.css */
.input-row[b-ag02v3lr6y] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}

.manage-image-gallery-modal-content[b-ag02v3lr6y] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 1rem;
}

.manage-image-gallery-modal-footer[b-ag02v3lr6y] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    padding: 1rem 2rem;
}

.uploaded-images-gallery[b-ag02v3lr6y] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    
    .no-images-uploaded {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    
    .uploaded-image-container[b-ag02v3lr6y] {
        position: relative;
        
        .delete-button {
            position: absolute;
            top: 0.4rem;
            right: 0.6rem;
            width: 1.75rem;
            height: 1.75rem;
            border-radius: 50%;
            border: none;
            background-color: rgba(100, 100, 100, 0.50);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            opacity: 0;
            transition: opacity 0.2s ease, background-color 0.2s ease;
            padding: 0;
        }
        
        
    }

    .uploaded-image-container:hover .delete-button[b-ag02v3lr6y] {
        opacity: 1;
    }

    .delete-button:hover[b-ag02v3lr6y] {
        background-color: rgba(70, 70, 70, 0.95);
    }
    
    
    .gallery-image[b-ag02v3lr6y] {
        height: 8rem;
        aspect-ratio: 16 / 9;
        object-fit: cover;
        border-radius: 0.375rem;
    }
}
/* /Components/Components/Modals/ManageImagesModal.razor.rz.scp.css */
.modal-body[b-ha4ujb4j3w] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0.25rem 0;
}

.input-row[b-ha4ujb4j3w] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}

.upload-box-container[b-ha4ujb4j3w] {
    margin-top: 1rem;
}
/* /Components/Components/Modals/ManageMeetingRoomModal.razor.rz.scp.css */
.modal-body[b-gm1drbd4sq] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem 2rem;
}

.input-row[b-gm1drbd4sq] {
    display: flex;
    gap: 1rem;
    justify-content: flex-start;
    align-items: flex-end;
    flex-wrap: wrap;
    width: 100%;
}

.input-row-end[b-gm1drbd4sq] {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    align-items: flex-end;
    flex-wrap: wrap;
}

.top-section[b-gm1drbd4sq] {
    display: flex;
    border-bottom: 1px solid var(--beige-300);
    padding-bottom: 1rem;

    .main-info {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-right: 1rem;
        gap: 1rem;
        flex: 1 1 60%;
    }

    .picture-container[b-gm1drbd4sq] {
        border-radius: var(--border-radius);
        flex: 1 1 40%;
    }
}

.bottom-section[b-gm1drbd4sq] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    padding-bottom: 1rem;
}

[b-gm1drbd4sq] .meeting-room-picture {
    width: 20rem;
    max-height: 30rem;
    /*aspect-ratio: 16/9;*/
    object-fit: cover;
    border-radius: var(--border-radius);
}

.detail-tags[b-gm1drbd4sq] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    width: 90%;
}

.seating-layouts[b-gm1drbd4sq] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1rem;
    flex-wrap: wrap;
}

.seating-layout[b-gm1drbd4sq] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.seating-layout-heading[b-gm1drbd4sq] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.25rem;
}
/* /Components/Components/Modals/ManageRfpTeammatesModal.razor.rz.scp.css */
.manage-teammates-modal-body[b-bkklnjs8xv] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0.5rem 0;
}

.manage-teammates-modal-footer[b-bkklnjs8xv] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--beige-200);
}

.add-additional-user-row[b-bkklnjs8xv] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}

.add-additional-user-row.disabled[b-bkklnjs8xv] {
    pointer-events: none;
    opacity: 0.6;
}

.added-users-container[b-bkklnjs8xv] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: 20rem;
    overflow-y: auto;
}

.added-user[b-bkklnjs8xv] {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: white;
    border: 1px solid var(--beige-200);
    border-radius: var(--border-radius);
    padding: 1rem 1.25rem;

    .added-user-main-info {
        display: flex;
        flex-direction: row;
        flex: 1;
        gap: 1rem;
        align-items: center;
    }

    .added-user-sub-info[b-bkklnjs8xv] {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex-direction: row;
        gap: 1rem;
    }

    .added-user-placeholder-pfp[b-bkklnjs8xv] {
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 50%;
        background-color: var(--beige-100);
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
/* /Components/Components/Modals/MeetingRoomDetailModal.razor.rz.scp.css */
.modal-body[b-69zn3rws8j] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem 2rem;
}

.input-row[b-69zn3rws8j] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}

.top-section[b-69zn3rws8j] {
    display: flex;
    border-bottom: 1px solid var(--beige-300);
    padding-bottom: 1rem;
    
    .main-info {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-right: 1rem;
        gap: 1rem;
        flex: 1 1 60%;
    }
    
    .picture-container[b-69zn3rws8j] {
        border-radius: var(--border-radius);
        flex: 1 1 40%;
    }
}


[b-69zn3rws8j] .meeting-room-picture {
    width: 20rem;
    height: auto;
    border-radius: var(--border-radius);
}

.detail-tags[b-69zn3rws8j] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    width: 80%;
}

.bottom-section[b-69zn3rws8j] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-bottom: 1rem;
}

.seating-layouts[b-69zn3rws8j] {
    display: flex;
    gap: 2rem 1rem;
    flex-wrap: wrap;
}

.seating-layout[b-69zn3rws8j] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.seating-layout-heading[b-69zn3rws8j] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.25rem;
}
/* /Components/Components/Modals/ModalBase.razor.rz.scp.css */
.modal-backdrop[b-pkd9mbx4zm] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.modal-panel[b-pkd9mbx4zm] {
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 0.5rem;
    max-width: 90vw;
    max-height: 80vh;
    overflow: hidden;
    opacity: 0;
    transform: scale(0.95);
    transition: opacity 0.15s ease, transform 0.15s ease;
}

.modal-panel.small[b-pkd9mbx4zm] {
    width: 25rem;
}

.modal-panel.medium[b-pkd9mbx4zm] {
    width: 35rem;
}

.modal-panel.large[b-pkd9mbx4zm] {
    width: 50rem;
}

.modal-panel.xlarge[b-pkd9mbx4zm] {
    width: 65rem;
}

.modal-panel.open[b-pkd9mbx4zm] {
    opacity: 1;
    transform: scale(1);
}

[b-pkd9mbx4zm] .modal-header {
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 2rem;
}

[b-pkd9mbx4zm] .modal-close-icon {
    cursor: pointer;
    height: 1.5rem;
    width: 1.5rem;
}

[b-pkd9mbx4zm] .modal-base-body {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    /*gap: 1rem;*/
    padding: 1rem 2rem;
    overscroll-behavior:  none;
}

/* Mobile: bottom sheet */
@media (max-width: 768px) {
    .modal-backdrop[b-pkd9mbx4zm] {
        align-items: flex-end;
    }

    .modal-panel[b-pkd9mbx4zm] {
        width: 100%;
        max-width: 100%;
        max-height: 90vh;
        border-radius: 1.25rem 1.25rem 0 0;
        transform: translateY(100%);
        opacity: 1;
        transition: transform 0.3s ease-in-out;
    }

    .modal-panel.open[b-pkd9mbx4zm] {
        transform: translateY(0);
    }
}
/* /Components/Components/Modals/PlannerDetailsModal.razor.rz.scp.css */
.planner-details-modal-content[b-60yh65q0wi] {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid var(--beige-200);
    border-radius: 1rem;
    overflow: hidden;
}

.client-banner[b-60yh65q0wi] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 2rem;
    background-color: var(--beige-50);
    border-bottom: 1px solid var(--beige-200);
}

.client-logo[b-60yh65q0wi] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    object-fit: cover;
    background-color: var(--beige-200);
}

.user-list[b-60yh65q0wi] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.user-row[b-60yh65q0wi] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 2rem;
    gap: 1rem;
    width: 100%;
}

.user-row-divider[b-60yh65q0wi] {
    height: 1px;
    background-color: var(--beige-200);
    width: 100%;
}

.user-identity[b-60yh65q0wi] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    flex: 1 1 0;
    min-width: 0;
}

.user-avatar[b-60yh65q0wi] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    background-color: var(--beige-200);
}

.user-name-and-title[b-60yh65q0wi] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.user-name-row[b-60yh65q0wi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.creator-badge[b-60yh65q0wi] {
    background-color: var(--accent-50);
    color: var(--accent-500);
    font-size: var(--font-size-text-xs);
    font-weight: var(--font-weight-medium);
    padding: 0.125rem 0.375rem;
    border-radius: 100px;
    line-height: 1.125rem;
    white-space: nowrap;
}

.user-contacts[b-60yh65q0wi] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 18.75rem;
    flex-shrink: 0;
    justify-content: center;
}

.contact-row[b-60yh65q0wi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

[b-60yh65q0wi] .contact-icon {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .user-row[b-60yh65q0wi] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .user-contacts[b-60yh65q0wi] {
        width: 100%;
    }

    .client-banner[b-60yh65q0wi] {
        padding: 1rem 1.5rem;
        margin: -1rem -1.5rem 1rem -1.5rem;
    }
}
/* /Components/Components/Modals/QuestionTemplatesModal.razor.rz.scp.css */
.modal-body[b-f0ykdl54e2] {
    padding-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.question-template-list[b-f0ykdl54e2] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-height: 34rem;
    overflow-y: auto;
}

.question-template-modal-footer[b-f0ykdl54e2] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 1rem 2rem;
}
/* /Components/Components/Modals/SalesContactModal.razor.rz.scp.css */
.content[b-r549twwag3] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: white;
    border-radius: 0.5rem;
    width: 50%;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 90vh;
    overflow: hidden;
}

.header[b-r549twwag3] {
    /* Header will maintain its height based on content */
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 2rem;
}

.body[b-r549twwag3] {
    /* Allow the body to grow and scroll when needed */
    flex: 1;
    overflow-y: auto;
    min-height: 0; /* Important for Firefox */
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem 2rem;
    overscroll-behavior: none;
}

.footer[b-r549twwag3] {
    /* Footer will maintain its height based on content */
    flex-shrink: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 2rem 2rem 1rem;
    gap: 0.5rem;
}

.input-row[b-r549twwag3] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}

.un-editable-input[b-r549twwag3]
{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 3rem;
}
/* /Components/Components/Modals/SavedQuestionsModal.razor.rz.scp.css */
.modal-body[b-joi7kw1dge] {
    padding-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.saved-question-container[b-joi7kw1dge] {
    display: flex;
    justify-content: space-between;
    border-radius: var(--border-radius);
    padding: 0.75rem 0.75rem;
    align-items: center;
    background-color: var(--beige-50);
    border: 1px solid var(--beige-200);
    /*transition: all 0.2s ease;*/
}
    
    .saved-question-container.selected[b-joi7kw1dge] {
        background-color: var(--beige-100);
        border: 1px solid var(--beige-400);
    }
    
    
.saved-questions-list[b-joi7kw1dge] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-height: 40vh;
    overflow-y: auto;
}

.saved-question-details[b-joi7kw1dge] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
}

.saved-questions-modal-footer[b-joi7kw1dge] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 2rem;  
}
/* /Components/Components/Modals/SaveQuestionsAsTemplateModal.razor.rz.scp.css */
.input-row[b-t99fagm42n] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}
/* /Components/Components/Modals/SaveSupplierModal.razor.rz.scp.css */
.input-row[b-glt5od458l] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}

.buttons-row[b-glt5od458l] {
    display: flex;
    width: 100%;
    gap: 1rem;
}
/* /Components/Components/Modals/SelectDateRangeModal.razor.rz.scp.css */
.input-row[b-s8vwaak0nu] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}

.select-date-range-modal-content[b-s8vwaak0nu] {
    display: flex;
    flex-direction: column;
    background-color: white;
    /*padding: 1rem 2rem;*/
    border-radius: 0.5rem;
    width: 50%;
    max-width: 40rem;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*height: auto;*/
    max-height: 80vh;
    overflow: hidden;
}
/* /Components/Components/Modals/SelectInviteTypeModal.razor.rz.scp.css */
.input-row[b-81b73mofy3] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}

.select-invite-type-modal-content[b-81b73mofy3] {
    display: flex;
    flex-direction: column;
    background-color: white;
    /*padding: 1rem 2rem;*/
    border-radius: 0.5rem;
    width: 50%;
    max-width: 40rem;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*height: auto;*/
    max-height: 80vh;
    overflow: hidden;
    min-height: 23rem;
}

.select-block-container[b-81b73mofy3] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    padding: 2rem;
}

.block-option[b-81b73mofy3] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    border-radius: 1rem;
    background-color: var(--beige-100);
    border: 1px solid var(--beige-300);
    cursor: pointer;
    width: 15rem;
    height: 12rem;
    transition: all 0.2s;

    &:hover {
        background-color: var(--beige-50);
        width: 17rem;
    }
}
/* /Components/Components/Modals/SelectMeetingRoomModal.razor.rz.scp.css */
.input-row[b-wshactot21] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}

.meeting-room-detail[b-wshactot21] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--beige-200);
    border-radius: var(--border-radius);
    width: 100%;
    
    .top {
        display: flex;
        justify-content: space-between;
        padding: 1rem;
        border-bottom: 1px solid var(--beige-200);
    }
    
    .bottom[b-wshactot21] {
        padding: 1rem;
    }
}

.main-info[b-wshactot21] {
    display: flex;
    gap: 1rem;
}

.meeting-room-picture[b-wshactot21] {
    height: 5rem;
    aspect-ratio: 16/9;
    object-fit: cover;
    border-radius: var(--border-radius);
}

.name-and-info[b-wshactot21] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.detail-tags[b-wshactot21] {
    display: flex;
    gap: 0.5rem;
    max-width: 25rem;
    flex-wrap: wrap;
}

.actions[b-wshactot21] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    align-items: center;
}

.seating-layouts[b-wshactot21] {
    display: flex;
    gap: 1rem 1rem;
    flex-wrap: wrap;

    .seating-layout {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .seating-layout-heading[b-wshactot21] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 0.25rem;
    }
}

.no-results[b-wshactot21] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 0.5rem;
    padding: 2.5rem;
}

/* /Components/Components/Modals/SendHotelInviteModal.razor.rz.scp.css */
.input-row[b-5jg7a4ad16] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}
/* /Components/Components/Modals/SendOrgInviteModal.razor.rz.scp.css */

/* FOR THE FORM */
[b-zbnqda71mu] .form {
    display: flex;
    flex-direction: column;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
    padding: 1rem 0;
}

.form .form-actions[b-zbnqda71mu] {
    /* grid-row: -1;
    grid-column: -1; */
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}


.grid-container[b-zbnqda71mu] {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;

    .input-row {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }

    .column1[b-zbnqda71mu] {
        /*flex: 1;*/
        display: flex;
        flex-direction: column;
        align-items: flex-start; /* Align items to the start of the column */
        padding: 10px;
        gap: 1.25rem;
        max-width: 100%;
        width: auto;
    }

    .column2[b-zbnqda71mu] {
        /*flex: 3;*/
        display: flex;
        flex-direction: column;
        align-items: flex-start; /* Align items to the start of the column */
        padding: 10px;
        gap: 1.25rem;
        max-width: 100%;
        width: auto;
    }
}

label[b-zbnqda71mu] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
/* /Components/Components/Modals/ShareProposalsSummaryModal.razor.rz.scp.css */
.input-row[b-f2n58rme48] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}

.share-proposals-summary-modal-content[b-f2n58rme48] {
    display: flex;
    flex-direction: column;
    background-color: white;
    /*padding: 1rem 2rem;*/
    border-radius: 0.5rem;
    width: 50%;
    max-width: 40rem;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*height: auto;*/
    max-height: 80vh;
    overflow: hidden;
}
/* /Components/Components/Modals/SimpleModal.razor.rz.scp.css */
.input-row[b-fcyhue7py5] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}

.simple-modal-content[b-fcyhue7py5] {
    display: flex;
    flex-direction: column;
    background-color: white;
    /*padding: 1rem 2rem;*/
    border-radius: 0.5rem;
    width: 50%;
    max-width: 40rem;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*height: auto;*/
    max-height: 80vh;
    overflow: hidden;
}
/* /Components/Components/Modals/SubmitProposalsModal.razor.rz.scp.css */
.input-row[b-bh7qgtz9ab] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}

.submit-proposals-modal-content[b-bh7qgtz9ab] {
    display: flex;
    flex-direction: column;
    background-color: white;
    /*padding: 1rem 2rem;*/
    border-radius: 0.5rem;
    width: 50%;
    max-width: 40rem;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*height: auto;*/
    /*min-height: 20rem;*/
    max-height: 80vh;
    overflow: hidden;
}

.proposal-container[b-bh7qgtz9ab] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    justify-content: flex-start;
    align-items: flex-start;
    border: 1px solid var(--accent-600);
    background-color: var(--accent-50);
    border-radius: 0.75rem;
    padding: 0.5rem 1rem;
    width: 100%;
    
    .proposal-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    
}

.bullet-item[b-bh7qgtz9ab] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
}
/* /Components/Components/Modals/TemplateModal.razor.rz.scp.css */
.template-modal-content[b-k07eqkcp64] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

.template-modal-footer[b-k07eqkcp64] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    padding: 1rem 2rem;
}
/* /Components/Components/Modals/ViewMarkupTextModal.razor.rz.scp.css */
.comment[b-a3cz6lu41y] {
    max-height: 50dvh;
    overflow-y: auto;
}
/* /Components/Components/Modals/ViewRecipientSalesUsersModal.razor.rz.scp.css */
.input-row[b-ggyjzi4tst] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}
/* /Components/Components/Notifications/ErrorNotification.razor.rz.scp.css */
.popup-notification[b-dmu6v8nx7s] {
    position: fixed;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    width: 300px;
    padding: 1rem;
    border-radius: 8px;
}

.popup-content[b-dmu6v8nx7s] {
    position: relative;
}

.close-btn[b-dmu6v8nx7s] {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 1.2rem;
}
/* /Components/Components/Notifications/Toast.razor.rz.scp.css */
.toasts[b-of9culxzzp] {
    display: flex;
    flex-direction: column;
    position: fixed; 
    bottom: 20px; 
    left: 50%; 
    transform: translateX(-50%);
    z-index: 99999;
    
    .toast {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        z-index: 99999;
        padding: 20px;
        border-radius: 0.5rem;
        color: white;
        /*animation: fadein 0.5s, fadeout 0.5s 4.5s; !* Appear/disappear animations *!*/
        animation: fadein-b-of9culxzzp 0.5s; /* Appear/disappear animations */
        transition: all 0.5s;
        margin-top: 0.5rem;
        
        .close-button {
            
        }
    }
}

.closed-toast[b-of9culxzzp] {
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}


.success[b-of9culxzzp] { background-color: var(--green-500); }
.error[b-of9culxzzp] { background-color: var(--maroon-600); }
.info[b-of9culxzzp] { background-color: var(--beige-800); }
.warning[b-of9culxzzp] { background-color: var(--accent-500); }

@keyframes fadein-b-of9culxzzp {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeout-b-of9culxzzp {
    from {opacity: 1;}
    to {opacity: 0;}
}
/* /Components/Components/Notifications/UnsavedChangesBar.razor.rz.scp.css */
.unsaved-changes-bar[b-b67vprn1co] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;

    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;

    min-width: 360px;
    max-width: calc(100vw - 40px);
    padding: 12px 12px 12px 20px;

    background-color: var(--beige-800);
    color: white;
    border-radius: 0.5rem;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);

    animation: unsaved-bar-slide-in-b-b67vprn1co 0.3s ease-out;
}

.unsaved-changes-bar p[b-b67vprn1co] {
    margin: 0;
    white-space: nowrap;
}

@keyframes unsaved-bar-slide-in-b-b67vprn1co {
    from {
        opacity: 0;
        transform: translate(-50%, 1rem);
    }
    to {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}
/* /Components/Components/Sections/ActivityTabSection.razor.rz.scp.css */
.form-block[b-pzhxq4f1g9] {
    display: flex;
    flex-direction: column;
    justify-content: safe center;
    flex: 1;
    border-radius: 10px;
    padding: 1.5rem 2rem;
    background-color: var(--beige-50);
    gap: 1rem;
    box-shadow: 0px 2px 8px 0px rgba(47, 45, 46, 0.05);

    .block-header {
        display: flex;
        justify-content: space-between;
    }
}

.section-loading[b-pzhxq4f1g9] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 1rem;
}

.dotted-list[b-pzhxq4f1g9] {
    list-style: none;
    position: relative;
}

.dotted-list li[b-pzhxq4f1g9] {
    position: relative;
    padding-left: 2rem;
    padding-bottom: 3rem;

    &:last-child {
        padding-bottom: 1rem;
    }
}

.dotted-list li[b-pzhxq4f1g9]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 8px;
    height: 8px;
    background-color: var(--beige-500, #E2DACB);
    border: 1px solid var(--beige-400, #E2DACB);
    border-radius: 50%;
}

.dotted-list li[b-pzhxq4f1g9]::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 15px;
    width: 2px;
    height: calc(100% + 0px);
    background-color: var(--beige-400, #E2DACB);
}

/* Remove line for the last item */
.dotted-list li:last-child[b-pzhxq4f1g9]::after {
    display: none;
}

.stacked-text[b-pzhxq4f1g9] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
}
/* /Components/Components/Sections/InvitesTabSection.razor.rz.scp.css */
.planner-invites-tab-section[b-egdg2mgpvc] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.section-loading[b-egdg2mgpvc] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 1rem;
}

.controls-container[b-egdg2mgpvc] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    gap: 1rem;
    
    .actions {
        display: flex;
        gap: 0.5rem;
        align-items: center;
    }
}

.no-results-message[b-egdg2mgpvc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    width: 100%;
    padding: 2rem 1rem;
    text-align: center;
}

.section-block[b-egdg2mgpvc] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background-color: var(--beige-50);
    border-radius: 1rem;
    border: 1px solid var(--beige-200);
    box-shadow: 0 2px 8px 0 rgba(47, 45, 46, 0.05);
    padding: 1.5rem;
    
    .section-block-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        
        .section-block-title-container
        {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            
            .section-block-title {
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                align-items: flex-start;
            }
        }
        
        
        .section-block-actions[b-egdg2mgpvc] {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
    }
}

.invites-table[b-egdg2mgpvc] {
    .header-cell {
        padding: 0.75rem 1rem;
        font-size: var(--font-size-text-sm);
        color: var(--font-color-secondary);
    }
    
    .basic-cell[b-egdg2mgpvc] {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0.75rem 1rem;
    }
    
    .trash-cell[b-egdg2mgpvc] {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 0.75rem 1rem;
    }

    .no-rows-cell[b-egdg2mgpvc] {
        text-align: center;
        padding: 0.75rem;
    }
}

.stacked-text[b-egdg2mgpvc] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.trash-button[b-egdg2mgpvc] {
    cursor: pointer;
    &:hover {
        color: var(--maroon-700);
    }
}

.dropdown-item[b-egdg2mgpvc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    cursor: pointer;
    text-wrap: nowrap;
    font-weight: var(--font-weight-light);
    font-size: var(--font-size-text-sm);

    &:hover {
        background-color: var(--beige-100);
    }
}
/* /Components/Components/Sections/PlanSelector.razor.rz.scp.css */
.plan-selector[b-8e1czon6k0] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;

    .plan-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .plans[b-8e1czon6k0] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;

        .plan {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            justify-content: flex-start;
            border-radius: 20px;
            background: var(--beige-50, #FCFBFA);
            padding: 2rem;
        }
    }

    @media (max-width: 1200px) {
        .plans[b-8e1czon6k0] {
            grid-template-columns: 1fr;
        }
    }
}

.toggle-input-container[b-8e1czon6k0] {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    gap: 0.5rem;
    position: relative;
    margin-top: 0.25rem;
    height: 3rem;
    border-radius: 999rem;
    border: 1px solid var(--beige-800);
    min-width: 17rem;
    box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.04);


    .selected-highlight {
        position: absolute;
        top: 0;
        background-color: var(--beige-800);
        width: 50%;
        height: 100%;
        z-index: 0;
        border-radius: inherit;
        /*border: 3px solid var(--beige-800);*/
        transition: left 0.3s ease;
    }

    .option[b-8e1czon6k0] {
        /*cursor: pointer;*/
        position: relative;
        display: inline-block;
        z-index: 1;
        transition: color 0.3s ease;
    }

    .option.option-True[b-8e1czon6k0] {
        color: var(--beige-700);
    }
    .option.option-False[b-8e1czon6k0] {
        color: var(--beige-100);
    }

    /* Hidden clickable area*/
    .option[b-8e1czon6k0]::before {
        content: "";
        position: absolute;
        top: -10px;
        bottom: -10px;
        left: -50px;
        right: -50px;
        background: transparent;
        cursor: pointer;
    }

    .selected-highlight.selected-highlight-True[b-8e1czon6k0] {
        left: 0;
    }

    .selected-highlight.selected-highlight-False[b-8e1czon6k0] {
        left: 50%;
    }
}
/* /Components/Components/Sections/ProposalDetails.razor.rz.scp.css */

.proposals-row[b-h1qs2ng181] {
    display: flex;
    width: 100%;
    margin-top: 1rem;

    .proposal-cards-container {
        display: flex;
        gap: 1rem;
        /*overflow-x: auto;*/
        /*overflow-y: visible;*/
        flex-wrap: wrap;
        /*mask-image: linear-gradient(to right, black calc(100% - 3rem), transparent 100%);*/
        /*-webkit-mask-image: linear-gradient(to right, black calc(100% - 3rem), transparent 100%);*/
        max-width: 80rem;

        .proposal-card {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
            border: 1px solid var(--beige-300);
            border-radius: 0.75rem;
            padding: 0.75rem;
            background-color: var(--beige-50);
            cursor: pointer;
            transition: all 0.2s ease-in-out;

            &:last-of-type {
                margin-right: 2rem;
            }

            .top-row[b-h1qs2ng181] {
                display: flex;
                justify-content: space-between;
                align-items: center;
                gap: 0.5rem;
            }

            .bottom-row[b-h1qs2ng181] {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                gap: 0.5rem;
            }

            &.active[b-h1qs2ng181] {
                border: 1px solid var(--accent-600);
                background-color: var(--accent-50);
            }

            .proposal-card-buttons[b-h1qs2ng181] {
                display: flex;
                gap: 0.5rem;
                justify-content: flex-end;
                align-items: center;

                .proposal-button {
                    color: var(--beige-600);
                    cursor: pointer;

                    &:hover {
                        color: var(--beige-900);
                    }
                }
            }
        }
    }
}


.form-block[b-h1qs2ng181] {
    display: flex;
    flex-direction: column;
    justify-content: safe center;
    flex: 1;
    border-radius: 10px;
    padding: 1.5rem 2rem;
    background-color: var(--beige-50, white);
    gap: 1rem;
    box-shadow: 0px 2px 8px 0px rgba(47, 45, 46, 0.05);

    .block-header {
        display: flex;
        justify-content: space-between;
    }
}

.input-row[b-h1qs2ng181] {
    display: flex;
    align-items: center;
    gap: 1rem;
}



.edit-button[b-h1qs2ng181] {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--white);
    border: 1px solid var(--beige-200);
    border-radius: 0.625rem;
    padding: 0.625rem;
}

.back-button-container[b-h1qs2ng181] {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    padding: 1rem 3rem;

    .back-button {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.5rem 1rem;
        cursor: pointer;
        transition: all 0.2s ease-in;

        &:hover {
            background-color: var(--beige-400);
            border-radius: 99rem;
        }
    }
}

.submitted-user-info[b-h1qs2ng181] {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
    align-items: center;
}

.contact-info-box[b-h1qs2ng181] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-radius: 0.75rem;
    border: 1px solid var(--beige-300);
    background: var(--beige-100);
}

.event-date-box[b-h1qs2ng181] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-radius: 0.75rem;
    border: 1px solid var(--beige-300);
    background: var(--beige-100);
    min-width: 18rem;
}

.comment-text-area[b-h1qs2ng181] {
    max-width: 30rem;
}

[b-h1qs2ng181] .suggested-date-input {
    width: 17rem;
}

.trash-date-button[b-h1qs2ng181] {
    cursor: pointer;
    display: flex;
    height: 3rem;
    width: 3rem;
    justify-content: center;
    align-items: center;
    color: var(--maroon-500);
    background-color: var(--white, white);
    border: 1px solid var(--maroon-50);
    border-radius: var(--border-radius);
    transition: all 0.2s ease-in-out;

    &:hover {
        background-color: var(--maroon-500);
        border: 1px solid var(--maroon-500);
        color: var(--white, white);
    }
}

.summary-row[b-h1qs2ng181] {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    justify-content: space-between;

    .summary-label {
        display: flex;
        flex: 0 1 25%; /* flex-grow: 1, flex-shrink: 1, flex-basis: auto */
        min-width: 10rem; /* Set the initial width */
        flex-wrap: nowrap;
        align-items: center;
        gap: 0.5rem;
    }

    .summary-info[b-h1qs2ng181] {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex: 1;
        flex-wrap: nowrap;
        gap: 1rem;
    }

    .summary-info-centered[b-h1qs2ng181] {
        display: flex;
        justify-content: center;
        flex: 1;
        flex-wrap: nowrap;
        gap: 1rem;
    }

    .summary-contact-placeholder-pfp[b-h1qs2ng181] {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        background-color: var(--accent-color-light);
        min-width: 2rem;
        height: 2rem;
        padding: 0.5rem;
        border-radius: 999rem;
        font-size: var(--font-size-text-xs);
    }
}
.rooms-cost-line[b-h1qs2ng181] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.rowspan-cell[b-h1qs2ng181] {
    display: flex;
    flex-direction: column;
    padding-top: 0.45rem;
}

.other-charges-input-row[b-h1qs2ng181] {
    display: flex;
    max-width: 100%;
    width: 50%;
    gap: 1rem;
}

.question-response[b-h1qs2ng181] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: fit-content;
    border-radius: 0.75rem;
    background: var(--beige-100, #F9F6F3);
    padding: 0.75rem;
    color: var(--accent-600);
    font-weight: var(--font-weight-light);
    max-width: 40rem;
    box-shadow: 0px 1px 2px 0px rgba(47, 45, 46, 0.05);
}

.proposal-comment[b-h1qs2ng181] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: fit-content;
    border-radius: 0.75rem;
    background: var(--beige-100, #F9F6F3);
    padding: 0.75rem;
    /*color: var(--accent-600);*/
    font-weight: var(--font-weight-light);
    max-width: 40rem;
    box-shadow: 0px 1px 2px 0px rgba(47, 45, 46, 0.05);
}


.control-buttons-row[b-h1qs2ng181] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.fee-info[b-h1qs2ng181] {
    border-radius: 0.375rem;
    background: var(--beige-200, #F1EDE4);
    /*color: var(--accent-color);*/
    padding: 0rem 0.3rem;
}

[b-h1qs2ng181] .fnb-input {
    width: 100%;
}

.stacked-cell[b-h1qs2ng181] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 0.25rem;
    height: 100%;
}

.stacked-cell-center[b-h1qs2ng181] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.25rem;
    height: 100%;
}

.edit-buttons-cell[b-h1qs2ng181] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    width: 100%;
}

.expand-button-cell[b-h1qs2ng181] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5rem;
}

.multiple-costs-container[b-h1qs2ng181] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: flex-end;
}

.uploaded-files[b-h1qs2ng181] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;

    .uploaded-file {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 1.5rem;
        height: 4rem;
        background-color: var(--beige-100);
        border: 1px solid var(--beige-300);
        border-radius: var(--border-radius);
        gap: 1rem;

        .file-info {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 0.25rem;
        }

        .file-icon[b-h1qs2ng181] {
            width: 2rem;
            height: 2rem;
            color: var(--beige-600);
            margin-right: 0.5rem;
            object-fit: contain;
        }
    }
}

.proposal-links[b-h1qs2ng181] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;

    .proposal-link {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
        padding: 0.5rem 1rem;
        background-color: var(--beige-100);
        border: 1px solid var(--beige-300);
        border-radius: var(--border-radius);
        cursor: pointer;
        transition: all 0.3s ease;
    }
}
/* /Components/Components/Sections/RfpDetailsTabSection.razor.rz.scp.css */
.rfp-details-tab-section[b-f76eo5co7w]
{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-block[b-f76eo5co7w] {
    display: flex;
    flex-direction: column;
    justify-content: safe center;
    flex: 1;
    border-radius: 10px;
    padding: 1.5rem 2rem;
    background-color: var(--beige-50);
    gap: 1rem;
    box-shadow: 0px 2px 8px 0px rgba(47, 45, 46, 0.05);

    .block-header {
        display: flex;
        justify-content: space-between;
    }
}

.loading-spinner-container[b-f76eo5co7w]
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 1rem;
}

.edit-button[b-f76eo5co7w] {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--white);
    border: 1px solid var(--beige-200);
    border-radius: 0.625rem;
    padding: 0.625rem;
}

.image-name-subtitle-container[b-f76eo5co7w] {
    display: flex;
    gap: 0.5rem;

    .logo-image {
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 999em;
        object-fit: cover;
    }

    .hotel-image[b-f76eo5co7w] {
        width: 5rem;
        height: 3rem;
        border-radius: 0.40763rem;
    }
}

.summary-row[b-f76eo5co7w] {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 1rem;
    justify-content: space-between;

    .summary-label {
        display: flex;
        flex: 0 1 25%; /* flex-grow: 1, flex-shrink: 1, flex-basis: auto */
        min-width: 10rem; /* Set the initial width */
        flex-wrap: nowrap;
        align-items: center;
        gap: 0.5rem;
    }

    .summary-info[b-f76eo5co7w] {
        display: flex;
        justify-content: flex-start;
        flex: 1;
        flex-wrap: nowrap;
        gap: 1rem;
    }

    .summary-info-column[b-f76eo5co7w] {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        flex: 1;
        flex-wrap: nowrap;
        gap: 1rem;
    }

    .summary-info-centered[b-f76eo5co7w] {
        display: flex;
        justify-content: center;
        flex: 1;
        flex-wrap: nowrap;
        gap: 1rem;
    }

    .summary-contact-placeholder-pfp[b-f76eo5co7w] {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        background-color: var(--accent-color-light);
        min-width: 2rem;
        height: 2rem;
        padding: 0.5rem;
        border-radius: 999rem;
        font-size: var(--font-size-text-xs);
    }
}

.stacked-text[b-f76eo5co7w] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
}

.venue-list-item[b-f76eo5co7w] {
    padding-bottom: 1rem;
    width: 100%;
    border-bottom: 1px solid var(--beige-200);
}

/* /Components/Components/Sheets/HotelSheet.razor.rz.scp.css */
/*.main-container {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    gap: 1rem;*/
/*    width: 100vh;*/
/*}*/



.top-row[b-nv4s5uuwrh] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.back-button[b-nv4s5uuwrh] {
    cursor: pointer;
    align-items: center;
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
    padding: 0.5rem 1rem;
    
    &:hover {
        background-color: var(--beige-100);
        border-radius: 99rem;
    }
}

.header[b-nv4s5uuwrh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 1rem;
}

.bottom-sheet[b-nv4s5uuwrh] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 5rem); /* Full height - layout top row */
    background-color: white; /* Adjust the background color as needed */
    /*box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);*/
    z-index: 501; /* Ensure it is in front of other elements */
    transition: transform 0.3s ease-in-out;
    transform: translateY(100%); /* Initially hidden */
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
    padding: 2rem 3rem;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overscroll-behavior: none;
    box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.1); /* Adds a shadow on the top */
}

.bottom-sheet.open[b-nv4s5uuwrh] {
    transform: translateY(0); /* Slide up to show */
}

.bottom-sheet:has(dialog[open])[b-nv4s5uuwrh] {
    /* remove the main scrollbar when dialog is open */
    overflow: hidden;
}

.contents[b-nv4s5uuwrh] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 80rem;
}

.description[b-nv4s5uuwrh] {
    margin-top: 1rem;
    max-width: 60%;
    overflow-wrap: break-word;
}

.gallery[b-nv4s5uuwrh] {
    display: flex;
    width: 100%; /* Make it responsive */
    /*max-width: 80rem; !* Limit the width *!*/
    gap: 0.25rem; /* Space between the images */
    margin-top: 1rem;
    max-height: 25rem;
}

.main-image[b-nv4s5uuwrh] {
    flex: 2;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.side-images[b-nv4s5uuwrh] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.main-image-img[b-nv4s5uuwrh] {
    width: 100%;
    height: 100%; /* Maintain aspect ratio */
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
    object-fit: cover;
}

.side-images img[b-nv4s5uuwrh] {
    width: 100%;
    height: 50%; /* Each image takes half the height of the container */
    object-fit: cover; /* Ensures the image covers the space */
}

.side-images img:first-of-type[b-nv4s5uuwrh] {
    border-top-right-radius: var(--border-radius);
}

.side-images img:last-of-type[b-nv4s5uuwrh] {
    border-bottom-right-radius: var(--border-radius);
}

.misc-row-1[b-nv4s5uuwrh] {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
    justify-content: space-between;
}

.scroll-tabs[b-nv4s5uuwrh] {
    display: flex;
    gap: 1rem;
}

.scroll-tab[b-nv4s5uuwrh] {
    display: flex;
    padding: 4px 4px 16px 4px;
    justify-content: center;
    align-items: baseline;
}

.scroll-tab.active[b-nv4s5uuwrh] {
    border-bottom: 2px solid var(--accent-color);
}

.contact-infos[b-nv4s5uuwrh] {
    display: flex;
    gap: 1rem;
}

.contact-info[b-nv4s5uuwrh] {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--beige-200);
    border-radius: var(--border-radius);
    padding: 0.5rem 0.875rem;
    height: 2.5rem;
}

.summary[b-nv4s5uuwrh] {
    display: flex;
    border: 1px solid var(--beige-200);
    border-radius: var(--border-radius);
    width: 100%;
    height: 12.5rem;
    margin-top: 1rem;
    
    .reviews {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background-color: var(--beige-100);
        border-right: 1px solid var(--beige-200);
        border-top-left-radius: inherit;
        border-bottom-left-radius: inherit;
        padding: 1rem;
    }
    
    .highlights[b-nv4s5uuwrh] {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        padding: 1rem;
        gap: 1rem;
        
        .highlighted-details {
            display: flex;
            flex-direction: row;
            gap: 1.5rem;
            flex-wrap: wrap;
            max-width: 30rem;
        }
        
        .highlight[b-nv4s5uuwrh] {
            display: flex;
            gap: 0.5rem;
            justify-content: center;
            align-items: center;
        }

        .see-details[b-nv4s5uuwrh] {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: auto;
        }
    }
    
    .attachments[b-nv4s5uuwrh] {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        padding: 1rem;
        gap: 1rem;
        
        .attachments-contents {
            display: flex;
            flex-direction: row;
            gap: 0.5rem;
            flex-wrap: wrap;
            max-width: 30rem;
            height: 100%;
            overflow-y: auto;
        }

        .attachment[b-nv4s5uuwrh] {
            display: flex;
            gap: 0.5rem;
            justify-content: center;
            align-items: center;
        }
    }
}

.stacked-text[b-nv4s5uuwrh] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}



.room-column-1[b-nv4s5uuwrh] {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.rooms-table[b-nv4s5uuwrh] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid var(--beige-300);
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);

    td {
        border-bottom: 1px solid var(--beige-300);
    }

    tr:last-child td[b-nv4s5uuwrh] {
        border-bottom: none;
    }

    .header-cell[b-nv4s5uuwrh] {
        padding: 0.5rem 0.75rem;
    }

    .basic-cell[b-nv4s5uuwrh] {
        padding: 0.5rem 0.75rem;
    }
    
    .no-rows-cell[b-nv4s5uuwrh] {
        padding: 0.5rem 0.75rem;
        text-align: center;
    }

    .sleeping-count-cell[b-nv4s5uuwrh] {
        padding: 0.5rem 0.75rem;
        text-align: start;
    }
    
    .guest-room-cell[b-nv4s5uuwrh] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 0.75rem;
        padding: 0.5rem 0.75rem;
        max-width: 25rem;
        
        .guest-room-info {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
        }

        .guest-room-info-tags[b-nv4s5uuwrh] {
            display: flex;
            gap: 0.5rem;
            flex-wrap: wrap;
        }
    }
    
    .room-image[b-nv4s5uuwrh] {
        height: 2rem;
        aspect-ratio: 16 / 9;
        object-fit: fill;
        border-radius: 0.375rem;
        cursor: pointer;
    }

    .meeting-room-cell[b-nv4s5uuwrh] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 0.75rem;
        padding: 0.5rem 0.75rem;
        max-width: 25rem;

        .meeting-room-table-description {
            display: inline-block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 100%;
        }

        .stacked-text[b-nv4s5uuwrh] {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
            min-width: 0;
            flex: 1;
        }
    }
}




.amenity-sections[b-nv4s5uuwrh] {
    display: flex;
    gap: 3rem;
    margin-top: 0.5rem;
    border: 1px solid var(--beige-200);
    border-radius: var(--border-radius);
    padding: 1rem;
    
    .amenity-section {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
    }
}
/* /Components/Components/Sheets/SupplierSearchSheet.razor.rz.scp.css */
.top-row[b-aojrm2wjmy] {
    display: flex;
    justify-content: space-between;
}

.back-button[b-aojrm2wjmy] {
    cursor: pointer;
    align-items: center;
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.bottom-sheet[b-aojrm2wjmy] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 5rem); /* Full height - layout top row */
    background-color: white; /* Adjust the background color as needed */
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    z-index: 450; /* Ensure it is in front of other elements */
    transition: transform 0.3s ease-in-out;
    transform: translateY(100%); /* Initially hidden */
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
    display: flex;
}

.bottom-sheet.open[b-aojrm2wjmy] {
    transform: translateY(0); /* Slide up to show */
    overscroll-behavior: none;
}

.main-contents[b-aojrm2wjmy] {
    flex: 1 1 60%;
    display: flex;
    flex-direction: column;
    padding: 2rem 3rem;
    gap: 0.5rem;
}

.search-bar-row[b-aojrm2wjmy] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    
    .search-bar {
        display: flex;
        flex-direction: column;
        flex: 1;
        gap: 0.5rem;
    }
}

.search-results[b-aojrm2wjmy] {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    height: 100%;
    padding-bottom: 10rem;
}

.no-results[b-aojrm2wjmy] {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
}

.map[b-aojrm2wjmy] {
    flex: 1 1 40%;
    height: 100%;
    border-top-right-radius: 1.25rem;
}

.loading-search-result[b-aojrm2wjmy] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 1rem;
    height: 8rem;
}
/* /Components/Components/Tables/ProposalsSummaryDeclinedTable.razor.rz.scp.css */
.declined-table[b-fmdxuoq5ny] {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid var(--beige-300);
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);

    td {
        border-bottom: 1px solid var(--beige-300);
    }

    tr:last-child td[b-fmdxuoq5ny] {
        border-bottom: none;
    }
}

.header-cell[b-fmdxuoq5ny] {
    padding: 0.75rem 1.5rem;
}

.basic-cell[b-fmdxuoq5ny] {
    padding: 0.75rem 1.5rem;
}

.hotel-name-cell[b-fmdxuoq5ny] {
    padding: 0.75rem 1.5rem;
}

.declined-status-cell[b-fmdxuoq5ny] {
    padding: 0.75rem 1.5rem;
}

.reason-cell[b-fmdxuoq5ny] {
    padding: 0.75rem 1.5rem;
    margin-right: auto;
    white-space: wrap;
}

.no-rows-cell[b-fmdxuoq5ny] {
    text-align: center;
    padding: 0.75rem;
}
/* /Components/Components/Tables/ProposalsSummaryDetailTable.razor.rz.scp.css */
.section-controls[b-6qvxidkqun] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    width: 100%;
    padding: 1rem 0;
    max-width: calc(100vw - 6rem);
}

.loading-card[b-6qvxidkqun] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 1rem;
    height: 8rem;
    border-radius: 1rem;
    border: 1px solid var(--beige-300);
    background-color: var(--beige-50);
}

.horizontal-separator[b-6qvxidkqun] {
    max-width: 15rem;
    height: 1px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    background-color: var(--light-grey);
}

.table-scroll-wrapper[b-6qvxidkqun] {
    max-width: calc(100vw - 6rem);
    padding: 0;
    border-radius: 1rem;
}

.detail-table[b-6qvxidkqun] {
    table-layout: fixed;
    /*border-top-left-radius: 1rem; border-top-right-radius: 1rem;*/
    /*border-top: 1px solid var(--beige-300);*/
    border-collapse: separate;
    border-spacing: 0;

    th:first-child,
    td:first-child {
        position: sticky;
        left: 0;
        z-index: 1;
        background-color: var(--beige-100);
    }

    tr:last-child[b-6qvxidkqun] {
        td:first-child {
            border-bottom-left-radius: 1rem;

            div {
                border-bottom-left-radius: 1rem;
            }
        }
        td:last-child[b-6qvxidkqun] {
            border-bottom-right-radius: 1rem;
        }
    }

    /* First column cells (left edge) */
    th:first-child[b-6qvxidkqun] {
        width: 14rem;
    }

    th:not(:first-child)[b-6qvxidkqun] {
        width: 18rem;
    }

    th:first-child[b-6qvxidkqun],
    td:first-child[b-6qvxidkqun] {
        border-left: 1px solid var(--beige-300);
    }

    /* Last column cells (right edge) */
    th:last-child[b-6qvxidkqun],
    td:last-child[b-6qvxidkqun] {
        border-right: 1px solid var(--beige-300);
    }

    /* Top row cells (top edge) */
    thead tr:first-child th[b-6qvxidkqun] {
        border-top: 1px solid var(--beige-300);
    }

    /* Bottom row cells (bottom edge) */
    tbody tr:last-child td[b-6qvxidkqun] {
        border-bottom: 1px solid var(--beige-300);
    }

    td[b-6qvxidkqun] {
        border-bottom: 1px solid var(--beige-300);
    }

}

/* I use this to make a gap in the rows for a subtitle */
.spacer-row[b-6qvxidkqun] {
    height: 40px; /* Adjust as needed */
    background-color: transparent;

    td {
        border: none !important;
    }

    td:first-child[b-6qvxidkqun] {
        position: static;
    }

    .section-subtitle[b-6qvxidkqun] {
        display: flex;
        align-items: flex-end;
        padding-top: 1rem;
        padding-bottom: 0.5rem;
        color: var(--accent-600);
        position: sticky;
        left: 0;
        width: fit-content;
    }
}

/* This is used on the last row "<tr>" before a spacer row */
.last-row[b-6qvxidkqun] {
    /*border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem;*/
    border-bottom: none;

    td {
        /*border: 1px solid var(--beige-300);*/
    }

    td:first-child[b-6qvxidkqun] {
        border-bottom-left-radius: 1rem;

        div {
            border-bottom-left-radius: 1rem;
        }
    }
    td:last-child[b-6qvxidkqun] {
        border-bottom-right-radius: 1rem;
    }
}

/* This is used on the first row "<tr>" after a spacer row */
.start-row[b-6qvxidkqun] {
    td {
        border-top: 1px solid var(--beige-300);
    }

    td:first-child[b-6qvxidkqun] {
        border-top-left-radius: 1rem;

        div {
            border-top-left-radius: 1rem;
        }
    }
    td:last-child[b-6qvxidkqun] {
        border-top-right-radius: 1rem;
    }
}


.header-cell[b-6qvxidkqun] {
    display: flex;
    flex-direction: column;
    padding: 0.75rem 1rem;
    /*max-width: 16rem;*/
    white-space: wrap;
    border-left: 1px solid var(--beige-300);
}

.side-header-cell[b-6qvxidkqun] {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 1.5rem;
    color: var(--beige-700);
    background-color: var(--beige-100);
}

.basic-cell[b-6qvxidkqun] {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 1rem;
    gap: 0.25rem;
    border-left: 1px solid var(--beige-200);
    white-space: wrap;
}

.dates-cell[b-6qvxidkqun] {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 1rem;
    gap: 0.25rem;
    border-left: 1px solid var(--beige-200);
}

.notes-cell[b-6qvxidkqun] {
    padding: 0.5rem 0.75rem;
}

.meeting-rooms-cost-summary-cell[b-6qvxidkqun] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 1rem;
    gap: 0.25rem;
    border-left: 1px solid var(--beige-200);
    white-space: wrap;
}

.comment-cell[b-6qvxidkqun] {
    padding: 1rem;
    overflow: hidden;
    border-left: 1px solid var(--beige-200);
    height: 100%;

    span {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        overflow: hidden;
        max-height: 10rem;
        word-break: break-word;
        white-space: normal;
    }
}

.attachments-cell[b-6qvxidkqun],
.links-cell[b-6qvxidkqun]
{
    justify-content: flex-start;
    align-items: center;
    padding: 1rem;
    border-left: 1px solid var(--beige-200);
    min-height: 100%;
    display: flex;
    gap: 0.25rem;
    flex-wrap: wrap;
    overflow-x: auto;
}

.empty-cell[b-6qvxidkqun] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid var(--beige-200);
}

.charge-row[b-6qvxidkqun] {
    display: flex;
    gap: 0.5rem;
    padding: 0.25rem 0;
    
    &:last-of-type {
        padding-bottom: 1rem ;
    }
}

.stacked-text[b-6qvxidkqun] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
/* /Components/Components/Tables/ProposalsSummaryNotRespondedTable.razor.rz.scp.css */
.not-responded-table[b-y4xmjii2al] {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid var(--beige-300);
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);

    td {
        border-bottom: 1px solid var(--beige-300);
    }

    tr:last-child td[b-y4xmjii2al] {
        border-bottom: none;
    }
}

.header-cell[b-y4xmjii2al] {
    padding: 0.75rem 1.5rem;
}

.basic-cell[b-y4xmjii2al] {
    padding: 0.75rem 1.5rem;
}

.hotel-name-cell[b-y4xmjii2al] {
    padding: 0.75rem 1.5rem;
}

.declined-status-cell[b-y4xmjii2al] {
    padding: 0.75rem 1.5rem;
}

.reason-cell[b-y4xmjii2al] {
    padding: 0.75rem 1.5rem;
    margin-right: auto;
    white-space: wrap;
}

.no-rows-cell[b-y4xmjii2al] {
    text-align: center;
    padding: 0.75rem;
}
/* /Components/Components/Tables/ProposalsSummaryOverviewTable.razor.rz.scp.css */
.overview-table[b-cfy1fg5dxs] {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid var(--beige-300);
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);

    td {
        border-bottom: 1px solid var(--beige-300);
    }

    tr:last-child td[b-cfy1fg5dxs] {
        border-bottom: none;
    }
}

.header-cell[b-cfy1fg5dxs] {
    padding: 0.75rem 1rem;
}


.start-date-cell[b-cfy1fg5dxs] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 0.25rem;
    padding: 1rem 1rem;
}

.basic-cell[b-cfy1fg5dxs] {
    padding: 0.75rem 1rem;
}

.no-rows-cell[b-cfy1fg5dxs] {
    text-align: center;
    padding: 0.75rem;
}
/* /Components/Components/Tables/ProposalsSummaryQuestionsTables.razor.rz.scp.css */
.section-controls[b-e9hlh6mawt] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    width: 100%;
    padding: 1rem 0;
}

.section-title[b-e9hlh6mawt] {
    display: flex;
    align-items: flex-end;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
    color: var(--accent-600);
}

.questions-table[b-e9hlh6mawt] {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid var(--beige-300);
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    
    td {
        border-bottom: 1px solid var(--beige-300);
    }

    tr:last-child td[b-e9hlh6mawt] {
        border-bottom: none;
    }
}

.question-card[b-e9hlh6mawt] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    width: 100%;
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    background-color: var(--beige-50);
    border-radius: 1rem;
    border: 1px solid var(--beige-200);
    box-shadow: 0px 2px 8px 0px rgba(47, 45, 46, 0.05);
    
    &.checkboxes-visible {
        padding-left: 3.2rem;
    }

    .question-checkbox[b-e9hlh6mawt] {
        position: absolute;
        left: 1rem;
        top: 1.7rem;
        transition: all 0.3s ease;

        &.hidden {
            display: none;
        }
    }
    
    .question-header[b-e9hlh6mawt] {
        display: flex;
        gap: 0.5rem;
        align-items: center;
    }
}

.header-cell[b-e9hlh6mawt] {
    padding: 0.5rem 1.5rem;
}

.hotel-name-cell[b-e9hlh6mawt] {
    padding: 0.75rem 1.5rem;
}

.answer-cell[b-e9hlh6mawt] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1.5rem;
    max-width: 100%;
    white-space: wrap;
    margin-right: auto;
}

.basic-cell[b-e9hlh6mawt] {
    padding: 0.75rem 1.5rem;
}
/* /Components/Components/Util/Tooltip.razor.rz.scp.css */
.tooltip-wrapper[b-y7t2kypttz] {
    display: inline-flex;
    position: relative;

    .tooltip-text {
        pointer-events: none;
        white-space: nowrap;
        font-size: var(--font-size-text-sm);
        font-weight: 500;
        padding: 0.3rem 0.6rem;
        border-radius: 0.375rem;
        z-index: 9999;
        line-height: 1.4;
        position: absolute;
        animation: tooltipFadeIn-b-y7t2kypttz 0.15s ease both;

        &::after {
            content: '';
            position: absolute;
            border: 5px solid transparent;
        }

        &.default[b-y7t2kypttz] {
            background-color: var(--gray-900);
            color: white;
        }

        &.error[b-y7t2kypttz] {
            background-color: var(--maroon-600);
            color: white;
        }

        &.top[b-y7t2kypttz] {
            bottom: calc(100% + 6px);
            left: 50%;
            transform: translateX(-50%);

            &::after {
                top: 100%;
                left: 50%;
                transform: translateX(-50%);
                border-color: var(--gray-900) transparent transparent transparent;
            }

            &.error[b-y7t2kypttz]::after {
                border-color: var(--maroon-600) transparent transparent transparent;
            }
        }

        &.bottom[b-y7t2kypttz] {
            top: calc(100% + 6px);
            left: 50%;
            transform: translateX(-50%);

            &::after {
                bottom: 100%;
                left: 50%;
                transform: translateX(-50%);
                border-color: transparent transparent var(--gray-900) transparent;
            }

            &.error[b-y7t2kypttz]::after {
                border-color: transparent transparent var(--maroon-600) transparent;
            }
        }

        &.left[b-y7t2kypttz] {
            right: calc(100% + 6px);
            top: 50%;
            transform: translateY(-50%);

            &::after {
                left: 100%;
                top: 50%;
                transform: translateY(-50%);
                border-color: transparent transparent transparent var(--gray-900);
            }

            &.error[b-y7t2kypttz]::after {
                border-color: transparent transparent transparent var(--maroon-600);
            }
        }

        &.right[b-y7t2kypttz] {
            left: calc(100% + 6px);
            top: 50%;
            transform: translateY(-50%);

            &::after {
                right: 100%;
                top: 50%;
                transform: translateY(-50%);
                border-color: transparent var(--gray-900) transparent transparent;
            }

            &.error[b-y7t2kypttz]::after {
                border-color: transparent var(--maroon-600) transparent transparent;
            }
        }
    }
}

@keyframes tooltipFadeIn-b-y7t2kypttz {
    from { opacity: 0; }
    to { opacity: 1; }
}
/* /Components/Components/Util/TooltipWrapper.razor.rz.scp.css */
.tooltip-container[b-q10sz5jwzi] {
    display: flex;
    position: relative !important;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
}

.tooltip-content[b-q10sz5jwzi] {
    display: none;
    position: fixed;
    left: var(--x);
    top: var(--y);
    transform: translate(-50%, -100%) translateY(-0.5rem);
    padding: 5px;
    background-color: var(--beige-800);
    color: var(--white);
    border-radius: 4px;
    white-space: nowrap;
    text-wrap: nowrap;
    z-index: 1000; /* Ensures tooltip appears above other elements */
}

/* Add this to position the tooltip at the trigger element */
.tooltip-container:hover .tooltip-content[b-q10sz5jwzi] {
    display: block;r(--x);
}

/* /Components/Layout/FullPageLayout.razor.rz.scp.css */
.page[b-7eckitug3j] {
    position: relative;
    display: flex;
    flex-direction: row;
    /*background: linear-gradient(360deg, #FFFFFF 0%, #eee6ff 20%, #E8DDFF 90%);*/
    background: var(--background-color);
}

#blazor-error-ui[b-7eckitug3j] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-7eckitug3j] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-46ojlnh66e] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-46ojlnh66e] {
    flex: 1;
}

.sidebar[b-46ojlnh66e] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-46ojlnh66e] {
    /* background-color: #f7f7f7; */
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-46ojlnh66e]  a, .top-row[b-46ojlnh66e]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-46ojlnh66e]  a:hover, .top-row[b-46ojlnh66e]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-46ojlnh66e]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-46ojlnh66e] {
        justify-content: space-between;
    }

    .top-row[b-46ojlnh66e]  a, .top-row[b-46ojlnh66e]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-46ojlnh66e] {
        flex-direction: row;
    }

    .sidebar[b-46ojlnh66e] {
        width: 15rem;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-46ojlnh66e] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-46ojlnh66e]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-46ojlnh66e], article[b-46ojlnh66e] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-46ojlnh66e] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-46ojlnh66e] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */

.nav-link[b-w6v3fayc1j] {
    display: block;
    background: rgb(0, 65, 130);
    fill: rgb(235, 206, 255);
    list-style: none;
    justify-content: center;
    margin-bottom: 0.625rem;
    text-decoration: none;
}
/* ========== Reusable CSS ========= */
.sidebar .text[b-w6v3fayc1j] {
    font-size: 1rem;
    font-weight: 500;
    color: var(--text-color);
    text-decoration: none !important;
}
.sidebar .image[b-w6v3fayc1j] {
    /* min-width: 3.5rem; */
    display: flex;
    align-items: center;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

/* ========== SIDEBAR ========= */
.sidebar[b-w6v3fayc1j] {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 15rem;
    background: var(--sidebar-color);
    padding: 0.625rem 0.875rem
}

.sidebar .image-text img[b-w6v3fayc1j] {
    width: 2.5rem;
    border-radius: 6px;
}

.sidebar header .image-text[b-w6v3fayc1j] {
    display: flex;
    align-items: center;
    margin-bottom: 1.25rem;
}

header .image-text .header-text[b-w6v3fayc1j] {
    display: flex;
    flex-direction: column;
}

.header-text .name[b-w6v3fayc1j] {
    font-weight: 600;
}

.header-text .user-type[b-w6v3fayc1j] {
    margin-top: -0.125rem;
}

.sidebar .menu[b-w6v3fayc1j] {
    margin-top: 1.25rem;
    display: flex;
    flex-direction: column;
    /* gap: 0.625rem; */
}

.sidebar .nav-icon[b-w6v3fayc1j] {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--text-color);
}



/* ::deep combinator used to style child components
of the file this file is scoped to */
.nav-item[b-w6v3fayc1j]  .nav-link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0.625rem;
    text-decoration: none;
    line-height: 2.5rem;
    border-radius: 6px;
    border: none;
    padding-left: 1rem;
}

.nav-item[b-w6v3fayc1j]  a.active {
    background-color: var(--primary-color);
    fill: white;
    transition: background-color 0.5s;
}
.nav-item[b-w6v3fayc1j]  a.active .nav-text {
    color: white;
}
.nav-item[b-w6v3fayc1j]  a.active .nav-icon {
    fill: white;
    color: white;
}
.nav-item[b-w6v3fayc1j]  a.active:hover {
    background-color: var(--primary-color-little-light);
}
.nav-item[b-w6v3fayc1j]  .nav-link:hover {
    background: var(--primary-color-light);
}
    
.nav-text[b-w6v3fayc1j] {
    padding-left: 1rem;
}

.sidebar footer[b-w6v3fayc1j] {
    position: absolute;
    bottom: 0;
    width: 100%;
}

footer hr[b-w6v3fayc1j] {
    background-color: var(--text-color-light);
    border: 0px;
    height: 2px;
}

.dropdown-arrow[b-w6v3fayc1j] {
    margin-left: auto;
    margin-right: 1rem;
}

.subsection[b-w6v3fayc1j] {
    padding-left: 1rem;
    transition: max-height 0.3s ease-out;
}


/* /Components/Layout/Topbar.razor.rz.scp.css */
.page[b-ueyg26t6a6] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.body[b-ueyg26t6a6] {
    position: relative;
    display: flex;
    flex-direction: row;
    max-height: calc(100vh - 5rem);
}

.top-row[b-ueyg26t6a6] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 5rem;
    width: 100%;
    align-items: center;
    padding: 0.5rem 3rem;
    z-index: 998;
    
    .left-side {
        display: flex;
        align-items: center;
        gap: 1rem;
    }
    
    
}

.custom-logo-container[b-ueyg26t6a6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    
    .custom-logo {
        height: 100%;
        max-height: 2.5rem;
        max-width: 12rem;
    }
    
    .powered-by-logo[b-ueyg26t6a6] {
        height: 0.75rem;
    }
}

.logo-container[b-ueyg26t6a6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.logo[b-ueyg26t6a6] {
    height: 3rem;
    width: 8rem;
    cursor: pointer;
}

.notification-icon[b-ueyg26t6a6] {
    width: 1.25rem;
    height: 1.25rem;
}

.navigation-group[b-ueyg26t6a6] {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding-left: 3rem;
}

.control-group[b-ueyg26t6a6] {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 1.5rem;
}

.beta[b-ueyg26t6a6] {
    display: flex;
    align-items: center;
    padding: 0.15rem 0.35rem;
    background-color: var(--accent-color);
    border-radius: 0.5rem;
    color: var(--white);
    margin-top: 0.2rem;
    /*font-family: "MfbOldstyle", sans-serif;*/
}

#blazor-error-ui[b-ueyg26t6a6] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 9998;
}

#blazor-error-ui .dismiss[b-ueyg26t6a6] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/TopbarLayout.razor.rz.scp.css */
.page[b-f1mdabrc79] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100vh;
}

.body[b-f1mdabrc79] {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: row;
    height: 100%;
}

.footer[b-f1mdabrc79] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 3rem;
    padding-bottom: 2rem;
    width: 100%;
    gap: 0.25rem;
    background-color: var(--beige-100);
}

.top-row[b-f1mdabrc79] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 5rem;
    width: 100%;
    align-items: center;
    padding: 0.5rem 3rem;
}

.logo[b-f1mdabrc79] {
    height: 3rem;
    width: 8rem;
    cursor: pointer;
}

.notification-icon[b-f1mdabrc79] {
    width: 1.25rem;
    height: 1.25rem;
}

.control-group[b-f1mdabrc79] {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 1.5rem;
}

#blazor-error-ui[b-f1mdabrc79] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

#blazor-error-ui .dismiss[b-f1mdabrc79] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/TopbarLayoutDarkFooter.razor.rz.scp.css */
.page[b-hgsnfbps38] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100vh;
}

.body[b-hgsnfbps38] {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: row;
    height: 100%;
}

.footer[b-hgsnfbps38] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 3rem;
    padding-bottom: 2rem;
    width: 100%;
    gap: 0.25rem;
    background-color: var(--beige-300);
}

.top-row[b-hgsnfbps38] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 5rem;
    width: 100%;
    align-items: center;
    padding: 0.5rem 3rem;
}

.logo[b-hgsnfbps38] {
    height: 3rem;
    width: 8rem;
    cursor: pointer;
}

.notification-icon[b-hgsnfbps38] {
    width: 1.25rem;
    height: 1.25rem;
}

.control-group[b-hgsnfbps38] {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 1.5rem;
}

.account-button[b-hgsnfbps38] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    cursor: pointer;
    height: 100%;

    .profile-picture {
        height: 2.5rem;
        width: 2.5rem;
    }

    .name-and-org[b-hgsnfbps38] {
        display: flex;
        flex-direction: column;
    }

    .account-dropdown-icon[b-hgsnfbps38] {
        width: 1rem;
        height: 1rem;
        color: var(--font-color-secondary);
        margin-left: 0.5rem;
    }
}



#blazor-error-ui[b-hgsnfbps38] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

#blazor-error-ui .dismiss[b-hgsnfbps38] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/TopbarLayoutLightFooter.razor.rz.scp.css */
.page[b-ah06oyb8ca] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100vh;
}

.body[b-ah06oyb8ca] {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: row;
    /*max-height: calc(100vh - 5rem);*/
    height: 100%;
}

.footer[b-ah06oyb8ca] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 3rem;
    padding-bottom: 2rem;
    width: 100%;
    gap: 0.25rem;
    background-color: var(--beige-50);
}

.top-row[b-ah06oyb8ca] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 5rem;
    width: 100%;
    align-items: center;
    padding: 0.5rem 3rem;
}

.logo[b-ah06oyb8ca] {
    height: 3rem;
    width: 8rem;
    cursor: pointer;
}

.notification-icon[b-ah06oyb8ca] {
    width: 1.25rem;
    height: 1.25rem;
}

.control-group[b-ah06oyb8ca] {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 1.5rem;
}

.account-button[b-ah06oyb8ca] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    cursor: pointer;
    height: 100%;

    .profile-picture {
        height: 2.5rem;
        width: 2.5rem;
    }

    .name-and-org[b-ah06oyb8ca] {
        display: flex;
        flex-direction: column;
    }

    .account-dropdown-icon[b-ah06oyb8ca] {
        width: 1rem;
        height: 1rem;
        color: var(--font-color-secondary);
        margin-left: 0.5rem;
    }
}



#blazor-error-ui[b-ah06oyb8ca] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

#blazor-error-ui .dismiss[b-ah06oyb8ca] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Pages/Account/AnonymousUnsubscribePage.razor.rz.scp.css */
.venue-rows[b-h0z6u17r1s] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
    margin: 1rem 0;
}

.venue-row[b-h0z6u17r1s] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border: 1px solid var(--beige-200, #F1EDE4);
    background-color: var(--beige-50);
    border-radius: 0.5rem;
    cursor: pointer;
}

.venue-row input[b-h0z6u17r1s] {
    width: 1.1rem;
    height: 1.1rem;
    cursor: pointer;
}

.venue-list[b-h0z6u17r1s] {
    text-align: left;
    margin: 0.5rem 0 1rem;
    padding-left: 1.25rem;
}

.actions[b-h0z6u17r1s] {
    display: flex;
    gap: 0.75rem;
    margin-top: 1rem;
}
/* /Components/Pages/Account/ChooseUserTypePage.razor.rz.scp.css */
.type-select-container[b-z5ch1tssmy] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    padding: 2rem;
}

.type-option[b-z5ch1tssmy] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    border-radius: 1rem;
    background-color: var(--beige-100);
    cursor: pointer;
    width: 10rem;
    height: 12rem;
    transition: all 0.2s;
    
    &:hover {
        background-color: var(--white);
        width: 10.5rem;
        height: 12.5rem;
    }
}
/* /Components/Pages/Account/EmailSentPage.razor.rz.scp.css */
.form-block[b-j29vy7n5pr] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background: var(--beige-50, #FCFBFA);
    padding: 2rem;
    /*width: 32rem;*/
    max-width: 100vw;
}

.mail-icon[b-j29vy7n5pr] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3.25rem;
    width: 3.25rem;
    padding: 0.75rem;
    border-radius: 999rem;
    background-color: var(--beige-200);
    color: var(--beige-700);
    font-size: 2rem;
}

.back-button[b-j29vy7n5pr] {
    width: 100%;
    margin-top: 1.5rem;
}
/* /Components/Pages/Account/ForgotPasswordPage.razor.rz.scp.css */
.forgot-password-page[b-29gupx4zp8] {
    display: flex;
    justify-content: center;
    /*background-color: var(--beige-100, #FCFBFA);*/
}

.form-block[b-29gupx4zp8] {
    display: flex;
    justify-content: center;
    /*align-items: center;*/
    flex-direction: column;
    gap: 1rem;
    padding: 2rem;
    width: 31.5rem;
    background-color: var(--beige-50, #FCFBFA);
    border-radius: 1.25rem;
}

.back-container[b-29gupx4zp8] {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 0.5rem;
}
/* /Components/Pages/Account/HotelierSignup/ConfirmHotelPage.razor.rz.scp.css */
.form-block[b-bqtln3moo2] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    /*align-items: center;*/
    justify-content: center;
    border-radius: 20px;
    background: var(--beige-50, #FCFBFA);
    padding: 2rem;
    /*width: 32rem;*/
    max-width: 100vw;
}

.hotel-card[b-bqtln3moo2] {
    display: flex;
    gap: 1rem;
    align-items: center;
    background-color: var(--beige-100);
    padding: 1rem;
    border-radius: var(--border-radius);
    margin: 1rem 0;
}

.hotel-image[b-bqtln3moo2] {
    width: 6rem;
    height: 4rem;
    object-fit: cover;
    border-radius: var(--border-radius);
}

.hotel-details[b-bqtln3moo2] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
/* /Components/Pages/Account/PlannerSignup/PlannerSignupPage.razor.rz.scp.css */
.form-block[b-4ic0n8c3ro] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: center;
    border-radius: 20px;
    background: var(--beige-50, #FCFBFA);
    padding: 2rem;
    max-width: 100vw;
}

.form-block-2[b-4ic0n8c3ro] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
    border-radius: 20px;
    background: var(--beige-50, #FCFBFA);
    padding: 2rem;
    max-width: 100vw;
}

.org-btns-container[b-4ic0n8c3ro] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    
    .add-org-btn {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 1rem;
        border-radius: 1.25rem;
        background-color: var(--beige-100);
        border: 1px solid var(--maroon-100);
        cursor: pointer;
        height: 11.25rem;
        width: 11.25rem;
        gap: 1rem;
        
        .org-option-icon {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 2.5rem;
            height: 2.5rem;
            flex-shrink: 0;
            background-color: var(--beige-200);
            color: var(--beige-700);
            padding: 0.5rem;
            border-radius: var(--border-radius);
        }
        
        .selected-circle[b-4ic0n8c3ro] {
            position: absolute;
            top: 0.5rem;
            right: 0.5rem;
            width: 1.25rem;
            height: 1.25rem;
            border: 1px solid var(--beige-400, #E2DACB);
            background-color: var(--white, #FFF);
            border-radius: 999rem;
        }
        
        .selected-circle.active[b-4ic0n8c3ro] {
            padding: 0.25rem;
            border: 1px solid var(--beige-800);
            background-color: var(--beige-800);
            background-clip: content-box;
        }
    }
    
    .add-org-btn.active[b-4ic0n8c3ro] {
        border: 1px solid var(--beige-100, #F9F6F3);
        background: var(--white, #FFF);
        box-shadow: 0px 4px 20px -2px rgba(119, 75, 251, 0.10);
    }
}

.event-count-container[b-4ic0n8c3ro] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    
    .event-count-btn {
        display: flex;
        padding: 1rem;
        align-items: center;
        width: 13rem;
        gap: 0.75rem;
        /*flex: 1 0 0;*/
        border-radius: 0.75rem;
        border: 1px solid var(--beige-400, #E2DACB);
        background: var(--beige-100, #F9F6F3);
        backdrop-filter: blur(50px);
        
        &:hover {
            border: 1px solid var(--beige-500, #E2DACB);
        }

        .selected-circle[b-4ic0n8c3ro] {
            width: 1.25rem;
            height: 1.25rem;
            border: 1px solid var(--beige-400, #E2DACB);
            background-color: var(--white, #FFF);
            border-radius: 999rem;
            
            &.active {
                padding: 0.25rem;
                border: 1px solid var(--beige-800);
                background-color: var(--beige-800);
                background-clip: content-box;
            }
        }
    }
}

.input-row[b-4ic0n8c3ro] {
    display: flex;
    gap: 1rem;
    align-items: flex-end;
    flex-wrap: wrap;
    width: 100%;
}

.plan-select-wrapper[b-4ic0n8c3ro] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 70%;
}

.org-join-info-box[b-4ic0n8c3ro] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 2rem;
    border-radius: var(--border-radius);
    background-color: var(--beige-100);
    border: 1px solid var(--beige-200);
    
    .logo {
        height: 3rem;
    }
}

.org-invite-container[b-4ic0n8c3ro] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 2rem;
    border-radius: var(--border-radius);
    background-color: var(--beige-100);
    border: 1px solid var(--beige-200);
}
/* /Components/Pages/Account/ResetPasswordPage.razor.rz.scp.css */
.forgot-password-page[b-ev2sqr7s48] {
    display: flex;
    justify-content: center;
    /*background-color: var(--beige-100, #FCFBFA);*/
}

.form-block[b-ev2sqr7s48] {
    display: flex;
    justify-content: center;
    /*align-items: center;*/
    flex-direction: column;
    gap: 1rem;
    padding: 2rem;
    width: 31.5rem;
    background-color: var(--beige-50, #FCFBFA);
    border-radius: 1.25rem;
}

.back-container[b-ev2sqr7s48] {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 0.5rem;
}
/* /Components/Pages/Account/SalesSignup/SalesCapacitySection.razor.rz.scp.css */
.form-block[b-yzor78e8qn] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
    border-radius: 20px;
    background: var(--beige-50, #FCFBFA);
    padding: 2rem;
    max-width: 90vw;
    min-width: 32rem;
    width: 32rem;
}

.threshold-container[b-yzor78e8qn] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;

    .threshold-btn {
        display: flex;
        padding: 1rem;
        align-items: center;
        width: 13rem;
        gap: 0.75rem;
        /*flex: 1 0 0;*/
        border-radius: 0.75rem;
        border: 1px solid var(--beige-400, #E2DACB);
        background: var(--beige-100, #F9F6F3);
        backdrop-filter: blur(50px);
        
        &:hover {
            border: 1px solid var(--beige-500);
        }

        .selected-circle[b-yzor78e8qn] {
            width: 1.25rem;
            height: 1.25rem;
            border: 1px solid var(--beige-400, #E2DACB);
            background-color: var(--white, #FFF);
            border-radius: 999rem;
            
            &.active {
                padding: 0.25rem;
                border: 1px solid var(--beige-800);
                background-color: var(--beige-800);
                background-clip: content-box;
            }
        }
    }
}
/* /Components/Pages/Account/SalesSignup/SalesMarketSection.razor.rz.scp.css */
.form-block[b-743xc3dc0n] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
    border-radius: 20px;
    background: var(--beige-50, #FCFBFA);
    padding: 2rem;
    max-width: 90vw;
    min-width: 32rem;
    width: 32rem;
}
/* /Components/Pages/Account/SalesSignup/SalesRepfirmSection.razor.rz.scp.css */
.form-block[b-sv1pcdv9tc] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
    border-radius: 20px;
    background: var(--beige-50, #FCFBFA);
    padding: 2rem;
    max-width: 90vw;
    min-width: 32rem;
    width: 32rem;
}

.role-choice[b-sv1pcdv9tc] {
    display: flex;
    background-color: var(--beige-100);
    border: 1px solid var(--beige-400);
    border-radius: 0.75rem;
    padding: 1rem;
    gap: 1rem;
    align-items: center;
    cursor: pointer;

    &:hover {
        border: 1px solid var(--beige-500);
    }

    &.selected[b-sv1pcdv9tc] {
        border: 1px solid var(--beige-800);
    }
}

.select-circle[b-sv1pcdv9tc] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background-color: white;
    border: 1px solid var(--border-color);
    transition: all 0.3s ease;

    &.selected {
        background-clip: content-box;
        border: 1px solid var(--primary-color);
        background-color: var(--primary-color);
        padding: 0.35rem;
    }
}
/* /Components/Pages/Account/SalesSignup/SalesRoleSection.razor.rz.scp.css */
.form-block[b-oasbxks0nu] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
    border-radius: 20px;
    background: var(--beige-50, #FCFBFA);
    padding: 2rem;
    max-width: 90vw;
    min-width: 32rem;
    width: 32rem;
}

.role-choice[b-oasbxks0nu] {
    display: flex;
    background-color: var(--beige-100);
    border: 1px solid var(--beige-400);
    border-radius: 0.75rem;
    padding: 1rem;
    gap: 1rem;
    align-items: center;
    cursor: pointer;
    
    &:hover {
        border: 1px solid var(--beige-500);
    }
    
    &.selected[b-oasbxks0nu] {
        border: 1px solid var(--beige-800);
    }
}

.select-circle[b-oasbxks0nu] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background-color: white;
    border: 1px solid var(--border-color);
    transition: all 0.3s ease;
    
    &.selected {
        background-clip: content-box;
        border: 1px solid var(--primary-color);
        background-color: var(--primary-color);
        padding: 0.35rem;
    }
}
/* /Components/Pages/Account/SalesSignup/SalesSignupPage.razor.rz.scp.css */
.sales-signup-page[b-ut1iakij10] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem 3rem;
    width: 100vw
}
/* /Components/Pages/Account/SignupPage.razor.rz.scp.css */
.signupPage[b-58ey4bpgu5] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
}

.form-block[b-58ey4bpgu5] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    /*align-items: center;*/
    justify-content: center;
    border-radius: 20px;
    background: var(--beige-50, #FCFBFA);
    padding: 2rem;
    /*width: 32rem;*/
    max-width: 100vw;
}

.block-header[b-58ey4bpgu5] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    /*align-items: center;*/
    justify-content: center;
}

.block-footer[b-58ey4bpgu5] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: center;
    justify-content: center;
}

.line-separator[b-58ey4bpgu5] {
    width: 100%;
    height: 1px;
    background-color: var(--beige-400);
}

.password-requirements[b-58ey4bpgu5] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
/* /Components/Pages/Account/UserDetailsPage.razor.rz.scp.css */
.form-block[b-4n1cg5jqyg] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    /*align-items: center;*/
    justify-content: center;
    border-radius: 20px;
    background: var(--beige-50, #FCFBFA);
    padding: 2rem;
    /*width: 32rem;*/
    max-width: 100vw;
}
/* /Components/Pages/Account/VerifyEmailPage.razor.rz.scp.css */
.form-block[b-bj5rwvfcpu] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background: var(--beige-50, #FCFBFA);
    padding: 2rem;
    max-width: 100vw;
    text-align: center;
}

.mail-icon[b-bj5rwvfcpu] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3.25rem;
    width: 3.25rem;
    padding: 0.75rem;
    border-radius: 999rem;
    background-color: var(--beige-200);
    color: var(--beige-700);
    font-size: 2rem;
}

.form-block.failed .mail-icon[b-bj5rwvfcpu] {
    background-color: var(--red-100, #FEE4E2);
    color: var(--red-600, #D92D20);
}

.btn-primary-1[b-bj5rwvfcpu] {
    width: 100%;
    margin-top: 0.5rem;
}

.back-link[b-bj5rwvfcpu] {
    margin-top: 0.25rem;
}
/* /Components/Pages/Admin/AutoFillHotels.razor.rz.scp.css */
.auto-fill-hotels-page[b-ddv8jyz0mp] {
    max-width: 60rem;
    margin: 0 auto;
    padding: 1.5rem 1.25rem 3rem;
}

.auto-fill-hotels-page h3[b-ddv8jyz0mp] {
    margin-bottom: 0.25rem;
}

.auto-fill-hotels-page h5[b-ddv8jyz0mp] {
    margin: 1.5rem 0 0.5rem;
}

/* ===== Model picker ===== */
.model-picker[b-ddv8jyz0mp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 1rem 0;
}

.model-picker label[b-ddv8jyz0mp] {
    font-size: 0.85rem;
    font-weight: 600;
}

.model-picker select[b-ddv8jyz0mp] {
    padding: 0.4rem 0.6rem;
    border: 1px solid var(--border-color);
    border-radius: 6px;
    min-width: 22rem;
    background-color: var(--white, #fff);
}

/* ===== Mode tabs ===== */
.mode-tabs[b-ddv8jyz0mp] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 1rem;
}

/* ===== Sections / cards ===== */
.single-mode[b-ddv8jyz0mp],
.backfill-mode[b-ddv8jyz0mp] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

/* ===== Inputs ===== */
.input-row[b-ddv8jyz0mp] {
    display: flex;
    align-items: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.labeled-input[b-ddv8jyz0mp] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.labeled-input label[b-ddv8jyz0mp] {
    font-size: var(--font-size-text-xs);
    font-weight: 600;
    color: var(--font-color-secondary);
}

.labeled-input input[b-ddv8jyz0mp],
.labeled-input textarea[b-ddv8jyz0mp] {
    padding: 0.4rem 0.6rem;
    border: 1px solid var(--border-color);
    border-radius: 6px;
    font-family: inherit;
    font-size: var(--font-size-text-sm);
    background-color: var(--white, #fff);
}

.labeled-input input:focus[b-ddv8jyz0mp],
.labeled-input textarea:focus[b-ddv8jyz0mp],
.model-picker select:focus[b-ddv8jyz0mp] {
    outline: none;
    border-color: var(--primary-color);
}

.full-width[b-ddv8jyz0mp] {
    width: 100%;
}

.full-width textarea[b-ddv8jyz0mp] {
    width: 100%;
    resize: vertical;
}

/* ===== Hotel header card ===== */
.hotel-header[b-ddv8jyz0mp] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.85rem 1rem;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    background-color: var(--gray-50);
}

/* ===== Field grid ===== */
.fields-grid[b-ddv8jyz0mp] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
    gap: 0.75rem 1rem;
}

.fields-grid .full-width[b-ddv8jyz0mp] {
    grid-column: 1 / -1;
}

/* ===== Save summary ===== */
.save-summary[b-ddv8jyz0mp] {
    padding: 0.65rem 0.9rem;
    border: 1px solid var(--border-color);
    border-left: 3px solid var(--primary-color);
    border-radius: 6px;
    background-color: var(--gray-50);
    font-size: var(--font-size-text-sm);
}

/* ===== Include toggle ===== */
.include-toggle[b-ddv8jyz0mp] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: var(--font-size-text-sm);
    margin-bottom: 0.5rem;
    cursor: pointer;
}

.include-toggle input[b-ddv8jyz0mp] {
    cursor: pointer;
}

/* ===== Preview tables ===== */
.preview-table[b-ddv8jyz0mp] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--font-size-text-sm);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    overflow: hidden;
}

.preview-table th[b-ddv8jyz0mp],
.preview-table td[b-ddv8jyz0mp] {
    text-align: left;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--border-color);
}

.preview-table thead th[b-ddv8jyz0mp] {
    background-color: var(--gray-100);
    font-weight: 600;
    color: var(--font-color-secondary);
    white-space: nowrap;
}

.preview-table tbody tr:last-child td[b-ddv8jyz0mp] {
    border-bottom: none;
}

.preview-table tbody tr:nth-child(even)[b-ddv8jyz0mp] {
    background-color: var(--gray-25);
}

/* ===== Error / helper text ===== */
.error-text[b-ddv8jyz0mp] {
    color: var(--text-color-danger);
    font-size: var(--font-size-text-sm);
    margin: 0;
}

/* ===== Compare models ===== */
.compare-mode[b-ddv8jyz0mp] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.compare-models[b-ddv8jyz0mp] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.compare-models > label[b-ddv8jyz0mp] {
    font-size: var(--font-size-text-xs);
    font-weight: 600;
    color: var(--font-color-secondary);
}

.model-checks[b-ddv8jyz0mp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.25rem;
}

.model-checks .include-toggle[b-ddv8jyz0mp] {
    margin-bottom: 0;
}

/* ===== Compare tabs ===== */
.compare-tabs[b-ddv8jyz0mp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    border-bottom: 1px solid var(--border-color);
    margin-top: 0.5rem;
}

.compare-tab[b-ddv8jyz0mp] {
    border: 1px solid var(--border-color);
    border-bottom: none;
    border-radius: 6px 6px 0 0;
    padding: 0.45rem 0.85rem;
    background-color: var(--gray-50);
    color: var(--font-color-secondary);
    font-size: var(--font-size-text-sm);
    font-weight: 600;
    cursor: pointer;
    margin-bottom: -1px;
}

.compare-tab:hover[b-ddv8jyz0mp] {
    background-color: var(--gray-100);
}

.compare-tab.active[b-ddv8jyz0mp] {
    background-color: var(--white, #fff);
    color: var(--font-color-primary);
    border-bottom: 1px solid var(--white, #fff);
}

.compare-tab .tab-status[b-ddv8jyz0mp] {
    margin-left: 0.35rem;
    font-weight: 400;
}

.compare-panel[b-ddv8jyz0mp] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding-top: 0.5rem;
}

.readonly-value[b-ddv8jyz0mp] {
    padding: 0.4rem 0;
    font-size: var(--font-size-text-sm);
    white-space: pre-wrap;
}

/* ===== Backfill progress + log ===== */
.progress-line[b-ddv8jyz0mp] {
    font-weight: 600;
    font-size: var(--font-size-text-sm);
}

.backfill-log[b-ddv8jyz0mp] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    max-height: 22rem;
    overflow-y: auto;
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    background-color: var(--gray-900);
    color: var(--gray-100);
    font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    font-size: var(--font-size-text-xs);
    line-height: 1.5;
}
/* /Components/Pages/Admin/AutomationsPage.razor.rz.scp.css */
.automations-page[b-bjq2titzcg] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    padding: 3rem;
}
/* /Components/Pages/Admin/DirectoryIngestion.razor.rz.scp.css */
.directory-ingestion-page[b-d7bdmkq956] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem 3rem;
    width: 100vw;
    height: auto;
    min-height: calc(100vh - var(--nav-height));
}

.main-contents[b-d7bdmkq956] {
    flex: 1 1 60%;
    display: flex;
    flex-direction: column;
    padding: 2rem 3rem;
    gap: 0.5rem;
}

.map[b-d7bdmkq956] {
    flex: 1 1 40%;
    height: 100%;
    border-top-right-radius: 1.25rem;
}

.directory-ingestion-page .placeid-input[b-d7bdmkq956] {
    height: 10rem !important;
}


/* /Components/Pages/Admin/DirectoryManagement.razor.rz.scp.css */
.directory-management-page[b-84qpvwijt7] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 3rem;
    width: 100vw;
    min-height: 100vh;
}
/* /Components/Pages/Admin/ManageHotel.razor.rz.scp.css */
[b-wgwk8mw9j6] .form {
    width: 100%;
}

.blocks-container[b-wgwk8mw9j6] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.create-hotel-page[b-wgwk8mw9j6] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    width: 100%;
    height: 100%;
    min-height: calc(100vh - var(--nav-height));
    overflow-x: hidden;
    
    .floating-action-buttons {
        position: fixed;
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        justify-content: center;
        align-items: center;
        bottom: 3rem;
        left: 50%;
        transform: translateX(-50%);
        padding: 0.75rem;
        border-radius: 1rem;
        background-color: var(--beige-100);
        border: 1px solid var(--beige-400);
        z-index: 10;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    }
}

.control-row[b-wgwk8mw9j6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    width: 100%;
    padding: 0.5rem 2rem;

    .go-back-button {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        cursor: pointer;
        padding: 0.5rem 1rem;
        border-radius: 999rem;
        transition: all 0.2s;

        &:hover {
            background-color: var(--beige-400);
        }
    }
}

.sheet-area[b-wgwk8mw9j6] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border-radius: 1.25rem 1.25rem 0rem 0rem;
    background: var(--beige-100, #F9F6F3);
    width: 100%;
    padding: 1.5rem 3rem;
    flex: 1;
    gap: 0.25rem;
    min-width: min-content;
}

.main-title[b-wgwk8mw9j6] {
    align-self: center;
    margin-bottom: 1rem;
}

.saved-text[b-wgwk8mw9j6] {
    margin: 0 auto;
}

.tabs-nav[b-wgwk8mw9j6] {
    display: flex;
    gap: 0;
    border-bottom: 1px solid var(--beige-300);
    margin-bottom: 1rem;
    overflow-x: auto;
}

.tab-button[b-wgwk8mw9j6] {
    padding: 0.5rem 1rem;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    color: var(--beige-600);
    white-space: nowrap;
    transition: all 0.2s;
}

.tab-button:hover[b-wgwk8mw9j6] {
    color: var(--beige-800);
    background-color: var(--beige-200);
}

.tab-button.active[b-wgwk8mw9j6] {
    color: var(--beige-900);
    border-bottom-color: var(--accent-color);
    font-weight: 500;
}

.section-title[b-wgwk8mw9j6] {
    margin-top: 1rem;
}

.section-subtitle[b-wgwk8mw9j6] {
    margin-bottom: -0.5rem;
}

.block[b-wgwk8mw9j6] {
    display: flex;
    flex-direction: column;
    justify-content: safe center;
    align-items: flex-start;
    flex: 1;
    border-radius: 10px;
    padding: 1.5rem 2rem;
    background-color: var(--beige-50);
    gap: 1rem;
    width: 100%;
    border: 1px solid var(--beige-200);
}

.block-summary[b-wgwk8mw9j6] {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
}

.input-row[b-wgwk8mw9j6] {
    display: flex;
    gap: 1rem;
    align-items: flex-end;
    flex-wrap: wrap;
    width: 100%;
}

.reorder-hint[b-wgwk8mw9j6] {
    color: var(--beige-600);
    margin-bottom: -0.25rem;
}

.media-container[b-wgwk8mw9j6] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}

.media-item-container[b-wgwk8mw9j6] {
    position: relative;
    display: inline-block;
    border-radius: 0.5rem;
    overflow: hidden;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.media-item-container.drag-handle[b-wgwk8mw9j6] {
    cursor: grab;
}

.media-item-container.drag-handle:active[b-wgwk8mw9j6] {
    cursor: grabbing;
}

.media-item-container.sortable-chosen[b-wgwk8mw9j6] {
    transform: scale(1.03);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18);
    z-index: 2;
}

.media-item-container.sortable-ghost[b-wgwk8mw9j6] {
    opacity: 0.35;
    outline: 2px dashed var(--accent-color);
    outline-offset: -2px;
}

.media-item[b-wgwk8mw9j6] {
    display: block;
    height: 8rem;
    user-select: none;
    -webkit-user-drag: none;
}

.cover-badge[b-wgwk8mw9j6] {
    position: absolute;
    top: 5px;
    left: 5px;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.2rem 0.5rem;
    background-color: var(--beige-100);
    border: 1px solid var(--beige-300);
    color: var(--beige-800);
    border-radius: 999rem;
    font-weight: 500;
    pointer-events: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.remove-media-btn[b-wgwk8mw9j6] {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: var(--beige-100);
    border: 1px solid var(--beige-300);
    width: 1.5rem;
    height: 1.5rem;
    color: var(--beige-700);
    border-radius: 999rem;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0;
    cursor: pointer;
    z-index: 1;
}

.save-btn[b-wgwk8mw9j6] {
    align-self: flex-start;
}

/* Sleeping room cards */
.room-cards[b-wgwk8mw9j6] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

.room-card[b-wgwk8mw9j6] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    padding: 1.25rem 1.5rem;
    border-radius: 10px;
    border: 1px solid var(--beige-300);
    background-color: var(--beige-100);
}

.room-card-header[b-wgwk8mw9j6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    width: 100%;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--beige-300);
}

.room-card-title[b-wgwk8mw9j6] {
    font-weight: 600;
    color: var(--beige-900);
}

.room-card-remove[b-wgwk8mw9j6] {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.25rem;
}

.room-card-grid[b-wgwk8mw9j6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    gap: 1rem;
    width: 100%;
}

.room-card-grid .labeled-input[b-wgwk8mw9j6] {
    width: 100%;
}

.room-card-description[b-wgwk8mw9j6] {
    width: 100%;
}

.room-card-subsection[b-wgwk8mw9j6] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
    padding: 1rem;
    border-radius: 8px;
    background-color: var(--beige-50);
    border: 1px solid var(--beige-200);
}

.room-card-subsection-title[b-wgwk8mw9j6] {
    font-weight: 600;
    color: var(--beige-700);
}

.bed-rows[b-wgwk8mw9j6] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
}

.bed-row[b-wgwk8mw9j6] {
    display: flex;
    gap: 1rem;
    align-items: flex-end;
    flex-wrap: wrap;
}

.room-card-empty[b-wgwk8mw9j6] {
    color: var(--beige-600);
}

.room-card-add[b-wgwk8mw9j6] {
    align-self: flex-start;
    padding: 0.25rem 0.5rem;
}

.room-card-footer[b-wgwk8mw9j6] {
    display: flex;
    gap: 1rem;
    align-items: center;
    width: 100%;
    padding-top: 0.75rem;
    border-top: 1px solid var(--beige-300);
}

.room-add-new[b-wgwk8mw9j6] {
    align-self: flex-start;
    padding: 0.25rem 0.5rem;
}

.seating-layout-icon-container[b-wgwk8mw9j6] {
    display: flex;
    justify-content: flex-end;
    width: 10rem;
}

[b-wgwk8mw9j6] ul li {
    list-style-type: disc;
    list-style-position: inside;
}

[b-wgwk8mw9j6] ol {
    list-style-type: decimal; /* Standard numbered list */
}

.uploaded-file-container[b-wgwk8mw9j6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    height: 4rem;
    background-color: var(--beige-100);
    border: 1px solid var(--beige-300);
    border-radius: var(--border-radius);
}

.file-info[b-wgwk8mw9j6] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
}

.file-icon[b-wgwk8mw9j6] {
    width: 2rem;
    height: 2rem;
    color: var(--beige-600);
    margin-right: 0.5rem;
    object-fit: contain;
}

.x-icon[b-wgwk8mw9j6] {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--beige-600);
    cursor: pointer;
    
    &:hover {
        color: var(--maroon-600)
    }
}

.stacked-text[b-wgwk8mw9j6] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.amenities-container[b-wgwk8mw9j6] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.labeled-checkbox[b-wgwk8mw9j6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.checkbox-wrapper[b-wgwk8mw9j6] {
    height: 1.531rem;
}

.basic-cell[b-wgwk8mw9j6] {
    display: flex;
    gap: 0.5rem;
}

.pending-actions-cell[b-wgwk8mw9j6] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.info-grid[b-wgwk8mw9j6] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.75rem 1.5rem;
    align-items: center;
    width: 100%;
}

.grid-info-label[b-wgwk8mw9j6] {
    /*font-weight: 400;*/
    color: var(--beige-600);
    white-space: nowrap;
}

.grid-info-value[b-wgwk8mw9j6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.loading-card[b-wgwk8mw9j6] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 1rem;
    height: 8rem;
    border-radius: 1rem;
    border: 1px solid var(--beige-300);
    background-color: var(--beige-50);
}

.missing-fields[b-wgwk8mw9j6] {
    background-color: var(--maroon-50);
    border: 1px solid var(--maroon-300);
    margin-bottom: 1rem;
}

.missing-fields-title[b-wgwk8mw9j6] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    color: var(--maroon-700);
}

.missing-field-messages[b-wgwk8mw9j6] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.tab-badge[b-wgwk8mw9j6] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 0.35rem;
    border-radius: 999rem;
    background-color: var(--maroon-500);
    color: white;
    font-size: 0.7rem;
    font-weight: 600;
    line-height: 1;
    margin-left: 0.35rem;
}

@media (max-width: 600px) {
    .info-grid[b-wgwk8mw9j6] {
        grid-template-columns: 1fr;
        gap: 0.25rem;
    }

    .grid-info-label[b-wgwk8mw9j6] {
        margin-top: 0.5rem;
    }

    .grid-info-label:first-child[b-wgwk8mw9j6] {
        margin-top: 0;
    }
}
/* /Components/Pages/Admin/ManageSuppliersPage.razor.rz.scp.css */
.manage-suppliers-page[b-b9e7a2e4ms] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-color: var(--beige-100);
    width: 100%;
    min-height: calc(100vh - 5rem);
    border-top-right-radius: 1.25rem;
    border-top-left-radius: 1.25rem;
    padding: 1.5rem 3rem;
    gap: 1rem;
}

.utility-row[b-b9e7a2e4ms] {
    display: flex;
    gap: 1rem;
    align-items: center;
    width: 100%;
}

.filter-row[b-b9e7a2e4ms] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    width: 100%;
}

[b-b9e7a2e4ms] .filter-clear-button {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-b9e7a2e4ms] .filter-clear-button:hover {
    color: var(--maroon-700)
}

.header-cell[b-b9e7a2e4ms] {
    padding: 0.5rem 1rem;
}

.basic-cell[b-b9e7a2e4ms] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
}
/* /Components/Pages/Admin/OrgPage.razor.rz.scp.css */
.org-name[b-6nnfdh6qnd] {
    margin-bottom: 2rem;
}

.section-title[b-6nnfdh6qnd] {
    /*margin-bottom: 1rem;*/
}

.horizontal-separator[b-6nnfdh6qnd] {
    width: 100%;
    height: 0.125rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    background-color: var(--light-grey);
}

.save-org-btn[b-6nnfdh6qnd] {
    margin-top: 2rem;
    width: 5rem;
}

.grid-container[b-6nnfdh6qnd] {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
    
    .input-row {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }

    .column1[b-6nnfdh6qnd] {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start; /* Align items to the start of the column */
        padding: 10px;
        gap: 1.25rem;
        max-width: 100%;
        width: 100%;
    }

    .column2[b-6nnfdh6qnd] {
        flex: 3;
        display: flex;
        flex-direction: column;
        align-items: flex-start; /* Align items to the start of the column */
        padding: 10px;
        gap: 1.25rem;
        max-width: 100%;
        width: 100%;
    }
}

[b-6nnfdh6qnd] .text-area {
    padding: 0.5rem;
    height: 4rem;
    max-width: 30rem;
    width: 15rem;
}
/* /Components/Pages/Admin/OrgsPage.razor.rz.scp.css */
.org-name[b-ws4v2cqzvo] {
    cursor: pointer;

    &:hover {
        text-decoration: underline;
    }
}


.avatar[b-ws4v2cqzvo] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--avatar-size);
    height: var(--avatar-size);
    border-radius: 50%;
    border: 2px solid white;
    background-color: #F9F5FF;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
    position: relative;

    text {
        font-size: 1.15rem;
        color: #7F56D9;
    }
}

.avatar-group[b-ws4v2cqzvo] {
    display: flex;
    justify-content: left;
    flex-direction: row;
    /*gap: 0.5rem;*/

    .avatar {
        margin-left: -0.75rem;
        cursor: pointer;
        transition: transform 0.3s ease;

        &:hover:not(:last-of-type) {
            transform: translate(-0.5rem);
        }
    }

    .hidden-avatars[b-ws4v2cqzvo] {
        display: flex;
        justify-content: center;
        align-items: center;
        width: var(--avatar-size);
        height: var(--avatar-size);
        border-radius: 50%;
        background-color: #F9F5FF;
        border: 2px solid white;
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
        color: #000;
        margin-left: -0.5rem;
        z-index: 1;
    }
}
/* /Components/Pages/Admin/RefreshAddresses.razor.rz.scp.css */
.refresh-addresses-page[b-bqp3am8ypq] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 1rem 3rem;
    width: 100vw;
    height: auto;
    min-height: calc(100vh - var(--nav-height));
}

.input-row[b-bqp3am8ypq] {
    display: flex;
    gap: 1rem;
}

.button[b-bqp3am8ypq] {
    padding: 0.5rem 1rem;
}

.updated-addresses[b-bqp3am8ypq] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
/* /Components/Pages/Admin/UserPage.razor.rz.scp.css */
.org-name[b-do2ihlpbl4] {
    margin-bottom: 2rem;
}

.section-title[b-do2ihlpbl4] {
    margin-bottom: 1rem;
}

.horizontal-separator[b-do2ihlpbl4] {
    width: 100%;
    height: 0.125rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    background-color: var(--light-grey);
}

.save-org-btn[b-do2ihlpbl4] {
    margin-top: 2rem;
    width: 5rem;
}

.grid-container[b-do2ihlpbl4] {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;

    .input-row {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }

    .column1[b-do2ihlpbl4] {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start; /* Align items to the start of the column */
        padding: 10px;
        gap: 1.25rem;
        max-width: 100%;
        width: 100%;
    }

    .column2[b-do2ihlpbl4] {
        flex: 3;
        display: flex;
        flex-direction: column;
        align-items: flex-start; /* Align items to the start of the column */
        padding: 10px;
        gap: 1.25rem;
        max-width: 100%;
        width: 100%;
    }
}

[b-do2ihlpbl4] .text-area {
    padding: 0.5rem;
    height: 4rem;
    max-width: 30rem;
    width: 15rem;
}

.save-row > *[b-do2ihlpbl4] {
    margin-right: 1rem;
}

.rfp-board-container[b-do2ihlpbl4] {
    display: flex;
    flex-direction: row;
    padding: 1rem;
    gap: 1rem;
}
/* /Components/Pages/Admin/UsersPage.razor.rz.scp.css */
.users-page[b-ak0nr5u4uv] {
    padding: 1rem 3rem;
}

.input-row[b-ak0nr5u4uv] {
    display: flex;
    gap: 1rem;
}

.user-cards[b-ak0nr5u4uv] {
    display: flex;
    gap: 5rem;
    
    .user-card {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 1rem;
        padding: 1rem;
    }
}
/* /Components/Pages/Billing/Checkout.razor.rz.scp.css */
.checkout-page[b-dszhp9ahii] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: calc(100dvh - var(--layout-topbar-height) - var(--layout-footer-height));
}

.error-container[b-dszhp9ahii] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;

    .error-title {
        font-size: 30px;
        background-color: var(--red-600);
        padding: 0.5rem 1rem;
        color: var(--white);
    }
}


/* HTML: <div class="loader"></div> */
.loader[b-dszhp9ahii] {
    width: fit-content;
    font-weight: bold;
    /*font-family: monospace;*/
    font-family: 'MfbOldstyle', sans-serif;
    font-size: 30px;
    background:linear-gradient(90deg,#000 50%,#0000 0) right/200% 100%;
    animation: l21-b-dszhp9ahii 2s infinite linear;
}
.loader[b-dszhp9ahii]::before {
    content :"Preparing checkout...";
    color: #0000;
    padding: 0 5px;
    background: inherit;
    background-image: linear-gradient(90deg,#fff 50%,#000 0);
    -webkit-background-clip:text;
    background-clip:text;
}

@keyframes l21-b-dszhp9ahii{
    100%{background-position: left}
}
/* /Components/Pages/Error.razor.rz.scp.css */
.error-page-container[b-2t76jrjeds] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 1rem;
}
/* /Components/Pages/Hotelier/CreateProposalPage.razor.rz.scp.css */
.create-proposal-page[b-yq4nrixqoi] {
    display: flex;
    flex-direction: column;
    width: 100vw;
}

.form-block[b-yq4nrixqoi] {
    display: flex;
    flex-direction: column;
    justify-content: safe center;
    flex: 1;
    border-radius: 10px;
    padding: 1.5rem 2rem;
    background-color: var(--beige-50, white);
    gap: 1rem;
    box-shadow: 0px 2px 8px 0px rgba(47, 45, 46, 0.05);

    .block-header {
        display: flex;
        justify-content: space-between;
    }
    
    &.missing-fields[b-yq4nrixqoi] {
        background-color: var(--maroon-50);
        border: 1px solid var(--maroon-300);
        
        .missing-fields-title {
            display: flex;
            gap: 0.5rem;
            align-items: center;
            color: var(--maroon-700);
        }
    }
}

.proposal-acceptance-badge[b-yq4nrixqoi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.5rem;
    border-radius: 999rem;
    background-color: var(--beige-100);
    border: 1px solid var(--beige-300);
}

.input-row[b-yq4nrixqoi] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.currency-select-button[b-yq4nrixqoi] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0.5rem 1rem;
    cursor: pointer;
    border-radius: 99rem;
    text-decoration: none;
    border: 1px solid var(--beige-200, #F1EDE4);
    background: var(--white, #FFF);
}

.edit-button[b-yq4nrixqoi] {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--white);
    border: 1px solid var(--beige-200);
    border-radius: 0.625rem;
    padding: 0.625rem;
}

.back-button-container[b-yq4nrixqoi] {
    display: flex;
    padding: 1rem 2rem;
    
    
    .back-button {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.5rem 1rem;
        cursor: pointer;
        border-radius: 99rem;
        text-decoration: none;
        
        &:hover {
            background-color: var(--beige-400);
        }
    }
}


.sheet-area[b-yq4nrixqoi] {
    display: flex;
    flex-direction: column;
    justify-content: safe center;
    align-items: center;
    border-radius: 1.25rem 1.25rem 0rem 0rem;
    background: var(--beige-100, #F9F6F3);
    width: 100%;
    padding: 1.5rem 3rem;
    flex: 1 1 0;
    min-height: 0;
    min-width: min-content;
}

.sheet-header[b-yq4nrixqoi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;


    .sheet-title-area {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .header-buttons[b-yq4nrixqoi] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }
}

.sheet-content[b-yq4nrixqoi] {
    display: flex;
    flex-direction: column;
    margin-top: 1.5rem;
    gap: 0.5rem;
    max-width: 100%;
    min-width: 70rem;
    /*width: 100%;*/
}


.proposals-row[b-yq4nrixqoi] {
    display: flex;
    width: 100%;
    margin-top: 1rem;
    
    .proposal-cards-container {
        display: flex;
        gap: 1rem;
        /*overflow-x: auto;*/
        /*overflow-y: visible;*/
        flex-wrap: wrap;
        /*mask-image: linear-gradient(to right, black calc(100% - 3rem), transparent 100%);*/
        /*-webkit-mask-image: linear-gradient(to right, black calc(100% - 3rem), transparent 100%);*/
        max-width: 80rem;

        .proposal-card {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
            border: 1px solid var(--beige-300);
            border-radius: 0.75rem;
            padding: 0.75rem;
            background-color: var(--beige-50);
            cursor: pointer;
            transition: all 0.2s ease-in-out;
            
            &:last-of-type {
                margin-right: 2rem;
            }
            
            .top-row[b-yq4nrixqoi] {
                display: flex;
                justify-content: space-between;
                align-items: center;
                gap: 0.5rem;
            }
            
            .bottom-row[b-yq4nrixqoi] {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                gap: 0.5rem;
            }

            &.active[b-yq4nrixqoi] {
                border: 1px solid var(--accent-600);
                background-color: var(--accent-50);
            }
            
            .proposal-card-buttons[b-yq4nrixqoi] {
                display: flex;
                gap: 0.5rem;
                justify-content: flex-end;
                align-items: center;
                
                .proposal-copy-button {
                    color: var(--beige-600);
                    cursor: pointer;
                    
                    &:hover {
                        color: var(--beige-900);
                    }
                }
                
                .proposal-trash-button[b-yq4nrixqoi] {
                    color: var(--beige-600);
                    cursor: pointer;

                    &:hover {
                        color: var(--maroon-600);
                    }
                }
            }
        }
    }
    
    .add-proposal-button[b-yq4nrixqoi] {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
        cursor: pointer;
        transition: all 0.2s ease-in-out;
        margin: 1rem;
        flex-wrap: nowrap;
        text-wrap: nowrap;
        
        &:hover {
            text-decoration: underline;
        }
    }
}



.event-date-box[b-yq4nrixqoi] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.5rem;
    border-radius: 0.75rem;
    border: 1px solid var(--accent-100, #F0D8D1);
    background: var(--accent-50, #FBF2F0);
    min-width: 18rem;
}

[b-yq4nrixqoi] .comment-text-area {
    min-height: 6rem;
    width: 30rem;
}

.trash-date-button[b-yq4nrixqoi] {
    cursor: pointer;
    display: flex;
    height: 3rem;
    width: 3rem;
    justify-content: center;
    align-items: center;
    color: var(--maroon-500);
    background-color: var(--white, white);
    border: 1px solid var(--maroon-50);
    border-radius: var(--border-radius);
    transition: all 0.2s ease-in-out;
    
    &:hover {
        background-color: var(--maroon-500);
        border: 1px solid var(--maroon-500);
        color: var(--white, white);
    }
}

.summary-row[b-yq4nrixqoi] {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    justify-content: space-between;

    .summary-label {
        display: flex;
        flex: 0 1 25%; /* flex-grow: 1, flex-shrink: 1, flex-basis: auto */
        min-width: 10rem; /* Set the initial width */
        flex-wrap: nowrap;
        align-items: center;
        gap: 0.5rem;
    }

    .summary-info[b-yq4nrixqoi] {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex: 1;
        flex-wrap: nowrap;
        gap: 1rem;
    }

    .summary-info-centered[b-yq4nrixqoi] {
        display: flex;
        justify-content: center;
        flex: 1;
        flex-wrap: nowrap;
        gap: 1rem;
    }

    .summary-contact-placeholder-pfp[b-yq4nrixqoi] {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        background-color: var(--accent-color-light);
        min-width: 2rem;
        height: 2rem;
        padding: 0.5rem;
        border-radius: 999rem;
        font-size: var(--font-size-text-xs);
    }
}
.rooms-cost-line[b-yq4nrixqoi] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.rowspan-cell[b-yq4nrixqoi] {
    display: flex;
    flex-direction: column;
    padding-top: 0.45rem;
}

.other-charges-input-row[b-yq4nrixqoi] {
    display: flex;
    max-width: 100%;
    width: 50%;
    gap: 1rem;
}

.question-row[b-yq4nrixqoi] {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    align-items: flex-start;
    
    .question-content {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        flex: 1;
        max-width: 100%;
    }
}

[b-yq4nrixqoi] .question-text-box {
    height: 6rem;
    min-height: 3.75rem;
    max-height: 45rem;
}

.control-buttons-row[b-yq4nrixqoi] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.fee-info[b-yq4nrixqoi] {
    border-radius: 0.375rem;
    background: var(--beige-200, #F1EDE4);
    /*color: var(--accent-color);*/
    padding: 0rem 0.3rem;
}

[b-yq4nrixqoi] .fnb-input {
    width: 100%;
}

.stacked-cell[b-yq4nrixqoi] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 0.25rem;
    height: 100%;
}

.edit-buttons-cell[b-yq4nrixqoi] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    width: 100%;
}

.multiple-costs-container[b-yq4nrixqoi] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: flex-end;
}

.meeting-date-cell[b-yq4nrixqoi] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    width: 100%;
}

.meeting-type-cell[b-yq4nrixqoi] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    width: 100%;
}

.meeting-room-notes-cell[b-yq4nrixqoi] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    width: 100%;
}

.expand-button-cell[b-yq4nrixqoi] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5rem;
}

.add-meeting-room-cell[b-yq4nrixqoi] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    
    
    .remove-meeting-room-button {
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        
        
        &:hover {
            color: var(--accent-color);
        }
    }
}

.no-rooms-cell[b-yq4nrixqoi] {
    display: flex;
    align-items: center;
    padding: 1rem 0.5rem;
}

.meeting-room-input[b-yq4nrixqoi] {
    display: flex;
    justify-content: space-between;
    min-width: 0;
}

.meeting-room-name[b-yq4nrixqoi] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 0;
}

.meeting-room-input .remove-meeting-room-button[b-yq4nrixqoi] {
    flex-shrink: 0;
}

.supplier-logo-container[b-yq4nrixqoi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 0.75rem;
    background: var(--white, #FFF);
    padding: 0.5rem;

    .supplier-logo {
        height: 1.5rem;
        width: 2.55rem;
        border-radius: 0.375rem;
        object-fit: fill;
    }
}

.missing-field-messages[b-yq4nrixqoi] {
    display: flex;
    gap: 0.5rem;
}

/* Copy Mode */
[b-yq4nrixqoi] .copy-mode-active {
    user-select: none;
}

[b-yq4nrixqoi] .copy-source-row {
    background-color: var(--accent-50);
    border-left: 3px solid var(--accent-600);
}

[b-yq4nrixqoi] .copy-source-row td {
    opacity: 0.85;
}

[b-yq4nrixqoi] .copy-selectable-row {
    cursor: pointer;
    transition: background-color 0.15s ease;
}

[b-yq4nrixqoi] .copy-selectable-row:hover {
    background-color: var(--beige-100);
}

[b-yq4nrixqoi] .copy-target-row {
    background-color: var(--green-50);
    border-left: 3px solid var(--green-600);
}

[b-yq4nrixqoi] .copy-flash-row {
    animation: copy-flash-b-yq4nrixqoi 1.5s ease-out;
}

@keyframes copy-flash-b-yq4nrixqoi {
    0% { background-color: var(--green-100); }
    100% { background-color: transparent; }
}

.copy-checkbox-col[b-yq4nrixqoi] {
    width: 2.5rem;
}

.copy-checkbox-cell[b-yq4nrixqoi] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
}

.copy-checkbox[b-yq4nrixqoi] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid var(--beige-500);
    border-radius: 0.25rem;
    cursor: pointer;
    transition: all 0.15s ease;
    background: white;
}

.copy-checkbox.checked[b-yq4nrixqoi] {
    background-color: var(--green-600);
    border-color: var(--green-600);
    color: white;
}

[b-yq4nrixqoi] .copy-checkbox .svg-icon {
    width: 0.75rem;
    height: 0.75rem;
}

.copy-source-badge[b-yq4nrixqoi] {
    font-size: var(--font-size-text-xs);
    font-weight: 600;
    color: var(--accent-600);
    background-color: var(--accent-100);
    padding: 0.125rem 0.5rem;
    border-radius: 999rem;
    white-space: nowrap;
}

.copy-mode-disabled[b-yq4nrixqoi] {
    pointer-events: none;
    opacity: 0.6;
}

.copy-mode-action-bar[b-yq4nrixqoi] {
    position: fixed;
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
    animation: copy-bar-slide-up-b-yq4nrixqoi 0.2s ease-out;
}

@keyframes copy-bar-slide-up-b-yq4nrixqoi {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(1rem);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

.copy-mode-action-bar-content[b-yq4nrixqoi] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1.5rem;
    background: white;
    border: 1px solid var(--beige-200);
    border-radius: 0.75rem;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
    white-space: nowrap;
    
    .vertical-separator {
        width: 1px;
        height: 1.5rem;
        background-color: var(--beige-200);
    }
}

.copy-mode-action-buttons[b-yq4nrixqoi] {
    display: flex;
    gap: 0.5rem;
}

.center-center[b-yq4nrixqoi] {
    align-items: center;
    justify-content: center;
}

.uploaded-files[b-yq4nrixqoi] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;

    .uploaded-file {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 1.5rem;
        height: 4rem;
        background-color: var(--beige-100);
        border: 1px solid var(--beige-300);
        border-radius: var(--border-radius);
        gap: 1rem;

        .file-info {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 0.25rem;
        }

        .file-icon[b-yq4nrixqoi] {
            width: 2rem;
            height: 2rem;
            color: var(--beige-600);
            margin-right: 0.5rem;
            object-fit: contain;
        }

        .x-icon[b-yq4nrixqoi] {
            width: 1.5rem;
            height: 1.5rem;
            color: var(--beige-600);
            cursor: pointer;

            &:hover {
                color: var(--maroon-600)
            }
        }
    }
}



.proposal-links[b-yq4nrixqoi] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;

    .proposal-link {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
        padding: 0.5rem 1rem;
        background-color: var(--beige-100);
        border: 1px solid var(--beige-300);
        border-radius: var(--border-radius);
        cursor: pointer;
        transition: all 0.3s ease;

        .proposal-link-remove {
            display: flex;
            position: absolute;
            top: -0.3rem;
            right: -0.3rem;
            background-color: var(--beige-400);
            border-radius: 50%;
            padding: 0.15rem;
            opacity: 0;
            transition: opacity 0.2s ease;

            svg {
                width: 0.75rem;
                height: 0.75rem;
            }
        }

        &:hover[b-yq4nrixqoi] {
            background-color: var(--beige-200);
            border-color: var(--beige-500);

            .proposal-link-remove {
                opacity: 1;
            }
        }
    }
}

/* /Components/Pages/Hotelier/RfpDetailsHotelPage.razor.rz.scp.css */
.rfp-details-page[b-wempz0fg2u] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: calc(100vh - var(--nav-height));
}

.form-block[b-wempz0fg2u] {
    display: flex;
    flex-direction: column;
    justify-content: safe center;
    flex: 1;
    border-radius: 10px;
    padding: 1.5rem 2rem;
    background-color: var(--beige-50);
    gap: 1rem;
    box-shadow: 0px 2px 8px 0px rgba(47, 45, 46, 0.05);

    .block-header {
        display: flex;
        justify-content: space-between;
    }
}

.edit-button[b-wempz0fg2u] {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--white);
    border: 1px solid var(--beige-200);
    border-radius: 0.625rem;
    padding: 0.625rem;
}

.back-button-container[b-wempz0fg2u] {
    display: flex;
    padding: 1rem 2rem;

    .back-button {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        cursor: pointer;
        padding: 0.5rem 1rem;
        border-radius: 99rem;
        transition: background-color 0.2s ease;
        text-decoration: none;

        &:hover {
            background-color: var(--beige-400);
        }
    }
}

.sheet-area[b-wempz0fg2u] {
    border-radius: 1.25rem 1.25rem 0rem 0rem;
    background: var(--beige-100, #F9F6F3);
    width: 100%;
    padding: 1.5rem 3rem;
    flex: 1;
    min-width: min-content;
}

.sheet-header[b-wempz0fg2u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;


    .sheet-title-area {
        display: flex;
        align-items: center;
        gap: 1rem;

        .plan-org-container {
            display: flex;
            gap: 1rem;
            background-color: var(--white);
            border-radius: 0.75rem;
            padding: 0.25rem 0.5rem;
            align-items: center;
            
            .planner-org-logo {
                max-height: 2.5rem;
            }
        }
        
    }

    .header-buttons[b-wempz0fg2u] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }
}

.plan-org-container[b-wempz0fg2u] {
    display: flex;
    gap: 1rem;
    background-color: var(--white);
    border-radius: 0.75rem;
    padding: 0.25rem 0.5rem;
    align-items: center;
    border: 1px solid var(--beige-200);

    .planner-org-logo {
        max-width: 8rem;
    }
}



.dropdown-item[b-wempz0fg2u] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    cursor: pointer;
    text-wrap: nowrap;
    font-weight: var(--font-weight-light);
    font-size: var(--font-size-text-sm);

    &:hover {
        background-color: var(--beige-100);
    }
}

.sheet-content[b-wempz0fg2u] {
    display: flex;
    margin-top: 1.5rem;
    gap: 1.5rem;
}

.left-column[b-wempz0fg2u] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 1 0 0;
}

.right-column[b-wempz0fg2u] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 10rem;
}

.card[b-wempz0fg2u] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    border: 1px solid var(--beige-300, #EEE9E0);
    border-radius: var(--border-radius, 0.5rem);
    padding: 1rem;
    background-color: var(--beige-50, #FCFBFA);
    width: 100%;
}

.summary-cards[b-wempz0fg2u] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));

    .summary-card {
        display: flex;
        align-items: flex-start;
        flex: 1 1 0;
        flex-direction: column;
        gap: 0.5rem;
        border: 1px solid var(--beige-300, #EEE9E0);
        border-radius: var(--border-radius, 0.5rem);
        min-width: 10rem;
        padding: 1rem;
        background-color: var(--beige-50, #FCFBFA);
    }

    .summary-icon[b-wempz0fg2u] {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 2rem;
        height: 2rem;
        border-radius: 999em;
        background-color: var(--beige-200);
    }
    
    .summary-card-header[b-wempz0fg2u] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }
    
    .summary-card-body[b-wempz0fg2u] {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        justify-content: flex-end;
        
        .rfp-status-summary-details {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .client-summary-details[b-wempz0fg2u] {
            display: flex;
            align-items: center;
            gap: 1rem;
        }

        .planner-summary-details[b-wempz0fg2u] {
            display: flex;
            align-items: center;
            gap: 1rem;
        }
    }
    
    .planner-summary-card-header-wrapper[b-wempz0fg2u] {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        width: 100%;
    }
    
    .summary-pic[b-wempz0fg2u] {
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 999em;
        object-fit: contain;
        border: 1px solid var(--beige-300, #EEE9E0);
    }
}


.stacked-text[b-wempz0fg2u] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
}

.tabs[b-wempz0fg2u] {
    display: flex;
    gap: 0.75rem;

    .tab {
        cursor: pointer;
        padding: 0.25rem 0.25rem 1rem;
    }

    .tab.active[b-wempz0fg2u] {
        border-bottom: 2px solid var(--accent-500);
    }

    .tab .tab-unread-badge[b-wempz0fg2u] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background-color: var(--maroon-600);
        color: white;
        border-radius: 100px;
        font-size: 0.75rem;
        line-height: 1;
        min-width: 1.25rem;
        height: 1.25rem;
        padding: 0 0.3rem;
        margin-left: 0.35rem;
        vertical-align: middle;
    }
}

.venue-table-controls[b-wempz0fg2u] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    width: 100%;
}

.venue-table[b-wempz0fg2u] {
    table-layout: auto;
}

.venue-table-header[b-wempz0fg2u] {
    height: 3rem;
    font-size: var(--font-size-text-sm);
    padding: 0.75rem 1.5rem;
}

.venue-table-detail[b-wempz0fg2u] {
    height: 4rem;
    text-align: center; /* Centers content horizontally */
    vertical-align: middle; /* Centers content vertically */;

    .venue-table-detail-comments {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0.25rem;
        cursor: pointer;
    }
}

.supplier-image[b-wempz0fg2u] {
    height: 2rem;
    width: 3.4rem;
    border-radius: 0.375rem;
    object-fit: fill;
}

.summary-row[b-wempz0fg2u] {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    justify-content: space-between;

    .summary-label {
        display: flex;
        flex: 0 1 25%; /* flex-grow: 1, flex-shrink: 1, flex-basis: auto */
        min-width: 10rem; /* Set the initial width */
        flex-wrap: nowrap;
        align-items: center;
        gap: 0.5rem;
    }

    .summary-info[b-wempz0fg2u] {
        display: flex;
        justify-content: flex-start;
        flex: 1;
        flex-wrap: nowrap;
        gap: 1rem;
    }

    .summary-info-centered[b-wempz0fg2u] {
        display: flex;
        justify-content: center;
        flex: 1;
        flex-wrap: nowrap;
        gap: 1rem;
    }

    .summary-contact-placeholder-pfp[b-wempz0fg2u] {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        background-color: var(--accent-color-light);
        min-width: 2rem;
        height: 2rem;
        padding: 0.5rem;
        border-radius: 999rem;
        font-size: var(--font-size-text-xs);
    }
}

.image-name-subtitle-container[b-wempz0fg2u] {
    display: flex;
    gap: 0.5rem;

    .logo-image {
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 999em;
        object-fit: cover;
    }

    .hotel-image[b-wempz0fg2u] {
        width: 5rem;
        height: 3rem;
        border-radius: 0.40763rem;
    }
}

.venue-list-item[b-wempz0fg2u] {
    padding-bottom: 1rem;
    width: 100%;
    border-bottom: 1px solid var(--beige-200);
}

.dotted-list[b-wempz0fg2u] {
    list-style: none;
    /*padding-left: 20px;*/
    position: relative;
}

.dotted-list li[b-wempz0fg2u] {
    position: relative;
    padding-left: 2rem;
    padding-bottom: 3rem;

    /*margin-bottom: 20px;*/
}

.dotted-list li[b-wempz0fg2u]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 8px;
    height: 8px;
    background-color: var(--beige-500, #E2DACB);
    border: 1px solid var(--beige-400, #E2DACB);
    border-radius: 50%;
}

.dotted-list li[b-wempz0fg2u]::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 15px;
    width: 2px;
    height: calc(100% + 0px);
    background-color: var(--beige-400, #E2DACB);
}

/* Remove line for the last item */
.dotted-list li:last-child[b-wempz0fg2u]::after {
    display: none;
}

.invite-supplier-row[b-wempz0fg2u] {
    display: flex;
    max-width: 100%;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--beige-300);
    padding: 0.25rem 0;
    
    .invite-supplier-name {
        flex: 1;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

.proposal-card-title-container[b-wempz0fg2u] {
    display: flex;
    flex-direction: column;
}


.stacked-text[b-wempz0fg2u] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
}

.hotel-title[b-wempz0fg2u] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
    white-space: nowrap;
    overflow: hidden;
    max-width: 18rem;
}

td.rowspan[b-wempz0fg2u] {
    text-align: left;
    vertical-align: top;
    gap: 0.5rem;
    
}

.basic-cell[b-wempz0fg2u] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem;
}

.proposal-status-cell[b-wempz0fg2u] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    padding: 1rem;
    text-align: left;
}

.hotel-status-cell[b-wempz0fg2u] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    height: 4.7rem;
}

.name-cell[b-wempz0fg2u] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    padding: 1rem;
    height: 4.7rem;
}

.delivery-status-cell[b-wempz0fg2u] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
}

.no-rows-cell[b-wempz0fg2u] {
    text-align: center;
    padding: 0.75rem;
    margin: 0 auto;
}

.create-proposals-cell[b-wempz0fg2u] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.supplier-image[b-wempz0fg2u] {
    height: 2rem;
    width: 3.4rem;
    border-radius: 0.375rem;
    object-fit: fill;
}

.venue-more-button[b-wempz0fg2u] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    cursor: pointer;

    &:hover {
        background-color: var(--beige-100);
    }
}

.user-container[b-wempz0fg2u] {
    display: flex;
    gap: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--beige-200);
    
    &:last-child {
        border-bottom: none;
    }
    
    .user-pfp[b-wempz0fg2u] {
        height: 2rem;
        aspect-ratio: 1 / 1;
        object-fit: fill;
        border-radius: 99rem;
    }
    
    .user-details[b-wempz0fg2u] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }
}

.show-on-space-save[b-wempz0fg2u] {
    display: none !important;
}

@media (max-width: 1710px) {
    .hide-on-space-save[b-wempz0fg2u] {
        display: none !important;  
    }

    .show-on-space-save[b-wempz0fg2u] {
        display: flex !important;
    }
}

/* /Components/Pages/NoAccessPage.razor.rz.scp.css */
.no-access-page-container[b-b9ja63iq41] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 1rem;
}
/* /Components/Pages/NonPlanner/NonPlannerHomePage.razor.rz.scp.css */
.page[b-e5veh71ebt] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100vw;
    min-height: calc(100vh - var(--nav-height));
}

.my-hotels-container[b-e5veh71ebt] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 3rem;
}


.my-hotels[b-e5veh71ebt] {
    display: flex;
    flex-direction: row;
    gap: 0rem 1rem;
    flex-wrap: wrap;
    padding-right: 4rem;
    /*-webkit-mask-image: -webkit-linear-gradient(to right, rgba(0,0,0,1) 92%, rgba(0,0,0,0) 100%);*/
    /*mask-image: linear-gradient(to right, rgba(0,0,0,1) 92%, rgba(0,0,0,0) 100%);*/

    &.overflow {
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    &.single-row[b-e5veh71ebt] {
        overflow: hidden;
        max-height: 7rem;
    }
}

.btn-link[b-e5veh71ebt] {
    background: none;
    border: none;
    color: var(--accent-500);
    cursor: pointer;
    padding: 0;
    text-decoration: none;

    &:hover {
        text-decoration: underline;
    }
}


.hotel-card[b-e5veh71ebt] {
    position: relative;
    display: flex;
    gap: 1rem;
    align-items: center;
    background-color: var(--beige-100);
    padding: 1rem;
    border-radius: var(--border-radius);
    margin: 1rem 0;

    .hotel-image {
        width: 6rem;
        height: 4rem;
        object-fit: cover;
        border-radius: var(--border-radius);
    }

    .hotel-details[b-e5veh71ebt] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .status-indicator[b-e5veh71ebt] {
        position: absolute;
        top: -10px;
        right: 15px;
    }
}

.bottom-sheet[b-e5veh71ebt] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    height: 100%;
    background-color: var(--beige-100);
    border-radius: 1.25rem 1.25rem 0 0;
    padding: 1.5rem 3rem;
}

.my-rfps-header[b-e5veh71ebt] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.tab-filters[b-e5veh71ebt] {
    display: flex;
    gap: 0.75rem;

    .tab {
        cursor: pointer;
        padding: 0.25rem 0.25rem 1rem;
    }

    .tab.active[b-e5veh71ebt] {
        border-bottom: 2px solid var(--accent-500);
    }
}

.table-controls[b-e5veh71ebt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    width: 100%;
}

.table-functions[b-e5veh71ebt] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
}

[b-e5veh71ebt] .sort-icon {
    width: 0.85rem;
    height: 0.85rem;
    flex-shrink: 0;
}

table[b-e5veh71ebt] {
    table-layout: auto;

    td {
        padding: 1rem;
    }
}

.table-controls[b-e5veh71ebt] {
    display: flex;
    gap: 1rem;
}

.no-results[b-e5veh71ebt] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 3rem;
}

[b-e5veh71ebt] .event-name-cell {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 20rem;
    min-width: 0;
}

.creator-cell[b-e5veh71ebt] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    max-width: 8rem;
}

.hotel-cell[b-e5veh71ebt] {
    display: flex;
    max-width: 10rem;
}

.ellipsis-text[b-e5veh71ebt] {
    width: 100%;
    max-width: 100%; /* Adjust max width to your requirement */
    white-space: nowrap; /* Prevents text from wrapping to another line */
    overflow: hidden; /* Hides the overflowing text */
    text-overflow: ellipsis; /* Adds the ellipsis (...) to the hidden text */
}

[b-e5veh71ebt] .event-name-row {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    min-width: 0;
}

/* Unread chat message count next to the event name */
[b-e5veh71ebt] .unread-messages-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.125rem;
    height: 1.125rem;
    padding: 0 0.3rem;
    border-radius: 999em;
    background-color: var(--maroon-600);
    color: var(--white);
    font-size: 0.6875rem;
    flex-shrink: 0;
}
/* /Components/Pages/PDF/ProposalPdfPage.razor.rz.scp.css */
.proposal-pdf-page[b-vu1hnzsqqc] {
    width: 100%;
    padding: 0 1rem;

    .title {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        padding: 1rem;
    }
}

.proposal-pdf-header[b-vu1hnzsqqc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1rem 2rem;
    flex-wrap: wrap;

    .title-area {
        display: flex;
        align-items: center;
        gap: 1rem;
        flex-wrap: wrap;
    }

    .header-rightside[b-vu1hnzsqqc] {
        display: flex;
        gap: 0.75rem;
    }

    .supplier-logo-container[b-vu1hnzsqqc] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        border-radius: 0.75rem;
        background: var(--white, #FFF);
        padding: 0.5rem;

        .supplier-logo {
            height: 1.5rem;
            width: 2.55rem;
            border-radius: 0.375rem;
            object-fit: fill;
        }
    }
}

.sub-header[b-vu1hnzsqqc] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
    padding-left: 2rem;
    padding-bottom: 1rem;
}
/* /Components/Pages/PDF/ProposalsSummaryPdfPage.razor.rz.scp.css */
.rfp-proposals-summary-pdf-page[b-dxv6qc1gc0] {
    width: 100%;
    /*height: 100%;*/
    /*min-height: calc(100vh - 5rem);*/
    border-radius: 1.25rem 1.25rem 0rem 0rem;
    background: var(--beige-100, #F9F6F3);
    padding: 1.5rem 3rem;
}

.back-button-container[b-dxv6qc1gc0] {
    display: flex;
    padding: 1rem 0rem;

    .back-button {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        cursor: pointer;
        padding: 0.5rem 1rem;
        border-radius: 99rem;
        transition: background-color 0.2s ease;
        text-decoration: none;

        &:hover {
            background-color: var(--beige-400);
        }
    }
}

.summary-page-header[b-dxv6qc1gc0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.button-group[b-dxv6qc1gc0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.sub-table-title[b-dxv6qc1gc0] {
    color: var(--accent-600);
}


/* /Components/Pages/PDF/RfpPdfPage.razor.rz.scp.css */
.rfp-pdf-page[b-vlg99nk2a2] {
    width: 100%;
    padding: 0 1rem;
    
    .title {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        padding: 1rem;
    }
}
/* /Components/Pages/Planner/CopyRfpPage.razor.rz.scp.css */
.copy-rfp-page[b-dgu2giuse5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 1rem 3rem;
    height: var(--vh-minus-layout);
}



/* /Components/Pages/Planner/CreateRfpPage.razor.rz.scp.css */
.create-rfp-page[b-hc1ddyxrcb] {
    display: flex;
    width: 100%;
    /*max-height: calc(100vh - 6rem !*top-bar-height*! );*/
}

/* The layout's <main> is a flex row; stack the banner above the page in a column
   that fills the available width so the banner spans the full width, not a left strip. */
.create-rfp-shell[b-hc1ddyxrcb] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.create-rfp-shell .create-rfp-page[b-hc1ddyxrcb] {
    flex: 1;
    min-height: 0;
}

.rfp-updated-elsewhere-banner[b-hc1ddyxrcb] {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
    padding: 0.75rem 1.5rem;
    background-color: #fff4e5;
    border-bottom: 1px solid #f0c987;
    color: #7a4b00;
    font-size: 0.9rem;
}

.rfp-updated-elsewhere-banner span[b-hc1ddyxrcb] {
    flex: 1;
}

.rfp-updated-elsewhere-dismiss[b-hc1ddyxrcb] {
    background: none;
    border: none;
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
    color: inherit;
}

.sidebar[b-hc1ddyxrcb] {
    display: flex;
    flex-direction: column;
    min-width: 22rem;
    /*max-height: calc(100vh - 5rem !*top-bar-height*! );*/
    /*overflow: hidden;*/
    padding: 1rem 3rem;
    gap: 1rem;

    
    .nav-container {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 0.5rem;
        height: 3rem;
    }
    
    /*.back-button {*/
    /*    cursor: pointer;*/
    /*    align-items: center;*/
    /*    display: flex;*/
    /*    gap: 0.5rem;*/
    /*    margin-bottom: 1rem;*/
    /*}*/

    .back-button-container[b-hc1ddyxrcb] {
        display: flex;
        padding: 1rem;
    
        .back-button {
            display: flex;
            align-items: center;
            gap: 0.25rem;
            padding: 0.5rem 1rem;
            border-radius: 99rem;
            transition: background-color 0.2s ease;
            text-decoration: none;
            flex-wrap: nowrap;
            text-wrap: nowrap;
            cursor: pointer;
    
            &:hover {
                background-color: var(--beige-400);
            }
        }
    }
    
    .sidebar-title[b-hc1ddyxrcb] {
        margin-top: 2rem;
        margin-bottom: 1rem;
    }
    
    .sections-container[b-hc1ddyxrcb] {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        font-size: var(--font-size-text-xxl);
        height: 100%;
    }
    
    .section-tab[b-hc1ddyxrcb] {
        border-radius: var(--border-radius);
        padding: 0.5rem 1rem;
        backdrop-filter: blur(10px); /* Adjust the blur radius as needed */
        -webkit-backdrop-filter: blur(10px); /* For Safari support */
        background-color: rgba(255, 255, 255, 1);
        transition: background-color 0.3s ease;
        color: var(--font-color-primary);
    }

    .section-tab.section-CURRENT[b-hc1ddyxrcb] {
        background: white;
        border: 1px solid var(--accent-color);
        color: var(--accent-color);

        .section-status {
            background-color: var(--accent-color-light);
            color: var(--accent-color);
        }
    }
    
    .section-tab-header[b-hc1ddyxrcb] {
        display: flex;
        flex-direction: row;
        justify-content: left;
        align-items: center;
        gap: 0.75rem;

        &:hover {
            background-color: rgba(255, 255, 255, 0.8);
            cursor: pointer;
        }
    }
    
    .section-status[b-hc1ddyxrcb] {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 2.5rem;
        height: 2.5rem;
        border-radius: var(--border-radius);
        border: 1px solid var(--beige-200);
        background-color: var(--beige-100);
        color: var(--font-color-secondary);
        padding: 0.4rem;
    }

    .section-status.section-status-DONE[b-hc1ddyxrcb] {
        background-color: #E1FCEF;
        color: #14804A;
        border: 1px solid #38A06C;
    }

    .section-status.section-status-PROGRESS[b-hc1ddyxrcb] {
        background-color: #EBF0FA;
        color: #2264E5;
        border: 1px solid #4B85FA;
    }

    .section-status.section-status-BAD[b-hc1ddyxrcb] {
        background-color: #FFEDEF;
        color: #D1293D;
        border: 1px solid #EF5466;
    }

    .section-tab-expanded-area[b-hc1ddyxrcb] {
        display: flex;
        flex-direction: column;
        background-color: white;
        border: 1px solid var(--beige-200);
        border-radius: var(--border-radius);
        padding: 0.5rem 0.875rem;
        margin-top: 0.75rem;
        gap: 0.5rem;
        
        .stacked-text {
            display: flex;
            flex-direction: column;
            gap: 0.15rem;
        }
    }
    
}

.rightside[b-hc1ddyxrcb] {
    display: flex;
    flex-direction: column;
    width: 100%;
    /*max-height: 100vh;*/
    /*overflow: auto;*/
    
    .form-area {
        display: flex;
        flex-direction: column;
        justify-content: safe center;
        flex: 1;
        margin: 1rem 1rem 1rem 0rem;
        padding-top: 1rem;
        max-width: 75rem;
        /*overflow-y: scroll; !* Makes area scrollable *!*/
        /*max-height: calc(100vh - 5rem !*top-bar-height*! - 5rem !*form-navigation-bar-height*! - 3rem!*height of margins in the column*!);*/
        /*min-height: calc(100vh - 5rem !*top-bar-height*! - 5rem !*form-navigation-bar-height*! - 3rem!*height of margins in the column*!);*/
    }
    
    .form-block[b-hc1ddyxrcb] {
        display: flex;
        flex-direction: column;
        justify-content: safe center;
        flex: 1;
        border-radius: 10px;
        padding: 1.5rem 2rem;
        background-color: var(--beige-50);
        gap: 1rem;
        box-shadow: 0px 2px 8px 0px rgba(47, 45, 46, 0.05);
    }
    
    .form-navigation-bar[b-hc1ddyxrcb] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0.75rem 2rem;
        gap: 0.5rem;
        border-radius: 10px;
        margin: 1rem 0rem 1rem 0rem;
        background-color: white;
        height: 4rem;
        /*max-width: 74rem;*/
        width: 100%;
    }
    
    
}

.section-details[b-hc1ddyxrcb] {
    flex-direction: column;
    justify-self: center;
    height: 100%;
    gap: 0.5rem;
}

.section-title[b-hc1ddyxrcb] {
    margin-bottom: 1rem;
}

.input-row[b-hc1ddyxrcb] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.marg-regular[b-hc1ddyxrcb] {
    margin-bottom: 2rem;
}
.marg-small[b-hc1ddyxrcb] {
    margin-bottom: 1rem;
}

.add-or-remove-row[b-hc1ddyxrcb] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

.add-additional-button[b-hc1ddyxrcb] {
    height: 2.5rem;
    border: var(--border-color) 1px dashed;
    background-color: unset;
    flex: 1;
    border-radius: 1.75rem;
    transition: color 0.3s ease, background-color 0.3s ease, border 0.3s ease;

    &:hover{
        background-color: var(--primary-color-light);
        color: var(--primary-color);
        border: var(--primary-color) 1px dashed;
    }

    &:focus[b-hc1ddyxrcb] {
        box-shadow: none;
    }
}

.remove-additional-button[b-hc1ddyxrcb] {
    height: 2.5rem;
    border: var(--border-color) 1px dashed;
    background-color: unset;
    width: 100%;
    flex: 1;
    border-radius: 1.75rem;
    transition: color 0.3s ease, background-color 0.3s ease, border 0.3s ease;
    
    &:hover {
        background-color: var(--danger);
        color: var(--text-color-danger);
        border: var(--text-color-danger) 1px dashed;
    }
    
    &:focus[b-hc1ddyxrcb] {
        box-shadow: none;
    }
}

.trash-date-button[b-hc1ddyxrcb] {
    cursor: pointer;
    display: flex;
    height: 3rem;
    width: 3rem;
    justify-content: center;
    align-items: center;
    color: var(--text-color-danger);
    background-color: var(--danger);
    border-radius: var(--border-radius);
}

.horizontal-separator[b-hc1ddyxrcb] {
    width: 100%;
    height: 0.125rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    background-color: var(--light-grey);
}

.toggle-input-container[b-hc1ddyxrcb] {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    gap: 0.5rem;
    padding: unset;
    position: relative;
    margin-top: 0.25rem;
    
    .selected-highlight {
        position: absolute;
        top: 0;
        background-color: white;
        width: 50%;
        height: 100%;
        z-index: 0;
        border-radius: inherit;
        border: 3px solid var(--beige-100);
        transition: left 0.3s ease;
    }
    
    .option[b-hc1ddyxrcb] {
        cursor: pointer;
        position: relative;
        display: flex;
        justify-content: center;
        flex: 1;
        z-index: 1;
    }
    
    .selected-highlight.selected-highlight-True[b-hc1ddyxrcb] {
        left: 0;
    }
    
    .selected-highlight.selected-highlight-False[b-hc1ddyxrcb] {
        left: 50%;
    }
}

.big-label[b-hc1ddyxrcb] {
    margin-top: 2rem;
    margin-bottom: 0.5rem;
}

.days-area[b-hc1ddyxrcb] {
    display: flex;
    flex-direction: column;
}

.day-container[b-hc1ddyxrcb] {
    display: flex; /* Creates the row layout */
    align-items: stretch; 
    margin-bottom: 1rem;
    background-color: white;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
}

/*.day-drag-area {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    border-right: 1px solid var(--border-color);*/
/*    cursor: grab;*/
/*    width: 3rem;*/
/*    */
/*    &:active {*/
/*        cursor: grabbing;*/
/*    }*/
/*}*/

.day-main-content[b-hc1ddyxrcb] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.day-header[b-hc1ddyxrcb] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 1rem;
    width: 100%;
    border-bottom: 1px solid var(--border-color);
}

.day-body[b-hc1ddyxrcb] {
    display: flex;
    flex-direction: column;
    padding: 1rem 1rem;
    gap: 1rem;
}

.grey-background[b-hc1ddyxrcb] {
    background-color: var(--gray-50);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
}

.guest-room-info-container[b-hc1ddyxrcb] {
    display: flex;
    flex-direction: row;
    padding: 1rem;
    gap: 1rem;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.meeting-info-container[b-hc1ddyxrcb] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    margin-bottom: 1rem;
    flex: 1;
    
    .left-side {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        padding: 1rem;
        flex-wrap: wrap;
        flex: 1;

        .input-row {
            display: flex;
            flex-direction: row;
            gap: 1rem;
            justify-content: center;
            flex-wrap: wrap;
            align-items: center;
        }
    }
    
    .right-side[b-hc1ddyxrcb] {
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: 1px solid var(--border-color);
        padding: 0 0.5rem;
        flex: 0;
    }
}

.day-tag[b-hc1ddyxrcb] {
    border-radius: 16px;
    padding: 0.2rem 0.5rem;
    text-align: center;
    font-size: var(--font-size-text-sm);
    background-color: var(--accent-color-light);
    color: var(--accent-color);
    margin-right: 0.25rem;
}

/***** SELECT CLIENT *****/
.client-container[b-hc1ddyxrcb] {
    display: flex;
    flex-direction: row;
    background-color: white;
    border: 1px solid var(--beige-200);
    border-radius: var(--border-radius);
    cursor: pointer;
    
    .left-side {
        display: flex;
        padding: 2rem 0.5rem;
        border-right: 1px solid var(--beige-200);
    }
    
    .right-side[b-hc1ddyxrcb] {
        display: flex;
        flex-direction: column;
        flex: 1;
        
        .right-top {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            padding: 1rem 1.5rem;
            border-bottom: 1px solid var(--beige-200);
        }
        
        .right-bottom[b-hc1ddyxrcb] {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            padding: 1.25rem 1.5rem;
            gap: 1rem;
        }
    }
}


.select-circle[b-hc1ddyxrcb] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background-color: white;
    border: 1px solid var(--border-color);
    transition: all 0.3s ease;
}

.select-circle.selected[b-hc1ddyxrcb] {
    background-clip: content-box;
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    padding: 0.35rem;
}

.profile-pic[b-hc1ddyxrcb] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 999rem;
    object-fit: contain;
}

.flex-row[b-hc1ddyxrcb] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.stacked-text[b-hc1ddyxrcb] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.client-actions[b-hc1ddyxrcb] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-self: end;
    height: 2.25rem;
}


/***** CONTACT INFO *****/
.contact-info-container[b-hc1ddyxrcb] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: white;
    padding: 1.25rem 1.5rem;
    border: 1px solid var(--beige-200);
    border-radius: var(--border-radius);
}

.main-contact-info[b-hc1ddyxrcb] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.additional-contact-info[b-hc1ddyxrcb] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4rem;
}

.add-additional-user-row[b-hc1ddyxrcb] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}

.added-users-container[b-hc1ddyxrcb] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.added-user[b-hc1ddyxrcb] {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: white;
    border: 1px solid var(--beige-200);
    border-radius: var(--border-radius);
    padding: 1.25rem 1.5rem;
    height: 5.25rem;
    
    .added-user-main-info {
        display: flex;
        flex-direction: row;
        flex: 1;
        gap: 1rem;
    }
    
    .added-user-sub-info[b-hc1ddyxrcb] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        flex: 1;
        gap: 1rem;
    }

    .added-user-placeholder-pfp[b-hc1ddyxrcb] {
        width: 3rem;
        height: 3rem;
        border-radius: 50%;
        background-color: var(--beige-100);
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

/***** ADD VENUES *****/
.chain-divider[b-hc1ddyxrcb] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0.5rem;

    .line-left {
        width: 1.5rem;
        height: 1px;
        background-color: var(--beige-200);
        margin-right: 1rem;
    }
    
    .line-right[b-hc1ddyxrcb] {
        flex: 1;
        height: 1px;
        background-color: var(--beige-200);
        margin-left: 1rem;
    }
}



/***** QUESTIONS *****/
.add-first-questions-btns-container[b-hc1ddyxrcb] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.add-questions-btns-container[b-hc1ddyxrcb] {
    display: flex;
    gap: 1rem;
    margin-top: 0.5rem;
}

.questions-block-header[b-hc1ddyxrcb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.add-first-question-btn[b-hc1ddyxrcb] {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    height: 4rem;
    border: 1px dashed var(--beige-500);
    border-radius: var(--border-radius);
    background-color: var(--beige-100);
    color: var(--beige-700);
    transition: all 0.2s ease;
    
    &:hover {
        background-color: var(--beige-200);
        border-color: var(--beige-800);
    }
}

.add-first-questions-templates[b-hc1ddyxrcb] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.add-question-icon[b-hc1ddyxrcb] {
    width: 1em;
    height: 1em;
    margin-right: 0.5em;
}

.block-header[b-hc1ddyxrcb] {
    display: flex;
    justify-content: space-between;
}

.edit-button[b-hc1ddyxrcb] {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--white);
    border: 1px solid var(--beige-200);
    border-radius: 0.625rem;
    padding: 0.625rem;
}

.summary-row[b-hc1ddyxrcb] {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: flex-start;
    
    .summary-label {
        display: flex;
        flex: 0 1 25%; /* flex-grow: 1, flex-shrink: 1, flex-basis: auto */
        min-width: 10rem; /* Set the initial width */
        flex-wrap: nowrap;
        align-items: center;
        gap: 0.5rem;
    }
    
    .summary-info[b-hc1ddyxrcb] {
        display: flex;
        justify-content: flex-start;
        flex: 1;
        flex-wrap: nowrap;
        gap: 1rem;
    }

    .summary-info-column[b-hc1ddyxrcb] {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        flex: 1;
        flex-wrap: nowrap;
        gap: 1rem;
    }
    
    .summary-contact-placeholder-pfp[b-hc1ddyxrcb] {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        background-color: var(--accent-color-light);
        min-width: 2rem;
        height: 2rem;
        padding: 0.5rem;
        border-radius: 999rem;
        font-size: var(--font-size-text-xs);
    }
}

.uploaded-file-container[b-hc1ddyxrcb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    height: 4rem;
    background-color: var(--beige-100);
    border: 1px solid var(--beige-300);
    border-radius: var(--border-radius);

    .file-info {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0.25rem;
    }

    .file-icon[b-hc1ddyxrcb] {
        width: 2rem;
        height: 2rem;
        color: var(--beige-600);
        margin-right: 0.5rem;
        object-fit: contain;
    }

    .x-icon[b-hc1ddyxrcb] {
        width: 1.5rem;
        height: 1.5rem;
        color: var(--beige-600);
        cursor: pointer;
    }
}

.client-not-allowed[b-hc1ddyxrcb] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 2rem 0; 
}

/* /Components/Pages/Planner/PlannerDashboard.razor.rz.scp.css */
.planner-dashboard-page[b-bhv0dkl1x3] {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 1.5rem 3rem;
}

.dashboard-header-area[b-bhv0dkl1x3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 1rem;
    
    .controls {
        display: flex;
        align-items: center;
        gap: 1rem;
    }
}

.dashboard-grid[b-bhv0dkl1x3] {
    margin-top: 1.5rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)); /* 3 columns */
    grid-auto-rows: 200px; /* base row height; tweak as needed */
    gap: 1rem;
}

.card[b-bhv0dkl1x3] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    background: var(--beige-50);         /* example color; use your theme */
    border: 1px solid var(--beige-100, #F9F6F3);
    border-radius: 1rem;
    padding: 1.5rem;
    box-shadow: 0 2px 8px 0 rgba(47, 45, 46, 0.05);
    
    .card-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
        width: 100%;
        
        .card-title {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
        
        .card-icon[b-bhv0dkl1x3] {
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.25rem;
            color: var(--accent-600);
            border-radius: 0.75rem;
            background: var(--accent-50, #FBF2F0);
            box-shadow: 0 1px 2px 0 rgba(47, 45, 46, 0.05);
            padding: 0.5rem;
        }
    }
    
    .card-body[b-bhv0dkl1x3] {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        justify-content: center;
        
        &.top-suppliers {
            padding-top: 0.5rem;
        }
    }
}

/* Span helpers: columns x rows */
.card-span-2x1[b-bhv0dkl1x3] {
    grid-column: span 2;  /* spans 2 columns */
    grid-row: span 1;
}

.card-span-1x2[b-bhv0dkl1x3] {
    grid-column: span 1;
    grid-row: span 2;     /* spans 2 rows */
}

.card-span-2x2[b-bhv0dkl1x3] {
    grid-column: span 2;
    grid-row: span 2;
}

/* Optional: responsive – collapse to fewer columns on narrower screens */
@media (max-width: 975px) {
    .dashboard-grid[b-bhv0dkl1x3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .dashboard-grid[b-bhv0dkl1x3] {
        grid-template-columns: 1fr;
        grid-auto-rows: auto; /* cards grow with content on small screens */
    }
}

.supplier-list-item[b-bhv0dkl1x3] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    background-color: var(--white);
    border-bottom: 1px solid var(--beige-200, #F1EDE4);
    border-radius: 0.75rem;
    margin-bottom: 0.5rem;
    box-shadow: 0 1px 2px 0 rgba(47, 45, 46, 0.05);
    padding: 0.5rem;
    padding-right: 2rem;
    
    .image-name-container {
        display: flex;
        gap: 0.5rem;

        .logo-image {
            width: 2.5rem;
            height: 2.5rem;
            border-radius: 999em;
            object-fit: cover;
        }

        .hotel-image[b-bhv0dkl1x3] {
            width: 5rem;
            height: 3rem;
            border-radius: 0.40763rem;
        }
        
        .name[b-bhv0dkl1x3] {
            font-size: var(--font-size-text-md);

            @media (max-width: 1100px) {
                font-size: var(--font-size-text-sm);[b-bhv0dkl1x3]
            }
        }

        .sub-name[b-bhv0dkl1x3] {
            font-size: var(--font-size-text-sm);

            @media (max-width: 1100px) {
                font-size: var(--font-size-text-xs);[b-bhv0dkl1x3]
            }
        }
    }
}

.stacked-text[b-bhv0dkl1x3] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}


/* /Components/Pages/Planner/PlannerHomePage.razor.rz.scp.css */
.page[b-5vria7kk2c] {
    display: flex;
    flex-direction: column;
    width: 100vw;
    min-height: calc(100vh - var(--nav-height));
}

.header-area[b-5vria7kk2c] {
    display: flex;
    flex-direction: column;
    padding: 4.5rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    width: 100%;
}

.bottom-sheet[b-5vria7kk2c] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    height: 100%;
    background-color: var(--beige-100);
    border-radius: 1.25rem 1.25rem 0 0;
    padding: 1.5rem 3rem;
    
}

.tab-filters[b-5vria7kk2c] {
    display: flex;
    gap: 0.75rem;

    .tab {
        cursor: pointer;
        padding: 0.25rem 0.25rem 1rem;
    }

    .tab.active[b-5vria7kk2c] {
        border-bottom: 2px solid var(--accent-500);
    }
}

.table-controls[b-5vria7kk2c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.table-functions[b-5vria7kk2c] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.active-filters-row[b-5vria7kk2c] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding-top: 0.25rem;
}

table[b-5vria7kk2c] {
    table-layout: auto;

    td {
        padding: 1rem;
    }
}

.header-cell[b-5vria7kk2c] {
    padding: 0.75rem 1.5rem;
}

.table-more-dropdown-option[b-5vria7kk2c] {
    display: flex;
    gap: 0.25rem;
    align-items: center;
    cursor: pointer;
    padding: 0.5rem 1rem;
    
    &:hover {
        background-color: var(--beige-100);
    }
}

[b-5vria7kk2c] .event-name-cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 20rem;
}

.creator-cell[b-5vria7kk2c] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    max-width: 8rem;
}
/* Unread chat message count next to the event name */
[b-5vria7kk2c] .unread-messages-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.125rem;
    height: 1.125rem;
    padding: 0 0.3rem;
    margin-left: 0.375rem;
    border-radius: 999em;
    background-color: var(--maroon-600);
    color: var(--white);
    font-size: 0.6875rem;
    vertical-align: middle;
}
/* /Components/Pages/Planner/RfpDetailsPlannerPage.razor.rz.scp.css */
.rfp-details-page[b-8ufxhg4at0] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-width: min-content;
    min-height: calc(100vh - var(--nav-height));
}

.back-button-container[b-8ufxhg4at0] {
    display: flex;
    padding: 1rem 2rem;
    
    .back-button {
        display: flex;
        align-items: center;
        padding: 0.5rem 1rem;
        border-radius: 99rem;
        transition: background-color 0.2s ease;
        text-decoration: none;
        
        &:hover {
            background-color: var(--beige-400);
        }
    }
}

.form-block[b-8ufxhg4at0] {
    display: flex;
    flex-direction: column;
    justify-content: safe center;
    flex: 1;
    border-radius: 10px;
    padding: 1.5rem 2rem;
    background-color: var(--beige-50);
    gap: 1rem;
    box-shadow: 0px 2px 8px 0px rgba(47, 45, 46, 0.05);
    
    .block-header {
        display: flex;
        justify-content: space-between;
    }
}

.back-button[b-8ufxhg4at0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1.5rem 3rem;
    cursor: pointer;
}


.sheet-area[b-8ufxhg4at0] {
    display: flex;
    justify-content: center;
    border-radius: 1.25rem 1.25rem 0rem 0rem;
    background: var(--beige-100, #F9F6F3);
    width: 100%;
    padding: 1.5rem 3rem;
    flex: 1;
    min-width: min-content;
}

.sheet-content[b-8ufxhg4at0] {
    max-width: 100rem;
    width: 100%;
}

.sheet-header[b-8ufxhg4at0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    
    
    .sheet-title-area {
        display: flex;
        align-items: center;
        gap: 1rem;
    }
    
    .header-buttons[b-8ufxhg4at0] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }
}

.sheet-body[b-8ufxhg4at0] {
    display: flex;
    /*flex-wrap: wrap;*/
    margin-top: 1.5rem;
    gap: 1.5rem;
}

.left-column[b-8ufxhg4at0] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 1 0 0;
}

.right-column[b-8ufxhg4at0] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 10rem;
}

.summary-cards[b-8ufxhg4at0] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    
    .summary-card {
        display: flex;
        align-items: flex-start;
        flex: 1 1 0;
        flex-direction: column;
        gap: 0.5rem;
        border: 1px solid var(--beige-300, #EEE9E0);
        border-radius: var(--border-radius, 0.5rem);
        min-width: 10rem;
        padding: 1rem;
        background-color: var(--beige-50, #FCFBFA);

        .summary-pic {
            width: 2.5rem;
            height: 2.5rem;
            border-radius: 999em;
            object-fit: contain;
            border: 1px solid var(--beige-300, #EEE9E0);
        }
        
        .client-summary-details[b-8ufxhg4at0] {
            display: flex;
            align-items: center;
            gap: 1rem;
        }
    }
    
    .summary-icon[b-8ufxhg4at0] {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 2rem;
        height: 2rem;
        border-radius: 999em;
        background-color: var(--beige-200);
    }
}

.stacked-text[b-8ufxhg4at0] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
}

.hotel-title[b-8ufxhg4at0] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
    white-space: nowrap;
    overflow: hidden;
    max-width: 18rem;
}

.card[b-8ufxhg4at0] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    border: 1px solid var(--beige-300, #EEE9E0);
    border-radius: var(--border-radius, 0.5rem);
    padding: 1rem;
    background-color: var(--beige-50, #FCFBFA);
}

.tabs[b-8ufxhg4at0] {
    display: flex;
    gap: 0.75rem;   
    
    .tab {
        cursor: pointer;
        padding: 0.25rem 0.25rem 1rem;
    }
    
    .tab.active[b-8ufxhg4at0] {
        border-bottom: 2px solid var(--accent-500);
    }

    .tab.disabled[b-8ufxhg4at0] {
        cursor: not-allowed;
        opacity: 0.4;
    }

    .tab .tab-unread-badge[b-8ufxhg4at0] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background-color: var(--maroon-600);
        color: white;
        border-radius: 100px;
        font-size: 0.75rem;
        line-height: 1;
        min-width: 1.25rem;
        height: 1.25rem;
        padding: 0 0.3rem;
        margin-left: 0.35rem;
        vertical-align: middle;
    }
}

.venue-table-controls[b-8ufxhg4at0] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    width: 100%;
}

.venue-table[b-8ufxhg4at0] {
    table-layout: auto;
}

.venue-table-header[b-8ufxhg4at0] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    height: 3rem;
    font-size: var(--font-size-text-sm);
    padding: 0.75rem 1.5rem;
    white-space: nowrap;
    
}

.venue-table-detail[b-8ufxhg4at0] {
    height: 4rem;
    text-align: center; /* Centers content horizontally */
    vertical-align: middle; /* Centers content vertically */;
    padding: 1rem;
}

td.rowspan[b-8ufxhg4at0] {
    text-align: left;
    vertical-align: top;
    gap: 0.5rem;
}

.basic-cell[b-8ufxhg4at0] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem 0.75rem;
}

.name-cell[b-8ufxhg4at0] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    padding: 1rem;
}

.invite-status-cell[b-8ufxhg4at0] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    padding: 1rem;
    padding-left: 0;
    height: 4rem;
}

.delivery-status-cell[b-8ufxhg4at0] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
}

.no-rows-cell[b-8ufxhg4at0] {
    text-align: center;
    padding: 0.75rem;
}

.multirow-comments-cell[b-8ufxhg4at0] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    height: 4rem;
    padding: 1rem;
}

.comments-cell[b-8ufxhg4at0] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem;
}

.supplier-image[b-8ufxhg4at0] {
    height: 2rem;
    width: 3.4rem;
    border-radius: 0.375rem;
    object-fit: fill;
}

.ellipsis-text[b-8ufxhg4at0] {
    max-width: 100%; /* Adjust max width to your requirement */
    white-space: nowrap; /* Prevents text from wrapping to another line */
    overflow: hidden; /* Hides the overflowing text */
    text-overflow: ellipsis; /* Adds the ellipsis (...) to the hidden text */
}

.invite-card-title-row[b-8ufxhg4at0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.invite-dropdown-toggle-row[b-8ufxhg4at0] {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.invite-dropdown-content[b-8ufxhg4at0] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    max-height: 0;
    overflow: hidden;
    
    .send-invite-button {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0.25rem 1rem;
        cursor: pointer;
        text-wrap: nowrap;
        flex-wrap: nowrap;
    }
    
    &.open[b-8ufxhg4at0] {
        max-height: 999rem;
    }
}

.shortlist-filter[b-8ufxhg4at0] {
    display: flex;
    align-items: center;
    
    &.active {
        color: var(--accent-color);
    }
}

.venue-more-button[b-8ufxhg4at0] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    cursor: pointer;
    
    &:hover {
        background-color: var(--beige-100);
    }
}

.vertical-separator[b-8ufxhg4at0] {
    width: 1px;
    background-color: var(--beige-400);
    height: 1.25rem;
}

.dropdown-item[b-8ufxhg4at0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    cursor: pointer;
    text-wrap: nowrap;
    font-weight: var(--font-weight-light);
    font-size: var(--font-size-text-sm);

    &:hover {
        background-color: var(--beige-100);
    }
}
/* /Components/Pages/Planner/ViewProposalPage.razor.rz.scp.css */
.create-proposal-page[b-tmun0rn426] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100vw;
    height: 100%;
    min-height: calc(100vh - var(--nav-height));
}

.proposals-row[b-tmun0rn426] {
    display: flex;
    width: 100%;
    margin-top: 1rem;

    .proposal-cards-container {
        display: flex;
        gap: 1rem;
        /*overflow-x: auto;*/
        /*overflow-y: visible;*/
        flex-wrap: wrap;
        /*mask-image: linear-gradient(to right, black calc(100% - 3rem), transparent 100%);*/
        /*-webkit-mask-image: linear-gradient(to right, black calc(100% - 3rem), transparent 100%);*/
        max-width: 80rem;

        .proposal-card {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
            border: 1px solid var(--beige-300);
            border-radius: 0.75rem;
            padding: 0.75rem;
            background-color: var(--beige-50);
            cursor: pointer;
            transition: all 0.2s ease-in-out;

            &:last-of-type {
                margin-right: 2rem;
            }

            .top-row[b-tmun0rn426] {
                display: flex;
                justify-content: space-between;
                align-items: center;
                gap: 0.5rem;
            }

            .bottom-row[b-tmun0rn426] {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                gap: 0.5rem;
            }

            &.active[b-tmun0rn426] {
                border: 1px solid var(--accent-600);
                background-color: var(--accent-50);
            }

            .proposal-card-buttons[b-tmun0rn426] {
                display: flex;
                gap: 0.5rem;
                justify-content: flex-end;
                align-items: center;

                .proposal-button {
                    color: var(--beige-600);
                    cursor: pointer;

                    &:hover {
                        color: var(--beige-900);
                    }
                }
            }
        }
    }
}


.form-block[b-tmun0rn426] {
    display: flex;
    flex-direction: column;
    justify-content: safe center;
    flex: 1;
    border-radius: 10px;
    padding: 1.5rem 2rem;
    background-color: var(--beige-50, white);
    gap: 1rem;
    box-shadow: 0px 2px 8px 0px rgba(47, 45, 46, 0.05);

    .block-header {
        display: flex;
        justify-content: space-between;
    }
}

.input-row[b-tmun0rn426] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.currency-select-button[b-tmun0rn426] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0.5rem 1rem;
    cursor: pointer;
    border-radius: 99rem;
    text-decoration: none;
    border: 1px solid var(--beige-200, #F1EDE4);
    background: var(--white, #FFF);
}

.supplier-logo-container[b-tmun0rn426] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 0.75rem;
    background: var(--white, #FFF);
    padding: 0.5rem;
    
    .supplier-logo {
        height: 1.5rem;
        width: 2.55rem;
        border-radius: 0.375rem;
        object-fit: fill;
    }
}

.edit-button[b-tmun0rn426] {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--white);
    border: 1px solid var(--beige-200);
    border-radius: 0.625rem;
    padding: 0.625rem;
}

.back-button-container[b-tmun0rn426] {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    padding: 1rem 3rem;
    
    .back-button {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.5rem 1rem;
        cursor: pointer;
        transition: all 0.2s ease-in;
        
        &:hover {
            background-color: var(--beige-400);
            border-radius: 99rem;
        }
    }
}

.sheet-area[b-tmun0rn426] {
    display: flex;
    flex-direction: column;
    /*justify-content: safe center;*/
    justify-content: flex-start;
    align-items: center;
    border-radius: 1.25rem 1.25rem 0rem 0rem;
    background: var(--beige-100, #F9F6F3);
    width: 100%;
    padding: 1.5rem 3rem;
    flex: 1;
    min-width: min-content;
}

.sheet-header[b-tmun0rn426] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    height: 4rem;
    padding: 1rem 0rem;

    .sheet-title-area {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .header-rightside[b-tmun0rn426] {
        display: flex;
        gap: 0.75rem;
    }
}

.sheet-content[b-tmun0rn426] {
    display: flex;
    flex-direction: column;
    margin-top: 1.5rem;
    gap: 0.5rem;
    max-width: 100%;
    min-width: 60%;
}

.event-date-box[b-tmun0rn426] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.5rem;
    border-radius: 0.75rem;
    border: 1px solid var(--beige-300);
    background: var(--beige-100);
    min-width: 18rem;
}

.comment-text-area[b-tmun0rn426] {
    max-width: 30rem;
}

[b-tmun0rn426] .suggested-date-input {
    width: 17rem;
}

.trash-date-button[b-tmun0rn426] {
    cursor: pointer;
    display: flex;
    height: 3rem;
    width: 3rem;
    justify-content: center;
    align-items: center;
    color: var(--maroon-500);
    background-color: var(--white, white);
    border: 1px solid var(--maroon-50);
    border-radius: var(--border-radius);
    transition: all 0.2s ease-in-out;

    &:hover {
        background-color: var(--maroon-500);
        border: 1px solid var(--maroon-500);
        color: var(--white, white);
    }
}

.summary-row[b-tmun0rn426] {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    justify-content: space-between;

    .summary-label {
        display: flex;
        flex: 0 1 25%; /* flex-grow: 1, flex-shrink: 1, flex-basis: auto */
        min-width: 10rem; /* Set the initial width */
        flex-wrap: nowrap;
        align-items: center;
        gap: 0.5rem;
    }

    .summary-info[b-tmun0rn426] {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex: 1;
        flex-wrap: nowrap;
        gap: 1rem;
    }

    .summary-info-centered[b-tmun0rn426] {
        display: flex;
        justify-content: center;
        flex: 1;
        flex-wrap: nowrap;
        gap: 1rem;
    }

    .summary-contact-placeholder-pfp[b-tmun0rn426] {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        background-color: var(--accent-color-light);
        min-width: 2rem;
        height: 2rem;
        padding: 0.5rem;
        border-radius: 999rem;
        font-size: var(--font-size-text-xs);
    }
}
.rooms-cost-line[b-tmun0rn426] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.rowspan-cell[b-tmun0rn426] {
    display: flex;
    flex-direction: column;
    padding-top: 0.45rem;
}

.other-charges-input-row[b-tmun0rn426] {
    display: flex;
    max-width: 100%;
    width: 50%;
    gap: 1rem;
}

.question-response[b-tmun0rn426] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: fit-content;
    border-radius: 0.75rem;
    background: var(--beige-100, #F9F6F3);
    padding: 0.75rem;
    color: var(--accent-600);
    font-weight: var(--font-weight-light);
    max-width: 40rem;
    box-shadow: 0px 1px 2px 0px rgba(47, 45, 46, 0.05);
}


.control-buttons-row[b-tmun0rn426] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.fee-info[b-tmun0rn426] {
    border-radius: 0.375rem;
    background: var(--beige-200, #F1EDE4);
    /*color: var(--accent-color);*/
    padding: 0rem 0.3rem;
}

[b-tmun0rn426] .fnb-input {
    width: 100%;
}

.stacked-cell[b-tmun0rn426] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 0.25rem;
    height: 100%;
}

.stacked-cell-center[b-tmun0rn426] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.25rem;
    height: 100%;
}

.edit-buttons-cell[b-tmun0rn426] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    width: 100%;
}

.expand-button-cell[b-tmun0rn426] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5rem;
}

.multiple-costs-container[b-tmun0rn426] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: flex-end;
}
/* /Components/Pages/Sales/SalesSettingsPage.razor.rz.scp.css */
.settings-page[b-fzyidddbzx]{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    height: 100%;
    width: 100vw;
}

.go-back-row[b-fzyidddbzx] {
    display: flex;
    justify-content: flex-start;
    padding: 1rem 2rem;
}

.go-back-button[b-fzyidddbzx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    padding: 0.5rem 1rem;
    border-radius: 999rem;
    transition: all 0.2s;

    &:hover {
        background-color: var(--beige-400);
    }
}

.body[b-fzyidddbzx] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 1;
    background-color: var(--beige-50);
    padding: 2rem 3rem;
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
}

.tabs[b-fzyidddbzx] {
    display: flex;
    gap: 1rem;
    overflow-x: auto;

    .tab {
        cursor: pointer;
        padding: 0.25rem 0.25rem 1rem;
        white-space: nowrap;

        &.active {
            border-bottom: 2px solid var(--accent-color);
        }
    }
}
/* /Components/Pages/Settings/NotificationSettings.razor.rz.scp.css */
.input-row[b-eodyetcdw2] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: nowrap;
    width: 100%;
}

.form-field[b-eodyetcdw2] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 0.25rem;

    label {
        font-size: var(--font-size-text-sm);
        color: var(--font-color-secondary);
    }
}

.section[b-eodyetcdw2] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;

    .section-header {
        flex: 0 0 30rem;
    }

    .section-body[b-eodyetcdw2] {
        display: flex;
        flex-direction: column;
        flex: 1;
        width: 100%;
        max-width: 45rem;
        min-width: 25rem;
        padding: 1rem;
        margin: 0 auto;
        gap: 1.5rem;
        align-items: flex-start;
    }
}

.mt-35[b-eodyetcdw2] {
    margin-top: 3.5rem;
}

/* One toggle row: label + description on the left, On/Off toggle on the right */
.pref-row[b-eodyetcdw2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    width: 100%;
}

.pref-text[b-eodyetcdw2] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.pref-label[b-eodyetcdw2] {
    font-size: var(--font-size-text-md);
    color: var(--font-color-primary);
}

.pref-desc[b-eodyetcdw2] {
    font-size: var(--font-size-text-sm);
    color: var(--font-color-secondary);
}
/* /Components/Pages/Settings/PasswordSettings.razor.rz.scp.css */
.input-row[b-sbxj7nxheq] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: nowrap;
    width: 100%;
}

.form-field[b-sbxj7nxheq] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 0.25rem;

    label {
        font-size: var(--font-size-text-sm);
        color: var(--font-color-secondary);
    }
}


.section[b-sbxj7nxheq] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;

    .section-header {
        flex: 0 0 30rem; /* This makes the header column fixed at 200px width */


    }

    .section-body[b-sbxj7nxheq] {
        display: flex;
        flex-direction: column;
        flex: 1;
        width: 100%;
        max-width: 40rem;
        min-width: 20rem;
        /*padding: 1rem;*/
        margin: 0 auto;
        gap: 1.5rem;
        align-items: flex-start;
        justify-content: flex-end;
    }
}


.button-group[b-sbxj7nxheq] {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
    width: 100%;
}
/* /Components/Pages/Settings/Planner/BillingSettings.razor.rz.scp.css */
.input-row[b-0ru41s20bq] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: nowrap;
    width: 100%;
}

.form-field[b-0ru41s20bq] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 0.25rem;

    label {
        font-size: var(--font-size-text-sm);
        color: var(--font-color-secondary);
    }
}


.section + .section[b-0ru41s20bq] {
    margin-top: 2.5rem;
}

.section[b-0ru41s20bq] {
    display: grid;
    grid-template-columns: 30rem 1fr;
    gap: 2rem;
    
    

    .section-body {
        display: flex;
        flex-direction: column;
        max-width: 40rem;
        min-width: 20rem;
        gap: 1.5rem;
        align-items: flex-start;
        justify-content: flex-end;

        .settings-desc {

        }
    }
}


@media (max-width: 768px) {
    .section[b-0ru41s20bq] {
        grid-template-columns: 1fr;
    }
}

.button-group[b-0ru41s20bq] {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
    width: 100%;
}
/* /Components/Pages/Settings/Planner/OrganizationSettings.razor.rz.scp.css */
.input-row[b-z8sj3hzmtc] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: nowrap;
    width: 100%;
}

.form-field[b-z8sj3hzmtc] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 0.25rem;

    label {
        font-size: var(--font-size-text-sm);
        color: var(--font-color-secondary);
    }
}


.section[b-z8sj3hzmtc] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;

    .section-header {
        flex: 0 0 30rem; /* This makes the header column fixed at 200px width */


    }

    .section-body[b-z8sj3hzmtc] {
        display: flex;
        flex-direction: column;
        flex: 1;
        width: 100%;
        max-width: 45rem;
        min-width: 25rem;
        padding: 1rem;
        margin: 0 auto;
        gap: 1.5rem;
        align-items: flex-start;
    }
}


.button-group[b-z8sj3hzmtc] {
    display: flex;
    gap: 0.5rem;
    align-self: flex-end;
    margin-top: 1rem;
}

.clients-list[b-z8sj3hzmtc] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
}
/* /Components/Pages/Settings/Planner/PlannerSettingsPage.razor.rz.scp.css */
.settings-page[b-m3ruspz5ql]{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    height: 100%;
    width: 100vw;
}

.go-back-row[b-m3ruspz5ql] {
    display: flex;
    justify-content: flex-start;
    padding: 1rem 2rem;
}

.go-back-button[b-m3ruspz5ql] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    padding: 0.5rem 1rem;
    border-radius: 999rem;
    transition: all 0.2s;
    
    &:hover {
        background-color: var(--beige-400);
    }
}

.body[b-m3ruspz5ql] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 1;
    background-color: var(--beige-50);
    padding: 2rem 3rem;
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
}

.tabs[b-m3ruspz5ql] {
    display: flex;
    gap: 1rem;
    overflow-x: auto;
    
    .tab {
        cursor: pointer;
        padding: 0.25rem 0.25rem 1rem;
        white-space: nowrap;
        
        &.active {
            border-bottom: 2px solid var(--accent-color);
        }
    }
}
/* /Components/Pages/Settings/Planner/PricingPage.razor.rz.scp.css */
.pricing-page[b-kty3ovaxmh] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100vh;
}

.go-back-row[b-kty3ovaxmh] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 1rem 3rem;
}

.pricing-page-body[b-kty3ovaxmh] {
    display: flex;
    width: 100%;
    padding: 3rem;
}
/* /Components/Pages/Settings/Planner/QuestionsSettings.razor.rz.scp.css */
.input-row[b-qe3fsfz4sy] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: nowrap;
    width: 100%;
}

.form-field[b-qe3fsfz4sy] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 0.25rem;

    label {
        font-size: var(--font-size-text-sm);
        color: var(--font-color-secondary);
    }
}


.section[b-qe3fsfz4sy] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;

    .section-header {
        flex: 0 0 30rem; /* This makes the header column fixed at 200px width */
    }

    .section-body[b-qe3fsfz4sy] {
        display: flex;
        flex-direction: column;
        flex: 1;
        width: 100%;
        max-width: 55rem;
        min-width: 35rem;
        padding: 1rem;
        margin: 0 auto;
        gap: 1.5rem;
        align-items: flex-start;
    }
}


.button-group[b-qe3fsfz4sy] {
    display: flex;
    gap: 0.5rem;
    align-self: flex-end;
    margin-top: 1rem;
}

.questions-scroll-container[b-qe3fsfz4sy] {
    display: flex;
    flex-direction: column;
    /*flex: 1;*/
    width: 100%;
    gap: 1rem;
    max-height: 35rem;
    overflow-y: auto;
}
/* /Components/Pages/Settings/Planner/SalesPersonsSettings.razor.rz.scp.css */
.input-row[b-xcfosbqvas] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: nowrap;
    width: 100%;
}

.form-field[b-xcfosbqvas] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 0.25rem;

    label {
        font-size: var(--font-size-text-sm);
        color: var(--font-color-secondary);
    }
}


.section[b-xcfosbqvas] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;

    .section-header {
        flex: 0 0 30rem; /* This makes the header column fixed at 200px width */


    }

    .section-body[b-xcfosbqvas] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex: 1;
        width: 100%;
        max-width: 80rem;
        min-width: 35rem;
        padding: 1rem;
        margin: 0 auto;
        gap: 1.5rem;
    }
}


.button-group[b-xcfosbqvas] {
    display: flex;
    gap: 0.5rem;
    align-self: flex-end;
    margin-top: 1rem;
}

.change-role-buttons[b-xcfosbqvas] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    margin-bottom: 0.5rem;
}

.team-table[b-xcfosbqvas] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid var(--beige-300);
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);

    td {
        border-bottom: 1px solid var(--beige-300);
    }

    tr:last-child td[b-xcfosbqvas] {
        border-bottom: none;
    }

    .header-cell[b-xcfosbqvas] {
        padding: 0.5rem 1rem;
    }

    .basic-cell[b-xcfosbqvas] {
        padding: 1rem;
    }

    .checkbox-cell[b-xcfosbqvas] {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1rem 0rem;
    }

    .user-cell[b-xcfosbqvas] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
        padding: 1rem;
    }

    .role-cell[b-xcfosbqvas] {
        padding: 1rem;
    }
    
    .notes-cell[b-xcfosbqvas] {
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 10vw;
        overflow: hidden;
    }

    .no-rows-cell[b-xcfosbqvas] {
        text-align: center;
        padding: 0.75rem;
    }
    
    .buttons-cell[b-xcfosbqvas] {
        display: flex;
        gap: 1rem;
        justify-content: flex-end;
        padding: 1rem;
    }
}
/* /Components/Pages/Settings/Planner/TeamSettings.razor.rz.scp.css */
.input-row[b-o82zco1vos] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: nowrap;
    width: 100%;
}

.form-field[b-o82zco1vos] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 0.25rem;

    label {
        font-size: var(--font-size-text-sm);
        color: var(--font-color-secondary);
    }
}


.section[b-o82zco1vos] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;

    .section-header {
        flex: 0 0 30rem; /* This makes the header column fixed at 200px width */


    }

    .section-body[b-o82zco1vos] {
        display: flex;
        flex-direction: column;
        flex: 1;
        width: 100%;
        max-width: 50rem;
        min-width: 35rem;
        padding: 1rem;
        margin: 0 auto;
        gap: 1.5rem;
        align-items: flex-start;
    }
}


.button-group[b-o82zco1vos] {
    display: flex;
    gap: 0.5rem;
    align-self: flex-end;
    margin-top: 1rem;
}

.change-role-buttons[b-o82zco1vos] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    margin-bottom: 0.5rem;
}

.team-table[b-o82zco1vos] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid var(--beige-300);
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);

    td {
        border-bottom: 1px solid var(--beige-300);
    }

    tr:last-child td[b-o82zco1vos] {
        border-bottom: none;
    }
    
    .header-cell[b-o82zco1vos] {
        padding: 0.5rem 1rem;
    }
    
    .basic-cell[b-o82zco1vos] {
        padding: 1rem;
    }
    
    .checkbox-cell[b-o82zco1vos] {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1rem 0rem;
    }
    
    .user-cell[b-o82zco1vos] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
        padding: 1rem;
    }
    
    .role-cell[b-o82zco1vos] {
        padding: 1rem;
    }
    
    .no-rows-cell[b-o82zco1vos] {
        text-align: center;
        padding: 0.75rem;
    }
}
/* /Components/Pages/Settings/ProfileSettings.razor.rz.scp.css */
.input-row[b-9ditxmbwio] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: nowrap;
    width: 100%;
}

.form-field[b-9ditxmbwio] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 0.25rem;

    label {
        font-size: var(--font-size-text-sm);
        color: var(--font-color-secondary);
    }
}


.section[b-9ditxmbwio] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;

    .section-header {
        flex: 0 0 30rem; /* This makes the header column fixed at 200px width */
    }

    .section-body[b-9ditxmbwio] {
        display: flex;
        flex-direction: column;
        flex: 1;
        width: 100%;
        max-width: 45rem;
        min-width: 25rem;
        padding: 1rem;
        margin: 0 auto;
        gap: 1.5rem;
        align-items: flex-start;
    }
}


.button-group[b-9ditxmbwio] {
    display: flex;
    gap: 0.5rem;
    align-self: flex-end;
    margin-top: 1rem;
}

.footer-controls[b-9ditxmbwio] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.currency-select-button[b-9ditxmbwio] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0.5rem 1rem;
    cursor: pointer;
    border-radius: 99rem;
    text-decoration: none;
    border: 1px solid var(--beige-200, #F1EDE4);
    background: var(--white, #FFF);
}
/* /Components/Pages/Settings/Supplier/HotelierSettingsPage.razor.rz.scp.css */
.settings-page[b-bj7gd6567u]{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    height: 100%;
    width: 100vw;
}

.go-back-row[b-bj7gd6567u] {
    display: flex;
    justify-content: flex-start;
    padding: 1rem 2rem;
}

.go-back-button[b-bj7gd6567u] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    padding: 0.5rem 1rem;
    border-radius: 999rem;
    transition: all 0.2s;

    &:hover {
        background-color: var(--beige-400);
    }
}

.body[b-bj7gd6567u] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 1;
    background-color: var(--beige-50);
    padding: 2rem 3rem;
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
}

.tabs[b-bj7gd6567u] {
    display: flex;
    gap: 1rem;
    overflow-x: auto;

    .tab {
        cursor: pointer;
        padding: 0.25rem 0.25rem 1rem;
        white-space: nowrap;

        &.active {
            border-bottom: 2px solid var(--accent-color);
        }
    }
}
/* /Components/Pages/Settings/Supplier/MyHotelsSettings.razor.rz.scp.css */
.input-row[b-5wfbs6knel] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: nowrap;
    width: 100%;
}

.form-field[b-5wfbs6knel] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 0.25rem;

    label {
        font-size: var(--font-size-text-sm);
        color: var(--font-color-secondary);
    }
}


.section[b-5wfbs6knel] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;

    .section-header {
        flex: 0 0 30rem; /* This makes the header column fixed at 200px width */


    }

    .section-body[b-5wfbs6knel] {
        display: flex;
        flex-direction: column;
        flex: 1;
        width: 100%;
        max-width: 50rem;
        min-width: 25rem;
        /*padding: 1rem;*/
        margin: 0 auto;
        gap: 1.5rem;
        align-items: flex-start;
        justify-content: flex-end;
    }
}


.button-group[b-5wfbs6knel] {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
    width: 100%;
}

.admin-info[b-5wfbs6knel] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    margin-top: 1rem;
}

.hotel-card[b-5wfbs6knel] {
    display: flex;
    background-color: var(--white, white);
    border: 1px solid var(--beige-200);
    border-radius: 1.25rem;
    padding: 1.5rem;
    gap: 1rem;
    width: 100%;
    
    .hotel-image {
        max-width: 4.5rem;
        max-height: 4.5rem;
        height: auto;
        aspect-ratio: 1/1;
        object-fit: cover;
        border-radius: 0.5rem;
    }
    
    .hotel-card-content[b-5wfbs6knel] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        width: 100%;
        
        .hotel-card-content-top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-bottom: 1.5rem;
            border-bottom: 1px solid var(--beige-200);
            width: 100%;
            
            .hotel-header {
                display: flex;
                flex-direction: column;
                gap: 0.25rem;
            }
        }
        
        .hotel-card-content-bottom[b-5wfbs6knel] {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
        }
    }
}

/* /Components/Pages/Shared/ProposalsSummaryPage.razor.rz.scp.css */
.rfp-proposals-summary-page[b-s05axrpjrd] {
    display: flex;
    flex-direction: column;
    width: 100dvw;
    height: 100%;
    min-height: calc(100vh - 5rem);
    border-radius: 1.25rem 1.25rem 0rem 0rem;
    background: var(--beige-100, #F9F6F3);
    padding: 1.5rem 3rem;
}

.back-button-container[b-s05axrpjrd] {
    display: flex;
    padding: 1rem 0rem;

    .back-button {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        cursor: pointer;
        padding: 0.5rem 1rem;
        border-radius: 99rem;
        transition: background-color 0.2s ease;
        text-decoration: none;

        &:hover {
            background-color: var(--beige-400);
        }
    }
}

.summary-page-header[b-s05axrpjrd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    max-width: calc(100vw - 6rem);
}

.button-group[b-s05axrpjrd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.sub-table-title[b-s05axrpjrd] {
    color: var(--accent-600);
}

.currency-select-button[b-s05axrpjrd] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0.5rem 1rem;
    cursor: pointer;
    border-radius: 99rem;
    text-decoration: none;
    border: 1px solid var(--beige-200, #F1EDE4);
    background: var(--white, #FFF);
}