/* /Components/Account/Pages/Account.razor.rz.scp.css */
.account-page[b-pqy64n3sf5] {
    min-height: 100vh;
}

.account-header[b-pqy64n3sf5] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.5rem;
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 20px;
}

.account-header__content[b-pqy64n3sf5] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.account-avatar img[b-pqy64n3sf5] {
    width: 84px;
    height: 84px;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid #e6e6e6;
}

.account-eyebrow[b-pqy64n3sf5] {
    color: #bf3551;
    font-weight: 700;
    font-size: 0.8rem;
    text-transform: uppercase;
}

.account-title[b-pqy64n3sf5] {
    font-size: 2rem;
    font-weight: 600;
    color: #444;
}

.account-subtitle[b-pqy64n3sf5] {
    color: #666;
}

.account-header__actions[b-pqy64n3sf5] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.account-layout[b-pqy64n3sf5] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(300px, 360px);
    gap: 16px;
    align-items: start;
}

.account-card[b-pqy64n3sf5],
.account-sidebar-card[b-pqy64n3sf5] {
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 18px;
}

.account-card__header[b-pqy64n3sf5] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 16px;
}

.account-card__header h2[b-pqy64n3sf5],
.account-sidebar-card h3[b-pqy64n3sf5] {
    margin: 0 0 4px;
    font-size: 1.05rem;
    font-weight: 600;
    color: #444;
}

.account-card__header p[b-pqy64n3sf5] {
    margin: 0;
    color: #777;
    font-size: 0.9rem;
}

.account-card__header .btn[b-pqy64n3sf5] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.security-list[b-pqy64n3sf5] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.security-item[b-pqy64n3sf5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 14px;
    border: 1px solid #ececec;
    background: #fafafa;
    flex-wrap: wrap;
}

.security-item__info[b-pqy64n3sf5] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.security-item__info .material-symbols-outlined[b-pqy64n3sf5] {
    color: #bf3551;
    font-size: 22px;
    margin-top: 2px;
}

.security-item__info h3[b-pqy64n3sf5] {
    margin: 0 0 4px;
    font-size: 0.95rem;
    color: #444;
}

.security-item__info p[b-pqy64n3sf5] {
    margin: 0;
    color: #777;
    font-size: 0.85rem;
}

.status-pill[b-pqy64n3sf5] {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    font-size: 0.82rem;
    font-weight: 600;
    border: 1px solid transparent;
}

.status-pill--success[b-pqy64n3sf5] {
    background: rgba(40, 167, 69, 0.12);
    color: #1f7a34;
}

.preference-grid[b-pqy64n3sf5] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.preference-item[b-pqy64n3sf5] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 14px;
    border: 1px solid #ececec;
    background: #fafafa;
    cursor: pointer;
}

.preference-item input[b-pqy64n3sf5] {
    margin-top: 3px;
}

.preference-item strong[b-pqy64n3sf5] {
    display: block;
    margin-bottom: 4px;
    color: #444;
    font-size: 0.95rem;
}

.preference-item span[b-pqy64n3sf5] {
    display: block;
    color: #777;
    font-size: 0.85rem;
}

.account-shortcuts[b-pqy64n3sf5] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.account-shortcut[b-pqy64n3sf5] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px;
    border: 1px solid #ececec;
    background: #fafafa;
    color: inherit;
    text-decoration: none;
}

.account-shortcut:hover[b-pqy64n3sf5] {
    border-color: #bf3551;
    background: #fff9fa;
}

.account-shortcut .material-symbols-outlined[b-pqy64n3sf5] {
    color: #bf3551;
    font-size: 22px;
    margin-top: 2px;
}

.account-shortcut strong[b-pqy64n3sf5] {
    display: block;
    margin-bottom: 4px;
    color: #444;
    font-size: 0.95rem;
}

.account-shortcut p[b-pqy64n3sf5] {
    margin: 0;
    color: #777;
    font-size: 0.85rem;
}

.account-sidebar-card--sticky[b-pqy64n3sf5] {
    position: sticky;
    top: 20px;
}

.account-progress[b-pqy64n3sf5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 18px 0 8px;
}

.account-progress__value[b-pqy64n3sf5] {
    font-size: 2rem;
    font-weight: 700;
    color: #bf3551;
    line-height: 1;
}

.account-progress__label[b-pqy64n3sf5] {
    color: #777;
    font-size: 0.9rem;
    margin-top: 6px;
}

.account-checklist[b-pqy64n3sf5] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
}

.account-checklist__item[b-pqy64n3sf5] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #666;
    font-size: 0.92rem;
}

.account-checklist__item.is-complete[b-pqy64n3sf5] {
    color: #1f7a34;
}

.account-checklist__item .material-symbols-outlined[b-pqy64n3sf5] {
    font-size: 20px;
}

.sidebar-meta-row[b-pqy64n3sf5] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
    font-size: 0.92rem;
}

.sidebar-meta-row:last-child[b-pqy64n3sf5] {
    border-bottom: none;
}

.sidebar-meta-row span[b-pqy64n3sf5] {
    color: #666;
}

.sidebar-meta-row strong[b-pqy64n3sf5] {
    color: #444;
    text-align: right;
}

.quick-link-list[b-pqy64n3sf5] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.quick-link[b-pqy64n3sf5] {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #444;
    padding: 10px 12px;
    border: 1px solid #ececec;
    background: #fafafa;
}

.quick-link:hover[b-pqy64n3sf5] {
    border-color: #bf3551;
    color: #bf3551;
}

.quick-link .material-symbols-outlined[b-pqy64n3sf5] {
    font-size: 20px;
}

.danger-zone p[b-pqy64n3sf5] {
    color: #666;
    font-size: 0.9rem;
    margin-bottom: 12px;
}

.material-symbols-outlined[b-pqy64n3sf5] {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.btn-primary[b-pqy64n3sf5] {
    background-color: #bf3551;
    border-color: #bf3551;
}

.btn-primary:hover[b-pqy64n3sf5] {
    background-color: #a82d46;
    border-color: #a82d46;
}

.btn-outline-primary[b-pqy64n3sf5] {
    color: #bf3551;
    border-color: #bf3551;
}

.btn-outline-primary:hover[b-pqy64n3sf5] {
    background-color: #bf3551;
    border-color: #bf3551;
}

.btn-outline-secondary[b-pqy64n3sf5] {
    border-color: #d9d9d9;
    color: #555;
}

.btn-outline-secondary:hover[b-pqy64n3sf5] {
    background: #f3f3f3;
    color: #333;
    border-color: #d0d0d0;
}

.btn-outline-danger[b-pqy64n3sf5] {
    color: #b42318;
    border-color: #f1b5b5;
}

.btn-outline-danger:hover[b-pqy64n3sf5] {
    background: #b42318;
    border-color: #b42318;
    color: #fff;
}

@media (max-width: 1199.98px) {
    .account-layout[b-pqy64n3sf5] {
        grid-template-columns: 1fr;
    }

    .account-sidebar-card--sticky[b-pqy64n3sf5] {
        position: static;
    }
}

@media (max-width: 991.98px) {
    .account-header[b-pqy64n3sf5] {
        flex-direction: column;
        align-items: flex-start;
    }

    .account-header__content[b-pqy64n3sf5] {
        align-items: flex-start;
    }
}

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

    .account-card__header[b-pqy64n3sf5] {
        flex-direction: column;
        align-items: flex-start;
    }

    .security-item[b-pqy64n3sf5] {
        flex-direction: column;
        align-items: flex-start;
    }

    .account-header__content[b-pqy64n3sf5] {
        flex-direction: column;
    }
}
/* /Components/Account/Pages/MatchPreferences.razor.rz.scp.css */
.preferences-page[b-kabmygfrhr] {
    background: #f5f5f5;
    min-height: 100vh;
}

.preferences-header[b-kabmygfrhr] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.5rem;
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 20px;
}

.preferences-eyebrow[b-kabmygfrhr] {
    color: #bf3551;
    font-weight: 700;
    font-size: 0.8rem;
    text-transform: uppercase;
}

.preferences-title[b-kabmygfrhr] {
    font-size: 2rem;
    font-weight: 600;
    color: #444;
}

.preferences-subtitle[b-kabmygfrhr] {
    color: #666;
}

.preferences-header__actions[b-kabmygfrhr] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.preferences-layout[b-kabmygfrhr] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(300px, 360px);
    gap: 16px;
    align-items: start;
}

.preferences-card[b-kabmygfrhr],
.preferences-sidebar-card[b-kabmygfrhr] {
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 18px;
}

.preferences-card__header[b-kabmygfrhr] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 16px;
}

.preferences-card__header h2[b-kabmygfrhr],
.preferences-sidebar-card h3[b-kabmygfrhr] {
    margin: 0 0 4px;
    font-size: 1.05rem;
    font-weight: 600;
    color: #444;
}

.preferences-card__header p[b-kabmygfrhr] {
    margin: 0;
    color: #777;
    font-size: 0.9rem;
}

.preference-tag-list[b-kabmygfrhr] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.preference-tag[b-kabmygfrhr] {
    background: #f0f0f0;
    color: #444;
    padding: 6px 10px;
    font-size: 0.85rem;
}

.preference-check-grid[b-kabmygfrhr] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.preference-check[b-kabmygfrhr] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border: 1px solid #ececec;
    background: #fafafa;
    cursor: pointer;
}

.preference-check input[b-kabmygfrhr] {
    margin: 0;
}

.preferences-sidebar-card--sticky[b-kabmygfrhr] {
    position: sticky;
    top: 20px;
}

.preferences-summary-list[b-kabmygfrhr] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.preferences-summary-row[b-kabmygfrhr] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
    font-size: 0.92rem;
}

.preferences-summary-row:last-child[b-kabmygfrhr] {
    border-bottom: none;
}

.preferences-summary-row span[b-kabmygfrhr] {
    color: #666;
}

