@import '_content/Rebel.Shared.UI/Rebel.Shared.UI.bzndooh5ns.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-body[b-54h8sdaale] {
    padding: var(--app-content-gap) var(--app-page-padding-inline, 1rem);
}
/* /Components/Layout/ProfileFocusLayout.razor.rz.scp.css */
.profile-focus-body[b-cnfmgzl8va] {
    min-height: 100vh;
    padding: 0;
    background: var(--app-bg);
}

@supports (min-height: 100dvh) {
    .profile-focus-body[b-cnfmgzl8va] {
        min-height: 100dvh;
    }
}
/* /Components/Layout/SiteFooter.razor.rz.scp.css */
/* Footer shell styles live in wwwroot/css/shell.css (canonical source: shared/ui/shell.css).
   Escort's body reserves no space for the fixed mobile navigation, so the footer
   keeps clearance below it on small screens. */
@media (max-width: 860px) {
    .app-footer[b-hin3w4u563] {
        padding-bottom: calc(var(--app-mobile-nav-height, 56px) + var(--app-mobile-nav-bottom, 8.8px) + env(safe-area-inset-bottom, 0px));
    }
}
/* /Components/Pages/Account/Account.razor.rz.scp.css */
/* Settings + Billing side-by-side on desktop, wrap on mobile */
.up-top-row[b-aukhbzia4t] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 1.5rem;
}

.up-col-settings[b-aukhbzia4t] {
    flex: 1 1 340px;
    max-width: 540px;
}

.up-col-billing[b-aukhbzia4t] {
    flex: 1 1 400px;
    max-width: 680px;
}

/* Section divider row */
.up-divider[b-aukhbzia4t] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 1rem;
}

.up-divider[b-aukhbzia4t]::before {
    content: '';
    width: 3px;
    height: 1rem;
    background: var(--accent, var(--app-text-muted));
    border-radius: 2px;
    opacity: 0.8;
    flex-shrink: 0;
}

.up-divider[b-aukhbzia4t]::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--app-divider);
}

.up-divider-label[b-aukhbzia4t] {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    opacity: 0.55;
    white-space: nowrap;
}
/* /Components/Pages/Account/Components/ProfileActions.razor.rz.scp.css */
/* Actions row */
.profile-actions[b-f2uvzkd9rm] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
    border-top: 1px solid var(--app-divider);
    padding-top: 0.75rem;
}

@media (max-width: 576px) {
    .profile-actions button[b-f2uvzkd9rm],
    .profile-actions a[b-f2uvzkd9rm] {
        flex: 1;
        min-width: 40%;
    }
}
/* /Components/Pages/Account/Components/ProfileCard.razor.rz.scp.css */
/* Card */
.profile-card[b-6d7z0ltfae] {
    border-radius: 18px;
    transition: transform 0.2s, box-shadow 0.2s;
}

.profile-card:hover[b-6d7z0ltfae] {
    transform: translateY(-3px);
    box-shadow: var(--app-shadow-soft);
}

/* Info bar below actions */
.pc-info-bar[b-6d7z0ltfae] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    font-size: 0.71rem;
    color: var(--app-text-muted);
    padding-top: 0.3rem;
    line-height: 1.5;
}
/* /Components/Pages/Account/Components/ProfileCardHeader.razor.rz.scp.css */
/* Photo — rounded square */
.profile-image[b-14xji0ccad] {
    position: relative;
    overflow: hidden;
    width: 72px;
    height: 72px;
    border-radius: 10px;
    object-fit: cover;
    flex-shrink: 0;
    border: 2px solid var(--app-border);
}

.profile-image[b-14xji0ccad]  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Age / city soft pill chips */
.pc-chip[b-14xji0ccad] {
    font-size: 0.78rem;
    padding: 2px 10px;
    border-radius: 20px;
    background: var(--app-pill-bg);
    white-space: nowrap;
}

@media (max-width: 576px) {
    .profile-image[b-14xji0ccad] {
        width: 56px;
        height: 56px;
    }
}
/* /Components/Pages/Account/Components/ProfilePromotionControls.razor.rz.scp.css */
.profile-promotion-panel[b-usic3lf5w7] {
    border: 1px solid var(--app-border);
    border-radius: 12px;
    background: color-mix(in srgb, var(--app-pill-bg) 50%, var(--app-surface));
}

.profile-promotion-panel summary[b-usic3lf5w7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .7rem .8rem;
    cursor: pointer;
    list-style: none;
    font-size: .85rem;
    font-weight: 700;
}

.profile-promotion-panel summary[b-usic3lf5w7]::-webkit-details-marker { display: none; }
.profile-promotion-panel summary span[b-usic3lf5w7] { display: inline-flex; align-items: center; gap: .4rem; }
.profile-promotion-panel[open] summary[b-usic3lf5w7]  > .app-icon { transform: rotate(180deg); }

.profile-promotion-panel__body[b-usic3lf5w7] {
    display: grid;
    gap: .75rem;
    padding: 0 .8rem .8rem;
}

.profile-promotion-panel__actions[b-usic3lf5w7] {
    display: grid;
    gap: .6rem;
}

.profile-promotion-panel__product[b-usic3lf5w7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
}

.profile-promotion-panel__product-name[b-usic3lf5w7] {
    font-size: .78rem;
    font-weight: 700;
    color: var(--app-text-muted);
    min-width: 6rem;
}

.profile-promotion-panel__actions[b-usic3lf5w7]  form { margin: 0; }
/* /Components/Pages/Account/Components/ProfilesSection.razor.rz.scp.css */
/* Profiles grid — fills available width, min 420px per column */
.profiles-grid[b-3nj0fy6bcd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(420px, 100%), 1fr));
    gap: 1rem;
}
/* /Components/Pages/Account/Components/ProfileViewStatistics.razor.rz.scp.css */
/* Stats grid (always visible) */
.pc-stats-grid[b-so43xsyjye] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid var(--app-border);
    border-radius: 8px;
    overflow: hidden;
}

.pc-stat-col[b-so43xsyjye] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px 4px;
    gap: 2px;
}

.pc-stat-col + .pc-stat-col[b-so43xsyjye] {
    border-left: 1px solid var(--app-border);
}

.pc-stat-num[b-so43xsyjye] {
    font-size: 0.9rem;
    font-weight: 600;
}

@media (max-width: 576px) {
    .pc-stats-grid[b-so43xsyjye] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pc-stat-col + .pc-stat-col[b-so43xsyjye] {
        border-left: 0;
    }

    .pc-stat-col:nth-child(even)[b-so43xsyjye] {
        border-left: 1px solid var(--app-border);
    }

    .pc-stat-col:nth-child(n+3)[b-so43xsyjye] {
        border-top: 1px solid var(--app-border);
    }
}
/* /Components/Pages/Admin/AdminPanel.razor.rz.scp.css */
.admin-page[b-9r6b1o3fyn] { width: 100%; min-width: 0; }
/* /Components/Pages/Admin/Components/TrafficActivityChart.razor.rz.scp.css */
.traffic-chart-legend[b-h10paay3ea] { display: flex; flex-wrap: wrap; gap: 1rem; }
.traffic-chart-legend span[b-h10paay3ea] { display: inline-flex; align-items: center; gap: .35rem; }
.traffic-legend-swatch[b-h10paay3ea] { display: inline-block; width: .75rem; height: .75rem; border-radius: 2px; }
.traffic-legend-total[b-h10paay3ea], .traffic-chart-total[b-h10paay3ea] { background: var(--app-primary); }
.traffic-legend-unique[b-h10paay3ea], .traffic-chart-unique[b-h10paay3ea] { background: var(--app-success); }
.traffic-chart[b-h10paay3ea] { display: flex; align-items: stretch; gap: clamp(.2rem, .8vw, .65rem); min-height: 210px; overflow-x: auto; padding: .5rem .25rem 0; border-bottom: 1px solid var(--app-border); }
.traffic-chart-column[b-h10paay3ea] { display: grid; grid-template-rows: 175px auto; flex: 1 0 28px; min-width: 28px; max-width: 72px; text-align: center; }
.traffic-chart-bars[b-h10paay3ea] { display: flex; align-items: end; justify-content: center; gap: 2px; min-height: 0; }
.traffic-chart-bar[b-h10paay3ea] { display: block; width: min(42%, 18px); min-height: 0; border-radius: 3px 3px 0 0; transition: opacity .15s ease; }
.traffic-chart-column:hover .traffic-chart-bar[b-h10paay3ea] { opacity: .78; }
.traffic-chart-column small[b-h10paay3ea] { padding-top: .35rem; overflow: hidden; color: var(--app-text-muted); font-size: .65rem; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 576px) {
    .traffic-chart[b-h10paay3ea] { min-height: 175px; }
    .traffic-chart-column[b-h10paay3ea] { grid-template-rows: 140px auto; }
}
/* /Components/Pages/Admin/Components/TrafficAnalyticsFilters.razor.rz.scp.css */
.traffic-filter[b-ofljdd48ig] {
    background: color-mix(in srgb, var(--app-surface) 92%, var(--app-primary));
}

.form-label-sm[b-ofljdd48ig] {
    margin-bottom: .25rem;
    color: var(--app-text-muted);
    font-size: .75rem;
    font-weight: 600;
}
/* /Components/Pages/Admin/Components/TrafficAnalyticsHeader.razor.rz.scp.css */
@media (max-width: 576px) {
    .btn-group[b-3y2kmtverx] {
        width: 100%;
    }

    .btn-group .app-button[b-3y2kmtverx] {
        flex: 1;
        padding-inline: .35rem;
    }
}
/* /Components/Pages/Admin/Components/TrafficAnalyticsSection.razor.rz.scp.css */
.traffic-analytics[b-zolxs0bbri] { scroll-margin-top: 1rem; }
.traffic-loading[b-zolxs0bbri] {
    display: flex;
    min-height: 1.5rem;
    align-items: center;
    gap: .5rem;
    margin-bottom: .5rem;
    color: var(--app-text-muted);
    font-size: .8rem;
}
/* /Components/Pages/Admin/Components/TrafficSummaryCard.razor.rz.scp.css */
.traffic-summary-card[b-hf4erblwcc] { border-color: var(--app-border); }
.traffic-summary-value[b-hf4erblwcc] {
    margin-top: .25rem;
    font-size: clamp(1.35rem, 2vw, 2rem);
    font-weight: 750;
    line-height: 1.1;
}
/* /Components/Pages/Admin/Components/TrafficTargetTable.razor.rz.scp.css */
.traffic-table[b-zk7k5jmsn0] { min-width: 980px; }
.traffic-table th a[b-zk7k5jmsn0] { color: inherit; text-decoration: none; white-space: nowrap; }
.traffic-table th a:hover[b-zk7k5jmsn0] { color: var(--app-primary); }
/* /Components/Pages/Escorts/CityEscorts.razor.rz.scp.css */
.city-page[b-vv6m8gpg48] {
    display: grid;
    gap: 1.25rem;
}

.city-page__loading[b-vv6m8gpg48],
.city-page__empty[b-vv6m8gpg48],
.city-page__header[b-vv6m8gpg48] {
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-lg);
    background: var(--app-surface);
    box-shadow: var(--app-shadow-soft);
}

.city-page__loading[b-vv6m8gpg48] {
    min-height: 300px;
    display: grid;
    place-items: center;
}

.city-page__empty[b-vv6m8gpg48] {
    max-width: 600px;
    margin: 4rem auto;
    text-align: center;
    padding: 2.75rem 1.5rem;
}

.city-page__breadcrumb[b-vv6m8gpg48] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--app-text-muted);
    font-size: 0.92rem;
}

.city-page__breadcrumb a[b-vv6m8gpg48] {
    color: var(--app-accent-text);
    font-weight: 700;
    text-decoration: none;
}

.city-page__breadcrumb a:hover[b-vv6m8gpg48] {
    color: var(--app-primary);
}

.city-page__header[b-vv6m8gpg48] {
    text-align: center;
    padding: clamp(1.75rem, 4vw, 3.25rem) 1rem;
    overflow: hidden;
    position: relative;
}

.city-page__header[b-vv6m8gpg48]::after {
    content: none;
}

.city-page__header h1[b-vv6m8gpg48] {
    margin: 0;
    font-family: var(--app-font-sans);
    font-size: 30px;
    font-weight: 700;
}

@media (max-width: 1023px) {
    .city-page__header h1[b-vv6m8gpg48] {
        font-size: 26px;
    }
}

