/* /Components/ListingCard.razor.rz.scp.css */
/* Scoped to ListingCard.razor only -- see Pages/MapPage.razor.css's header
   comment for how Blazor CSS isolation works. Positions the "Boosted" chip and
   favorite-heart button on top of the card's photo (MudCardMedia) -- ::deep is
   needed because MudChip/MudIconButton render their own nested markup that
   isn't literally written in this file. */

.listing-card-boosted-badge[b-kb6zwua4wx] {
    position: absolute;
    top: 8px;
    left: 8px;
}

.listing-card-favorite-btn[b-kb6zwua4wx] {
    position: absolute;
    top: 4px;
    right: 4px;
    background: rgba(255, 255, 255, 0.85) !important;
}
/* /Components/MockCheckout.razor.rz.scp.css */
/* Scoped to MockCheckout.razor only -- see Pages/MapPage.razor.css's header
   comment for how Blazor CSS isolation works. */

.mock-checkout-summary[b-9hrzez8m7n] {
    background: #F0EEE9;
    border-radius: 12px;
    padding: 10px 14px;
}
/* /Components/ReviewCard.razor.rz.scp.css */
/* Scoped to ReviewCard.razor only -- see Pages/MapPage.razor.css's header
   comment for how Blazor CSS isolation works. */

.review-card-response[b-zlfkirlboo] {
    border-left: 3px solid #E5E2DC;
    padding-left: 8px;
}
/* /Pages/ChatPage.razor.rz.scp.css */
/* Scoped to ChatPage.razor only -- see Pages/MapPage.razor.css's header
   comment for how Blazor CSS isolation works. */

.chat-message-scroll[b-2fhgectemu] {
    height: 360px;
    overflow-y: auto;
}

.chat-bubble[b-2fhgectemu] {
    max-width: 75%;
    border-radius: 12px;
}

.chat-bubble-mine[b-2fhgectemu] {
    background: #E85D3A;
    color: #fff;
}

.chat-bubble-theirs[b-2fhgectemu] {
    background: #F0EEE9;
}

.chat-star-picker[b-2fhgectemu] {
    cursor: pointer;
    color: #F0B429;
    font-size: 1.5rem;
}
/* /Pages/ConversationsList.razor.rz.scp.css */
/* Scoped to ConversationsList.razor only -- see Pages/MapPage.razor.css's
   header comment for how Blazor CSS isolation works. */

.conversations-thumb[b-dpy9ozbkug] {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 6px;
}
/* /Pages/EditListing.razor.rz.scp.css */
.edit-listing-photo[b-4dvzg7iduw] {
    position: relative;
    width: 96px;
    height: 96px;
}

.edit-listing-photo img[b-4dvzg7iduw] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.edit-listing-photo .mud-icon-button[b-4dvzg7iduw] {
    position: absolute;
    top: -8px;
    right: -8px;
    background: white;
}
/* /Pages/Home.razor.rz.scp.css */
/* Scoped to Home.razor only -- see Pages/MapPage.razor.css's header comment for
   how Blazor CSS isolation works. */

.home-search-group[b-wytyltg4c4] {
    max-width: 600px;
}
/* /Pages/ListingDetail.razor.rz.scp.css */
/* Scoped to ListingDetail.razor only -- see Pages/MapPage.razor.css's header
   comment for how Blazor CSS isolation works. */

.listing-detail-thumb[b-9cfr0grf4m] {
    width: 90px;
    height: 60px;
    object-fit: cover;
}
/* /Pages/MapPage.razor.rz.scp.css */
/* Scoped to MapPage.razor only -- see Layout/MainLayout.razor.css for how
   Blazor CSS isolation works. Moved here from a plain <style> block that used
   to live directly in MapPage.razor; behaves identically since CSS isolation
   scopes by file regardless of whether the rules started in a .razor.css
   companion file or an inline <style> tag. Each pin's left/top/background
   stay inline in the .razor file -- they're computed per-listing and can't be
   expressed as a fixed class. */

.map-canvas[b-3ec07gkgfw] {
    position: relative;
    width: 100%;
    max-width: 600px;
    aspect-ratio: 390 / 260;
    background: #F5F1E8;
    border: 1.5px solid #DDD9D0;
    border-radius: 18px;
    overflow: hidden;
}

.map-pin[b-3ec07gkgfw] {
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    transform: translate(-50%, -50%);
    box-shadow: 0 1px 4px rgba(0,0,0,.25);
}
/* /Pages/Notifications.razor.rz.scp.css */
/* Scoped to Notifications.razor only -- see Pages/MapPage.razor.css's header
   comment for how Blazor CSS isolation works. */

.notification-row[b-r6h7boznzf] {
    cursor: pointer;
}

.notification-row-unread[b-r6h7boznzf] {
    background: #FDFCFA;
    font-weight: 600;
}
/* /Pages/Onboarding.razor.rz.scp.css */
/* Scoped to Onboarding.razor only -- see Pages/MapPage.razor.css's header
   comment for how Blazor CSS isolation works. */

.onboarding-emoji[b-kl6h3xqbd3] {
    font-size: 64px;
    line-height: 1;
}

.onboarding-dot[b-kl6h3xqbd3] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #DDD8CE;
    cursor: pointer;
}

.onboarding-dot-active[b-kl6h3xqbd3] {
    background: #1A1A1A;
}
/* /Pages/Referrals.razor.rz.scp.css */
/* Scoped to Referrals.razor only -- see Pages/MapPage.razor.css's header
   comment for how Blazor CSS isolation works. */

.referrals-code[b-h7zko1rujb] {
    font-family: monospace;
    letter-spacing: 0.12em;
}