.preferences-summary-row strong[b-kabmygfrhr] {
    color: #444;
    text-align: right;
}

.preferences-tip-list[b-kabmygfrhr] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.preferences-tip[b-kabmygfrhr] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #555;
    font-size: 0.92rem;
}

.preferences-tip .material-symbols-outlined[b-kabmygfrhr] {
    font-size: 20px;
    color: #1f7a34;
}

.preferences-quick-links[b-kabmygfrhr] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.preferences-quick-link[b-kabmygfrhr] {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #444;
    padding: 10px 12px;
    border: 1px solid #ececec;
    background: #fafafa;
}

.preferences-quick-link:hover[b-kabmygfrhr] {
    border-color: #bf3551;
    color: #bf3551;
}

.preferences-quick-link .material-symbols-outlined[b-kabmygfrhr] {
    font-size: 20px;
}

.material-symbols-outlined[b-kabmygfrhr] {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.btn-primary[b-kabmygfrhr] {
    background-color: #bf3551;
    border-color: #bf3551;
}

.btn-primary:hover[b-kabmygfrhr] {
    background-color: #a82d46;
    border-color: #a82d46;
}

.btn-outline-primary[b-kabmygfrhr] {
    color: #bf3551;
    border-color: #bf3551;
}

.btn-outline-primary:hover[b-kabmygfrhr] {
    background-color: #bf3551;
    border-color: #bf3551;
}

@media (max-width: 1199.98px) {
    .preferences-layout[b-kabmygfrhr] {
        grid-template-columns: 1fr;
    }

    .preferences-sidebar-card--sticky[b-kabmygfrhr] {
        position: static;
    }
}

@media (max-width: 991.98px) {
    .preferences-header[b-kabmygfrhr] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 767.98px) {
    .preference-check-grid[b-kabmygfrhr] {
        grid-template-columns: 1fr;
    }

    .preferences-card__header[b-kabmygfrhr] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.site-header[b-3p5f5l655z] {
    position: sticky;
    top: 0;
    z-index: 1000;
}

.site-logo img[b-3p5f5l655z] {
    max-width: 100%;
    height: auto;
}

.site-nav[b-3p5f5l655z],
.site-nav-mobile[b-3p5f5l655z] {
    display: flex;
    gap: 1.5rem;
    align-items: center;
}

.site-nav a[b-3p5f5l655z],
.site-nav-mobile a[b-3p5f5l655z] {
    color: #1f2430;
    text-decoration: none;
    font-weight: 500;
    transition: color .15s ease;
}

.site-nav a:hover[b-3p5f5l655z],
.site-nav-mobile a:hover[b-3p5f5l655z] {
    color: var(--bs-primary);
}

.site-nav-mobile[b-3p5f5l655z] {
    overflow-x: auto;
    gap: 1rem;
    padding-bottom: .25rem;
    white-space: nowrap;
}

.site-nav-mobile a[b-3p5f5l655z] {
    display: inline-flex;
    padding: .4rem .85rem;
    background: #f5f5f7;
    border-radius: 999px;
    font-size: .95rem;
}

#blazor-error-ui[b-3p5f5l655z] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    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-3p5f5l655z] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.site-nav[b-xgx6vrb6mu],
.site-nav-mobile[b-xgx6vrb6mu] {
    display: flex;
    align-items: center;
}

.site-nav[b-xgx6vrb6mu] {
    justify-content: flex-end;
    gap: 1.5rem;
    height: 100%;
}

.site-nav a[b-xgx6vrb6mu] {
    display: inline-flex;
    align-items: center;
    color: #1f2430;
    text-decoration: none;
    font-weight: 500;
    padding: 0.35rem 0;
    border-bottom: 2px solid transparent;
    transition: color .15s ease, border-color .15s ease;
    white-space: nowrap;
}

.site-nav a:hover[b-xgx6vrb6mu] {
    color: var(--bs-primary);
}

.site-nav a.active[b-xgx6vrb6mu] {
    color: var(--bs-primary);
    font-weight: 700;
    border-bottom-color: var(--bs-primary);
}

.site-nav-mobile[b-xgx6vrb6mu] {
    gap: 0.75rem;
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 0.25rem;
    scrollbar-width: thin;
}

.site-nav-mobile a[b-xgx6vrb6mu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.45rem 0.9rem;
    border-radius: 999px;
    background: #f5f5f7;
    color: #1f2430;
    text-decoration: none;
    font-weight: 500;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease;
    border: 1px solid transparent;
    white-space: nowrap;
}

.site-nav-mobile a:hover[b-xgx6vrb6mu] {
    color: var(--bs-primary);
    background: #eef2ff;
}

.site-nav-mobile a.active[b-xgx6vrb6mu] {
    color: var(--bs-primary);
    font-weight: 700;
    background: rgba(var(--bs-primary-rgb), 0.10);
    border-color: rgba(var(--bs-primary-rgb), 0.20);
}

.site-nav-mobile[b-xgx6vrb6mu]::-webkit-scrollbar {
    height: 6px;
}

.site-nav-mobile[b-xgx6vrb6mu]::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.15);
    border-radius: 999px;
}

.site-nav-mobile[b-xgx6vrb6mu]::-webkit-scrollbar-track {
    background: transparent;
}

@media (max-width: 991.98px) {
    .site-nav-mobile[b-xgx6vrb6mu] {
        margin-top: 0.25rem;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-0vw7r2v56o],
.components-reconnect-repeated-attempt-visible[b-0vw7r2v56o],
.components-reconnect-failed-visible[b-0vw7r2v56o],
.components-pause-visible[b-0vw7r2v56o],
.components-resume-failed-visible[b-0vw7r2v56o],
.components-rejoining-animation[b-0vw7r2v56o] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-0vw7r2v56o],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-0vw7r2v56o],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-0vw7r2v56o],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-0vw7r2v56o],
#components-reconnect-modal.components-reconnect-retrying[b-0vw7r2v56o],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-0vw7r2v56o],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-0vw7r2v56o],
#components-reconnect-modal.components-reconnect-failed[b-0vw7r2v56o],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-0vw7r2v56o] {
    display: block;
}


#components-reconnect-modal[b-0vw7r2v56o] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-0vw7r2v56o 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-0vw7r2v56o 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-0vw7r2v56o 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-0vw7r2v56o]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-0vw7r2v56o 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-0vw7r2v56o {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-0vw7r2v56o {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-0vw7r2v56o {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-0vw7r2v56o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-0vw7r2v56o] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-0vw7r2v56o] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-0vw7r2v56o] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-0vw7r2v56o] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-0vw7r2v56o] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-0vw7r2v56o] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-0vw7r2v56o 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-0vw7r2v56o] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-0vw7r2v56o {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/About.razor.rz.scp.css */
.about-page[b-cyvmq0wx87] {
    background: #ffffff;
    color: #444;
}

.about-hero[b-cyvmq0wx87] {
    background: linear-gradient(180deg, #fff7f9 0%, #ffffff 100%);
    border-bottom: 1px solid #ececec;
}

.about-hero__content[b-cyvmq0wx87] {
    max-width: 820px;
}

.about-eyebrow[b-cyvmq0wx87],
.section-eyebrow[b-cyvmq0wx87] {
    color: #bf3551;
    font-weight: 700;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.about-title[b-cyvmq0wx87] {
    font-size: 3rem;
    line-height: 1.05;
    font-weight: 700;
    color: #333;
}

.about-subtitle[b-cyvmq0wx87],
.section-subtitle[b-cyvmq0wx87] {
    color: #666;
    font-size: 1.05rem;
    max-width: 760px;
}

.about-section[b-cyvmq0wx87] {
    background: #fff;
}

.about-section--muted[b-cyvmq0wx87] {
    background: #f8f8f8;
}

.section-heading[b-cyvmq0wx87] {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

.section-title[b-cyvmq0wx87] {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
}

.about-image-card[b-cyvmq0wx87] {
    border: 1px solid #ececec;
    overflow: hidden;
    background: #fff;
}

.about-image-card img[b-cyvmq0wx87] {
    width: 100%;
    height: 100%;
    min-height: 460px;
    object-fit: cover;
    display: block;
}

.about-feature-grid[b-cyvmq0wx87] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.about-feature-card[b-cyvmq0wx87] {
    border: 1px solid #ececec;
    background: #fff;
    padding: 22px;
    height: 100%;
}

.about-feature-card__icon[b-cyvmq0wx87] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    background: #fff1f4;
    margin-bottom: 16px;
}

.about-feature-card__icon .material-symbols-outlined[b-cyvmq0wx87] {
    font-size: 26px;
    color: #bf3551;
}

.about-feature-card h3[b-cyvmq0wx87],
.about-step-card h3[b-cyvmq0wx87] {
    margin: 0 0 10px;
    font-size: 1.05rem;
    color: #333;
    font-weight: 600;
}

.about-feature-card p[b-cyvmq0wx87],
.about-step-card p[b-cyvmq0wx87] {
    margin: 0;
    color: #666;
    font-size: 0.92rem;
}

.about-benefits[b-cyvmq0wx87] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 860px;
    margin: 0 auto;
}

.about-benefit-item[b-cyvmq0wx87] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    border: 1px solid #ececec;
    background: #fafafa;
    padding: 14px;
}

.about-benefit-item .material-symbols-outlined[b-cyvmq0wx87] {
    color: #1f7a34;
    font-size: 22px;
    margin-top: 2px;
}

.about-benefit-item strong[b-cyvmq0wx87] {
    display: block;
    margin-bottom: 4px;
    color: #333;
}

.about-benefit-item p[b-cyvmq0wx87] {
    margin: 0;
    color: #666;
    font-size: 0.9rem;
}

.about-info-card[b-cyvmq0wx87] {
    border: 1px solid #ececec;
    background: #fff;
    padding: 22px;
    height: 100%;
}

.about-steps-grid[b-cyvmq0wx87] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.about-step-card[b-cyvmq0wx87] {
    position: relative;
    border: 1px solid #ececec;
    background: #fff;
    padding: 22px;
    min-height: 100%;
}