.city-page__header p[b-vv6m8gpg48] {
    margin: 0.75rem auto 0;
    max-width: 52rem;
    color: var(--app-text-muted);
    font-size: 1.05rem;
    line-height: 1.7;
}
/* /Components/Pages/Home/Components/ProfileFilters.razor.rz.scp.css */
/* ── Card ─────────────────────────────────────────────────────────────────────
   Open filter composition: the card is a layout wrapper only. The page provides
   the background, so the wrapper keeps no surface of its own. `filters-card`
   and `filters-card--active` stay as the JS state hooks (ProfileFilters.razor.js
   reads the wrapper and toggles the active class). */

.filters-card[b-91rr7fvgrn] {
    overflow: visible;
    margin-bottom: var(--app-section-gap, 1rem);
    border: 0;
    background: none;
    box-shadow: none;
}

#profile-filters[b-91rr7fvgrn] {
    overflow: visible;
}

.filters-card .card-body[b-91rr7fvgrn] {
    padding: 0 !important;
}

.filters-card--active[b-91rr7fvgrn] {
    border-color: transparent;
    box-shadow: none;
}

/* ── Search row (Escort placement only; the search input and the segmented mode
   control are shared surfaces inside the shared .app-search-row composition) ─ */

.quick-filters-strip[b-91rr7fvgrn] {
    display: grid;
    gap: var(--app-grid-gap, 0.75rem);
}

.search-match-hint[b-91rr7fvgrn] {
    display: inline-flex;
    align-items: center;
    justify-self: end;
    gap: 0.38rem;
    max-width: 100%;
    margin-top: -0.28rem;
    padding: 0.28rem 0.58rem;
    border: 1px solid rgba(var(--app-primary-rgb), 0.17);
    border-radius: 999px;
    color: var(--app-text-muted);
    background: rgba(var(--app-primary-rgb), 0.055);
    font-size: 0.7rem;
    line-height: 1.2;
    animation: searchHintIn-b-91rr7fvgrn 0.18s ease-out both;
}

.search-match-hint[hidden][b-91rr7fvgrn] {
    display: none;
}

[b-91rr7fvgrn] .search-match-hint__icon {
    flex: 0 0 auto;
    color: var(--app-primary);
    font-size: 0.88rem;
}

@keyframes searchHintIn-b-91rr7fvgrn {
    from { opacity: 0; transform: translateY(-3px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Quick choices use the shared segmented control; the rail frame, track
   distribution, and mobile scrolling are shared (Rebel.Shared.UI). ─ */

/* ── Results toolbar / active chips / columns ──────────────────────────────── */

/* Chips sit on the page; the toolbar is placement, not a surface. */

/* Chips use the shared control; the trailing icon keeps a slim local rule. */
[b-91rr7fvgrn] .filter-chip-icon {
    font-size: 0.85rem;
    opacity: 0.75;
}

/* ── Advanced disclosure (desktop inline panel; owned surfaces) ───────────── */

/* ── Compact filter item grid ───────────────────────────────────────────────── */

.filter-compact-grid--collapsed[b-91rr7fvgrn] {
    max-height: 0;
    padding-top: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

/* Escort keeps its field icons as plain outline glyphs aligned with the label.
   TomSelect closed-control and body-level dropdown anatomy is shared
   (Rebel.Shared.UI); Escort keeps no local overrides so the open listbox
   and the closed field cannot drift apart. */

.app-filter-field__label[b-91rr7fvgrn]  .app-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--app-primary);
    font-size: 1rem;
}

/* District reveal animation */

.district-reveal[b-91rr7fvgrn] {
    animation: filterReveal-b-91rr7fvgrn 0.22s cubic-bezier(0.2, 0.9, 0.3, 1) forwards;
}

@keyframes filterReveal-b-91rr7fvgrn {
    from { opacity: 0; transform: translateY(-4px) scale(0.98); }
    to   { opacity: 1; transform: translateY(0)    scale(1); }
}

/* ── Responsive ─────────────────────────────────────────────────────────────── */

/* Shared filter hierarchy: desktop and mobile expose the same controls. */

.filter-primary-grid[b-91rr7fvgrn] {
    display: grid;
    gap: var(--app-grid-gap-compact, 0.5rem);
    padding-top: 0.75rem;
}

/* Escort's trigger icon stays a plain outline glyph; the control is shared. */
.app-filter-trigger__icon[b-91rr7fvgrn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: var(--app-primary);
    font-size: 1rem;
}

.app-filter-trigger__icon[b-91rr7fvgrn]  .app-icon {
    font-size: 1rem;
}

.advanced-filter-box[b-91rr7fvgrn] {
    position: relative;
    margin-top: 0;
    border: 0;
    border-radius: 0;
    background: none;
}

.advanced-filter-box--active[b-91rr7fvgrn] {
    border: 0;
    background: none;
}

.advanced-filter-panel[b-91rr7fvgrn] {
    max-height: 120rem;
    margin-top: 0.85rem;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: none;
    opacity: 1;
    transition: max-height 0.35s ease, margin-top 0.25s ease, opacity 0.2s ease;
}

.advanced-filter-box--active .advanced-filter-panel[b-91rr7fvgrn] {
    border-color: transparent;
    background: none;
}

.advanced-filter-panel.filter-compact-grid--collapsed[b-91rr7fvgrn] {
    max-height: 0;
    margin-top: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.advanced-filter-panel__header[b-91rr7fvgrn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0 0 0.7rem;
    border-bottom: 1px solid var(--app-divider);
}

.advanced-filter-panel__title[b-91rr7fvgrn] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--app-text);
    font-size: 0.88rem;
    font-weight: 800;
}

.advanced-filter-panel__close[b-91rr7fvgrn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    padding: 0;
    border: 1px solid var(--app-border);
    border-radius: 8px;
    color: var(--app-text-muted);
    background: transparent;
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s, background 0.15s;
}

.advanced-filter-panel__close:hover[b-91rr7fvgrn] {
    border-color: rgba(var(--app-primary-rgb), 0.4);
    color: var(--app-text);
    background: var(--app-hover-bg);
}

.advanced-filter-groups[b-91rr7fvgrn] {
    display: grid;
    gap: 12px;
    padding-top: 0.85rem;
}

.app-filter-group .app-filter-field--wide[b-91rr7fvgrn] {
    grid-column: 1 / -1;
}

/* Mobile presents search + Filters + rail; the same primary and advanced
   controls live inside the bottom sheet instead of the inline flow.
   Sheet frame, rail, and header/footer chrome are shared; only Escort's
   in-sheet arrangement remains here. */
@media (max-width: 768px) {
    /* Sheet closed: the primary grid and advanced box leave the flow. The
       Filters trigger lives in the search row above. */
    #profile-filters:not(.app-filter-sheet--open) .filter-primary-grid[b-91rr7fvgrn],
    #profile-filters:not(.app-filter-sheet--open) .advanced-filter-box[b-91rr7fvgrn] {
        display: none;
    }

    /* Sheet open: the search-row trigger hides; fields show in the sheet. */
    #profile-filters.app-filter-sheet--open .quick-filter-search-row .app-filter-trigger[b-91rr7fvgrn] {
        display: none;
    }

    .advanced-filter-groups[b-91rr7fvgrn] {
        gap: 12px;
        padding-top: 0.75rem;
    }

    .app-filter-group + .app-filter-group[b-91rr7fvgrn] {
        padding-top: 12px;
    }

    /* Inside the sheet every control is reachable again. */
    #profile-filters.app-filter-sheet--open .filter-primary-grid[b-91rr7fvgrn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding-top: 0;
    }

    #profile-filters.app-filter-sheet--open .app-filter-trigger[b-91rr7fvgrn] {
        display: none;
    }

    #profile-filters.app-filter-sheet--open .advanced-filter-box[b-91rr7fvgrn] {
        display: block;
    }

    #profile-filters.app-filter-sheet--open .advanced-filter-panel[b-91rr7fvgrn],
    #profile-filters.app-filter-sheet--open .advanced-filter-panel.filter-compact-grid--collapsed[b-91rr7fvgrn] {
        max-height: none;
        margin-top: 0;
        padding: 0;
        overflow: visible;
        border: 0;
        background: transparent;
        opacity: 1;
        pointer-events: auto;
    }

    #profile-filters.app-filter-sheet--open .advanced-filter-panel__header[b-91rr7fvgrn] {
        display: none;
    }

    #profile-filters.app-filter-sheet--open .advanced-filter-groups[b-91rr7fvgrn] {
        gap: 12px;
        padding-top: 0;
    }
}

@media (max-width: 768px) {
    .quick-filters-strip[b-91rr7fvgrn] {
        gap: 0.65rem;
    }

    .search-match-hint[b-91rr7fvgrn] {
        justify-self: start;
        margin-top: -0.2rem;
        border-radius: 10px;
    }

}

/* Narrow sheets keep one readable column. */
@media (max-width: 390px) {
    #profile-filters.app-filter-sheet--open .filter-primary-grid[b-91rr7fvgrn],
    #profile-filters.app-filter-sheet--open .app-filter-group__grid[b-91rr7fvgrn] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* The toolbar only places the shared components. Layout, columns, and the
   bounded active-filter summary are shared contracts. */
.results-toolbar[b-91rr7fvgrn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    gap: var(--app-space-3);
    margin: var(--app-space-3) 0;
}

@media (min-width: 900px) {
    .results-toolbar[b-91rr7fvgrn] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    /* With no active filters the hidden summary must not pull the shared
       toolbar into the left grid cell; it stays right-aligned. */
    .results-toolbar[b-91rr7fvgrn]  > .app-results-toolbar {
        grid-column: 2;
    }
}
/* /Components/Pages/Home/Components/ProfileOverlayHost.razor.rz.scp.css */
.profile-overlay[b-ghd8wdvku3] {
    position: fixed;
    inset: 0;
    z-index: var(--z-app-overlay);
    display: flex;
    align-items: stretch;
    justify-content: center;
    padding: 0;
}

.profile-overlay[hidden][b-ghd8wdvku3] {
    display: none !important;
}

.profile-overlay__backdrop[b-ghd8wdvku3] {
    position: absolute;
    inset: 0;
    border: 0;
    padding: 0;
    background: rgba(8, 6, 9, 0.78);
    cursor: pointer;
}

.profile-overlay__panel[b-ghd8wdvku3] {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100vh;
    max-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: var(--app-bg);
    box-shadow: none;
}

@supports (height: 100dvh) {
    .profile-overlay__panel[b-ghd8wdvku3] {
        height: 100dvh;
        max-height: 100dvh;
    }
}

.profile-overlay__bar[b-ghd8wdvku3] {
    position: relative;
    z-index: 4;
    flex: 0 0 auto;
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: max(0.5rem, env(safe-area-inset-top, 0px)) max(1rem, env(safe-area-inset-right, 0px)) 0.5rem max(1rem, env(safe-area-inset-left, 0px));
    border-bottom: 1px solid var(--app-divider);
    background: color-mix(in srgb, var(--app-bg) 92%, transparent);
    backdrop-filter: blur(16px) saturate(1.05);
    -webkit-backdrop-filter: blur(16px) saturate(1.05);
}

.profile-overlay__bar-group[b-ghd8wdvku3] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
}

.profile-overlay__bar-group--nav[b-ghd8wdvku3] {
    flex: 1 1 auto;
}

.profile-overlay__bar-group--utility[b-ghd8wdvku3] {
    flex: 0 0 auto;
    justify-content: flex-end;
}

.profile-overlay__brand[b-ghd8wdvku3] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
    margin-right: 0.35rem;
    color: var(--app-text);
    font-family: var(--app-font-sans);
    font-size: 1.15rem;
    font-weight: 800;
    white-space: nowrap;
}

.profile-overlay__brand-mark[b-ghd8wdvku3] {
    width: 32px;
    height: 32px;
    display: block;
    flex: 0 0 auto;
    border-radius: 9px;
    object-fit: cover;
}

.profile-overlay__action[b-ghd8wdvku3] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 0.45rem 0.7rem;
    border: 1px solid transparent;
    border-radius: 12px;
    background: transparent;
    color: var(--app-text);
    font: inherit;
    font-size: 0.84rem;
    font-weight: 650;
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s, background 0.15s;
}

.profile-overlay__action:hover[b-ghd8wdvku3] {
    border-color: var(--app-border-strong);
    color: var(--app-text);
    background: var(--app-hover-bg);
}

.profile-overlay__close:hover[b-ghd8wdvku3] {
    color: var(--app-danger);
}

.profile-overlay__nav:disabled[b-ghd8wdvku3] {
    opacity: 0.34;
    cursor: default;
    pointer-events: none;
}

.profile-overlay__action[b-ghd8wdvku3]  .app-icon {
    font-size: 1.15rem;
}