.about-step-card__number[b-cyvmq0wx87] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    background: #fff1f4;
    color: #bf3551;
    font-size: 0.9rem;
    font-weight: 700;
    margin-bottom: 16px;
}

.about-cta[b-cyvmq0wx87] {
    background: #fff;
}

.about-cta__card[b-cyvmq0wx87] {
    border: 1px solid #e6e6e6;
    background: linear-gradient(180deg, #fff7f9 0%, #ffffff 100%);
    padding: 28px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.about-cta__actions[b-cyvmq0wx87] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.material-symbols-outlined[b-cyvmq0wx87] {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.btn-primary[b-cyvmq0wx87] {
    background-color: #bf3551;
    border-color: #bf3551;
}

.btn-primary:hover[b-cyvmq0wx87] {
    background-color: #a82d46;
    border-color: #a82d46;
}

.btn-outline-primary[b-cyvmq0wx87] {
    color: #bf3551;
    border-color: #bf3551;
}

.btn-outline-primary:hover[b-cyvmq0wx87] {
    background-color: #bf3551;
    border-color: #bf3551;
}

@media (max-width: 1199.98px) {
    .about-feature-grid[b-cyvmq0wx87],
    .about-steps-grid[b-cyvmq0wx87] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 991.98px) {
    .about-title[b-cyvmq0wx87] {
        font-size: 2.4rem;
    }

    .about-cta__card[b-cyvmq0wx87] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 767.98px) {
    .about-title[b-cyvmq0wx87] {
        font-size: 2rem;
    }

    .about-feature-grid[b-cyvmq0wx87],
    .about-steps-grid[b-cyvmq0wx87] {
        grid-template-columns: 1fr;
    }

    .about-image-card img[b-cyvmq0wx87] {
        min-height: 280px;
    }
}
/* /Components/Pages/BrowseAreas.razor.rz.scp.css */
.areas-page[b-290d8tk62j] {
    background: #ffffff;
    color: #444;
}

.areas-hero[b-290d8tk62j] {
    background: linear-gradient(180deg, #fff7f9 0%, #ffffff 100%);
    border-bottom: 1px solid #ececec;
}

.areas-hero__content[b-290d8tk62j] {
    max-width: 860px;
}

.areas-eyebrow[b-290d8tk62j],
.section-eyebrow[b-290d8tk62j] {
    color: #bf3551;
    font-weight: 700;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.areas-title[b-290d8tk62j] {
    font-size: 3rem;
    line-height: 1.05;
    font-weight: 700;
    color: #333;
}

.areas-subtitle[b-290d8tk62j],
.section-subtitle[b-290d8tk62j] {
    color: #666;
    font-size: 1.05rem;
    max-width: 760px;
}

.areas-search[b-290d8tk62j] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 10px;
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 10px;
    max-width: 760px;
}

.areas-search .material-symbols-outlined[b-290d8tk62j] {
    font-size: 22px;
    color: #888;
    margin-left: 4px;
}

.areas-search .form-control[b-290d8tk62j] {
    border: none;
    box-shadow: none;
    padding-left: 0;
}

.areas-search .form-control:focus[b-290d8tk62j] {
    box-shadow: none;
}

.areas-section[b-290d8tk62j] {
    background: #fff;
}

.areas-section--muted[b-290d8tk62j] {
    background: #f8f8f8;
}

.section-heading[b-290d8tk62j] {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

.section-title[b-290d8tk62j] {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
}

.featured-areas-grid[b-290d8tk62j] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.featured-area-card[b-290d8tk62j] {
    position: relative;
    display: block;
    min-height: 360px;
    overflow: hidden;
    border: 1px solid #ececec;
    text-decoration: none;
    color: inherit;
    background: #fafafa;
}

.featured-area-card img[b-290d8tk62j] {
    width: 100%;
    height: 100%;
    min-height: 360px;
    object-fit: cover;
    display: block;
}

.featured-area-card__overlay[b-290d8tk62j] {
    position: absolute;
    inset: auto 0 0 0;
    padding: 20px;
    background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.72) 100%);
    color: #fff;
}

.featured-area-card__overlay h3[b-290d8tk62j] {
    margin: 0 0 6px;
    font-size: 1.2rem;
    font-weight: 600;
}

.featured-area-card__overlay p[b-290d8tk62j] {
    margin: 0;
    font-size: 0.92rem;
    color: rgba(255, 255, 255, 0.9);
}

.area-card-grid[b-290d8tk62j] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.area-card[b-290d8tk62j] {
    display: block;
    text-decoration: none;
    color: inherit;
    border: 1px solid #ececec;
    background: #fff;
    padding: 20px;
    height: 100%;
    transition: border-color 0.2s ease, background 0.2s ease;
}

.area-card:hover[b-290d8tk62j] {
    border-color: #bf3551;
    background: #fff9fa;
}

.area-card__icon[b-290d8tk62j] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    background: #fff1f4;
    margin-bottom: 16px;
}

.area-card__icon .material-symbols-outlined[b-290d8tk62j] {
    font-size: 26px;
    color: #bf3551;
}

.area-card h3[b-290d8tk62j],
.popular-search-card h3[b-290d8tk62j] {
    margin: 0 0 10px;
    font-size: 1.05rem;
    color: #333;
    font-weight: 600;
}

.area-card p[b-290d8tk62j],
.popular-search-card p[b-290d8tk62j] {
    margin: 0 0 12px;
    color: #666;
    font-size: 0.92rem;
}

.area-card__meta[b-290d8tk62j] {
    color: #bf3551;
    font-size: 0.88rem;
    font-weight: 600;
}

.region-panel[b-290d8tk62j] {
    border: 1px solid #ececec;
    background: #fff;
    padding: 22px;
    height: 100%;
}

.region-panel__header[b-290d8tk62j] {
    margin-bottom: 18px;
}

.region-tag-list[b-290d8tk62j] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.region-tag[b-290d8tk62j] {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    border: 1px solid #ececec;
    background: #fafafa;
    text-decoration: none;
    color: #444;
    font-size: 0.9rem;
}

.region-tag:hover[b-290d8tk62j] {
    border-color: #bf3551;
    color: #bf3551;
    background: #fff9fa;
}

.popular-search-grid[b-290d8tk62j] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.popular-search-card[b-290d8tk62j] {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    text-decoration: none;
    color: inherit;
    border: 1px solid #ececec;
    background: #fff;
    padding: 18px;
}

.popular-search-card:hover[b-290d8tk62j] {
    border-color: #bf3551;
    background: #fff9fa;
}

.popular-search-card .material-symbols-outlined[b-290d8tk62j] {
    font-size: 24px;
    color: #bf3551;
    margin-top: 2px;
}

.popular-search-card p[b-290d8tk62j] {
    margin-bottom: 0;
}

.areas-cta[b-290d8tk62j] {
    background: #fff;
}

.areas-cta__card[b-290d8tk62j] {
    border: 1px solid #e6e6e6;
    background: linear-gradient(180deg, #fff7f9 0%, #ffffff 100%);
    padding: 28px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.areas-cta__actions[b-290d8tk62j] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.material-symbols-outlined[b-290d8tk62j] {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.btn-primary[b-290d8tk62j] {
    background-color: #bf3551;
    border-color: #bf3551;
}

.btn-primary:hover[b-290d8tk62j] {
    background-color: #a82d46;
    border-color: #a82d46;
}

.btn-outline-primary[b-290d8tk62j] {
    color: #bf3551;
    border-color: #bf3551;
}

.btn-outline-primary:hover[b-290d8tk62j] {
    background-color: #bf3551;
    border-color: #bf3551;
}

@media (max-width: 1199.98px) {
    .featured-areas-grid[b-290d8tk62j] {
        grid-template-columns: 1fr 1fr;
    }

    .area-card-grid[b-290d8tk62j] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 991.98px) {
    .areas-title[b-290d8tk62j] {
        font-size: 2.4rem;
    }

    .featured-areas-grid[b-290d8tk62j],
    .area-card-grid[b-290d8tk62j],
    .popular-search-grid[b-290d8tk62j] {
        grid-template-columns: 1fr;
    }

    .areas-cta__card[b-290d8tk62j] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 767.98px) {
    .areas-title[b-290d8tk62j] {
        font-size: 2rem;
    }

    .areas-search[b-290d8tk62j] {
        grid-template-columns: 1fr;
    }

    .areas-search .material-symbols-outlined[b-290d8tk62j] {
        display: none;
    }
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
.dashboard-page[b-uplmelf0w2] {
    min-height: 100vh;
}

/* HERO */
.dashboard-hero[b-uplmelf0w2] {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
    align-items: center;
}

.dashboard-eyebrow[b-uplmelf0w2] {
    color: #bf3551;
    font-weight: 700;
    font-size: 0.8rem;
    text-transform: uppercase;
}

.dashboard-title[b-uplmelf0w2] {
    font-size: 2rem;
    font-weight: 600;
    color: #444;
}

.dashboard-subtitle[b-uplmelf0w2] {
    color: #666;
}

/* STAT CARDS */
.dashboard-stats[b-uplmelf0w2] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.stat-card[b-uplmelf0w2] {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    padding: 14px;
}

.stat-card__label[b-uplmelf0w2] {
    color: #777;
    font-size: 0.9rem;
    margin-bottom: 4px;
}

.stat-card__value[b-uplmelf0w2] {
    font-size: 1.8rem;
    font-weight: 700;
    color: #bf3551;
}

.stat-card__meta[b-uplmelf0w2] {
    margin-top: 4px;
    color: #666;
    font-size: 0.85rem;
}

/* QUICK ACTIONS */
.quick-actions[b-uplmelf0w2] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.quick-action-card[b-uplmelf0w2] {
    display: flex;
    gap: 10px;
    align-items: center;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    padding: 12px;
    text-decoration: none;
    color: inherit;
}

.quick-action-card:hover[b-uplmelf0w2] {
    border-color: #bf3551;
    background: #fafafa;
}

.quick-action-card__icon[b-uplmelf0w2] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    background: #f0f0f0;
    border-radius: 0;
    flex-shrink: 0;
    border-radius: 50% !important;
}

.quick-action-card__icon .material-symbols-outlined[b-uplmelf0w2] {
    font-size: 22px;
    line-height: 1;
    color: #bf3551;
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.quick-action-card h2[b-uplmelf0w2] {
    font-size: 0.95rem;
    margin: 0;
    color: #444;
}

.quick-action-card p[b-uplmelf0w2] {
    margin: 0;
    font-size: 0.85rem;
    color: #777;
}

/* GRID */
.dashboard-grid[b-uplmelf0w2] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr);
    gap: 12px;
}

/* PANELS */
.dashboard-panel[b-uplmelf0w2] {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    padding: 14px;
}

.panel-header[b-uplmelf0w2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.panel-header h2[b-uplmelf0w2] {
    margin: 0;
    font-size: 1rem;
    color: #444;
    font-weight: 600;
}

.panel-header a[b-uplmelf0w2] {
    color: #bf3551;
    font-size: 0.9rem;
    text-decoration: none;
}

/* MATCH LIST */
.match-list[b-uplmelf0w2] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.match-item[b-uplmelf0w2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 10px;
    border: 1px solid #ececec;
    background: #fafafa;
}

.match-item__content h3[b-uplmelf0w2] {
    margin: 0;
    font-size: 0.95rem;
    color: #bf3551;
}

.match-item__content p[b-uplmelf0w2] {
    margin: 0;
    font-size: 0.85rem;
    color: #666;
}

.match-badge[b-uplmelf0w2] {
    display: inline-block;
    background: #bf3551;
    color: #fff;
    padding: 2px 8px;
    font-size: 0.75rem;
    margin-top: 6px;
}

/* ACTIVITY */
.activity-list[b-uplmelf0w2] {
    padding-left: 16px;
    font-size: 0.9rem;
    color: #555;
}

/* CHECKLIST */
.checklist[b-uplmelf0w2] {
    padding-left: 16px;
    font-size: 0.9rem;
}

.checklist li.is-complete[b-uplmelf0w2] {
    color: #28a745;
}

/* TAGS */
.tag-list[b-uplmelf0w2] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.dashboard-tag[b-uplmelf0w2] {
    background: #f0f0f0;
    padding: 4px 8px;
    font-size: 0.8rem;
}

/* STATUS */
.status-row[b-uplmelf0w2] {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    padding: 6px 0;
    font-size: 0.9rem;
}

.status-row:last-child[b-uplmelf0w2] {
    border-bottom: none;
}

/* BUTTON */
.btn-primary[b-uplmelf0w2] {
    background-color: #bf3551;
    border-color: #bf3551;
}

.btn-primary:hover[b-uplmelf0w2] {
    background-color: #a82d46;
    border-color: #a82d46;
}

.btn-outline-primary[b-uplmelf0w2] {
    color: #bf3551;
    border-color: #bf3551;
}

.btn-outline-primary:hover[b-uplmelf0w2] {
    background-color: #bf3551;
    border-color: #bf3551;
}

/* RESPONSIVE */
@media (max-width: 991.98px) {
    .dashboard-stats[b-uplmelf0w2],
    .quick-actions[b-uplmelf0w2],
    .dashboard-grid[b-uplmelf0w2] {
        grid-template-columns: 1fr 1fr;
    }

    .dashboard-hero[b-uplmelf0w2] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 767.98px) {
    .dashboard-stats[b-uplmelf0w2],
    .quick-actions[b-uplmelf0w2],
    .dashboard-grid[b-uplmelf0w2] {
        grid-template-columns: 1fr;
    }

    .match-item[b-uplmelf0w2] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home-page[b-alpidcdd3q] {
    color: #444;
}

.home-hero[b-alpidcdd3q] {
    border-bottom: 1px solid #ececec;
}

.home-eyebrow[b-alpidcdd3q],
.section-eyebrow[b-alpidcdd3q] {
    color: #bf3551;
    font-weight: 700;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.home-title[b-alpidcdd3q] {
    font-size: 3rem;
    line-height: 1.05;
    font-weight: 700;
    color: #333;
    max-width: 680px;
}

.home-subtitle[b-alpidcdd3q],
.section-subtitle[b-alpidcdd3q] {
    color: #666;
    font-size: 1.05rem;
    max-width: 680px;
}

.home-hero__actions[b-alpidcdd3q],
.home-cta__actions[b-alpidcdd3q] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.home-hero__meta[b-alpidcdd3q] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.home-meta-item[b-alpidcdd3q] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #555;
    font-size: 0.95rem;
}

.home-meta-item .material-symbols-outlined[b-alpidcdd3q] {
    font-size: 20px;
    color: #1f7a34;
}

.hero-showcase[b-alpidcdd3q] {
    position: relative;
    min-height: 520px;
}

.hero-showcase__main[b-alpidcdd3q] {
    height: 100%;
    border: 1px solid #ececec;
    background: #fafafa;
    overflow: hidden;
}

.hero-showcase__main img[b-alpidcdd3q] {
    width: 100%;
    height: 100%;
    min-height: 520px;
    object-fit: cover;
    display: block;
}

.hero-showcase__card[b-alpidcdd3q] {
    position: absolute;
    display: flex;
    gap: 10px;
    align-items: flex-start;
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 14px;
    width: min(280px, 80%);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}

.hero-showcase__card--top[b-alpidcdd3q] {
    top: 24px;
    left: -18px;
}

.hero-showcase__card--bottom[b-alpidcdd3q] {
    right: -18px;
    bottom: 24px;
}

.hero-showcase__card .material-symbols-outlined[b-alpidcdd3q] {
    font-size: 24px;
    color: #bf3551;
}

.hero-showcase__card strong[b-alpidcdd3q] {
    display: block;
    margin-bottom: 4px;
    color: #333;
}

.hero-showcase__card p[b-alpidcdd3q] {
    margin: 0;
    color: #777;
    font-size: 0.88rem;
}

.home-stats[b-alpidcdd3q] {
    background: #fff;
    border-bottom: 1px solid #ececec;
}

.home-stats__grid[b-alpidcdd3q] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.home-stat-card[b-alpidcdd3q] {
    border: 1px solid #ececec;
    background: #fafafa;
    padding: 18px;
}

.home-stat-card strong[b-alpidcdd3q] {
    display: block;
    margin-bottom: 4px;
    color: #bf3551;
    font-size: 1rem;
}

.home-stat-card span[b-alpidcdd3q] {
    color: #666;
    font-size: 0.92rem;
}

.home-section[b-alpidcdd3q] {
    background: #fff;
}

.home-section--muted[b-alpidcdd3q],
.home-section--faq[b-alpidcdd3q] {
    background: #f8f8f8;
}

.section-heading[b-alpidcdd3q] {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

.section-title[b-alpidcdd3q] {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
}

.how-it-works-grid[b-alpidcdd3q] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.info-card[b-alpidcdd3q] {
    border: 1px solid #ececec;
    background: #fff;
    padding: 22px;
    height: 100%;
}

.info-card__icon[b-alpidcdd3q] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    background: #fff1f4;
    margin-bottom: 16px;
}

.info-card__icon .material-symbols-outlined[b-alpidcdd3q] {
    font-size: 26px;
    color: #bf3551;
}

.info-card h3[b-alpidcdd3q],
.faq-card h3[b-alpidcdd3q],
.listing-preview-card__body h3[b-alpidcdd3q] {
    margin: 0 0 10px;
    font-size: 1.05rem;
    color: #333;
    font-weight: 600;
}

.info-card p[b-alpidcdd3q],
.faq-card p[b-alpidcdd3q],
.listing-preview-card__body p[b-alpidcdd3q] {
    margin: 0;
    color: #666;
    font-size: 0.92rem;
}

.feature-image[b-alpidcdd3q] {
    border: 1px solid #ececec;
    overflow: hidden;
    background: #fff;
}

.feature-image img[b-alpidcdd3q] {
    width: 100%;
    height: 100%;
    min-height: 460px;
    object-fit: cover;
    display: block;
}

.feature-list[b-alpidcdd3q] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.feature-list__item[b-alpidcdd3q] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    border: 1px solid #ececec;
    background: #fff;
    padding: 14px;
}

.feature-list__item .material-symbols-outlined[b-alpidcdd3q] {
    color: #1f7a34;
    font-size: 22px;
    margin-top: 2px;
}

.feature-list__item strong[b-alpidcdd3q] {
    display: block;
    margin-bottom: 4px;
    color: #333;
}

.feature-list__item p[b-alpidcdd3q] {
    margin: 0;
    color: #666;
    font-size: 0.9rem;
}

.listing-preview-grid[b-alpidcdd3q] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.listing-preview-card[b-alpidcdd3q] {
    border: 1px solid #ececec;
    background: #fff;
    overflow: hidden;
}

.listing-preview-card img[b-alpidcdd3q] {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}

.listing-preview-card__body[b-alpidcdd3q] {
    padding: 16px;
}

.listing-preview-card__body p[b-alpidcdd3q] {
    margin-bottom: 12px;
}

.faq-grid[b-alpidcdd3q] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.faq-card[b-alpidcdd3q] {
    border: 1px solid #ececec;
    background: #fff;
    padding: 18px;
}

.home-cta[b-alpidcdd3q] {
    background: #fff;
}

.home-cta__card[b-alpidcdd3q] {
    border: 1px solid #e6e6e6;
    background: linear-gradient(180deg, #fff7f9 0%, #ffffff 100%);
    padding: 28px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.material-symbols-outlined[b-alpidcdd3q] {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.btn-primary[b-alpidcdd3q] {
    background-color: #bf3551;
    border-color: #bf3551;
}

.btn-primary:hover[b-alpidcdd3q] {
    background-color: #a82d46;
    border-color: #a82d46;
}

.btn-outline-primary[b-alpidcdd3q] {
    color: #bf3551;
    border-color: #bf3551;
}

.btn-outline-primary:hover[b-alpidcdd3q] {
    background-color: #bf3551;
    border-color: #bf3551;
}

@media (max-width: 1199.98px) {
    .home-stats__grid[b-alpidcdd3q],
    .how-it-works-grid[b-alpidcdd3q],
    .listing-preview-grid[b-alpidcdd3q] {
        grid-template-columns: repeat(2, 1fr);
    }

    .hero-showcase__card--top[b-alpidcdd3q] {
        left: 12px;
    }

    .hero-showcase__card--bottom[b-alpidcdd3q] {
        right: 12px;
    }
}

@media (max-width: 991.98px) {
    .home-title[b-alpidcdd3q] {
        font-size: 2.4rem;
    }

    .faq-grid[b-alpidcdd3q],
    .home-stats__grid[b-alpidcdd3q],
    .how-it-works-grid[b-alpidcdd3q],
    .listing-preview-grid[b-alpidcdd3q] {
        grid-template-columns: 1fr;
    }

    .home-cta__card[b-alpidcdd3q] {
        flex-direction: column;
        align-items: flex-start;
    }

    .hero-showcase[b-alpidcdd3q] {
        min-height: auto;
    }

    .hero-showcase__main img[b-alpidcdd3q] {
        min-height: 420px;
    }
}

@media (max-width: 767.98px) {
    .home-title[b-alpidcdd3q] {
        font-size: 2rem;
    }

    .hero-showcase__card[b-alpidcdd3q] {
        position: static;
        width: 100%;
        margin-top: 12px;
        box-shadow: none;
    }

    .hero-showcase__main img[b-alpidcdd3q],
    .feature-image img[b-alpidcdd3q] {
        min-height: 280px;
    }
}
/* /Components/Pages/HowItWorks.razor.rz.scp.css */
.how-page[b-td2gjbmyjt] {
    color: #444;
}

.how-hero[b-td2gjbmyjt] {
    border-bottom: 1px solid #ececec;
}

.how-hero__content[b-td2gjbmyjt] {
    max-width: 760px;
}

.how-eyebrow[b-td2gjbmyjt],
.section-eyebrow[b-td2gjbmyjt] {
    color: #bf3551;
    font-weight: 700;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.how-title[b-td2gjbmyjt] {
    font-size: 3rem;
    line-height: 1.05;
    font-weight: 700;
    color: #333;
}

.how-subtitle[b-td2gjbmyjt],
.section-subtitle[b-td2gjbmyjt] {
    color: #666;
    font-size: 1.05rem;
    max-width: 760px;
}

.how-section[b-td2gjbmyjt] {
    background: #fff;
}

.how-section--muted[b-td2gjbmyjt] {
    background: #f8f8f8;
}

.section-heading[b-td2gjbmyjt] {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

.section-title[b-td2gjbmyjt] {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
}

.steps-grid[b-td2gjbmyjt] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.step-card[b-td2gjbmyjt] {
    position: relative;
    border: 1px solid #ececec;
    background: #fff;
    padding: 22px;
    height: 100%;
}

.step-card__number[b-td2gjbmyjt] {
    position: absolute;
    top: 14px;
    right: 14px;
    font-size: 0.85rem;
    font-weight: 700;
    color: #bf3551;
    background: #fff1f4;
    min-width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
}

.step-card__icon[b-td2gjbmyjt] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    background: #fff1f4;
    margin-bottom: 16px;
}

.step-card__icon .material-symbols-outlined[b-td2gjbmyjt],
.info-card__icon .material-symbols-outlined[b-td2gjbmyjt] {
    font-size: 26px;
    color: #bf3551;
}

.step-card h3[b-td2gjbmyjt],
.info-card h3[b-td2gjbmyjt],
.faq-card h3[b-td2gjbmyjt] {
    margin: 0 0 10px;
    font-size: 1.05rem;
    color: #333;
    font-weight: 600;
}

.step-card p[b-td2gjbmyjt],
.info-card p[b-td2gjbmyjt],
.faq-card p[b-td2gjbmyjt] {
    margin: 0;
    color: #666;
    font-size: 0.92rem;
}

.how-image-card[b-td2gjbmyjt] {
    border: 1px solid #ececec;
    overflow: hidden;
    background: #fff;
}

.how-image-card img[b-td2gjbmyjt] {
    width: 100%;
    height: 100%;
    min-height: 460px;
    object-fit: cover;
    display: block;
}

.benefit-list[b-td2gjbmyjt] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.benefit-item[b-td2gjbmyjt] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    border: 1px solid #ececec;
    background: #fff;
    padding: 14px;
}

.benefit-item .material-symbols-outlined[b-td2gjbmyjt] {
    color: #1f7a34;
    font-size: 22px;
    margin-top: 2px;
}

.benefit-item strong[b-td2gjbmyjt] {
    display: block;
    margin-bottom: 4px;
    color: #333;
}

.benefit-item p[b-td2gjbmyjt] {
    margin: 0;
    color: #666;
    font-size: 0.9rem;
}

.info-grid[b-td2gjbmyjt] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.info-card[b-td2gjbmyjt] {
    border: 1px solid #ececec;
    background: #fff;
    padding: 22px;
    height: 100%;
}

.info-card__icon[b-td2gjbmyjt] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    background: #fff1f4;
    margin-bottom: 16px;
}

.faq-grid[b-td2gjbmyjt] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.faq-card[b-td2gjbmyjt] {
    border: 1px solid #ececec;
    background: #fff;
    padding: 18px;
}

.how-cta[b-td2gjbmyjt] {
    background: #fff;
}

.how-cta__card[b-td2gjbmyjt] {
    border: 1px solid #e6e6e6;
    background: linear-gradient(180deg, #fff7f9 0%, #ffffff 100%);
    padding: 28px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.how-cta__actions[b-td2gjbmyjt] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.material-symbols-outlined[b-td2gjbmyjt] {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.btn-primary[b-td2gjbmyjt] {
    background-color: #bf3551;
    border-color: #bf3551;
}

.btn-primary:hover[b-td2gjbmyjt] {
    background-color: #a82d46;
    border-color: #a82d46;
}

.btn-outline-primary[b-td2gjbmyjt] {
    color: #bf3551;
    border-color: #bf3551;
}

.btn-outline-primary:hover[b-td2gjbmyjt] {
    background-color: #bf3551;
    border-color: #bf3551;
}

@media (max-width: 1199.98px) {
    .steps-grid[b-td2gjbmyjt] {
        grid-template-columns: repeat(2, 1fr);
    }

    .info-grid[b-td2gjbmyjt] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 991.98px) {
    .how-title[b-td2gjbmyjt] {
        font-size: 2.4rem;
    }

    .faq-grid[b-td2gjbmyjt],
    .steps-grid[b-td2gjbmyjt],
    .info-grid[b-td2gjbmyjt] {
        grid-template-columns: 1fr;
    }

    .how-cta__card[b-td2gjbmyjt] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 767.98px) {
    .how-title[b-td2gjbmyjt] {
        font-size: 2rem;
    }

    .how-image-card img[b-td2gjbmyjt] {
        min-height: 280px;
    }
}
/* /Components/Pages/Matches.razor.rz.scp.css */
.results-page[b-gyblcjs5x0] {
    padding: 0;
}

.results-layout[b-gyblcjs5x0] {
    display: grid;
    grid-template-columns: 275px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.results-sidebar[b-gyblcjs5x0] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.sidebar-panel[b-gyblcjs5x0] {
    background: #fff;
    border: 1px solid #e6e6e6;
}

.sidebar-panel-header[b-gyblcjs5x0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 14px 10px 14px;
    border-bottom: 1px solid #f0f0f0;
}

.sidebar-panel-header h3[b-gyblcjs5x0] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #444;
}

.sidebar-toggle-btn[b-gyblcjs5x0] {
    border: 0;
    background: transparent;
    color: #666;
    line-height: 1;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sidebar-toggle-btn .material-symbols-outlined[b-gyblcjs5x0] {
    font-size: 28px;
}

.target-list[b-gyblcjs5x0] {
    list-style: none;
    margin: 0;
    padding: 10px 14px 14px 14px;
}

.target-list li[b-gyblcjs5x0] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 0;
    color: #4d4d4d;
    font-size: 1.05rem;
}

.target-list li .material-symbols-outlined[b-gyblcjs5x0] {
    font-size: 20px;
    color: #7b7b7b;
}

.target-list li.active[b-gyblcjs5x0] {
    color: #bf3551;
    font-weight: 600;
}

.target-list li.active .material-symbols-outlined[b-gyblcjs5x0] {
    color: #bf3551;
}

.sidebar-advert[b-gyblcjs5x0] {
    min-height: 140px;
    background: #d9d9d9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    font-size: 1.4rem;
    border: 1px solid #d0d0d0;
}

.search-form[b-gyblcjs5x0] {
    padding: 14px;
}

.form-group[b-gyblcjs5x0] {
    margin-bottom: 14px;
}

.form-group label[b-gyblcjs5x0] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 1rem;
    color: #555;
    margin-bottom: 6px;
    font-weight: 500;
}

.field-icon[b-gyblcjs5x0] {
    font-size: 18px;
    color: #777;
}

.form-control[b-gyblcjs5x0],
.form-select[b-gyblcjs5x0] {
    border-radius: 0;
    min-height: 42px;
    border: 1px solid #d8d8d8;
    box-shadow: none;
}

.form-control:focus[b-gyblcjs5x0],
.form-select:focus[b-gyblcjs5x0] {
    box-shadow: none;
    border-color: #bf3551;
}

.form-row-2[b-gyblcjs5x0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.checkbox-list[b-gyblcjs5x0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 14px;
}

.checkbox-list label[b-gyblcjs5x0] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 400;
    margin-bottom: 0;
}

.results-main[b-gyblcjs5x0] {
    min-width: 0;
}

.results-header[b-gyblcjs5x0] {
    margin-bottom: 16px;
}

.results-header h1[b-gyblcjs5x0] {
    margin: 0;
    font-size: 2.3rem;
    font-weight: 500;
    color: #474747;
}

.results-header h1 span[b-gyblcjs5x0] {
    color: #bf3551;
    font-size: 1.5rem;
    font-weight: 500;
}

.listing-results[b-gyblcjs5x0] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.listing-card[b-gyblcjs5x0] {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr) 245px;
    background: #fff;
    border: 1px solid #e7e7e7;
    overflow: hidden;
}

.listing-image-wrap[b-gyblcjs5x0] {
    height: 160px;
    background: #efefef;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.listing-image[b-gyblcjs5x0] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
    background: #efefef;
}

.listing-main-content[b-gyblcjs5x0] {
    padding: 16px 18px;
    min-width: 0;
}

.listing-main-content h2[b-gyblcjs5x0] {
    margin: 0 0 6px 0;
    font-size: 1.9rem;
    line-height: 1.1;
    color: #bf3551;
    font-weight: 700;
}

.listing-meta[b-gyblcjs5x0] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 8px;
    color: #7a7a7a;
    font-size: 0.95rem;
}

.listing-meta span[b-gyblcjs5x0] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.listing-meta .material-symbols-outlined[b-gyblcjs5x0] {
    font-size: 18px;
}

.listing-price[b-gyblcjs5x0] {
    font-size: 2rem;
    font-weight: 700;
    color: #bf3551;
    margin-bottom: 8px;
    line-height: 1;
}

.listing-price span[b-gyblcjs5x0] {
    font-size: 0.95rem;
    color: #555;
    font-weight: 400;
    margin-left: 4px;
}

.listing-main-content p[b-gyblcjs5x0] {
    margin: 0;
    color: #5f5f5f;
    font-size: 1rem;
    line-height: 1.45;
}

.listing-looking-for[b-gyblcjs5x0] {
    border-left: 1px solid #ececec;
    padding: 16px 18px;
    background: #fff;
}

.listing-looking-for h3[b-gyblcjs5x0] {
    margin: 0 0 10px 0;
    color: #444;
    font-size: 1.7rem;
    font-weight: 700;
}

.looking-for-meta[b-gyblcjs5x0] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 10px;
    color: #bf3551;
    font-size: 1rem;
}

.looking-for-meta div[b-gyblcjs5x0] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.looking-for-meta .material-symbols-outlined[b-gyblcjs5x0] {
    font-size: 18px;
}

.listing-looking-for p[b-gyblcjs5x0] {
    margin: 0;
    color: #5f5f5f;
    font-size: 0.98rem;
    line-height: 1.4;
}

.btn-primary[b-gyblcjs5x0] {
    background-color: #bf3551;
    border-color: #bf3551;
}

.btn-primary:hover[b-gyblcjs5x0],
.btn-primary:focus[b-gyblcjs5x0] {
    background-color: #a82d46;
    border-color: #a82d46;
}

@media (max-width: 1199.98px) {
    .listing-card[b-gyblcjs5x0] {
        grid-template-columns: 220px minmax(0, 1fr);
    }

    .listing-looking-for[b-gyblcjs5x0] {
        grid-column: 1 / -1;
        border-left: 0;
        border-top: 1px solid #ececec;
    }
}

@media (max-width: 991.98px) {
    .results-layout[b-gyblcjs5x0] {
        grid-template-columns: 1fr;
    }

    .results-sidebar[b-gyblcjs5x0] {
        order: 2;
    }

    .results-main[b-gyblcjs5x0] {
        order: 1;
    }
}

@media (max-width: 767.98px) {
    .results-header h1[b-gyblcjs5x0] {
        font-size: 1.8rem;
    }

    .results-header h1 span[b-gyblcjs5x0] {
        display: block;
        font-size: 1.15rem;
        margin-top: 4px;
    }

    .listing-card[b-gyblcjs5x0] {
        grid-template-columns: 1fr;
    }

    .listing-image-wrap[b-gyblcjs5x0] {
        height: 220px;
    }

    .listing-looking-for[b-gyblcjs5x0] {
        border-top: 1px solid #ececec;
    }

    .form-row-2[b-gyblcjs5x0],
    .checkbox-list[b-gyblcjs5x0] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Messages.razor.rz.scp.css */
.messages-page[b-2m96g80kta] {
    min-height: 100vh;
}

.messages-header[b-2m96g80kta] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.5rem;
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 20px;
}

.messages-eyebrow[b-2m96g80kta] {
    color: #bf3551;
    font-weight: 700;
    font-size: 0.8rem;
    text-transform: uppercase;
}

.messages-title[b-2m96g80kta] {
    font-size: 2rem;
    font-weight: 600;
    color: #444;
}

.messages-subtitle[b-2m96g80kta] {
    color: #666;
}

.messages-header__actions[b-2m96g80kta] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.messages-header__actions .btn[b-2m96g80kta] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.messages-layout[b-2m96g80kta] {
    display: grid;
    grid-template-columns: 340px minmax(0, 1fr) 320px;
    gap: 16px;
    align-items: start;
}

.messages-list-panel[b-2m96g80kta],
.chat-panel[b-2m96g80kta],
.message-details-panel[b-2m96g80kta] {
    min-width: 0;
}

/* LEFT PANEL */
.messages-list-panel[b-2m96g80kta] {
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 14px;
}

.messages-search[b-2m96g80kta] {
    position: relative;
    margin-bottom: 12px;
}

.messages-search .material-symbols-outlined[b-2m96g80kta] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: #888;
}

.messages-search .form-control[b-2m96g80kta] {
    padding-left: 42px;
    border-radius: 0;
}

.messages-tabs[b-2m96g80kta] {
    display: flex;
    gap: 8px;
    margin-bottom: 14px;
    flex-wrap: wrap;
}

.messages-tab[b-2m96g80kta] {
    border: 1px solid #e6e6e6;
    background: #fafafa;
    color: #555;
    padding: 8px 12px;
    font-size: 0.9rem;
    cursor: pointer;
}

.messages-tab.is-active[b-2m96g80kta] {
    background: #bf3551;
    border-color: #bf3551;
    color: #fff;
}

.conversation-list[b-2m96g80kta] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.conversation-item[b-2m96g80kta] {
    width: 100%;
    border: 1px solid #ececec;
    background: #fff;
    padding: 12px;
    display: flex;
    gap: 12px;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.2s ease, background 0.2s ease;
}

.conversation-item:hover[b-2m96g80kta] {
    border-color: #bf3551;
    background: #fafafa;
}

.conversation-item.is-active[b-2m96g80kta] {
    border-color: #bf3551;
    background: #fff7f9;
}

.conversation-item.is-unread[b-2m96g80kta] {
    border-left: 4px solid #bf3551;
    padding-left: 8px;
}

.conversation-item__avatar img[b-2m96g80kta] {
    width: 52px;
    height: 52px;
    object-fit: cover;
    border-radius: 50%;
    flex-shrink: 0;
}

.conversation-item__body[b-2m96g80kta] {
    min-width: 0;
    flex: 1;
}

.conversation-item__top[b-2m96g80kta] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    margin-bottom: 4px;
}

.conversation-item__top h2[b-2m96g80kta] {
    margin: 0;
    font-size: 0.95rem;
    color: #444;
    font-weight: 600;
}

.conversation-item__top span[b-2m96g80kta] {
    color: #888;
    font-size: 0.8rem;
    white-space: nowrap;
}

.conversation-item__meta[b-2m96g80kta] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 6px;
    font-size: 0.8rem;
    color: #777;
}

.conversation-badge[b-2m96g80kta] {
    background: #f0f0f0;
    color: #bf3551;
    padding: 2px 8px;
    font-weight: 600;
}

.conversation-item__body p[b-2m96g80kta] {
    margin: 0;
    color: #666;
    font-size: 0.86rem;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* CHAT PANEL */
.chat-panel[b-2m96g80kta] {
    background: #fff;
    border: 1px solid #e6e6e6;
    display: flex;
    flex-direction: column;
    min-height: 760px;
}

.chat-header[b-2m96g80kta] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    padding: 16px;
    border-bottom: 1px solid #eee;
}

.chat-header__profile[b-2m96g80kta] {
    display: flex;
    gap: 12px;
    min-width: 0;
}

.chat-header__profile img[b-2m96g80kta] {
    width: 56px;
    height: 56px;
    object-fit: cover;
    border-radius: 50%;
    flex-shrink: 0;
}

.chat-header__profile h2[b-2m96g80kta] {
    margin: 0 0 6px;
    font-size: 1rem;
    color: #444;
    font-weight: 600;
}

.chat-header__meta[b-2m96g80kta] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    color: #666;
    font-size: 0.85rem;
}

.chat-header__meta span[b-2m96g80kta] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.chat-header__meta .material-symbols-outlined[b-2m96g80kta],
.chat-header__actions .material-symbols-outlined[b-2m96g80kta] {
    font-size: 18px;
}

.chat-header__actions[b-2m96g80kta] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.chat-header__actions .btn[b-2m96g80kta] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.chat-messages[b-2m96g80kta] {
    flex: 1;
    padding: 16px;
    background: #fcfcfc;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.chat-date-divider[b-2m96g80kta] {
    display: flex;
    justify-content: center;
    margin-bottom: 4px;
}

.chat-date-divider span[b-2m96g80kta] {
    background: #f0f0f0;
    color: #777;
    font-size: 0.8rem;
    padding: 4px 10px;
}

.message-row[b-2m96g80kta] {
    display: flex;
    justify-content: flex-start;
}

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

.message-bubble[b-2m96g80kta] {
    max-width: 72%;
    padding: 12px 14px 8px;
    border: 1px solid #ececec;
    line-height: 1.45;
}

.message-bubble--incoming[b-2m96g80kta] {
    background: #fff;
    color: #444;
}

.message-bubble--outgoing[b-2m96g80kta] {
    background: #fff1f4;
    border-color: #f1c8d2;
    color: #444;
}

.message-bubble p[b-2m96g80kta] {
    margin: 0 0 6px;
    font-size: 0.92rem;
}

.message-time[b-2m96g80kta] {
    display: block;
    text-align: right;
    color: #888;
    font-size: 0.75rem;
}

.chat-composer[b-2m96g80kta] {
    border-top: 1px solid #eee;
    padding: 14px 16px 16px;
    background: #fff;
}

.chat-composer__toolbar[b-2m96g80kta] {
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
}

.composer-icon-button[b-2m96g80kta] {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border: 1px solid #e6e6e6;
    background: #fafafa;
    cursor: pointer;
}

.composer-icon-button .material-symbols-outlined[b-2m96g80kta] {
    font-size: 20px;
    color: #666;
}

.chat-composer__input .form-control[b-2m96g80kta] {
    border-radius: 0;
    resize: vertical;
    min-height: 110px;
}

.chat-composer__actions[b-2m96g80kta] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 12px;
    flex-wrap: wrap;
}

.chat-composer__actions .btn[b-2m96g80kta] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* RIGHT PANEL */
.message-details-panel[b-2m96g80kta] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.details-card[b-2m96g80kta] {
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 16px;
}

.details-card h3[b-2m96g80kta] {
    margin: 0 0 14px;
    font-size: 1rem;
    color: #444;
    font-weight: 600;
}

.details-member[b-2m96g80kta] {
    text-align: center;
    margin-bottom: 14px;
}

.details-member img[b-2m96g80kta] {
    width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: 50%;
    margin-bottom: 10px;
}

.details-member h4[b-2m96g80kta] {
    margin: 0 0 4px;
    font-size: 1rem;
    color: #444;
}

.details-member p[b-2m96g80kta] {
    margin: 0;
    color: #777;
    font-size: 0.88rem;
}

.details-meta[b-2m96g80kta] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.details-meta__row[b-2m96g80kta] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
    font-size: 0.9rem;
}