.profile-overlay__content[b-ghd8wdvku3] {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.profile-overlay__body[b-ghd8wdvku3] {
    height: 100%;
    min-height: 0;
    overflow: auto;
    padding: 0 0 env(safe-area-inset-bottom, 0px);
    overscroll-behavior: contain;
    scroll-behavior: smooth;
}

.profile-overlay__loading[b-ghd8wdvku3] {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--app-bg) 82%, transparent);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.profile-overlay__loading[hidden][b-ghd8wdvku3] {
    display: none !important;
}

.profile-overlay__spinner[b-ghd8wdvku3] {
    width: 38px;
    height: 38px;
    border: 3px solid color-mix(in srgb, var(--app-primary) 24%, transparent);
    border-top-color: var(--app-primary);
    border-radius: 50%;
    animation: profileOverlaySpin-b-ghd8wdvku3 0.8s linear infinite;
}

@keyframes profileOverlaySpin-b-ghd8wdvku3 {
    to { transform: rotate(360deg); }
}

@media (max-width: 599px) {
    .profile-overlay__bar[b-ghd8wdvku3] {
        min-height: 54px;
        gap: 0.35rem;
        padding: 0.35rem max(0.75rem, env(safe-area-inset-right, 0px)) 0.35rem max(0.75rem, env(safe-area-inset-left, 0px));
    }

    .profile-overlay__brand[b-ghd8wdvku3] {
        gap: 0.4rem;
        margin-right: 0.05rem;
        font-size: 1rem;
    }

    .profile-overlay__brand-mark[b-ghd8wdvku3] {
        width: 30px;
        height: 30px;
    }

    .profile-overlay__bar-group[b-ghd8wdvku3] {
        gap: 0.1rem;
    }

    .profile-overlay__action[b-ghd8wdvku3] {
        width: 44px;
        height: 44px;
        min-height: 44px;
        padding: 0;
        border-radius: 50%;
    }

    .profile-overlay__action span[b-ghd8wdvku3] {
        display: none;
    }
}

@media (max-width: 380px) {
    .profile-overlay__brand span[b-ghd8wdvku3] {
        display: none;
    }
}
/* /Components/Pages/Home/Components/ProfileResults.razor.rz.scp.css */
#profile-grid[b-tmxc058ds8] {
    scroll-margin-top: calc(var(--app-header-height-desktop, 52px) + 1rem);
}

@media (max-width: 860px) {
    #profile-grid[b-tmxc058ds8] {
        scroll-margin-top: calc(var(--app-header-height-mobile, 48px) + 1rem);
    }
}

.pgv1-results-control-row[b-tmxc058ds8] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: var(--app-section-gap, 1rem);
}

.pgv1-controls[b-tmxc058ds8] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex: 0 0 auto;
    gap: 0.75rem;
    min-width: 0;
}

.pgv1-freeze-group[b-tmxc058ds8] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.pgv1-freeze-group .btn[b-tmxc058ds8] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    border-radius: 9px;
    border-color: var(--app-border);
    background: var(--app-pill-bg);
    color: var(--app-text);
    font-weight: 700;
    transition: border-color 0.18s, background 0.18s, color 0.18s, box-shadow 0.2s, transform 0.12s;
}

.pgv1-freeze-group .btn:hover[b-tmxc058ds8] {
    border-color: var(--app-border-strong);
    background: var(--app-hover-bg);
    transform: translateY(-1px);
}

.pgv1-freeze-group .btn .pgv1-freeze-icon[b-tmxc058ds8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    transition: background 0.18s, color 0.18s, box-shadow 0.2s, transform 0.12s;
}

.pgv1-freeze-group .btn .pgv1-freeze-label[b-tmxc058ds8] {
    transition: color 0.18s;
}

.pgv1-freeze-group .btn.btn-warning[b-tmxc058ds8] {
    border-color: var(--app-border-strong);
    background: var(--app-warning-soft);
    color: var(--app-text);
    box-shadow: var(--app-shadow-soft);
}

.pgv1-freeze-group .btn.btn-warning:hover[b-tmxc058ds8] {
    border-color: var(--app-warning);
    background: var(--app-warning-soft);
}

.pgv1-freeze-group .btn.btn-warning .pgv1-freeze-icon[b-tmxc058ds8] {
    background: var(--app-warning-soft);
    color: var(--app-warning);
    box-shadow: none;
    transform: scale(1.05);
}

.pgv1-freeze-group .btn.btn-warning .pgv1-freeze-label[b-tmxc058ds8] {
    color: var(--app-text);
}

.pgv1-info-icon[b-tmxc058ds8] {
    color: var(--app-text-muted);
    cursor: default;
    opacity: 0.7;
    display: flex;
    align-items: center;
    transition: opacity 0.2s;
}

.pgv1-info-icon:hover[b-tmxc058ds8] {
    opacity: 1;
}

.pgv1-col-group[b-tmxc058ds8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.42rem 0.55rem;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-md);
    background: var(--app-pill-bg);
    box-shadow: var(--app-shadow-soft);
}

.pgv1-controls-label[b-tmxc058ds8] {
    color: var(--app-text-muted);
    font-weight: 600;
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    white-space: nowrap;
}

.pgv1-col-value[b-tmxc058ds8] {
    min-width: 1.4rem;
    text-align: center;
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--app-chip-value);
}

.pgv1-col-step[b-tmxc058ds8] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid rgba(var(--app-primary-rgb), 0.4);
    border-radius: 8px;
    background: rgba(var(--app-primary-rgb), 0.08);
    color: var(--app-primary);
    font-size: 1.1rem;
    line-height: 1;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
    touch-action: manipulation;
    user-select: none;
}

.pgv1-col-step:hover[b-tmxc058ds8] {
    background: rgba(var(--app-primary-rgb), 0.15);
    border-color: var(--app-primary);
}

.pgv1-col-step:active[b-tmxc058ds8] {
    background: rgba(var(--app-primary-rgb), 0.3);
}

.pgv1-col-slider[b-tmxc058ds8] {
    -webkit-appearance: none;
    appearance: none;
    width: 120px;
    height: 4px;
    border-radius: 2px;
    background: rgba(var(--app-primary-rgb), 0.3);
    outline: none;
    cursor: pointer;
    transition: background 0.2s;
}

.pgv1-col-slider:hover[b-tmxc058ds8] {
    background: rgba(var(--app-primary-rgb), 0.5);
}

.pgv1-col-slider[b-tmxc058ds8]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--app-primary);
    cursor: pointer;
    box-shadow: none;
    transition: box-shadow 0.2s;
}

.pgv1-col-slider[b-tmxc058ds8]::-webkit-slider-thumb:hover {
    box-shadow: var(--app-focus-ring);
}

.pgv1-col-slider[b-tmxc058ds8]::-moz-range-thumb {
    width: 16px;
    height: 16px;
    border: none;
    border-radius: 50%;
    background: var(--app-primary);
    cursor: pointer;
    box-shadow: none;
}


/* Column count, the Cards/Rows orientation, and the responsive policy are
   owned by the shared .app-results contract and the shared results engine,
   including its first-paint defaults. Escort keeps only product card styling. */
.pgv1-item[b-tmxc058ds8] {
    display: flex;
    flex-direction: column;
    scroll-margin-top: 1rem;
}

.pgv1-card[b-tmxc058ds8] {
    width: 100%;
    cursor: pointer;
    scroll-margin-top: 1rem;
    height: 100%;
}

.pgv1-grid[data-layout="rows"] .pgv1-img[b-tmxc058ds8] {
    border-bottom: 0;
    border-right: 1px solid color-mix(in srgb, var(--app-divider) 82%, transparent);
}

.pgv1-grid[data-layout="rows"] .pgv1-card-contentlink[b-tmxc058ds8] {
    flex-direction: row;
    flex: 1;
    min-width: 0;
}


.pgv1-card-contentlink[b-tmxc058ds8] {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.pgv1-img[b-tmxc058ds8] {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    border-bottom: 1px solid color-mix(in srgb, var(--app-divider) 82%, transparent);
    background: color-mix(in srgb, var(--app-surface-elevated) 88%, var(--app-primary) 12%);
}

.pgv1-img-link[b-tmxc058ds8] {
    display: block;
    width: 100%;
    height: 100%;
}

.pgv1-img[b-tmxc058ds8]  img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: 50% 30%;
}

.pgv1-img-placeholder[b-tmxc058ds8] {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.04);
    display: flex;
    align-items: center;
    justify-content: center;
}

.pgv1-img-placeholder[b-tmxc058ds8]  .app-icon {
    font-size: 3.2rem;
    color: var(--app-text-muted);
}



.pgv1-online-dot[b-tmxc058ds8] {
    width: 0.5rem;
    height: 0.5rem;
    background: var(--app-success);
    border-radius: 50%;
    flex: 0 0 auto;
}

.pgv1-badge-layer[b-tmxc058ds8] {
    position: absolute;
    top: 8px;
    left: 8px;
    right: 8px;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.4rem;
    pointer-events: none;
}

.pgv1-badge-stack[b-tmxc058ds8] {
    display: grid;
    gap: 0.3rem;
    min-width: 0;
}

.pgv1-badge-stack--left[b-tmxc058ds8] {
    justify-items: start;
    max-width: calc(100% - 2.6rem);
}

.pgv1-badge-stack--right[b-tmxc058ds8] {
    justify-items: end;
}

.pgv1-badge[b-tmxc058ds8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.26rem;
    min-width: 0;
    max-width: 100%;
    padding: 0.27rem 0.52rem;
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, var(--app-border) 82%, transparent);
    color: var(--app-text);
    box-shadow: var(--app-shadow-soft);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.025em;
    line-height: 1;
    white-space: nowrap;
    text-transform: uppercase;
}

.pgv1-badge-label[b-tmxc058ds8] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pgv1-badge--icon-only[b-tmxc058ds8] {
    width: 1.85rem;
    height: 1.85rem;
    padding: 0;
    border-radius: 50%;
}

.pgv1-badge--top[b-tmxc058ds8] {
    color: #fff4fb;
    border-color: color-mix(in srgb, var(--app-wine) 60%, rgba(255, 255, 255, 0.08));
    background: linear-gradient(135deg, color-mix(in srgb, var(--app-wine) 88%, #2b101f), color-mix(in srgb, var(--app-primary) 42%, var(--app-wine)));
}

.pgv1-badge--vip[b-tmxc058ds8] {
    color: #24170a;
    border-color: color-mix(in srgb, var(--app-gold) 72%, rgba(255, 255, 255, 0.10));
    background: linear-gradient(135deg, color-mix(in srgb, var(--app-gold) 86%, #f4dfb5), color-mix(in srgb, var(--app-gold) 70%, #b8872d));
}

.pgv1-badge--trust[b-tmxc058ds8] {
    color: #18432a;
    border-color: color-mix(in srgb, var(--app-success) 52%, rgba(255, 255, 255, 0.10));
    background: color-mix(in srgb, var(--app-success) 24%, #f4fbf7);
}

.pgv1-badge--new[b-tmxc058ds8] {
    color: color-mix(in srgb, var(--app-text) 92%, var(--app-primary) 8%);
    border-color: color-mix(in srgb, var(--app-border) 84%, rgba(255, 255, 255, 0.08));
    background: color-mix(in srgb, var(--app-surface-elevated) 92%, rgba(255, 255, 255, 0.05));
}

[data-theme="light"] .pgv1-badge[b-tmxc058ds8] {
    box-shadow: var(--app-shadow-soft);
}

[data-theme="light"] .pgv1-badge--top[b-tmxc058ds8] {
    color: #fff;
}

[data-theme="light"] .pgv1-badge--trust[b-tmxc058ds8] {
    color: #1d5334;
    background: color-mix(in srgb, var(--app-success) 18%, #ffffff);
}

[data-theme="light"] .pgv1-badge--new[b-tmxc058ds8] {
    color: var(--app-primary-dark);
}

.pgv1-badge[b-tmxc058ds8]  .pgv1-badge-icon {
    flex-shrink: 0;
    font-size: 0.76rem;
    line-height: 1;
}

.pgv1-name[b-tmxc058ds8] {
    text-align: left;
}

.pgv1-location[b-tmxc058ds8] {
    display: flex;
    align-items: center;
    gap: 0.28rem;
    min-width: 0;
    color: var(--app-text-muted);
    font-size: 0.78rem;
    line-height: 1.25;
}

.pgv1-location > span[b-tmxc058ds8] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pgv1-location[b-tmxc058ds8]  .pgv1-location-icon {
    flex: 0 0 auto;
    color: color-mix(in srgb, var(--app-text-muted) 82%, var(--app-primary) 18%);
    font-size: 0.86rem;
}

.pgv1-meta-item[b-tmxc058ds8] {
    display: inline-flex;
    align-items: center;
    gap: 0.24rem;
    min-width: 0;
    color: inherit;
    font-weight: 600;
    line-height: 1.1;
    white-space: nowrap;
}

.pgv1-meta-item--age[b-tmxc058ds8],
.pgv1-meta-item--height[b-tmxc058ds8],
.pgv1-meta-item--weight[b-tmxc058ds8] {
    flex: 0 0 auto;
}

.pgv1-meta-item[b-tmxc058ds8]  .pgv1-meta-icon {
    flex: 0 0 auto;
    color: color-mix(in srgb, var(--app-text-muted) 72%, var(--app-primary) 28%);
    font-size: 0.8rem;
}

.pgv1-activity[b-tmxc058ds8] {
    color: var(--app-text-muted);
}

.pgv1-online-status[b-tmxc058ds8],
.pgv1-bumped-status[b-tmxc058ds8] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    min-width: 0;
    white-space: nowrap;
}

.pgv1-online-status[b-tmxc058ds8] {
    color: color-mix(in srgb, var(--app-success) 88%, #dff6e8 12%);
    font-weight: 600;
}

.pgv1-bumped-status[b-tmxc058ds8] {
    margin-left: auto;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pgv1-bumped-status > span[b-tmxc058ds8] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.pgv1-activity[b-tmxc058ds8]  .pgv1-activity-icon {
    flex: 0 0 auto;
    color: var(--app-text-muted);
    font-size: 0.8rem;
}

@media (max-width: 575px) {
    .pgv1-badge-layer[b-tmxc058ds8] {
        top: 6px;
        left: 6px;
        right: 6px;
        gap: 0.28rem;
    }

    .pgv1-badge-stack[b-tmxc058ds8] {
        gap: 0.28rem;
    }

    .pgv1-badge-stack--left[b-tmxc058ds8] {
        max-width: calc(100% - 2.45rem);
    }

    .pgv1-badge[b-tmxc058ds8] {
        gap: 0.2rem;
        padding: 0.25rem 0.46rem;
        font-size: 0.66rem;
    }

    .pgv1-badge--icon-only[b-tmxc058ds8] {
        width: 1.7rem;
        height: 1.7rem;
    }

    .pgv1-badge[b-tmxc058ds8]  .pgv1-badge-icon {
        font-size: 0.72rem;
    }

    .pgv1-name[b-tmxc058ds8] {
        font-size: 0.9375rem;
    }

    .pgv1-location[b-tmxc058ds8] {
        gap: 0.22rem;
        font-size: 0.75rem;
    }

    .pgv1-location[b-tmxc058ds8]  .pgv1-location-icon {
        font-size: 0.8rem;
    }

    .pgv1-meta[b-tmxc058ds8] {
        gap: 0.3rem;
    }

    .pgv1-meta-item[b-tmxc058ds8] {
        gap: 0.18rem;
    }

    .pgv1-meta-item[b-tmxc058ds8]  .pgv1-meta-icon {
        font-size: 0.76rem;
    }

    .pgv1-online-dot[b-tmxc058ds8] {
        width: 0.42rem;
        height: 0.42rem;
    }

    .pgv1-activity[b-tmxc058ds8]  .pgv1-activity-icon {
        font-size: 0.74rem;
    }
}
.pgv1-card-link[b-tmxc058ds8],
.pgv1-card-link:hover[b-tmxc058ds8],
.pgv1-card-link:active[b-tmxc058ds8],
.pgv1-card-link:focus[b-tmxc058ds8] {
    text-decoration: none !important;
    color: inherit !important;
}

@media (max-width: 576px) {
    .pgv1-results-control-row[b-tmxc058ds8] {
        align-items: stretch;
    }

    .pgv1-controls[b-tmxc058ds8] {
        justify-content: stretch;
        width: 100%;
    }

    .pgv1-freeze-group[b-tmxc058ds8] {
        justify-content: center;
    }

    .pgv1-col-group[b-tmxc058ds8] {
        justify-content: space-between;
        gap: 0.4rem;
    }

    .pgv1-col-slider[b-tmxc058ds8] {
        width: 90px;
    }
}




/* ── Paging summary in controls bar ─────────────────────── */
.pgv1-paging-summary[b-tmxc058ds8] {
    flex: 1;
    text-align: center;
    font-size: 0.8rem;
    color: var(--app-text-muted);
    white-space: nowrap;
    padding: 0 0.5rem;
}

/* ── Pagination row ──────────────────────────────────────── */
.pgv1-pagination[b-tmxc058ds8] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.3rem;
    margin-top: 1.25rem;
    flex-wrap: wrap;
}

.pgv1-page-btn[b-tmxc058ds8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 0.5rem;
    border-radius: 8px;
    border: 1px solid rgba(var(--app-primary-rgb), 0.3);
    background: transparent;
    color: var(--app-text);
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
    line-height: 1;
    user-select: none;
}

.pgv1-page-btn:hover[b-tmxc058ds8] {
    background: rgba(var(--app-primary-rgb), 0.15);
    border-color: rgba(var(--app-primary-rgb), 0.6);
    color: var(--app-accent-text);
    text-decoration: none;
}

.pgv1-page-btn--active[b-tmxc058ds8] {
    background: var(--app-primary);
    border-color: transparent;
    color: var(--app-on-primary);
    font-weight: 700;
    cursor: default;
}

.pgv1-page-btn--active:hover[b-tmxc058ds8] {
    background: var(--app-primary);
    border-color: transparent;
    color: var(--app-on-primary);
}

.pgv1-page-btn--nav[b-tmxc058ds8]  .app-icon {
    font-size: 1.15rem;
}

.pgv1-page-btn--disabled[b-tmxc058ds8] {
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: none;
}

.pgv1-page-gap[b-tmxc058ds8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 36px;
    color: var(--app-text-muted);
    font-size: 0.875rem;
    letter-spacing: 0.05em;
}
@keyframes escort-discovery-focus-pulse-b-tmxc058ds8 {
    0%, 100% { box-shadow: var(--app-shadow-soft); }
    35% { box-shadow: 0 0 0 4px color-mix(in srgb, var(--app-primary) 45%, transparent), var(--app-shadow-soft); }
}

.pgv1-item.discovery-profile-focus .pgv1-card[b-tmxc058ds8] {
    animation: escort-discovery-focus-pulse-b-tmxc058ds8 1.2s ease-in-out 2;
}

@media (prefers-reduced-motion: reduce) {
    .pgv1-item.discovery-profile-focus .pgv1-card[b-tmxc058ds8] { animation: none; }
}
/* /Components/Pages/Home/Home.razor.rz.scp.css */
.home-page[b-2a2yeg0zg3] {
    position: relative;
}

/* Homepage actions and admin contact use shared components. */
/* /Components/Pages/Profile/Components/ProfileDetails.razor.rz.scp.css */
.pdv1-direct-content[b-lqri77iy5o],
.pdv1-overlay-content[b-lqri77iy5o] {
    color: var(--app-text);
}

.pdv1-direct-toolbar[b-lqri77iy5o] {
    position: sticky;
    top: 0;
    z-index: 30;
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.5rem clamp(1rem, 1.4vw, 1.5rem);
    border-bottom: 1px solid var(--app-divider);
    background: color-mix(in srgb, var(--app-bg) 92%, transparent);
    backdrop-filter: blur(16px) saturate(1.05);
    -webkit-backdrop-filter: blur(16px) saturate(1.05);
}

.pdv1-direct-brand[b-lqri77iy5o] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    min-width: 0;
    color: var(--app-text);
    text-decoration: none;
    font-family: var(--app-font-sans);
    font-size: 1.25rem;
    font-weight: 800;
}

.pdv1-direct-brand img[b-lqri77iy5o] {
    width: 32px;
    height: 32px;
    border-radius: 9px;
}

.pdv1-direct-toolbar__actions[b-lqri77iy5o] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.pdv1-toolbar-action[b-lqri77iy5o] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.38rem;
    padding: 0.45rem 0.8rem;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: var(--app-text);
    text-decoration: none;
    font: inherit;
    font-size: 0.88rem;
    font-weight: 650;
    cursor: pointer;
}

.pdv1-toolbar-action:hover[b-lqri77iy5o] {
    border-color: var(--app-border-strong);
    background: var(--app-hover-bg);
    color: var(--app-text);
}

.pdv1-toolbar-action[b-lqri77iy5o]  .pdv1-toolbar-icon,
.pdv1-state-card[b-lqri77iy5o]  .app-icon {
    font-size: 1.15rem;
}

.pdv1-loading[b-lqri77iy5o] {
    min-height: 56vh;
    display: grid;
    place-items: center;
}

.pdv1-state-card[b-lqri77iy5o] {
    width: min(680px, calc(100% - 2rem));
    margin: clamp(2rem, 10vh, 6rem) auto;
    padding: 1.5rem;
    border: 1px solid var(--app-border);
    border-radius: 18px;
    background: var(--app-surface);
    text-align: center;
}

.pdv1-state-card h1[b-lqri77iy5o] {
    margin: 0 0 0.75rem;
    font-family: var(--app-font-sans);
    font-size: clamp(1.6rem, 3vw, 2.2rem);
}

.pdv1-state-card p[b-lqri77iy5o] {
    color: var(--app-text-muted);
}

.pdv1-state-card[b-lqri77iy5o]  .pdv1-state-icon {
    margin-bottom: 0.75rem;
    color: var(--app-text-muted);
    font-size: 2rem;
}

.pdv1-state-action[b-lqri77iy5o] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    margin-top: 0.6rem;
    padding: 0.5rem 0.9rem;
    border: 1px solid var(--app-border);
    border-radius: 10px;
    color: var(--app-text);
    background: var(--app-surface-elevated);
    text-decoration: none;
}

.pdv1-profile-shell[b-lqri77iy5o] {
    --pdv1-gutter: clamp(1rem, 1.35vw, 1.5rem);
    width: 100%;
    min-width: 0;
    padding: var(--pdv1-gutter);
    background: var(--app-bg);
}

.pdv1-hidden-alert[b-lqri77iy5o] {
    margin-bottom: 0.75rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid color-mix(in srgb, var(--app-warning) 42%, var(--app-border));
    border-radius: 12px;
    color: var(--app-text);
    background: color-mix(in srgb, var(--app-warning) 10%, var(--app-surface));
}

.pdv1-overview[b-lqri77iy5o] {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(340px, 2fr);
    grid-template-areas: "media summary";
    gap: clamp(1rem, 1.5vw, 1.6rem);
    align-items: start;
    min-width: 0;
}

.pdv1-media-region[b-lqri77iy5o] {
    grid-area: media;
    min-width: 0;
}

.pdv1-media-feature[b-lqri77iy5o] {
    height: clamp(320px, 60dvh, 520px);
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    gap: 0.55rem;
    min-width: 0;
}

.pdv1-media-feature--empty[b-lqri77iy5o],
.pdv1-media-feature--single[b-lqri77iy5o] {
    grid-template-columns: minmax(0, 1fr);
}


@supports (height: 1dvh) {
    .pdv1-media-feature[b-lqri77iy5o] {
        height: clamp(320px, 60dvh, 520px);
    }
}

.pdv1-main-stage[b-lqri77iy5o] {
    position: relative;
    min-width: 0;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    border: 1px solid var(--app-border);
    border-radius: 16px;
    background: #0a080b;
}

.pdv1-stage-item[b-lqri77iy5o],
.pdv1-stage-image-link[b-lqri77iy5o],
.pdv1-stage-item[b-lqri77iy5o]  .pdv1-stage-image,
.pdv1-stage-video[b-lqri77iy5o] {
    width: 100%;
    height: 100%;
}

.pdv1-stage-item[b-lqri77iy5o] {
    position: absolute;
    inset: 0;
}

.pdv1-stage-item[hidden][b-lqri77iy5o] {
    display: none !important;
}

.pdv1-stage-image-link[b-lqri77iy5o] {
    display: block;
}

.pdv1-main-stage[b-lqri77iy5o] {
    touch-action: pan-y pinch-zoom;
}

.pdv1-stage-item[b-lqri77iy5o]  .pdv1-stage-image,
.pdv1-stage-video[b-lqri77iy5o] {
    display: block;
    object-fit: contain;
    object-position: center;
    background: #09070a;
}

.pdv1-media-placeholder[b-lqri77iy5o] {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: var(--app-text-muted);
}

.pdv1-media-placeholder[b-lqri77iy5o]  .app-icon {
    font-size: 5rem;
}

.pdv1-media-status[b-lqri77iy5o] {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 5;
    display: grid;
    justify-items: start;
    gap: 0.35rem;
    pointer-events: none;
}

.pdv1-media-badge[b-lqri77iy5o] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    min-height: 28px;
    padding: 0.3rem 0.58rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
    font-size: 0.75rem;
    font-weight: 850;
    line-height: 1;
    text-transform: uppercase;
}

.pdv1-media-badge--top[b-lqri77iy5o] {
    color: #fff6fb;
    background: color-mix(in srgb, var(--app-wine) 88%, #211018);
}

.pdv1-media-badge--vip[b-lqri77iy5o] {
    color: #24170b;
    border-color: rgba(var(--app-gold-rgb), 0.75);
    background: color-mix(in srgb, var(--app-gold) 88%, #f3dfbb);
}

.pdv1-media-badge--new[b-lqri77iy5o] {
    color: var(--app-text);
    background: rgba(20, 15, 22, 0.78);
}

.pdv1-media-badge[b-lqri77iy5o]  .pdv1-media-badge-icon {
    font-size: 0.82rem;
}

.pdv1-media-counter[b-lqri77iy5o] {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 4;
    padding: 0.35rem 0.58rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 9px;
    background: rgba(15, 11, 16, 0.68);
    color: #fff;
    font-size: 0.78rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.pdv1-media-play[b-lqri77iy5o] {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 50%;
    background: rgba(15, 11, 16, 0.72);
    color: #fff;
}

.pdv1-media-play[b-lqri77iy5o]  .app-icon {
    font-size: 1.25rem;
}

.pdv1-media-duration[b-lqri77iy5o] {
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 2;
    padding: 0.16rem 0.32rem;
    border-radius: 6px;
    background: rgba(10, 8, 11, 0.78);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.pdv1-summary[b-lqri77iy5o] {
    grid-area: summary;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0.9rem;
    padding: 0;
}

.pdv1-summary-identity[b-lqri77iy5o] {
    display: grid;
    gap: 0.55rem;
    min-width: 0;
}

.pdv1-name[b-lqri77iy5o] {
    margin: 0;
    color: var(--app-text);
    font-family: var(--app-font-sans);
    font-size: clamp(2.1rem, 3.2vw, 3.25rem);
    font-weight: 800;
    line-height: 1.02;
    overflow-wrap: anywhere;
}

.pdv1-summary-statuses[b-lqri77iy5o] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.pdv1-verified[b-lqri77iy5o],
.pdv1-online[b-lqri77iy5o],
.pdv1-location[b-lqri77iy5o] {
    display: inline-flex;
    align-items: center;
    gap: 0.36rem;
    font-size: 0.88rem;
}

.pdv1-verified[b-lqri77iy5o] {
    color: var(--app-success);
    font-weight: 700;
}

.pdv1-online[b-lqri77iy5o] {
    color: var(--app-success);
    font-weight: 600;
}

.pdv1-location[b-lqri77iy5o] {
    min-width: 0;
    color: var(--app-text-muted);
}

.pdv1-location span[b-lqri77iy5o] {
    overflow-wrap: anywhere;
}

.pdv1-verified[b-lqri77iy5o]  .app-icon,
.pdv1-location[b-lqri77iy5o]  .app-icon {
    flex: 0 0 auto;
    font-size: 1rem;
}

.pdv1-online-dot[b-lqri77iy5o] {
    width: 0.52rem;
    height: 0.52rem;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--app-success);
}

.pdv1-quick-facts[b-lqri77iy5o] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid var(--app-border);
    border-radius: 12px;
    background: color-mix(in srgb, var(--app-surface) 82%, transparent);
}

.pdv1-quick-fact[b-lqri77iy5o] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
        "icon value"
        "icon label";
    align-items: center;
    column-gap: 0.48rem;
    padding: 0.72rem 0.75rem;
}

.pdv1-quick-fact + .pdv1-quick-fact[b-lqri77iy5o] {
    border-left: 1px solid var(--app-divider);
}

.pdv1-quick-fact[b-lqri77iy5o]  .app-icon {
    grid-area: icon;
    color: color-mix(in srgb, var(--app-primary) 68%, #f0a8ca 32%);
    font-size: 1.15rem;
}

.pdv1-quick-fact strong[b-lqri77iy5o] {
    grid-area: value;
    min-width: 0;
    font-size: 0.92rem;
    overflow-wrap: anywhere;
}

.pdv1-quick-fact span[b-lqri77iy5o] {
    grid-area: label;
    color: var(--app-text-muted);
    font-size: 0.75rem;
}

.pdv1-summary-about[b-lqri77iy5o],
.pdv1-summary-languages[b-lqri77iy5o] {
    display: grid;
    gap: 0.38rem;
    min-width: 0;
}

.pdv1-summary-about h2[b-lqri77iy5o],
.pdv1-summary-languages h2[b-lqri77iy5o],
.pdv1-meeting-summary h2[b-lqri77iy5o] {
    margin: 0;
    color: var(--app-text-muted);
    font-size: 0.82rem;
    font-weight: 650;
}

.pdv1-summary-language-list[b-lqri77iy5o] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.34rem 0.85rem;
    margin: 0;
}

.pdv1-summary-language-list > div[b-lqri77iy5o] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.32rem;
    min-width: 0;
}

.pdv1-summary-language-list dt[b-lqri77iy5o],
.pdv1-summary-language-list dd[b-lqri77iy5o] {
    margin: 0;
    font-size: 0.84rem;
    line-height: 1.35;
}

.pdv1-summary-language-list dt[b-lqri77iy5o] {
    color: var(--app-text);
    font-weight: 650;
}

.pdv1-summary-language-list dd[b-lqri77iy5o] {
    color: var(--app-text-muted);
}

.pdv1-summary-language-list dd[b-lqri77iy5o]::before {
    content: "—";
    margin-right: 0.32rem;
    color: color-mix(in srgb, var(--app-text-muted) 70%, transparent);
}

.pdv1-meeting-summary[b-lqri77iy5o] {
    display: grid;
    gap: 0.48rem;
}

.pdv1-meeting-chips[b-lqri77iy5o] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
}

.pdv1-meeting-chip[b-lqri77iy5o],
.pdv1-service-chip[b-lqri77iy5o] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0.38rem 0.65rem;
    border: 1px solid var(--app-border);
    border-radius: 999px;
    background: color-mix(in srgb, var(--app-surface-elevated) 82%, transparent);
    color: var(--app-text);
    font-size: 0.8rem;
    line-height: 1.2;
    text-align: center;
}