.details-meta__row:last-child[b-2m96g80kta] {
    border-bottom: none;
}

.details-meta__row span[b-2m96g80kta] {
    color: #666;
}

.details-meta__row strong[b-2m96g80kta] {
    color: #444;
    text-align: right;
}

.property-mini-card[b-2m96g80kta] {
    border: 1px solid #ececec;
    background: #fafafa;
}

.property-mini-card img[b-2m96g80kta] {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
}

.property-mini-card__body[b-2m96g80kta] {
    padding: 12px;
}

.property-mini-card__body h4[b-2m96g80kta] {
    margin: 0 0 6px;
    font-size: 0.95rem;
    color: #444;
}

.property-mini-card__body p[b-2m96g80kta] {
    margin: 0 0 8px;
    color: #666;
    font-size: 0.85rem;
}

.property-mini-card__body a[b-2m96g80kta] {
    color: #bf3551;
    text-decoration: none;
    font-size: 0.88rem;
    font-weight: 600;
}

.details-action-list[b-2m96g80kta] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.details-action[b-2m96g80kta] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid #ececec;
    background: #fafafa;
    color: #444;
    cursor: pointer;
    text-align: left;
}

.details-action:hover[b-2m96g80kta] {
    border-color: #bf3551;
    color: #bf3551;
}