.pdv1-rate-summary[b-lqri77iy5o] {
    min-height: 52px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.65rem;
    padding: 0.65rem 0.8rem;
    border: 1px solid var(--app-border);
    border-radius: 12px;
    background: var(--app-surface);
    color: var(--app-text);
    text-decoration: none;
    font: inherit;
    font-size: 1rem;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}

.pdv1-rate-summary:hover[b-lqri77iy5o] {
    border-color: var(--app-border-strong);
    color: var(--app-text);
}

.pdv1-rate-summary[b-lqri77iy5o]  .app-icon {
    color: var(--app-text);
    font-size: 1.22rem;
}

.pdv1-rate-summary[b-lqri77iy5o]  .pdv1-rate-summary-arrow {
    font-size: 1rem;
}

.pdv1-contact-primary[b-lqri77iy5o] {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    width: 100%;
    padding: 0.7rem 1rem;
    border: 1px solid transparent;
    border-radius: var(--app-radius-sm);
    background: var(--app-button-primary-bg);
    color: var(--app-button-primary-text);
    font: inherit;
    font-size: 0.98rem;
    font-weight: 800;
    cursor: pointer;
    box-shadow: var(--app-shadow-soft);
}

.pdv1-contact-primary:hover[b-lqri77iy5o] {
    box-shadow: var(--app-shadow-card);
}

.pdv1-contact-primary[b-lqri77iy5o]  .app-icon {
    font-size: 1.12rem;
}

.pdv1-media-strip-row[b-lqri77iy5o] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.65rem;
    align-items: stretch;
    margin-top: 0.65rem;
    min-width: 0;
}

.pdv1-media-strip[b-lqri77iy5o] {
    display: flex;
    gap: 0.55rem;
    min-width: 0;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
    padding-bottom: 0.12rem;
}

.pdv1-media-thumb[b-lqri77iy5o] {
    position: relative;
    flex: 0 0 clamp(80px, 7.7vw, 118px);
    height: clamp(66px, 6.3vw, 92px);
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--app-border);
    border-radius: 10px;
    background: #0a080b;
    cursor: pointer;
}

.pdv1-media-thumb--selected[b-lqri77iy5o] {
    border-color: var(--app-primary);
    box-shadow: 0 0 0 1px var(--app-primary);
}

.pdv1-media-thumb[b-lqri77iy5o]  img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center 25%;
}

.pdv1-view-all-media[b-lqri77iy5o] {
    width: 140px;
    min-height: 66px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.2rem;
    padding: 0.5rem;
    border: 1px solid var(--app-border);
    border-radius: 10px;
    background: var(--app-surface);
    color: var(--app-text);
    font: inherit;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
}

.pdv1-view-all-media small[b-lqri77iy5o] {
    color: var(--app-text-muted);
    font-size: 0.75rem;
    font-weight: 500;
}

.pdv1-view-all-media[b-lqri77iy5o]  .app-icon {
    color: var(--app-text);
    font-size: 1rem;
}

.pdv1-lower-grid[b-lqri77iy5o] {
    display: grid;
    gap: 1px;
    margin-top: 1.1rem;
    border: 1px solid var(--app-border);
    border-radius: 16px;
    background: var(--app-divider);
    overflow: hidden;
}

.pdv1-lower-grid--content-1[b-lqri77iy5o] {
    grid-template-columns: minmax(0, 1fr);
}

.pdv1-lower-grid--content-2[b-lqri77iy5o] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pdv1-lower-grid--content-3[b-lqri77iy5o] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pdv1-lower-section[b-lqri77iy5o] {
    min-width: 0;
    padding: 1rem 1.1rem;
    background: color-mix(in srgb, var(--app-surface) 70%, var(--app-bg));
}

.pdv1-details-section[b-lqri77iy5o] {
    order: 1;
}

.pdv1-rates-section[b-lqri77iy5o] {
    order: 2;
    container-type: inline-size;
    background: color-mix(in srgb, var(--app-surface-elevated) 74%, var(--app-bg));
}

.pdv1-services-section[b-lqri77iy5o] {
    order: 3;
}

.pdv1-contact-section[b-lqri77iy5o] {
    order: 4;
    grid-column: 1 / -1;
    background: color-mix(in srgb, var(--app-surface-elevated) 54%, var(--app-bg));
}

.pdv1-section-heading[b-lqri77iy5o] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    margin-bottom: 0.8rem;
}

.pdv1-section-heading h2[b-lqri77iy5o] {
    margin: 0;
    color: var(--app-text);
    font-family: var(--app-font-sans);
    font-size: 1.04rem;
    font-weight: 750;
    line-height: 1.2;
}

.pdv1-section-heading[b-lqri77iy5o]  .app-icon {
    flex: 0 0 auto;
    color: var(--app-text-muted);
    font-size: 1.05rem;
}

.pdv1-rates-section .pdv1-section-heading[b-lqri77iy5o]  .app-icon {
    color: var(--app-text-muted);
}

.pdv1-bio[b-lqri77iy5o] {
    max-width: 68ch;
    margin: 0;
    color: color-mix(in srgb, var(--app-text) 84%, var(--app-text-muted));
    font-size: 1rem;
    line-height: 1.65;
    white-space: pre-line;
}

.pdv1-bio--collapsed[b-lqri77iy5o] {
    max-height: calc(1.65em * 5);
    overflow: hidden;
}

.pdv1-bio-toggle[b-lqri77iy5o] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.45rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--app-primary);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 750;
    cursor: pointer;
}

.pdv1-bio-toggle[hidden][b-lqri77iy5o] {
    display: none !important;
}

.pdv1-bio-toggle[b-lqri77iy5o]  .app-icon {
    font-size: 1rem;
    transition: transform 0.16s ease;
}

.pdv1-bio-toggle[aria-expanded="true"][b-lqri77iy5o]  .app-icon {
    transform: rotate(180deg);
}

.pdv1-details-list[b-lqri77iy5o] {
    display: grid;
    gap: 0;
    margin: 0;
}

.pdv1-details-list > div[b-lqri77iy5o] {
    display: grid;
    grid-template-columns: minmax(100px, 0.9fr) minmax(0, 1.1fr);
    gap: 0.8rem;
    align-items: start;
    padding: 0.42rem 0;
    border-bottom: 1px solid color-mix(in srgb, var(--app-divider) 75%, transparent);
}