.details-action--danger:hover[b-2m96g80kta] {
    border-color: #c62828;
    color: #c62828;
}

.details-action .material-symbols-outlined[b-2m96g80kta] {
    font-size: 20px;
}

.message-tips[b-2m96g80kta] {
    margin: 0;
    padding-left: 18px;
    color: #666;
    font-size: 0.9rem;
}

/* BUTTONS / ICONS */
.material-symbols-outlined[b-2m96g80kta] {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.btn-primary[b-2m96g80kta] {
    background-color: #bf3551;
    border-color: #bf3551;
}

.btn-primary:hover[b-2m96g80kta] {
    background-color: #a82d46;
    border-color: #a82d46;
}

.btn-outline-primary[b-2m96g80kta] {
    color: #bf3551;
    border-color: #bf3551;
}

.btn-outline-primary:hover[b-2m96g80kta] {
    background-color: #bf3551;
    border-color: #bf3551;
}

.btn-outline-secondary[b-2m96g80kta] {
    border-color: #d9d9d9;
    color: #555;
}

.btn-outline-secondary:hover[b-2m96g80kta] {
    background: #f3f3f3;
    color: #333;
    border-color: #d0d0d0;
}

/* RESPONSIVE */
@media (max-width: 1399.98px) {
    .messages-layout[b-2m96g80kta] {
        grid-template-columns: 300px minmax(0, 1fr) 280px;
    }
}

@media (max-width: 1199.98px) {
    .messages-layout[b-2m96g80kta] {
        grid-template-columns: 320px minmax(0, 1fr);
    }

    .message-details-panel[b-2m96g80kta] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 991.98px) {
    .messages-header[b-2m96g80kta] {
        flex-direction: column;
        align-items: flex-start;
    }

    .messages-layout[b-2m96g80kta] {
        grid-template-columns: 1fr;
    }

    .chat-panel[b-2m96g80kta] {
        min-height: 640px;
    }
}

@media (max-width: 767.98px) {
    .chat-header[b-2m96g80kta] {
        flex-direction: column;
        align-items: flex-start;
    }

    .message-bubble[b-2m96g80kta] {
        max-width: 90%;
    }

    .chat-composer__actions[b-2m96g80kta] {
        justify-content: stretch;
    }

    .chat-composer__actions .btn[b-2m96g80kta] {
        flex: 1 1 auto;
        justify-content: center;
    }
}
/* /Components/Pages/MyListing.razor.rz.scp.css */
.my-listing-page[b-9ag352mm8b] {
    background: #f5f5f5;
    min-height: 100vh;
}

.my-listing-header[b-9ag352mm8b] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.5rem;
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 20px;
}