.pdv1-details-list > div:last-child[b-lqri77iy5o] {
    border-bottom: 0;
}

.pdv1-details-list dt[b-lqri77iy5o],
.pdv1-details-list dd[b-lqri77iy5o] {
    margin: 0;
    font-size: 0.86rem;
    line-height: 1.35;
}

.pdv1-details-list dt[b-lqri77iy5o] {
    color: var(--app-text-muted);
    font-weight: 500;
}

.pdv1-details-list dd[b-lqri77iy5o] {
    color: var(--app-text);
    overflow-wrap: anywhere;
}

.pdv1-services-list[b-lqri77iy5o] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.pdv1-service-chip[b-lqri77iy5o] {
    min-height: 34px;
    padding-inline: 0.7rem;
    font-size: 0.76rem;
}

.pdv1-rates-layout[b-lqri77iy5o] {
    min-width: 0;
}

.pdv1-rates-table[b-lqri77iy5o] {
    width: 100%;
    border-collapse: collapse;
    color: var(--app-text);
    font-size: 0.84rem;
}

.pdv1-rates-table th[b-lqri77iy5o],
.pdv1-rates-table td[b-lqri77iy5o] {
    padding: 0.58rem 0.4rem;
    border-bottom: 1px solid color-mix(in srgb, var(--app-divider) 78%, transparent);
    text-align: left;
    vertical-align: top;
}

.pdv1-rates-table thead th[b-lqri77iy5o] {
    color: var(--app-text-muted);
    font-size: 0.75rem;
    font-weight: 600;
}

.pdv1-rate-duration[b-lqri77iy5o] {
    color: var(--app-text);
    font-weight: 650;
}

.pdv1-rate-group:last-child tr:last-child > *[b-lqri77iy5o] {
    border-bottom: 0;
}

.pdv1-rate-meeting[b-lqri77iy5o] {
    overflow-wrap: anywhere;
}

.pdv1-rate-price[b-lqri77iy5o] {
    text-align: right !important;
    white-space: nowrap;
    font-weight: 750;
}

@media (min-width: 1200px) {
    .pdv1-lower-grid--content-1 .pdv1-details-list[b-lqri77iy5o] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 1.25rem;
    }

}

@container (max-width: 430px) {
    .pdv1-rates-table[b-lqri77iy5o],
    .pdv1-rates-table tbody[b-lqri77iy5o],
    .pdv1-rates-table tr[b-lqri77iy5o],
    .pdv1-rates-table th[b-lqri77iy5o],
    .pdv1-rates-table td[b-lqri77iy5o] {
        display: block;
        width: 100%;
    }

    .pdv1-rates-table thead[b-lqri77iy5o] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
        border: 0;
    }

    .pdv1-rate-group[b-lqri77iy5o] {
        display: block;
        padding: 0.65rem 0;
        border-top: 1px solid color-mix(in srgb, var(--app-divider) 78%, transparent);
    }

    .pdv1-rate-group:first-of-type[b-lqri77iy5o] {
        padding-top: 0;
        border-top: 0;
    }

    .pdv1-rate-group tr[b-lqri77iy5o] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: baseline;
        gap: 0.45rem 0.75rem;
    }

    .pdv1-rate-group tr + tr[b-lqri77iy5o] {
        margin-top: 0.45rem;
    }

    .pdv1-rates-table .pdv1-rate-duration[b-lqri77iy5o] {
        grid-column: 1 / -1;
        padding: 0 0 0.45rem;
        border-bottom: 0;
        font-weight: 800;
    }

    .pdv1-rates-table .pdv1-rate-meeting[b-lqri77iy5o],
    .pdv1-rates-table .pdv1-rate-price[b-lqri77iy5o] {
        padding: 0;
        border-bottom: 0;
    }

    .pdv1-rates-table .pdv1-rate-meeting[b-lqri77iy5o] {
        grid-column: 1;
        white-space: normal;
    }

    .pdv1-rates-table .pdv1-rate-price[b-lqri77iy5o] {
        grid-column: 2;
    }
}

.pdv1-contact-list[b-lqri77iy5o] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.55rem;
}

.pdv1-contact-entry[b-lqri77iy5o] {
    min-width: 0;
    min-height: 58px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.55rem;
    padding: 0.55rem 0.65rem;
    border: 1px solid var(--app-border);
    border-radius: 10px;
    background: var(--app-surface);
    color: var(--app-text);
    text-decoration: none;
}

.pdv1-contact-entry:hover[b-lqri77iy5o] {
    border-color: var(--app-border-strong);
    color: var(--app-text);
}

.pdv1-contact-entry__icon[b-lqri77iy5o] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: color-mix(in srgb, var(--app-surface-soft) 88%, transparent);
}

.pdv1-contact-entry__copy[b-lqri77iy5o] {
    min-width: 0;
    display: grid;
    gap: 0.12rem;
}

.pdv1-contact-entry__copy strong[b-lqri77iy5o] {
    font-size: 0.76rem;
    font-weight: 700;
}

.pdv1-contact-entry__copy span[b-lqri77iy5o] {
    color: var(--app-text-muted);
    font-size: 0.75rem;
    overflow-wrap: anywhere;
}

.pdv1-contact-entry[b-lqri77iy5o]  .app-icon {
    font-size: 1.1rem;
}

.pdv1-contact-entry[b-lqri77iy5o]  .pdv1-contact-entry__arrow {
    color: var(--app-text-muted);
    font-size: 0.9rem;
}