.my-listing-eyebrow[b-9ag352mm8b] {
    color: #bf3551;
    font-weight: 700;
    font-size: 0.8rem;
    text-transform: uppercase;
}

.my-listing-title[b-9ag352mm8b] {
    font-size: 2rem;
    font-weight: 600;
    color: #444;
}

.my-listing-subtitle[b-9ag352mm8b] {
    color: #666;
}

.my-listing-header__actions[b-9ag352mm8b] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.my-listing-layout[b-9ag352mm8b] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(300px, 360px);
    gap: 16px;
    align-items: start;
}

.editor-card[b-9ag352mm8b],
.editor-sidebar-card[b-9ag352mm8b] {
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 18px;
}

.editor-card__header[b-9ag352mm8b] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 16px;
}

.editor-card__header h2[b-9ag352mm8b],
.editor-sidebar-card h3[b-9ag352mm8b] {
    margin: 0 0 4px;
    font-size: 1.05rem;
    font-weight: 600;
    color: #444;
}

.editor-card__header p[b-9ag352mm8b] {
    margin: 0;
    color: #777;
    font-size: 0.9rem;
}

.editor-status-row[b-9ag352mm8b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.editor-status-pill[b-9ag352mm8b] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    font-size: 0.9rem;
    font-weight: 600;
    background: #f3f3f3;
    color: #444;
}

.editor-status-pill.is-live[b-9ag352mm8b] {
    background: rgba(40, 167, 69, 0.12);
    color: #1f7a34;
}

.editor-switch[b-9ag352mm8b] {
    margin-bottom: 0;
}

.photo-grid[b-9ag352mm8b] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 12px;
}

.photo-card[b-9ag352mm8b] {
    position: relative;
    overflow: hidden;
    border: 1px solid #ececec;
    background: #fafafa;
    min-height: 180px;
}

.photo-card--main[b-9ag352mm8b] {
    grid-row: span 2;
    min-height: 372px;
}

.photo-card img[b-9ag352mm8b] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.photo-card__actions[b-9ag352mm8b] {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 12px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.feature-check-grid[b-9ag352mm8b] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.feature-check[b-9ag352mm8b] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border: 1px solid #ececec;
    background: #fafafa;
    cursor: pointer;
}

.feature-check input[b-9ag352mm8b] {
    margin: 0;
}

.editor-sidebar-card--sticky[b-9ag352mm8b] {
    position: sticky;
    top: 20px;
}

.progress-ring[b-9ag352mm8b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 18px 0 8px;
}

.progress-ring__value[b-9ag352mm8b] {
    font-size: 2rem;
    font-weight: 700;
    color: #bf3551;
    line-height: 1;
}

.progress-ring__label[b-9ag352mm8b] {
    color: #777;
    font-size: 0.9rem;
    margin-top: 6px;
}

.editor-checklist[b-9ag352mm8b] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
}

.editor-checklist__item[b-9ag352mm8b] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #666;
    font-size: 0.92rem;
}

.editor-checklist__item.is-complete[b-9ag352mm8b] {
    color: #1f7a34;
}

.editor-checklist__item .material-symbols-outlined[b-9ag352mm8b] {
    font-size: 20px;
}

.sidebar-meta-row[b-9ag352mm8b] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
    font-size: 0.92rem;
}

.sidebar-meta-row:last-child[b-9ag352mm8b] {
    border-bottom: none;
}

.sidebar-meta-row span[b-9ag352mm8b] {
    color: #666;
}

.sidebar-meta-row strong[b-9ag352mm8b] {
    color: #444;
    text-align: right;
}

.quick-link-list[b-9ag352mm8b] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.quick-link[b-9ag352mm8b] {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #444;
    padding: 10px 12px;
    border: 1px solid #ececec;
    background: #fafafa;
}

.quick-link:hover[b-9ag352mm8b] {
    border-color: #bf3551;
    color: #bf3551;
}