.pdv1-contact-brand--call[b-lqri77iy5o]  .app-icon { color: #e5bb70; }
.pdv1-contact-brand--sms[b-lqri77iy5o]  .app-icon { color: #e9a5c7; }
.pdv1-contact-brand--whatsapp[b-lqri77iy5o]  .app-icon { color: #47c878; }
.pdv1-contact-brand--viber[b-lqri77iy5o]  .app-icon { color: #8d69e7; }
.pdv1-contact-brand--telegram[b-lqri77iy5o]  .app-icon { color: #42a9e8; }
.pdv1-contact-brand--instagram[b-lqri77iy5o]  .app-icon { color: #e46ca0; }
.pdv1-contact-brand--snapchat[b-lqri77iy5o]  .app-icon { color: #f2d95b; }
.pdv1-contact-brand--x[b-lqri77iy5o]  .app-icon { color: var(--app-text); }
.pdv1-contact-brand--onlyfans[b-lqri77iy5o]  .app-icon { color: #37b8ec; }
.pdv1-contact-brand--fansly[b-lqri77iy5o]  .app-icon { color: #5f9be8; }
.pdv1-contact-brand--tiktok[b-lqri77iy5o]  .app-icon { color: #ee5c78; }

.pdv1-mobile-contact-bar[b-lqri77iy5o] {
    display: none;
}

.pdv1-contact-dialog[b-lqri77iy5o] {
    width: min(560px, calc(100% - 2rem));
    max-height: min(78vh, 720px);
    padding: 0;
    border: 1px solid var(--app-border);
    border-radius: 16px;
    background: var(--app-surface-elevated);
    color: var(--app-text);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45);
}

.pdv1-contact-dialog[b-lqri77iy5o]::backdrop {
    background: rgba(8, 6, 9, 0.72);
    backdrop-filter: blur(6px);
}

.pdv1-contact-dialog__sheet[b-lqri77iy5o] {
    max-height: inherit;
    display: flex;
    flex-direction: column;
}

.pdv1-contact-dialog__header[b-lqri77iy5o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid var(--app-divider);
}

.pdv1-contact-dialog__header h2[b-lqri77iy5o] {
    margin: 0;
    font-family: var(--app-font-sans);
    font-size: 1.2rem;
}

.pdv1-contact-dialog__close[b-lqri77iy5o] {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    padding: 0;
    border: 1px solid var(--app-border);
    border-radius: 50%;
    background: var(--app-surface);
    color: var(--app-text);
    cursor: pointer;
}

.pdv1-contact-dialog__close[b-lqri77iy5o]  .app-icon {
    font-size: 1.15rem;
}

.pdv1-contact-dialog__actions[b-lqri77iy5o] {
    display: grid;
    gap: 0.5rem;
    overflow-y: auto;
    padding: 0.8rem 1rem 1rem;
}

.pdv1-contact-sheet-action[b-lqri77iy5o] {
    min-height: 56px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.7rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid var(--app-border);
    border-radius: 11px;
    background: var(--app-surface);
    color: var(--app-text);
    text-decoration: none;
}

.pdv1-contact-sheet-action__icon[b-lqri77iy5o] {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: var(--app-surface-soft);
}

.pdv1-contact-sheet-action > span:last-child[b-lqri77iy5o] {
    min-width: 0;
    display: grid;
    gap: 0.1rem;
}

.pdv1-contact-sheet-action strong[b-lqri77iy5o] {
    font-size: 0.84rem;
}

.pdv1-contact-sheet-action small[b-lqri77iy5o] {
    color: var(--app-text-muted);
    font-size: 0.75rem;
    overflow-wrap: anywhere;
}

.pdv1-contact-sheet-action[b-lqri77iy5o]  .app-icon {
    font-size: 1.15rem;
}

@media (max-width: 1199px) {
    .pdv1-overview[b-lqri77iy5o] {
        grid-template-columns: minmax(0, 1.45fr) minmax(310px, 0.9fr);
        gap: 1rem;
    }

    .pdv1-media-feature[b-lqri77iy5o] {
        height: clamp(360px, 52vh, 500px);
        grid-template-columns: minmax(0, 1fr);
    }


    .pdv1-name[b-lqri77iy5o] {
        font-size: clamp(2rem, 3.4vw, 2.65rem);
    }

    .pdv1-summary[b-lqri77iy5o] {
        gap: 0.8rem;
        padding-block: 0;
    }

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

    .pdv1-lower-grid--content-1[b-lqri77iy5o] {
        grid-template-columns: minmax(0, 1fr);
    }

    .pdv1-lower-grid--content-2[b-lqri77iy5o],
    .pdv1-lower-grid--content-3[b-lqri77iy5o] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1023px) {
    .pdv1-profile-shell[b-lqri77iy5o] {
        --pdv1-gutter: 1rem;
    }

    .pdv1-overview[b-lqri77iy5o] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: none;
        gap: 0.85rem;
    }

    .pdv1-summary[b-lqri77iy5o] {
        display: contents;
    }

    .pdv1-summary-identity[b-lqri77iy5o],
    .pdv1-media-region[b-lqri77iy5o],
    .pdv1-quick-facts[b-lqri77iy5o],
    .pdv1-summary-about[b-lqri77iy5o],
    .pdv1-summary-languages[b-lqri77iy5o],
    .pdv1-meeting-summary[b-lqri77iy5o],
    .pdv1-rate-summary[b-lqri77iy5o],
    .pdv1-contact-primary[b-lqri77iy5o] {
        grid-area: auto;
        grid-column: 1;
    }

    .pdv1-summary-identity[b-lqri77iy5o] { order: 1; }
    .pdv1-media-region[b-lqri77iy5o] { order: 2; }
    .pdv1-quick-facts[b-lqri77iy5o] { order: 3; }
    .pdv1-summary-about[b-lqri77iy5o] { order: 4; }
    .pdv1-summary-languages[b-lqri77iy5o] { order: 5; }
    .pdv1-meeting-summary[b-lqri77iy5o] { order: 6; }
    .pdv1-rate-summary[b-lqri77iy5o] { order: 7; }
    .pdv1-contact-primary[b-lqri77iy5o] { order: 8; }

    .pdv1-name[b-lqri77iy5o] {
        font-size: clamp(1.85rem, 5vw, 2.45rem);
    }

    .pdv1-media-feature[b-lqri77iy5o] {
        height: clamp(300px, 49vh, 520px);
    }

    .pdv1-media-strip-row[b-lqri77iy5o] {
        grid-template-columns: minmax(0, 1fr) 122px;
    }

    .pdv1-media-thumb[b-lqri77iy5o] {
        flex-basis: 86px;
        height: 68px;
    }

    .pdv1-view-all-media[b-lqri77iy5o] {
        width: 122px;
    }

    .pdv1-lower-grid[b-lqri77iy5o] {
        margin-top: 1rem;
    }
}

@media (max-width: 759px) {
    .pdv1-lower-grid[b-lqri77iy5o],
    .pdv1-lower-grid--content-1[b-lqri77iy5o],
    .pdv1-lower-grid--content-2[b-lqri77iy5o],
    .pdv1-lower-grid--content-3[b-lqri77iy5o] {
        grid-template-columns: minmax(0, 1fr);
    }

    .pdv1-rates-section[b-lqri77iy5o] { order: 1; }
    .pdv1-details-section[b-lqri77iy5o] { order: 2; }
    .pdv1-services-section[b-lqri77iy5o] { order: 3; }
    .pdv1-contact-section[b-lqri77iy5o] { order: 4; }

    .pdv1-contact-list[b-lqri77iy5o] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 599px) {
    .pdv1-direct-toolbar[b-lqri77iy5o] {
        min-height: 56px;
        padding: 0.35rem 0.75rem;
    }

    .pdv1-direct-brand[b-lqri77iy5o] {
        font-size: 1.05rem;
    }

    .pdv1-direct-brand img[b-lqri77iy5o] {
        width: 30px;
        height: 30px;
    }

    .pdv1-toolbar-action[b-lqri77iy5o] {
        width: 44px;
        height: 44px;
        min-height: 44px;
        padding: 0;
        border-radius: 50%;
    }

    .pdv1-toolbar-action span[b-lqri77iy5o] {
        display: none;
    }

    .pdv1-profile-shell[b-lqri77iy5o] {
        --pdv1-gutter: 0.75rem;
    }

    .pdv1-profile-shell--with-mobile-contact[b-lqri77iy5o] {
        padding-bottom: calc(5.75rem + env(safe-area-inset-bottom, 0px));
    }

    .pdv1-overview[b-lqri77iy5o] {
        gap: 0.7rem;
    }

    .pdv1-summary[b-lqri77iy5o] {
        gap: 0.6rem;
    }

    .pdv1-summary-identity[b-lqri77iy5o] {
        gap: 0.38rem;
    }

    .pdv1-name[b-lqri77iy5o] {
        font-size: clamp(1.6rem, 7vw, 1.85rem);
        line-height: 1.08;
    }

    .pdv1-summary-statuses[b-lqri77iy5o] {
        gap: 0.6rem;
    }

    .pdv1-verified[b-lqri77iy5o],
    .pdv1-online[b-lqri77iy5o],
    .pdv1-location[b-lqri77iy5o] {
        font-size: 0.82rem;
    }

    .pdv1-media-feature[b-lqri77iy5o] {
        height: min(50vh, 460px);
        min-height: 0;
    }

    @supports (height: 1dvh) {
        .pdv1-media-feature[b-lqri77iy5o] {
            height: min(50dvh, 460px);
        }
    }

    .pdv1-main-stage[b-lqri77iy5o] {
        border-radius: 13px;
    }

    .pdv1-stage-item[b-lqri77iy5o]  .pdv1-stage-image,
    .pdv1-stage-video[b-lqri77iy5o] {
        object-position: center;
    }

    .pdv1-media-status[b-lqri77iy5o],
    .pdv1-media-counter[b-lqri77iy5o] {
        top: 8px;
    }

    .pdv1-media-status[b-lqri77iy5o] {
        left: 8px;
    }

    .pdv1-media-counter[b-lqri77iy5o] {
        right: 8px;
    }

    .pdv1-media-badge[b-lqri77iy5o] {
        min-height: 26px;
        padding: 0.28rem 0.52rem;
        font-size: 0.75rem;
    }

    .pdv1-media-strip-row[b-lqri77iy5o] {
        grid-template-columns: minmax(0, 1fr) 96px;
        gap: 0.45rem;
        margin-top: 0.45rem;
    }

    .pdv1-media-strip[b-lqri77iy5o] {
        gap: 0.4rem;
    }

    .pdv1-media-thumb[b-lqri77iy5o] {
        flex-basis: 64px;
        height: 58px;
        border-radius: 8px;
    }

    .pdv1-media-play[b-lqri77iy5o] {
        width: 32px;
        height: 32px;
    }

    .pdv1-view-all-media[b-lqri77iy5o] {
        width: 96px;
        min-height: 58px;
        border-radius: 8px;
        font-size: 0.75rem;
    }

    .pdv1-view-all-media small[b-lqri77iy5o] {
        display: none;
    }

    .pdv1-quick-facts[b-lqri77iy5o] {
        border-radius: 11px;
    }

    .pdv1-quick-fact[b-lqri77iy5o] {
        grid-template-columns: auto minmax(0, 1fr);
        column-gap: 0.3rem;
        padding: 0.58rem 0.45rem;
    }

    .pdv1-quick-fact[b-lqri77iy5o]  .app-icon {
        font-size: 1rem;
    }

    .pdv1-quick-fact strong[b-lqri77iy5o] {
        font-size: 0.82rem;
    }

    .pdv1-quick-fact span[b-lqri77iy5o] {
        font-size: 0.75rem;
    }

    .pdv1-summary-about h2[b-lqri77iy5o],
    .pdv1-summary-languages h2[b-lqri77iy5o],
    .pdv1-meeting-summary h2[b-lqri77iy5o] {
        font-size: 0.78rem;
    }

    .pdv1-summary-language-list[b-lqri77iy5o] {
        gap: 0.3rem 0.65rem;
    }

    .pdv1-summary-language-list dt[b-lqri77iy5o],
    .pdv1-summary-language-list dd[b-lqri77iy5o] {
        font-size: 0.8rem;
    }

    .pdv1-meeting-chips[b-lqri77iy5o] {
        gap: 0.4rem;
    }

    .pdv1-meeting-chip[b-lqri77iy5o] {
        min-height: 36px;
        padding-inline: 0.4rem;
        font-size: 0.76rem;
    }

    .pdv1-rate-summary[b-lqri77iy5o],
    .pdv1-contact-primary[b-lqri77iy5o] {
        display: none;
    }

    .pdv1-lower-grid[b-lqri77iy5o] {
        margin-top: 0.8rem;
        border-radius: 13px;
    }

    .pdv1-lower-section[b-lqri77iy5o] {
        padding: 0.9rem 0.9rem;
    }

    .pdv1-section-heading[b-lqri77iy5o] {
        margin-bottom: 0.65rem;
    }

    .pdv1-section-heading h2[b-lqri77iy5o] {
        font-size: 1rem;
    }

    .pdv1-bio[b-lqri77iy5o] {
        font-size: 0.96rem;
        line-height: 1.6;
    }

    .pdv1-bio--collapsed[b-lqri77iy5o] {
        max-height: calc(1.6em * 6);
    }

    .pdv1-details-list > div[b-lqri77iy5o] {
        grid-template-columns: minmax(90px, 0.85fr) minmax(0, 1.15fr);
        gap: 0.65rem;
        padding: 0.48rem 0;
    }

    .pdv1-details-list dt[b-lqri77iy5o],
    .pdv1-details-list dd[b-lqri77iy5o] {
        font-size: 0.82rem;
    }

    .pdv1-service-chip[b-lqri77iy5o] {
        min-height: 34px;
        font-size: 0.76rem;
    }

    .pdv1-rates-table[b-lqri77iy5o] {
        font-size: 0.82rem;
    }

    .pdv1-mobile-contact-bar[b-lqri77iy5o] {
        position: fixed;
        left: 0.75rem;
        right: 0.75rem;
        bottom: calc(0.5rem + env(safe-area-inset-bottom, 0px));
        z-index: 80;
        min-height: 66px;
        display: grid;
        grid-template-columns: minmax(0, 0.85fr) minmax(150px, 1.15fr);
        align-items: center;
        gap: 0.55rem;
        padding: 0.45rem;
        border: 1px solid var(--app-border);
        border-radius: 16px;
        background: color-mix(in srgb, var(--app-surface-elevated) 95%, transparent);
        box-shadow: 0 16px 40px rgba(0, 0, 0, 0.36);
        backdrop-filter: blur(16px) saturate(1.05);
        -webkit-backdrop-filter: blur(16px) saturate(1.05);
    }

    .pdv1-mobile-contact-bar--contact-only[b-lqri77iy5o] {
        grid-template-columns: minmax(0, 1fr);
    }

    .pdv1-mobile-rate[b-lqri77iy5o] {
        min-width: 0;
        display: grid;
        gap: 0.1rem;
        padding-left: 0.25rem;
    }

    .pdv1-mobile-rate small[b-lqri77iy5o] {
        color: var(--app-text-muted);
        font-size: 0.75rem;
    }

    .pdv1-mobile-rate strong[b-lqri77iy5o] {
        min-width: 0;
        color: var(--app-text);
        font-size: 0.82rem;
        line-height: 1.15;
        overflow-wrap: anywhere;
    }

    .pdv1-mobile-contact-button[b-lqri77iy5o] {
        min-height: 48px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.4rem;
        min-width: 0;
        padding: 0.55rem 0.65rem;
        border: 0;
        border-radius: var(--app-radius-sm);
        background: var(--app-button-primary-bg);
        color: var(--app-button-primary-text);
        font: inherit;
        font-size: 0.8rem;
        font-weight: 800;
        cursor: pointer;
    }

    .pdv1-mobile-contact-button span[b-lqri77iy5o] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pdv1-mobile-contact-button[b-lqri77iy5o]  .app-icon {
        flex: 0 0 auto;
        font-size: 1rem;
    }

    .pdv1-contact-dialog[b-lqri77iy5o] {
        width: 100%;
        max-width: none;
        max-height: min(76dvh, 680px);
        margin: auto 0 0;
        border-width: 1px 0 0;
        border-radius: 18px 18px 0 0;
    }

    .pdv1-contact-dialog__sheet[b-lqri77iy5o] {
        padding-bottom: env(safe-area-inset-bottom, 0px);
    }
}

@media (max-width: 360px) {
    .pdv1-profile-shell[b-lqri77iy5o] {
        --pdv1-gutter: 0.65rem;
    }


    .pdv1-quick-fact[b-lqri77iy5o] {
        padding-inline: 0.32rem;
    }

    .pdv1-quick-fact strong[b-lqri77iy5o] {
        font-size: 0.76rem;
    }

    .pdv1-quick-fact span[b-lqri77iy5o] {
        font-size: 0.75rem;
    }

    .pdv1-meeting-chip[b-lqri77iy5o] {
        font-size: 0.75rem;
    }

    .pdv1-mobile-contact-bar:not(.pdv1-mobile-contact-bar--contact-only)[b-lqri77iy5o] {
        grid-template-columns: minmax(0, 0.8fr) minmax(142px, 1.2fr);
    }
}


@media (max-height: 800px) and (min-width: 900px) {
    .pdv1-media-feature[b-lqri77iy5o] {
        height: clamp(280px, 50vh, 430px);
    }
}

@media (max-height: 600px) {
    .pdv1-media-feature[b-lqri77iy5o] {
        height: min(44vh, 300px);
        min-height: 180px;
    }

    @supports (height: 1dvh) {
        .pdv1-media-feature[b-lqri77iy5o] {
            height: min(44dvh, 300px);
        }
    }
}

@media (prefers-reduced-motion: reduce) {
    .pdv1-bio-toggle[b-lqri77iy5o]  .app-icon {
        transition: none;
    }
}
/* /Components/Pages/Profile/Components/ProfileEditorForm.razor.rz.scp.css */
.profile-editor-field[b-n82k1umv8k] { display: grid; align-content: start; gap: 8px; min-width: 0; color: var(--app-text-secondary); font-size: .875rem; font-weight: 700; }
.profile-manage-form textarea[b-n82k1umv8k] { min-height: 120px; }
.profile-manage-form .form-check[b-n82k1umv8k] { min-height: 44px; display: flex; align-items: center; gap: 8px; padding-left: 0; }
.profile-manage-form .form-check-input[b-n82k1umv8k] { margin: 0; flex: 0 0 auto; }
.profile-manage-form .form-check-label[b-n82k1umv8k] { cursor: pointer; }
.profile-manage-form > section[b-n82k1umv8k]  .profile-editor-subsection { min-width: 0; }
.profile-manage-form > section[b-n82k1umv8k]  .profile-editor-subsection > .card-body { padding: 0; }
.profile-manage-form > section[b-n82k1umv8k]  .profile-editor-subsection h2 { font-size: clamp(1.125rem, 1.6vw, 1.4rem); margin-bottom: 16px; }
/* /Components/Pages/Profile/Components/ProfileImageManager.razor.rz.scp.css */
.profile-image-manager[b-erfvz2ypp4] {
    min-width: 0;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-card);
    background: color-mix(in srgb, var(--app-bg) 16%, var(--app-surface));
    box-shadow: none;
}

.profile-image-manager .card-body[b-erfvz2ypp4] {
    padding: 16px;
}

.profile-media-section-header[b-erfvz2ypp4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.15rem;
}

.profile-media-section-header h6[b-erfvz2ypp4] {
    margin: 0 0 .35rem;
    font-weight: 850;
    letter-spacing: -.01em;
}

.profile-media-section-header p[b-erfvz2ypp4] {
    margin: 0;
    color: var(--app-text-muted);
    line-height: 1.45;
}

.profile-media-count-pill[b-erfvz2ypp4] {
    flex: 0 0 auto;
    border: 1px solid rgba(var(--app-primary-rgb), .22);
    border-radius: 999px;
    padding: .42rem .72rem;
    background: rgba(var(--app-primary-rgb), .06);
    color: var(--app-primary);
    font-size: .82rem;
    font-weight: 850;
    white-space: nowrap;
}

.profile-image-manager .profile-image-grid[b-erfvz2ypp4] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 144px), 1fr));
    gap: 1.1rem;
    align-items: stretch;
}

.profile-image-manager .profile-image-tile[b-erfvz2ypp4] {
    position: relative;
    aspect-ratio: 4 / 5;
    min-height: 0;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-lg);
    overflow: hidden;
    background: var(--app-surface-2);
    box-shadow: var(--app-shadow-soft);
}

.profile-image-manager .profile-image-tile[b-erfvz2ypp4]  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    inset: 0;
    display: block;
}

.profile-image-manager .profile-image-tile[b-erfvz2ypp4]::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, .26), transparent 30%, transparent 55%, rgba(0, 0, 0, .62));
    opacity: .78;
}