.quick-link .material-symbols-outlined[b-9ag352mm8b] {
    font-size: 20px;
}

.editor-tips[b-9ag352mm8b] {
    margin: 0;
    padding-left: 18px;
    color: #666;
    font-size: 0.92rem;
}

.material-symbols-outlined[b-9ag352mm8b] {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.btn-primary[b-9ag352mm8b] {
    background-color: #bf3551;
    border-color: #bf3551;
}

.btn-primary:hover[b-9ag352mm8b] {
    background-color: #a82d46;
    border-color: #a82d46;
}

.btn-outline-primary[b-9ag352mm8b] {
    color: #bf3551;
    border-color: #bf3551;
}

.btn-outline-primary:hover[b-9ag352mm8b] {
    background-color: #bf3551;
    border-color: #bf3551;
}

@media (max-width: 1199.98px) {
    .my-listing-layout[b-9ag352mm8b] {
        grid-template-columns: 1fr;
    }

    .editor-sidebar-card--sticky[b-9ag352mm8b] {
        position: static;
    }
}

@media (max-width: 991.98px) {
    .my-listing-header[b-9ag352mm8b] {
        flex-direction: column;
        align-items: flex-start;
    }

    .photo-grid[b-9ag352mm8b] {
        grid-template-columns: 1fr 1fr;
    }

    .photo-card--main[b-9ag352mm8b] {
        grid-column: 1 / -1;
        grid-row: auto;
        min-height: 320px;
    }
}

@media (max-width: 767.98px) {
    .feature-check-grid[b-9ag352mm8b],
    .photo-grid[b-9ag352mm8b] {
        grid-template-columns: 1fr;
    }

    .photo-card--main[b-9ag352mm8b] {
        min-height: 260px;
    }
}
/* /Components/Pages/Property.razor.rz.scp.css */
.listing-page[b-d4bjl12yhy] {
    min-height: 100vh;
    color: #333;
}

.listing-breadcrumb[b-d4bjl12yhy] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 0.9rem;
    color: #666;
}

.listing-breadcrumb a[b-d4bjl12yhy] {
    color: #bf3551;
    text-decoration: none;
}

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

.listing-title[b-d4bjl12yhy] {
    margin: 0 0 8px;
    font-size: 2rem;
    font-weight: 700;
    color: #333;
}

.listing-location[b-d4bjl12yhy] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #666;
    font-size: 0.95rem;
}

.listing-location .material-symbols-outlined[b-d4bjl12yhy] {
    font-size: 20px;
    color: #bf3551;
}

.listing-header-actions[b-d4bjl12yhy] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.listing-header-actions .btn[b-d4bjl12yhy] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.listing-gallery[b-d4bjl12yhy] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 12px;
}

.listing-gallery-main[b-d4bjl12yhy],
.listing-gallery-side > div[b-d4bjl12yhy],
.listing-gallery-side img[b-d4bjl12yhy],
.listing-gallery-main img[b-d4bjl12yhy],
.listing-gallery-more[b-d4bjl12yhy] {
    border-radius: 0;
    overflow: hidden;
}

.listing-gallery-main img[b-d4bjl12yhy] {
    width: 100%;
    height: 100%;
    min-height: 420px;
    object-fit: cover;
    display: block;
}

.listing-gallery-side[b-d4bjl12yhy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.listing-gallery-side img[b-d4bjl12yhy],
.listing-gallery-more img[b-d4bjl12yhy] {
    width: 100%;
    height: 204px;
    object-fit: cover;
    display: block;
}

.listing-gallery-more[b-d4bjl12yhy] {
    position: relative;
}

.listing-gallery-button[b-d4bjl12yhy] {
    position: absolute;
    right: 12px;
    bottom: 12px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 0;
}

.listing-top-summary[b-d4bjl12yhy] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.summary-card[b-d4bjl12yhy] {
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 16px;
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.summary-card .material-symbols-outlined[b-d4bjl12yhy] {
    font-size: 24px;
    color: #bf3551;
    margin-top: 2px;
}

.summary-card strong[b-d4bjl12yhy] {
    display: block;
    margin-bottom: 4px;
    color: #333;
}

.summary-card p[b-d4bjl12yhy] {
    margin: 0;
    color: #777;
    font-size: 0.9rem;
}

.listing-layout[b-d4bjl12yhy] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) 360px;
    gap: 16px;
    align-items: start;
}

.listing-panel[b-d4bjl12yhy],
.listing-sidebar-card[b-d4bjl12yhy] {
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 18px;
}

.listing-panel h2[b-d4bjl12yhy],
.listing-sidebar-card h3[b-d4bjl12yhy] {
    margin: 0 0 14px;
    font-size: 1.15rem;
    color: #333;
    font-weight: 700;
}

.host-summary[b-d4bjl12yhy] {
    display: flex;
    gap: 16px;
    align-items: center;
}

.host-summary__image[b-d4bjl12yhy] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.host-summary h2[b-d4bjl12yhy] {
    margin-bottom: 6px;
}

.host-summary__meta[b-d4bjl12yhy] {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    color: #666;
    font-size: 0.9rem;
}

.host-summary__meta span[b-d4bjl12yhy] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.host-summary__meta .material-symbols-outlined[b-d4bjl12yhy] {
    font-size: 18px;
    color: #bf3551;
}

.features-grid[b-d4bjl12yhy] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.feature-item[b-d4bjl12yhy] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border: 1px solid #ececec;
    background: #fafafa;
}

.feature-item .material-symbols-outlined[b-d4bjl12yhy] {
    color: #bf3551;
    font-size: 22px;
}

.rules-list[b-d4bjl12yhy] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rule-item[b-d4bjl12yhy] {
    display: flex;
    gap: 12px;
    padding: 12px;
    border: 1px solid #ececec;
    background: #fafafa;
}

.rule-item .material-symbols-outlined[b-d4bjl12yhy] {
    color: #bf3551;
    font-size: 22px;
    margin-top: 2px;
}

.rule-item strong[b-d4bjl12yhy] {
    display: block;
    margin-bottom: 4px;
}

.rule-item p[b-d4bjl12yhy] {
    margin: 0;
    color: #666;
    font-size: 0.9rem;
}

.listing-map-placeholder[b-d4bjl12yhy] {
    min-height: 240px;
    border: 1px dashed #d7d7d7;
    background: #fafafa;
    display: grid;
    place-items: center;
    gap: 8px;
    color: #777;
    font-size: 0.95rem;
}

.listing-map-placeholder .material-symbols-outlined[b-d4bjl12yhy] {
    font-size: 32px;
    color: #bf3551;
}

.preference-tags[b-d4bjl12yhy] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.preference-tag[b-d4bjl12yhy] {
    background: #f0f0f0;
    padding: 6px 10px;
    font-size: 0.85rem;
    color: #444;
}

.sidebar-price[b-d4bjl12yhy] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 16px;
}

.sidebar-price strong[b-d4bjl12yhy] {
    font-size: 1.15rem;
    color: #333;
}

.sidebar-price span[b-d4bjl12yhy] {
    color: #777;
    font-size: 0.9rem;
}

.sidebar-meta[b-d4bjl12yhy] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sidebar-meta-row[b-d4bjl12yhy] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    font-size: 0.92rem;
}

.sidebar-meta-row:last-child[b-d4bjl12yhy] {
    border-bottom: none;
    padding-bottom: 0;
}

.sidebar-meta-row span[b-d4bjl12yhy] {
    color: #666;
}

.sidebar-meta-row strong[b-d4bjl12yhy] {
    color: #333;
    text-align: right;
}

.trust-list[b-d4bjl12yhy] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.trust-list li[b-d4bjl12yhy] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #555;
    font-size: 0.92rem;
}

.trust-list .material-symbols-outlined[b-d4bjl12yhy] {
    font-size: 20px;
    color: #bf3551;
}

.material-symbols-outlined[b-d4bjl12yhy] {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.btn-primary[b-d4bjl12yhy] {
    background-color: #bf3551;
    border-color: #bf3551;
}

.btn-primary:hover[b-d4bjl12yhy] {
    background-color: #a82d46;
    border-color: #a82d46;
}

.btn-outline-primary[b-d4bjl12yhy] {
    color: #bf3551;
    border-color: #bf3551;
}

.btn-outline-primary:hover[b-d4bjl12yhy] {
    background-color: #bf3551;
    border-color: #bf3551;
}

@media (max-width: 1199.98px) {
    .listing-top-summary[b-d4bjl12yhy] {
        grid-template-columns: repeat(2, 1fr);
    }

    .listing-layout[b-d4bjl12yhy] {
        grid-template-columns: 1fr;
    }

    .listing-sidebar[b-d4bjl12yhy] {
        order: -1;
    }
}

@media (max-width: 991.98px) {
    .listing-gallery[b-d4bjl12yhy] {
        grid-template-columns: 1fr;
    }

    .listing-gallery-main img[b-d4bjl12yhy] {
        min-height: 320px;
    }

    .listing-header[b-d4bjl12yhy] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 767.98px) {
    .listing-gallery-side[b-d4bjl12yhy] {
        grid-template-columns: 1fr 1fr;
    }

    .listing-top-summary[b-d4bjl12yhy],
    .features-grid[b-d4bjl12yhy] {
        grid-template-columns: 1fr;
    }

    .host-summary[b-d4bjl12yhy] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 575.98px) {
    .listing-gallery-side[b-d4bjl12yhy] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/Paging.razor.rz.scp.css */
.contentHeader[b-s2g2sqbm2n] {
    position: sticky;
    top: 56px;
    z-index: 999;
}

.page-link:focus[b-s2g2sqbm2n] {
    box-shadow: none !important;
}
/* /Components/Shared/Toasts.razor.rz.scp.css */
.toast-container[b-w8u9209bsu] {
    position: fixed;
    bottom: 45px;
    right: 40px;
}

/*.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}*/

.toast[b-w8u9209bsu] {
    min-width: 300px; 
    min-height: fit-content;
}