.profile-image-manager .profile-image-tile.is-primary[b-erfvz2ypp4] {
    border-color: rgba(var(--app-primary-rgb), .85);
    box-shadow:
        0 0 0 3px rgba(var(--app-primary-rgb), .20),
        0 18px 34px rgba(var(--app-primary-rgb), .15);
}

.profile-image-manager .profile-image-main-badge[b-erfvz2ypp4] {
    position: absolute;
    left: .75rem;
    bottom: .75rem;
    z-index: 3;
    display: none;
    align-items: center;
    gap: .38rem;
    max-width: calc(100% - 1.5rem);
    min-height: 2.15rem;
    border-radius: 999px;
    padding: .42rem .72rem;
    background: var(--app-primary);
    color: var(--app-on-primary);
    font-size: .82rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.01em;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .22);
}

.profile-image-manager .profile-image-main-badge span[b-erfvz2ypp4] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-image-manager .profile-image-main-badge[b-erfvz2ypp4]  .app-icon {
    flex: 0 0 auto;
    font-size: 1rem;
    line-height: 1;
}

.profile-image-manager .profile-image-tile.is-primary .profile-image-main-badge[b-erfvz2ypp4] {
    display: inline-flex;
}

.profile-image-manager .profile-image-primary[b-erfvz2ypp4],
.profile-image-manager .profile-image-remove[b-erfvz2ypp4] {
    position: absolute;
    z-index: 4;
    width: 2.25rem;
    height: 2.25rem;
    border: 1px solid rgba(255, 255, 255, .62);
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(8px);
    box-shadow: 0 9px 18px rgba(0, 0, 0, .18);
    transition: transform .16s ease, background .16s ease, opacity .16s ease;
}

.profile-image-manager .profile-image-primary:hover[b-erfvz2ypp4],
.profile-image-manager .profile-image-remove:hover[b-erfvz2ypp4] {
    transform: translateY(-1px);
}

.profile-image-manager .profile-image-primary[b-erfvz2ypp4] {
    top: .75rem;
    left: .75rem;
    background: rgba(0, 0, 0, .48);
}

.profile-image-manager .profile-image-primary[b-erfvz2ypp4]  .app-icon,
.profile-image-manager .profile-image-remove[b-erfvz2ypp4]  .app-icon,
.profile-image-manager .profile-image-primary span[b-erfvz2ypp4],
.profile-image-manager .profile-image-remove span[b-erfvz2ypp4] {
    font-size: 1.08rem;
    line-height: 1;
}

.profile-image-manager .profile-image-tile.is-primary .profile-image-primary[b-erfvz2ypp4] {
    opacity: 0;
    pointer-events: none;
}

.profile-image-manager .profile-image-remove[b-erfvz2ypp4] {
    top: .75rem;
    right: .75rem;
    background: rgba(25, 21, 20, .62);
}

.profile-image-manager .profile-image-remove:hover[b-erfvz2ypp4] {
    background: rgba(220, 53, 69, .96);
}

.profile-image-manager .profile-media-order-controls[b-erfvz2ypp4] {
    position: absolute;
    z-index: 4;
    left: 50%;
    bottom: .65rem;
    display: inline-grid;
    grid-template-columns: 44px minmax(28px, auto) 44px;
    align-items: center;
    min-height: 44px;
    overflow: hidden;
    transform: translateX(-50%);
    border: 1px solid rgba(255, 255, 255, .58);
    border-radius: 999px;
    background: rgba(24, 20, 19, .68);
    color: #fff;
    box-shadow: 0 9px 18px rgba(0, 0, 0, .22);
    backdrop-filter: blur(10px);
}

.profile-image-manager .profile-media-order-controls[hidden][b-erfvz2ypp4] {
    display: none;
}

.profile-image-manager .profile-media-order-button[b-erfvz2ypp4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #fff;
}

.profile-image-manager .profile-media-order-button:not(:disabled):hover[b-erfvz2ypp4] {
    background: rgba(255, 255, 255, .14);
}

.profile-image-manager .profile-media-order-button:focus-visible[b-erfvz2ypp4] {
    outline: 2px solid #fff;
    outline-offset: -3px;
}

.profile-image-manager .profile-media-order-button:disabled[b-erfvz2ypp4] {
    opacity: .38;
}

.profile-image-manager .profile-media-order-button[b-erfvz2ypp4]  .app-icon {
    font-size: 1.35rem;
}

.profile-image-manager .profile-media-order-position[b-erfvz2ypp4] {
    min-width: 28px;
    font-size: .78rem;
    font-weight: 900;
    text-align: center;
}

.profile-image-manager .profile-image-add[b-erfvz2ypp4] {
    cursor: pointer;
    border: 1.5px dashed rgba(var(--app-primary-rgb), .34);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    color: var(--app-primary);
    font-weight: 900;
    text-align: center;
    box-shadow: none;
}

.profile-image-manager .profile-image-add[b-erfvz2ypp4]::after {
    display: none;
}

.profile-image-manager .profile-image-add[b-erfvz2ypp4]  .app-icon {
    font-size: 2.6rem;
    line-height: 1;
}

.profile-image-manager .profile-image-add span[b-erfvz2ypp4] {
    max-width: 10rem;
    line-height: 1.25;
}

.profile-image-manager [data-image-error]:not([hidden])[b-erfvz2ypp4] {
    margin-top: .85rem;
    font-weight: 800;
}


@media (max-width: 720px) {
    .profile-media-section-header[b-erfvz2ypp4] {
        flex-direction: column;
        gap: .65rem;
    }

    .profile-image-manager .profile-image-grid[b-erfvz2ypp4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .8rem;
    }

    .profile-image-manager .profile-image-tile[b-erfvz2ypp4] {
        min-height: 0;
        border-radius: 18px;
    }
}

@media (max-width: 420px) {
    .profile-image-manager .profile-image-tile[b-erfvz2ypp4] {
        min-height: 0;
    }

    .profile-image-manager .profile-image-main-badge[b-erfvz2ypp4] {
        left: .55rem;
        bottom: .55rem;
        max-width: calc(100% - 1.1rem);
        font-size: .76rem;
    }

    .profile-image-manager .profile-image-primary[b-erfvz2ypp4],
    .profile-image-manager .profile-image-remove[b-erfvz2ypp4] {
        top: .55rem;
        width: 2.05rem;
        height: 2.05rem;
    }

    .profile-image-manager .profile-image-primary[b-erfvz2ypp4] { left: .55rem; }
    .profile-image-manager .profile-image-remove[b-erfvz2ypp4] { right: .55rem; }
}
/* /Components/Pages/Profile/Components/ProfileVideoManager.razor.rz.scp.css */

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

.profile-media-section-header h6[b-5z60fmmyk4] {
    margin: 0 0 .35rem;
    font-weight: 800;
}

.profile-media-section-header p[b-5z60fmmyk4] {
    margin: 0;
    color: var(--app-text-muted);
    line-height: 1.45;
}

.profile-media-count-pill[b-5z60fmmyk4] {
    flex: 0 0 auto;
    border: 1px solid rgba(var(--app-primary-rgb), .22);
    border-radius: 999px;
    padding: .42rem .7rem;
    background: rgba(var(--app-primary-rgb), .06);
    color: var(--app-primary);
    font-size: .82rem;
    font-weight: 800;
    white-space: nowrap;
}

@media (max-width: 720px) {
    .profile-media-section-header[b-5z60fmmyk4] {
        flex-direction: column;
        gap: .65rem;
    }
}

.profile-video-manager[b-5z60fmmyk4] {
    min-width: 0;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-card);
    background: color-mix(in srgb, var(--app-bg) 16%, var(--app-surface));
    box-shadow: none;
}

.profile-video-manager .profile-video-list[b-5z60fmmyk4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
    gap: 1rem;
}

.profile-video-manager .profile-video-card[b-5z60fmmyk4],
.profile-video-manager .profile-video-add[b-5z60fmmyk4] {
    border: 1px solid rgba(var(--app-primary-rgb), .18);
    border-radius: 18px;
    background: rgba(var(--app-primary-rgb), .045);
    box-shadow: 0 12px 26px rgba(20, 17, 16, .08);
}

.profile-video-manager .profile-video-card[b-5z60fmmyk4] {
    overflow: hidden;
}

.profile-video-manager .profile-video-frame[b-5z60fmmyk4] {
    aspect-ratio: 16 / 9;
    background: #000;
}

.profile-video-manager .profile-video-card video[b-5z60fmmyk4] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    background: #000;
}

.profile-video-manager .profile-video-meta[b-5z60fmmyk4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    padding: .75rem;
}

.profile-video-manager .profile-video-meta > div:first-child[b-5z60fmmyk4] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: .35rem .75rem;
    color: var(--app-text-muted);
    font-size: .85rem;
    min-width: 0;
}

.profile-video-manager .profile-media-order-controls[b-5z60fmmyk4] {
    display: inline-grid;
    grid-template-columns: 44px minmax(28px, auto) 44px;
    align-items: center;
    justify-self: start;
    min-height: 44px;
    overflow: hidden;
    border: 1px solid rgba(var(--app-primary-rgb), .24);
    border-radius: 999px;
    background: rgba(var(--app-primary-rgb), .06);
}

.profile-video-manager .profile-media-order-controls[hidden][b-5z60fmmyk4] {
    display: none;
}

.profile-video-manager .profile-media-order-button[b-5z60fmmyk4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--app-primary);
}

.profile-video-manager .profile-media-order-button:not(:disabled):hover[b-5z60fmmyk4] {
    background: rgba(var(--app-primary-rgb), .11);
}

.profile-video-manager .profile-media-order-button:focus-visible[b-5z60fmmyk4] {
    outline: 2px solid var(--app-primary);
    outline-offset: -3px;
}

.profile-video-manager .profile-media-order-button:disabled[b-5z60fmmyk4] {
    opacity: .38;
}

.profile-video-manager .profile-media-order-button[b-5z60fmmyk4]  .app-icon {
    font-size: 1.35rem;
}

.profile-video-manager .profile-media-order-position[b-5z60fmmyk4] {
    min-width: 28px;
    font-size: .78rem;
    font-weight: 900;
    text-align: center;
}

.profile-video-manager .profile-video-remove[b-5z60fmmyk4] {
    flex: 0 0 auto;
    width: 2.1rem;
    height: 2.1rem;
    border: 1px solid rgba(var(--bs-danger-rgb), .22);
    border-radius: 999px;
    background: rgba(var(--bs-danger-rgb), .08);
    color: var(--bs-danger);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.profile-video-manager .profile-video-remove:hover[b-5z60fmmyk4] {
    background: var(--bs-danger);
    color: #fff;
}

.profile-video-manager .profile-video-add[b-5z60fmmyk4] {
    min-height: 190px;
    border-style: dashed;
    cursor: pointer;
    color: var(--app-primary);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    font-weight: 900;
    text-align: center;
    box-shadow: none;
}

.profile-video-manager .profile-video-add[b-5z60fmmyk4]  .app-icon,
.profile-video-manager .profile-video-add-icon[b-5z60fmmyk4] {
    font-size: 2.6rem;
    line-height: 1;
}

.profile-video-manager [data-video-error]:not([hidden])[b-5z60fmmyk4] {
    margin-top: .85rem;
    font-weight: 800;
}

@media (max-width: 720px) {
    .profile-video-manager .profile-video-list[b-5z60fmmyk4] {
        grid-template-columns: 1fr;
    }

    .profile-video-manager .profile-media-order-controls[b-5z60fmmyk4] {
        justify-self: start;
    }
}