/* /Components/Admin/AdminSellerLeadDetail.razor.rz.scp.css */
/* Local to this component only (Blazor CSS isolation) -- do not rename to wr-upgrade-overlay/
   wr-upgrade-modal, those class names are scoped to PremiumFeatureModal.razor.css specifically
   and would render completely unstyled here. */
.wr-admin-drawer-overlay[b-6bbc5pi774] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    display: flex;
    justify-content: flex-end;
    z-index: 1000;
}

.wr-admin-drawer[b-6bbc5pi774] {
    background: #fff;
    width: min(480px, 100%);
    height: 100%;
    overflow-y: auto;
    padding: 24px;
    box-shadow: -8px 0 24px rgba(0, 0, 0, 0.15);
}

.wr-admin-drawer-head[b-6bbc5pi774] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.wr-admin-drawer-body label[b-6bbc5pi774] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--wr-ink-500, #334155);
    margin-bottom: 14px;
}

.wr-admin-drawer-body h3[b-6bbc5pi774] {
    margin: 20px 0 8px;
    font-size: 0.95rem;
    color: var(--wr-ink-400, #64748b);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.wr-admin-drawer-body h3:first-child[b-6bbc5pi774] {
    margin-top: 0;
}

.wr-admin-drawer-foot[b-6bbc5pi774] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--wr-border, #e2e8f0);
}

.wr-admin-dialog[b-6bbc5pi774] {
    background: #fff;
    width: min(420px, 92vw);
    margin: auto;
    border-radius: 12px;
    padding: 24px;
    align-self: center;
}

.wr-admin-dialog label[b-6bbc5pi774] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 0.85rem;
    font-weight: 600;
    margin: 14px 0;
}

.wr-admin-dialog-actions[b-6bbc5pi774] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
}

.wr-admin-drawer-overlay:has(.wr-admin-dialog)[b-6bbc5pi774] {
    justify-content: center;
    align-items: center;
}

@media (max-width: 900px) {
    .wr-admin-two-col[b-6bbc5pi774] {
        grid-template-columns: 1fr !important;
    }
}
/* /Components/Admin/AdminSellerLeads.razor.rz.scp.css */
.wr-admin-sl-tabs[b-7oqmiassdh] {
    display: flex;
    gap: 4px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--wr-border, #e2e8f0);
}

.wr-admin-sl-tab[b-7oqmiassdh] {
    background: none;
    border: none;
    padding: 8px 14px;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--wr-ink-400, #64748b);
    cursor: pointer;
    border-bottom: 2px solid transparent;
}

.wr-admin-sl-tab.active[b-7oqmiassdh] {
    color: var(--wr-ink-700, #0f172a);
    border-bottom-color: var(--wr-gold, #d4a537);
}

.wr-admin-sl-filters[b-7oqmiassdh] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-bottom: 16px;
    padding: 12px;
    background: #fff;
    border: 1px solid var(--wr-border, #e2e8f0);
    border-radius: 10px;
}

.wr-admin-sl-pagination[b-7oqmiassdh] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-top: 16px;
    font-size: 0.85rem;
}

.wr-row-menu[b-7oqmiassdh] {
    position: relative;
    display: inline-block;
}

.wr-row-menu > summary[b-7oqmiassdh] {
    list-style: none;
    cursor: pointer;
}

.wr-row-menu > summary[b-7oqmiassdh]::-webkit-details-marker {
    display: none;
}

.wr-row-menu-list[b-7oqmiassdh] {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 20;
    background: #fff;
    border: 1px solid var(--wr-border, #e2e8f0);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    min-width: 160px;
    display: flex;
    flex-direction: column;
    padding: 6px;
}

.wr-row-menu-list a[b-7oqmiassdh],
.wr-row-menu-list button[b-7oqmiassdh] {
    display: block;
    padding: 8px 10px;
    text-align: left;
    background: none;
    border: none;
    font-size: 0.85rem;
    color: var(--wr-ink-700, #0f172a);
    text-decoration: none;
    border-radius: 6px;
    cursor: pointer;
}

.wr-row-menu-list a:hover[b-7oqmiassdh],
.wr-row-menu-list button:hover[b-7oqmiassdh] {
    background: var(--wr-bg-hover, #f1f5f9);
}
/* /Components/Admin/AdminSellerOpportunityConsole.razor.rz.scp.css */
.ai-opp-tabs[b-ic61oit6pz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 1rem 0;
    border-bottom: 1px solid var(--wr-border);
    padding-bottom: 0.5rem;
}

.ai-opp-tab[b-ic61oit6pz] {
    border: none;
    background: none;
    padding: 0.5rem 0.9rem;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--wr-ink-600);
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.ai-opp-tab.active[b-ic61oit6pz] {
    background: var(--wr-accent-soft, #eef2ff);
    color: var(--wr-accent, #4f46e5);
}

.ai-opp-inline-row[b-ic61oit6pz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.ai-opp-modal-ack[b-ic61oit6pz] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8rem;
    color: var(--wr-ink-600);
    cursor: pointer;
    white-space: nowrap;
}
/* /Components/Agents/AiSellerOpportunities.razor.rz.scp.css */
.ai-opp-tabs[b-xg1f9outwn] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 1rem 0;
    border-bottom: 1px solid var(--wr-border);
    padding-bottom: 0.5rem;
}

.ai-opp-tab[b-xg1f9outwn] {
    border: none;
    background: none;
    padding: 0.5rem 0.9rem;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--wr-ink-600);
    cursor: pointer;
}

.ai-opp-tab.active[b-xg1f9outwn] {
    background: var(--wr-accent-soft, #eef2ff);
    color: var(--wr-accent, #4f46e5);
}

.ai-opp-filters[b-xg1f9outwn] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-bottom: 1.25rem;
}

.ai-opp-filters > *[b-xg1f9outwn] {
    min-width: 160px;
}

.ai-opp-grid[b-xg1f9outwn] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

.ai-opp-modal-backdrop[b-xg1f9outwn] {
    position: fixed;
    inset: 0;
    background: rgba(15, 18, 25, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.ai-opp-modal[b-xg1f9outwn] {
    background: var(--wr-surface, #fff);
    border-radius: 16px;
    padding: 1.5rem;
    max-width: 460px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    box-shadow: var(--wr-shadow-md);
}

.ai-opp-modal h3[b-xg1f9outwn] {
    margin: 0;
}

.ai-opp-modal-disclaimer[b-xg1f9outwn] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
    background: color-mix(in srgb, var(--wr-warning, #c98500) 12%, transparent);
    border-radius: 10px;
    padding: 0.7rem 0.85rem;
    font-size: 0.85rem;
    color: var(--wr-ink-700, #344054);
}

.ai-opp-modal-cost[b-xg1f9outwn] {
    display: flex;
    justify-content: space-between;
    font-size: 0.9rem;
}

.ai-opp-modal-ack[b-xg1f9outwn] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.82rem;
    color: var(--wr-ink-600);
    cursor: pointer;
}

.ai-opp-modal-actions[b-xg1f9outwn] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
}
/* /Components/Agents/AiSellerOpportunityCard.razor.rz.scp.css */
.wr-opp-card[b-1qxd1k74w3] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    padding: 1.1rem;
    border: 1px solid var(--wr-border);
    border-radius: 14px;
    background: var(--wr-surface, #fff);
    transition: box-shadow 0.18s ease, transform 0.18s ease;
}

.wr-opp-card:hover[b-1qxd1k74w3] {
    box-shadow: var(--wr-shadow-md);
    transform: translateY(-2px);
}

.wr-opp-card-head[b-1qxd1k74w3] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
}

.wr-opp-card-avatar[b-1qxd1k74w3] {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 0.85rem;
}

.wr-opp-card-title[b-1qxd1k74w3] {
    flex: 1;
    min-width: 0;
}

.wr-opp-card-title h4[b-1qxd1k74w3] {
    margin: 0;
    font-size: 1rem;
}

.wr-opp-card-type[b-1qxd1k74w3] {
    font-size: 0.78rem;
    color: var(--wr-ink-500);
}

.wr-opp-card-meta[b-1qxd1k74w3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: var(--wr-ink-600);
}

.wr-opp-card-meta span[b-1qxd1k74w3] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.ai-opp-score-badge[b-1qxd1k74w3] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 0.95rem;
}

.ai-opp-score-high[b-1qxd1k74w3] { background: color-mix(in srgb, var(--wr-success, #17a34a) 16%, transparent); color: var(--wr-success, #17a34a); }
.ai-opp-score-medium[b-1qxd1k74w3] { background: color-mix(in srgb, var(--wr-warning, #c98500) 16%, transparent); color: var(--wr-warning, #c98500); }
.ai-opp-score-low[b-1qxd1k74w3] { background: var(--wr-surface-2, #f2f3f6); color: var(--wr-ink-500); }

.ai-opp-confidence[b-1qxd1k74w3] {
    font-size: 0.76rem;
    color: var(--wr-ink-500);
}

.wr-opp-card-why[b-1qxd1k74w3] {
    margin: 0;
    padding: 0.6rem 0.75rem;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    background: var(--wr-surface-2, #f8f9fb);
    border-radius: 10px;
}

.wr-opp-card-why li[b-1qxd1k74w3] {
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
    font-size: 0.8rem;
    color: var(--wr-ink-700, #344054);
}

.wr-opp-card-why li i[b-1qxd1k74w3] {
    color: var(--wr-success, #17a34a);
    margin-top: 0.2rem;
    font-size: 0.68rem;
}

.ai-opp-disclaimer[b-1qxd1k74w3] {
    display: flex;
    align-items: flex-start;
    gap: 0.35rem;
    margin: 0;
    font-size: 0.72rem;
    color: var(--wr-ink-500);
    font-style: italic;
}

.wr-opp-card-foot[b-1qxd1k74w3] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.2rem;
    padding-top: 0.65rem;
    border-top: 1px solid var(--wr-border);
}

.wr-opp-card-submitted[b-1qxd1k74w3] {
    font-size: 0.74rem;
    color: var(--wr-ink-500);
}

.wr-opp-card-actions[b-1qxd1k74w3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}
/* /Components/Agents/AiSellerOpportunityDetail.razor.rz.scp.css */
.ai-opp-disclaimer-detail[b-4rm7ocsk1e] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
    background: color-mix(in srgb, var(--wr-warning, #c98500) 12%, transparent);
    border-radius: 10px;
    padding: 0.7rem 0.85rem;
    font-size: 0.85rem;
    color: var(--wr-ink-700, #344054);
    margin-bottom: 16px;
}

.wr-opp-card-meta[b-4rm7ocsk1e] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    font-size: 0.85rem;
    color: var(--wr-ink-600);
}

.wr-opp-card-meta span[b-4rm7ocsk1e] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.wr-opp-card-why[b-4rm7ocsk1e] {
    margin: 0;
    padding: 0.6rem 0.75rem;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    background: var(--wr-surface-2, #f8f9fb);
    border-radius: 10px;
}

.wr-opp-card-why li[b-4rm7ocsk1e] {
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
    font-size: 0.85rem;
    color: var(--wr-ink-700, #344054);
}

.wr-opp-card-why li i[b-4rm7ocsk1e] {
    color: var(--wr-success, #17a34a);
    margin-top: 0.2rem;
    font-size: 0.7rem;
}

.ai-opp-inline-row[b-4rm7ocsk1e] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    align-items: center;
}

.ai-opp-inline-row > *[b-4rm7ocsk1e] {
    min-width: 140px;
}

.ai-opp-script[b-4rm7ocsk1e] {
    white-space: pre-wrap;
    background: var(--wr-surface-2, #f8f9fb);
    border-radius: 10px;
    padding: 0.9rem 1rem;
    font-family: inherit;
    font-size: 0.9rem;
    color: var(--wr-ink-700, #344054);
    margin-top: 0.9rem;
}

.ai-opp-timeline[b-4rm7ocsk1e] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.ai-opp-timeline li[b-4rm7ocsk1e] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: baseline;
    font-size: 0.85rem;
    border-bottom: 1px solid var(--wr-border);
    padding-bottom: 0.5rem;
}

.ai-opp-timeline-date[b-4rm7ocsk1e] {
    margin-left: auto;
    color: var(--wr-ink-500);
    font-size: 0.78rem;
}
/* /Components/Agents/CreateReferral.razor.rz.scp.css */
.wr-form-progress[b-29jk1xc1ve] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 820px;
    gap: 4px;
}

.wr-form-progress-step[b-29jk1xc1ve] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    flex: 1;
    text-align: center;
}

.wr-form-progress-dot[b-29jk1xc1ve] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--wr-surface-2, #f1f3f5);
    color: var(--wr-ink-400, #94a3b8);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.85rem;
    border: 2px solid var(--wr-border, #e2e8f0);
}

.wr-form-progress-step.active .wr-form-progress-dot[b-29jk1xc1ve] {
    background: var(--wr-accent, #2563eb);
    border-color: var(--wr-accent, #2563eb);
    color: #fff;
}

.wr-form-progress-step.done .wr-form-progress-dot[b-29jk1xc1ve] {
    background: var(--wr-success, #16a34a);
    border-color: var(--wr-success, #16a34a);
    color: #fff;
}

.wr-form-progress-label[b-29jk1xc1ve] {
    font-size: 0.72rem;
    color: var(--wr-ink-400, #94a3b8);
}

.wr-form-progress-step.active .wr-form-progress-label[b-29jk1xc1ve] {
    color: var(--wr-ink-900, #0f172a);
    font-weight: 700;
}

@media (max-width: 640px) {
    .wr-form-progress-label[b-29jk1xc1ve] {
        display: none;
    }
}
/* /Components/Agents/SellerOpportunities.razor.rz.scp.css */
.wr-hero-ctas[b-jbnl8uphlf] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin-top: 0.75rem;
}

.wr-opp-toolbar[b-jbnl8uphlf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin: 1rem 0;
}

.wr-opp-search[b-jbnl8uphlf] {
    flex: 1 1 260px;
    min-width: 200px;
}

.wr-opp-toolbar select[b-jbnl8uphlf],
.wr-opp-toolbar input:not(.wr-opp-search)[b-jbnl8uphlf] {
    flex: 0 1 160px;
}

.wr-opp-grid[b-jbnl8uphlf] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1rem;
}

.wr-opp-pagination[b-jbnl8uphlf] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-top: 1.25rem;
    font-size: 0.85rem;
    color: var(--wr-ink-600);
}

.wr-tab-loading[b-jbnl8uphlf] {
    padding: 2rem;
    text-align: center;
    color: var(--wr-ink-500);
}

/* Generic, non-specific social proof shown under the full-page "Professional Opportunities"
   block (PremiumFeatureModal) for a non-entitled agent -- never a real count/city, just a
   trust-building line, matching the same copy used on the dashboard's Opportunity Feed. */
.wr-opp-trust-line[b-jbnl8uphlf] {
    font-size: 0.85rem;
    color: var(--wr-ink-600);
    text-align: center;
    margin-top: 0.75rem;
}
/* /Components/Agents/SellerOpportunityCard.razor.rz.scp.css */
.wr-opp-card[b-73ykobaxis] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    padding: 1.1rem;
    border: 1px solid var(--wr-border);
    border-radius: 14px;
    background: var(--wr-surface, #fff);
    transition: box-shadow 0.18s ease, transform 0.18s ease;
}

.wr-opp-card:hover[b-73ykobaxis] {
    box-shadow: var(--wr-shadow-md);
    transform: translateY(-2px);
}

.wr-opp-card-head[b-73ykobaxis] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
}

.wr-opp-card-avatar[b-73ykobaxis] {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 0.85rem;
}

.wr-opp-card-title[b-73ykobaxis] {
    flex: 1;
    min-width: 0;
}

.wr-opp-card-title h4[b-73ykobaxis] {
    margin: 0;
    font-size: 1rem;
}

.wr-opp-card-type[b-73ykobaxis] {
    font-size: 0.78rem;
    color: var(--wr-ink-500);
}

.wr-opp-card-temp[b-73ykobaxis] {
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0.25rem 0.55rem;
    border-radius: 999px;
    white-space: nowrap;
}

.wr-opp-card-temp-hot[b-73ykobaxis] { background: color-mix(in srgb, #e0382d 14%, transparent); color: #b5271d; }
.wr-opp-card-temp-qualified[b-73ykobaxis] { background: color-mix(in srgb, var(--wr-success, #17a34a) 14%, transparent); color: var(--wr-success, #17a34a); }
.wr-opp-card-temp-warm[b-73ykobaxis] { background: color-mix(in srgb, var(--wr-warning, #c98500) 14%, transparent); color: var(--wr-warning, #c98500); }
.wr-opp-card-temp-nurture[b-73ykobaxis], .wr-opp-card-temp-new[b-73ykobaxis], .wr-opp-card-temp-cold[b-73ykobaxis] {
    background: var(--wr-surface-2, #f2f3f6);
    color: var(--wr-ink-500);
}

.wr-opp-card-meta[b-73ykobaxis] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: var(--wr-ink-600);
}

.wr-opp-card-meta span[b-73ykobaxis] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.wr-opp-card-pill[b-73ykobaxis] {
    background: var(--wr-surface-2, #f2f3f6);
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    font-size: 0.72rem;
}

.wr-opp-card-value-row[b-73ykobaxis] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
}

.wr-opp-card-value[b-73ykobaxis] {
    font-size: 1.2rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.wr-opp-card-timeframe[b-73ykobaxis] {
    font-size: 0.8rem;
    color: var(--wr-ink-600);
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.wr-opp-card-match[b-73ykobaxis] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.wr-opp-card-match-ring[b-73ykobaxis] {
    --score: 0;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: conic-gradient(var(--wr-accent) calc(var(--score) * 1%), var(--wr-border) 0);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
}

.wr-opp-card-match-ring span[b-73ykobaxis] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--wr-surface, #fff);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.68rem;
    font-weight: 800;
}

.wr-opp-card-match-label[b-73ykobaxis] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--wr-ink-600);
}

.wr-opp-card-why[b-73ykobaxis] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    background: var(--wr-surface-2, #f8f9fb);
    border-radius: 10px;
    padding: 0.6rem 0.75rem;
}

.wr-opp-card-why li[b-73ykobaxis] {
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
    font-size: 0.8rem;
    color: var(--wr-ink-700, #344054);
}

.wr-opp-card-why li i[b-73ykobaxis] {
    color: var(--wr-success, #17a34a);
    margin-top: 0.2rem;
    font-size: 0.68rem;
}

.wr-opp-card-foot[b-73ykobaxis] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.2rem;
    padding-top: 0.65rem;
    border-top: 1px solid var(--wr-border);
}

.wr-opp-card-submitted[b-73ykobaxis] {
    font-size: 0.74rem;
    color: var(--wr-ink-500);
}

.wr-opp-card-actions[b-73ykobaxis] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

/* A normal, expected disabled-control state on a UI action -- distinct from dimming real
   informational content (price/score/location stay fully vivid on a locked card; only the button
   that genuinely can't be used yet looks disabled). */
.wr-opp-card-locked-btn:disabled[b-73ykobaxis] {
    color: var(--wr-ink-400);
    border-color: var(--wr-border);
    background: var(--wr-surface-2, #f2f3f6);
    cursor: not-allowed;
}
/* /Components/Agents/SellerOpportunityClaimDialog.razor.rz.scp.css */
/* .wr-upgrade-overlay/.wr-upgrade-modal are Blazor CSS-isolation-scoped to PremiumFeatureModal.razor
   specifically (confirmed: the compiled selector carries PremiumFeatureModal's own [b-xxxx] scope
   attribute) -- reusing the class names from a different component renders unstyled. Redefined
   here, matching that component's exact visual design, since this dialog renders its own overlay
   shell rather than embedding <PremiumFeatureModal> (which only supports its own locked/upgrade
   card, not a Confirm/Cancel claim flow for the allowed case). PremiumFeatureCardContent's *inner*
   classes (.wr-upgrade-icon etc.) are safe to reuse as-is -- those are scoped to
   PremiumFeatureCardContent.razor itself, which is the component actually rendering them here. */
.wr-upgrade-overlay[b-nft0np1gwt] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    z-index: 1000;
}

.wr-upgrade-modal[b-nft0np1gwt] {
    background: var(--wr-surface);
    border: 1px solid var(--wr-border);
    border-radius: var(--wr-radius-lg, 12px);
    box-shadow: 0 24px 60px rgba(16, 24, 40, 0.35);
    padding: var(--wr-space-5, 24px);
    max-width: 440px;
    width: 100%;
    text-align: center;
}

.wr-opp-claim-modal[b-nft0np1gwt] {
    width: min(460px, 92vw);
    text-align: left;
}

.wr-opp-claim-modal h3[b-nft0np1gwt] {
    margin: 0 0 0.6rem;
}

.wr-opp-claim-summary[b-nft0np1gwt] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    background: var(--wr-surface-2, #f8f9fb);
    border-radius: 10px;
    padding: 0.75rem 0.9rem;
    font-size: 0.88rem;
    margin-bottom: 0.75rem;
}

.wr-opp-claim-note[b-nft0np1gwt] {
    font-size: 0.84rem;
    color: var(--wr-ink-600);
    margin: 0 0 1rem;
}

.wr-opp-claim-actions[b-nft0np1gwt] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    flex-wrap: wrap;
}
/* /Components/DashboardV2/ActivityFeedPanel.razor.rz.scp.css */
.wr-activity-feed-panel-wrap[b-y2k66x8txf] {
    display: flex;
    flex-direction: column;
}

.wr-activity-feed-body[b-y2k66x8txf] {
    padding: 0.3rem 0 0;
    overflow-y: auto;
    max-height: 420px;
}

.wr-activity-row[b-y2k66x8txf] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.7rem 0.2rem;
    border-bottom: 1px solid var(--wr-border);
    opacity: 0;
    transform: translateY(6px);
    animation: wrActivityRowIn-b-y2k66x8txf 0.4s var(--wr-ease, ease) forwards;
}

.wr-activity-row:nth-child(1)[b-y2k66x8txf] { animation-delay: 0.03s; }
.wr-activity-row:nth-child(2)[b-y2k66x8txf] { animation-delay: 0.08s; }
.wr-activity-row:nth-child(3)[b-y2k66x8txf] { animation-delay: 0.13s; }
.wr-activity-row:nth-child(4)[b-y2k66x8txf] { animation-delay: 0.18s; }
.wr-activity-row:nth-child(n+5)[b-y2k66x8txf] { animation-delay: 0.23s; }

@keyframes wrActivityRowIn-b-y2k66x8txf {
    to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
    .wr-activity-row[b-y2k66x8txf] {
        animation: none;
        opacity: 1;
        transform: none;
    }
}

.wr-activity-row:last-child[b-y2k66x8txf] {
    border-bottom: none;
}

.wr-activity-ico[b-y2k66x8txf] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--wr-surface-2);
    color: var(--wr-accent-ink);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.78rem;
    flex: none;
    margin-top: 0.1rem;
}

.wr-activity-text[b-y2k66x8txf] {
    flex: 1;
    min-width: 0;
    font-size: 0.83rem;
    font-weight: 550;
    color: var(--wr-ink-900);
    line-height: 1.45;
}

.wr-activity-time[b-y2k66x8txf] {
    font-size: 0.68rem;
    font-family: var(--wr-font-mono);
    color: var(--wr-ink-400);
    white-space: nowrap;
    flex: none;
    margin-top: 0.15rem;
}
/* /Components/DashboardV2/AiSellerOpportunitiesCard.razor.rz.scp.css */
.ai-dash-head[b-huxvemx2yy] {
    display: flex;
    align-items: baseline;
    gap: 0.6rem;
    margin-bottom: 0.9rem;
}

.ai-dash-head h2[b-huxvemx2yy] {
    font-size: 1.15rem;
    font-weight: 800;
    margin: 0;
    color: var(--wr-ink-900);
}

.ai-dash-stats[b-huxvemx2yy] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.6rem;
    margin-bottom: 0.9rem;
}

.ai-dash-stat[b-huxvemx2yy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
    border: 1px solid var(--wr-border);
    border-radius: 12px;
    padding: 0.7rem 0.4rem;
    background: var(--wr-surface-2, #f8f9fb);
    text-decoration: none;
}

.ai-dash-stat-value[b-huxvemx2yy] {
    font-size: 1.3rem;
    font-weight: 800;
    font-family: var(--wr-font-mono);
    color: var(--wr-ink-900);
}

.ai-dash-stat-label[b-huxvemx2yy] {
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--wr-ink-600);
    text-align: center;
}

.ai-dash-top-match[b-huxvemx2yy] {
    display: flex;
    gap: 0.7rem;
    align-items: flex-start;
    background: var(--wr-accent-soft, #eef2ff);
    border-radius: 12px;
    padding: 0.7rem 0.9rem;
    margin-bottom: 0.9rem;
}

.ai-dash-top-match-score[b-huxvemx2yy] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--wr-surface, #fff);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    flex: none;
}

.ai-dash-top-match p[b-huxvemx2yy] {
    margin: 2px 0 0;
    font-size: 0.78rem;
    color: var(--wr-ink-600);
}

.ai-dash-empty[b-huxvemx2yy] {
    color: var(--wr-ink-600);
    font-size: 0.85rem;
    margin: 0 0 0.9rem;
}
/* /Components/DashboardV2/DailyBriefHero.razor.rz.scp.css */
/* Compact command card -- polish pass tightened this further (padding/margins below all reduced)
   so the header reads as "useful information," not a decorative banner eating vertical space above
   the fold. Subtle dot-grid "network" texture (via .wr-brief-pattern) replaces the two large
   blurred gradient orbs the old hero used -- kept (it costs zero extra height, being an absolutely-
   positioned background layer) but everything that DOES cost height -- padding, line spacing -- was
   cut down. */
.wr-brief[b-v8hkj7tjdo] {
    position: relative;
    overflow: hidden;
    padding: 0.95rem 1.4rem;
    border-radius: var(--v2-radius-xl, 20px);
    color: #e8ecf5;
    background: linear-gradient(165deg, var(--wr-deck-950, #0a0f1e) 0%, var(--wr-deck-900, #101830) 65%, var(--wr-deck-850, #161f3d) 100%);
    box-shadow: var(--v2-glow, 0 24px 70px -20px rgba(74, 58, 167, 0.45));
}

/* Dot-grid network texture -- two overlaid radial-gradient dot patterns at different spacing,
   masked to fade out toward the left so it reads as a subtle background texture on the right side
   of the card, never competing with the text. */
.wr-brief-pattern[b-v8hkj7tjdo] {
    position: absolute;
    inset: 0;
    background-image:
        radial-gradient(circle, rgba(139, 107, 255, 0.35) 1.5px, transparent 1.5px),
        radial-gradient(circle, rgba(62, 123, 250, 0.28) 1px, transparent 1px);
    background-size: 34px 34px, 22px 22px;
    background-position: 0 0, 11px 11px;
    -webkit-mask-image: linear-gradient(100deg, transparent 0%, transparent 35%, #000 75%);
    mask-image: linear-gradient(100deg, transparent 0%, transparent 35%, #000 75%);
    pointer-events: none;
}

.wr-brief-content[b-v8hkj7tjdo] {
    position: relative;
}

.wr-brief-eyebrow[b-v8hkj7tjdo] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--wr-ai-2, #b39cff);
    margin-bottom: 0.4rem;
}

.wr-brief-eyebrow[b-v8hkj7tjdo]::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--wr-success);
    animation: wrActivityPulse 1.8s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
    .wr-brief-eyebrow[b-v8hkj7tjdo]::before {
        animation: none;
    }
}

.wr-brief h2[b-v8hkj7tjdo] {
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin: 0 0 0.25rem;
}

.wr-brief-meta[b-v8hkj7tjdo] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #b7c0e0;
    font-size: 0.8rem;
    font-weight: 600;
    margin: 0 0 0.45rem;
}

.wr-brief-meta-sep[b-v8hkj7tjdo] {
    opacity: 0.5;
}

.wr-brief-insight[b-v8hkj7tjdo] {
    color: #dde2f0;
    font-size: 0.9rem;
    max-width: 60ch;
    line-height: 1.4;
    margin: 0 0 0.35rem;
}

.wr-brief-value[b-v8hkj7tjdo] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    color: #b7c0e0;
    font-size: 0.83rem;
    margin: 0 0 0.75rem;
}

.wr-brief-value i[b-v8hkj7tjdo] {
    color: var(--wr-money, #e7a83d);
}

.wr-brief-value span[b-v8hkj7tjdo] {
    color: var(--wr-money, #e7a83d);
    font-family: var(--wr-font-mono);
    font-weight: 700;
}

.wr-brief-actions[b-v8hkj7tjdo] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.wr-brief-btn-primary[b-v8hkj7tjdo] {
    background: linear-gradient(120deg, var(--wr-accent, #3e7bfa), var(--wr-ai, #8b6bff));
    color: #fff;
    border: none;
    font-family: inherit;
    font-weight: 700;
    cursor: pointer;
    padding: 0.55rem 1.2rem;
    box-shadow: 0 8px 22px -8px rgba(62, 123, 250, 0.6);
}

.wr-brief-btn-primary:hover[b-v8hkj7tjdo] {
    filter: brightness(1.08);
}

.wr-brief-btn-outline[b-v8hkj7tjdo] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: rgba(232, 236, 245, 0.08);
    color: #fff;
    border: 1px solid rgba(232, 236, 245, 0.14);
    font-family: inherit;
    font-size: 0.88rem;
    cursor: pointer;
    padding: 0.5rem 0.9rem;
}

.wr-brief-btn-outline:hover[b-v8hkj7tjdo] {
    background: rgba(232, 236, 245, 0.14);
}

@media (max-width: 720px) {
    .wr-brief-actions[b-v8hkj7tjdo] {
        width: 100%;
    }

    .wr-brief-actions .wr-btn[b-v8hkj7tjdo] {
        flex: 1;
        justify-content: center;
    }
}
/* /Components/DashboardV2/DashboardKpiStrip.razor.rz.scp.css */
.wr-kpi-strip[b-kpeauk60e6] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.9rem;
}

.wr-kpi-tile[b-kpeauk60e6] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    background: var(--wr-surface, #fff);
    border: 1px solid var(--wr-border);
    border-radius: var(--wr-radius-lg, 16px);
    padding: 1.1rem 1.2rem;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: box-shadow 0.18s var(--wr-ease, ease), transform 0.18s var(--wr-ease, ease), border-color 0.18s var(--wr-ease, ease);
}

/* A thin top rule in the tile's own category color -- a real, glanceable status signal (which
   metric is which) rather than a fabricated up/down trend arrow this data doesn't support. */
.wr-kpi-tile[b-kpeauk60e6]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--wr-kpi-accent, var(--wr-accent));
}

.wr-kpi-tile:hover[b-kpeauk60e6] {
    box-shadow: var(--wr-shadow-md, var(--wr-shadow-sm));
    border-color: var(--wr-kpi-accent, var(--wr-accent));
    transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
    .wr-kpi-tile[b-kpeauk60e6] {
        transition: none;
    }

    .wr-kpi-tile:hover[b-kpeauk60e6] {
        transform: none;
    }
}

.wr-kpi-tile-blue[b-kpeauk60e6] { --wr-kpi-accent: var(--wr-cat-1, #2a78d6); }
.wr-kpi-tile-gold[b-kpeauk60e6] { --wr-kpi-accent: var(--wr-cat-3, #eda100); }
.wr-kpi-tile-green[b-kpeauk60e6] { --wr-kpi-accent: var(--wr-cat-2, #1baf7a); }
.wr-kpi-tile-violet[b-kpeauk60e6] { --wr-kpi-accent: var(--wr-cat-4, #4a3aa7); }

.wr-kpi-tile-icon[b-kpeauk60e6] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--wr-kpi-accent, var(--wr-accent)) 14%, white);
    color: var(--wr-kpi-accent, var(--wr-accent-ink));
}

.wr-kpi-tile-value[b-kpeauk60e6] {
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
    font-family: var(--wr-font-mono);
    color: var(--wr-ink-900);
    letter-spacing: -0.02em;
}

.wr-kpi-tile-label[b-kpeauk60e6] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--wr-ink-600);
}

/* Professional-only tile (Open Referrals/Seller Opportunities) for a Free agent -- muted accent
   and no real number, just the upgrade prompt in place of the value. */
.wr-kpi-tile-locked[b-kpeauk60e6] {
    --wr-kpi-accent: var(--wr-ink-400);
}

.wr-kpi-tile-locked .wr-kpi-tile-icon[b-kpeauk60e6] {
    background: var(--wr-surface-2, #f2f4f7);
    color: var(--wr-ink-400);
}

.wr-kpi-tile-value-locked[b-kpeauk60e6] {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--wr-ink-600);
    font-family: inherit;
    letter-spacing: normal;
}

@media (max-width: 900px) {
    .wr-kpi-strip[b-kpeauk60e6] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 460px) {
    .wr-kpi-strip[b-kpeauk60e6] {
        grid-template-columns: 1fr;
    }
}
/* /Components/DashboardV2/MarketAdvisorCard.razor.rz.scp.css */
/* Same "AI-flavored card" treatment as ProfileAiTipCard.razor.css (tinted --wr-ai-soft
   background, --wr-ai icon, --wr-cat-4 header text) -- this app's established look for an
   AI-adjacent panel, not a new invented color. */
.wr-market-advisor-card[b-47aghotpcj] {
    box-shadow: var(--wr-shadow-sm);
    background: var(--wr-ai-soft, rgba(139, 107, 255, 0.08));
    border: 1px solid rgba(139, 107, 255, 0.25);
    border-radius: var(--wr-radius-lg);
    padding: 1rem 1.1rem 1.1rem;
}

.wr-market-advisor-head[b-47aghotpcj] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--wr-cat-4, #4a3aa7);
    margin-bottom: 0.6rem;
}

.wr-market-advisor-head i[b-47aghotpcj] {
    color: var(--wr-ai, #8b6bff);
}

.wr-market-advisor-fee-row[b-47aghotpcj] {
    display: flex;
    align-items: baseline;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.wr-market-advisor-fee-value[b-47aghotpcj] {
    font-size: 1.9rem;
    font-weight: 800;
    line-height: 1;
}

.wr-market-advisor-tier-badge[b-47aghotpcj] {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    background: var(--wr-surface);
    color: var(--wr-ink-600);
    border: 1px solid var(--wr-border);
}

.wr-market-advisor-tier-yourpreference[b-47aghotpcj] {
    color: var(--wr-accent-ink, #184f95);
    background: var(--wr-accent-soft, #eaf1fc);
    border-color: transparent;
}

.wr-market-advisor-tier-marketdata[b-47aghotpcj] {
    color: #0f7a4d;
    background: rgba(47, 212, 138, 0.14);
    border-color: transparent;
}

.wr-market-advisor-explanation[b-47aghotpcj] {
    font-size: 0.84rem;
    color: var(--wr-ink-900);
    line-height: 1.5;
    margin: 0.5rem 0 0.7rem;
}

.wr-market-advisor-chart[b-47aghotpcj] {
    margin-bottom: 0.7rem;
}

.wr-market-advisor-quick-prompts[b-47aghotpcj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-bottom: 0.8rem;
}

.wr-quick-prompt-chip[b-47aghotpcj] {
    font-family: inherit;
    font-size: 0.74rem;
    font-weight: 600;
    color: var(--wr-cat-4, #4a3aa7);
    background: var(--wr-surface, #fff);
    border: 1px solid rgba(139, 107, 255, 0.3);
    border-radius: 999px;
    padding: 0.35rem 0.7rem;
    cursor: pointer;
    transition: background 0.15s var(--wr-ease, ease), border-color 0.15s var(--wr-ease, ease);
}

.wr-quick-prompt-chip:hover[b-47aghotpcj] {
    background: var(--wr-ai-soft, rgba(139, 107, 255, 0.08));
    border-color: var(--wr-ai, #8b6bff);
}

.wr-market-advisor-actions[b-47aghotpcj] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    flex-wrap: wrap;
}
/* /Components/DashboardV2/MembershipCard.razor.rz.scp.css */
.wr-membership-card[b-k086qo3y4o] {
    background: var(--wr-surface);
    border: 1px solid var(--wr-border);
    border-radius: var(--wr-radius-lg);
    box-shadow: var(--wr-shadow-sm);
    padding: 1.1rem 1.15rem 1.2rem;
}

.wr-membership-head[b-k086qo3y4o] {
    margin-bottom: 0.7rem;
}

.wr-membership-plan[b-k086qo3y4o] {
    font-size: 1rem;
    font-weight: 800;
    color: var(--wr-ink-900);
}

.wr-membership-section-label[b-k086qo3y4o] {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--wr-ink-400);
    margin-bottom: 0.4rem;
}

.wr-membership-list[b-k086qo3y4o] {
    list-style: none;
    margin: 0 0 0.9rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.wr-membership-list li[b-k086qo3y4o] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.84rem;
}

.wr-membership-list-active li[b-k086qo3y4o] {
    color: var(--wr-ink-900);
}

.wr-membership-list-active i[b-k086qo3y4o] {
    color: var(--wr-success);
    font-size: 0.78rem;
}

.wr-membership-list-locked li[b-k086qo3y4o] {
    color: var(--wr-ink-600);
}

.wr-membership-list-locked i[b-k086qo3y4o] {
    color: var(--wr-ink-400);
    font-size: 0.72rem;
}
/* /Components/DashboardV2/OpportunityFeed.razor.rz.scp.css */
/* .wr-dash-main is a flex column (see DashboardV2.razor.css) -- each of its children is a flex
   item with a default min-width:auto, so without this, the tab row's intrinsic content width
   (3 tab labels at once) could grow this whole card past the viewport at narrow widths and push
   the entire page into horizontal scroll, even though .wr-opp-feed-tabs itself already has its
   own overflow-x:auto (that only ever helps once ITS container stops growing to fit it). */
.wr-opp-feed[b-jr359kmqvv] {
    min-width: 0;
}

.wr-opp-feed-head[b-jr359kmqvv] {
    display: flex;
    align-items: baseline;
    gap: 0.6rem;
    margin-bottom: 0.7rem;
}

/* Generic, non-specific social proof shown under the "Professional Opportunities" full-block
   preview (see OpportunityFeed.razor) -- never a real count/city, just a trust-building line. */
.wr-opp-feed-trust-line[b-jr359kmqvv] {
    font-size: 0.82rem;
    color: var(--wr-ink-600);
    text-align: center;
    margin: 0.7rem 0 0;
}

.wr-opp-feed-head h2[b-jr359kmqvv] {
    font-size: 1.15rem;
    font-weight: 800;
    margin: 0;
    color: var(--wr-ink-900);
}

.wr-opp-feed-tabs[b-jr359kmqvv] {
    display: flex;
    gap: 0.4rem;
    margin-bottom: 0.8rem;
    border-bottom: 1px solid var(--wr-border);
    overflow-x: auto;
}

.wr-opp-feed-tab[b-jr359kmqvv] {
    font-family: inherit;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--wr-ink-600);
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 0.5rem 0.7rem;
    cursor: pointer;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.wr-opp-feed-tab:hover[b-jr359kmqvv] {
    color: var(--wr-ink-900);
}

.wr-opp-feed-tab.active[b-jr359kmqvv] {
    color: var(--wr-accent-ink, #184f95);
    border-bottom-color: var(--wr-accent, #3e7bfa);
}

.wr-opp-feed-tab-count[b-jr359kmqvv] {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--wr-ink-400);
    background: var(--wr-surface-2, #f8f9fb);
    border-radius: 999px;
    padding: 0.1rem 0.45rem;
}

.wr-opp-feed-tab.active .wr-opp-feed-tab-count[b-jr359kmqvv] {
    color: var(--wr-accent-ink, #184f95);
    background: var(--wr-accent-soft, #eaf1fc);
}

.wr-opp-feed-list[b-jr359kmqvv] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.wr-opp-feed-row[b-jr359kmqvv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border: 1px solid var(--wr-border);
    border-radius: 12px;
    padding: 0.6rem 0.8rem;
    background: var(--wr-surface, #fff);
    min-width: 0;
    transition: box-shadow 0.15s var(--wr-ease, ease);
}

.wr-opp-feed-row:hover[b-jr359kmqvv] {
    box-shadow: var(--wr-shadow-sm);
}

.wr-opp-feed-row-avatar[b-jr359kmqvv] {
    width: 30px;
    height: 30px;
    border-radius: 9px;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.wr-opp-feed-row-main[b-jr359kmqvv] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.wr-opp-feed-row-top[b-jr359kmqvv] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    min-width: 0;
}

.wr-opp-feed-row-type[b-jr359kmqvv] {
    font-size: 0.62rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 800;
    padding: 0.1rem 0.4rem;
    border-radius: 5px;
    flex: none;
}

.wr-opp-feed-row-type-seller[b-jr359kmqvv] {
    background: #fdf1da;
    color: #a56d00;
}

.wr-opp-feed-row-type-referral[b-jr359kmqvv] {
    background: var(--wr-accent-soft, #eaf1fc);
    color: var(--wr-accent-ink, #184f95);
}

.wr-opp-feed-row-loc[b-jr359kmqvv] {
    font-size: 0.86rem;
    color: var(--wr-ink-900);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wr-opp-feed-row-meta[b-jr359kmqvv] {
    font-size: 0.76rem;
    color: var(--wr-ink-600);
    white-space: nowrap;
}

.wr-opp-feed-row-badge[b-jr359kmqvv] {
    font-size: 0.66rem;
    font-weight: 700;
    padding: 0.08rem 0.4rem;
    border-radius: 999px;
    margin-left: auto;
    flex: none;
}

.wr-opp-feed-row-why[b-jr359kmqvv] {
    font-size: 0.76rem;
    color: var(--wr-ink-600);
    display: flex;
    align-items: center;
    gap: 0.35rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wr-opp-feed-row-why i[b-jr359kmqvv] {
    color: var(--wr-ai, #8b6bff);
    font-size: 0.68rem;
    flex: none;
}

.wr-opp-feed-row-score[b-jr359kmqvv] {
    --score: 0;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    flex: none;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: conic-gradient(var(--wr-accent) calc(var(--score) * 1%), var(--wr-border) 0);
}

.wr-opp-feed-row-score[b-jr359kmqvv]::before {
    content: "";
    position: absolute;
    inset: 2.5px;
    border-radius: 50%;
    background: var(--wr-surface, #fff);
}

.wr-opp-feed-row-score span[b-jr359kmqvv] {
    position: relative;
    font-size: 0.62rem;
    font-weight: 800;
    color: var(--wr-accent-ink);
}

.wr-opp-feed-row-figures[b-jr359kmqvv] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex: none;
    min-width: 70px;
}

.wr-opp-feed-row-money[b-jr359kmqvv] {
    font-size: 0.9rem;
    font-weight: 800;
    font-family: var(--wr-font-mono);
    color: #a56d00;
}

.wr-opp-feed-row-age[b-jr359kmqvv] {
    font-size: 0.68rem;
    color: var(--wr-ink-400);
}

.wr-opp-feed-row-action[b-jr359kmqvv] {
    flex: none;
}

.wr-spotlight-badge-hot[b-jr359kmqvv] { background: #fde5e0; color: #b8401d; }
.wr-spotlight-badge-green[b-jr359kmqvv] { background: #e2f6ea; color: #157a42; }
.wr-spotlight-badge-warm[b-jr359kmqvv] { background: #fdf1da; color: #a56d00; }
.wr-spotlight-badge-cool[b-jr359kmqvv] { background: var(--wr-accent-soft, #eaf1fc); color: var(--wr-accent-ink, #184f95); }

.wr-opp-feed-banner[b-jr359kmqvv] {
    margin-top: 0.9rem;
}

@media (max-width: 900px) {
    .wr-opp-feed-row[b-jr359kmqvv] {
        flex-wrap: wrap;
        row-gap: 0.5rem;
    }

    .wr-opp-feed-row-main[b-jr359kmqvv] {
        order: 1;
        flex-basis: calc(100% - 44px);
    }

    .wr-opp-feed-row-score[b-jr359kmqvv] {
        order: 2;
    }

    .wr-opp-feed-row-figures[b-jr359kmqvv] {
        order: 3;
        flex-direction: row;
        align-items: center;
        gap: 0.5rem;
        min-width: 0;
    }

    .wr-opp-feed-row-action[b-jr359kmqvv] {
        order: 4;
        margin-left: auto;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
    }
}
/* /Components/DashboardV2/ProfileAiTipCard.razor.rz.scp.css */
.wr-ai-tip-card[b-6hp9x5tsu2] {
    background: var(--wr-ai-soft, rgba(139, 107, 255, 0.08));
    border: 1px solid rgba(139, 107, 255, 0.25);
    border-radius: var(--wr-radius-lg);
    box-shadow: var(--wr-shadow-sm);
    padding: 1rem 1.1rem 1.1rem;
}

.wr-ai-tip-head[b-6hp9x5tsu2] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--wr-cat-4, #4a3aa7);
    margin-bottom: 0.5rem;
}

.wr-ai-tip-head i[b-6hp9x5tsu2] {
    color: var(--wr-ai, #8b6bff);
}

.wr-ai-tip-text[b-6hp9x5tsu2] {
    font-size: 0.85rem;
    color: var(--wr-ink-900);
    line-height: 1.5;
    margin: 0 0 0.8rem;
}

.wr-ai-tip-actions[b-6hp9x5tsu2] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}
/* /Components/DashboardV2/QuickActionsCard.razor.rz.scp.css */
.wr-quick-actions-card[b-4chlj73d35] {
    background: var(--wr-surface);
    border: 1px solid var(--wr-border);
    border-radius: var(--wr-radius-lg);
    box-shadow: var(--wr-shadow-sm);
    padding: 1rem 0.7rem 0.6rem;
    display: flex;
    flex-direction: column;
}

.wr-quick-actions-title[b-4chlj73d35] {
    font-size: 0.95rem;
    font-weight: 650;
    color: var(--wr-ink-900);
    padding: 0 0.4rem;
    margin-bottom: 0.4rem;
}

.wr-quick-actions-link[b-4chlj73d35] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.6rem 0.4rem;
    border-radius: 9px;
    color: var(--wr-ink-900);
    font-size: 0.86rem;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.15s ease;
}

.wr-quick-actions-link:hover[b-4chlj73d35] {
    background: var(--wr-surface-2);
}

.wr-quick-actions-ico[b-4chlj73d35] {
    width: 32px;
    height: 32px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--wr-accent-soft);
    color: var(--wr-accent-ink);
    font-size: 0.82rem;
    flex: none;
}
/* /Components/DashboardV2/RecommendedAgentsPanel.razor.rz.scp.css */
.wr-recommended-agents-grid[b-ss3s64j942] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1rem;
    margin-top: 0.9rem;
}

.wr-recommended-agent-item[b-ss3s64j942] {
    display: flex;
    flex-direction: column;
}

.wr-recommended-agent-reasons[b-ss3s64j942] {
    list-style: none;
    margin: 0.5rem 0 0;
    padding: 0.6rem 0.7rem;
    background: var(--wr-surface-2, #f8f9fb);
    border: 1px solid var(--wr-border);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.wr-recommended-agent-reasons li[b-ss3s64j942] {
    font-size: 0.76rem;
    color: var(--wr-ink-600);
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
}

.wr-recommended-agent-reasons li i[b-ss3s64j942] {
    color: var(--wr-success, #0ca30c);
    font-size: 0.68rem;
    margin-top: 0.2rem;
}
/* /Components/DashboardV2/ReferralActivityCard.razor.rz.scp.css */
.wr-referral-activity-stats[b-ecrw6i6n8f] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.7rem;
    padding: 1rem 1.15rem 0;
}

.wr-referral-activity-stat[b-ecrw6i6n8f] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.3rem;
    padding: 0.8rem 0.75rem;
    border-radius: 12px;
    background: var(--wr-surface-2);
}

.wr-referral-activity-stat-ico[b-ecrw6i6n8f] {
    width: 26px;
    height: 26px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--wr-accent-soft);
    color: var(--wr-accent-ink);
    font-size: 0.72rem;
}

.wr-referral-activity-stat-ico-warn[b-ecrw6i6n8f] {
    background: rgba(201, 133, 0, 0.14);
    color: var(--wr-warning, #c98500);
}

.wr-referral-activity-stat-ico-success[b-ecrw6i6n8f] {
    background: rgba(47, 212, 138, 0.14);
    color: var(--wr-success);
}

.wr-referral-activity-stat-value[b-ecrw6i6n8f] {
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--wr-ink-900);
    font-family: var(--wr-font-mono);
}

.wr-referral-activity-stat-label[b-ecrw6i6n8f] {
    font-size: 0.68rem;
    font-weight: 650;
    color: var(--wr-ink-600);
    line-height: 1.25;
}

.wr-referral-activity-feed[b-ecrw6i6n8f] {
    padding: 0.5rem 1.15rem 0;
}

.wr-referral-activity-actions[b-ecrw6i6n8f] {
    display: flex;
    gap: 0.6rem;
    justify-content: flex-end;
    padding: 0.9rem 1.15rem 1.1rem;
}

@media (max-width: 640px) {
    .wr-referral-activity-stats[b-ecrw6i6n8f] {
        grid-template-columns: repeat(2, 1fr);
    }

    .wr-referral-activity-actions[b-ecrw6i6n8f] {
        justify-content: stretch;
    }

    .wr-referral-activity-actions .wr-btn[b-ecrw6i6n8f] {
        flex: 1;
        justify-content: center;
    }
}
/* /Components/DashboardV2/ReferralPipelineSummary.razor.rz.scp.css */
.wr-pipeline-card[b-3g74amkiqt] {
    background: var(--wr-surface, #fff);
    border: 1px solid var(--wr-border);
    border-radius: var(--wr-radius-lg, 16px);
    box-shadow: var(--wr-shadow-sm);
    padding: 1.1rem 1.2rem 1.3rem;
}

.wr-pipeline-head[b-3g74amkiqt] {
    display: flex;
    align-items: baseline;
    gap: 0.6rem;
    margin-bottom: 0.9rem;
}

.wr-pipeline-head h2[b-3g74amkiqt] {
    font-size: 1.15rem;
    font-weight: 800;
    margin: 0;
    color: var(--wr-ink-900);
}

.wr-pipeline-stages[b-3g74amkiqt] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0.6rem;
}

.wr-pipeline-stage[b-3g74amkiqt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    border: 1px solid var(--wr-border);
    border-radius: 12px;
    padding: 0.7rem 0.4rem;
    background: var(--wr-surface-2, #f8f9fb);
    text-decoration: none;
    transition: box-shadow 0.15s var(--wr-ease, ease);
}

.wr-pipeline-stage:hover[b-3g74amkiqt] {
    box-shadow: var(--wr-shadow-sm);
}

.wr-pipeline-stage-count[b-3g74amkiqt] {
    font-size: 1.3rem;
    font-weight: 800;
    font-family: var(--wr-font-mono);
    color: var(--wr-ink-900);
}

.wr-pipeline-stage-label[b-3g74amkiqt] {
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--wr-ink-600);
    text-align: center;
}

.wr-pipeline-stage-attention .wr-pipeline-stage-count[b-3g74amkiqt] {
    color: #a56d00;
}

.wr-pipeline-stage-attention[b-3g74amkiqt] {
    border-color: #f3d9a0;
    background: #fdf1da;
}

.wr-pipeline-stage-active .wr-pipeline-stage-count[b-3g74amkiqt] {
    color: var(--wr-accent-ink, #184f95);
}

.wr-pipeline-stage-done .wr-pipeline-stage-count[b-3g74amkiqt] {
    color: #157a42;
}

@media (max-width: 700px) {
    .wr-pipeline-stages[b-3g74amkiqt] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 420px) {
    .wr-pipeline-stages[b-3g74amkiqt] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Components/DashboardV2/TabEmptyState.razor.rz.scp.css */
.wr-tab-empty[b-ghub8oo7qk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.5rem;
    padding: 2.5rem 1.5rem;
    color: var(--wr-ink-400);
}

.wr-tab-empty-icon[b-ghub8oo7qk] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: var(--wr-surface-2);
    color: var(--wr-ink-400);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    margin-bottom: 0.4rem;
}

.wr-tab-empty h4[b-ghub8oo7qk] {
    color: var(--wr-ink-900);
    font-size: 0.95rem;
    font-weight: 650;
    margin: 0;
}

.wr-tab-empty p[b-ghub8oo7qk] {
    font-size: 0.82rem;
    max-width: 34ch;
    margin: 0;
}

.wr-tab-empty .wr-btn[b-ghub8oo7qk] {
    margin-top: 0.4rem;
}
/* /Components/DashboardV2/TodayPriorityList.razor.rz.scp.css */
.wr-priority-list-card[b-0zoni510di] {
    background: var(--wr-surface, #fff);
    border: 1px solid var(--wr-border);
    border-radius: var(--wr-radius-lg, 16px);
    box-shadow: var(--wr-shadow-sm);
    padding: 1.1rem 1.2rem 1.3rem;
}

.wr-priority-list-head[b-0zoni510di] {
    display: flex;
    align-items: baseline;
    gap: 0.6rem;
    margin-bottom: 0.9rem;
}

.wr-priority-list-head h2[b-0zoni510di] {
    font-size: 1.15rem;
    font-weight: 800;
    margin: 0;
    color: var(--wr-ink-900);
}

.wr-priority-list[b-0zoni510di] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.wr-priority-item[b-0zoni510di] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    border: 1px solid var(--wr-border);
    border-radius: 12px;
    padding: 0.7rem 0.9rem;
    background: var(--wr-surface-2, #f8f9fb);
}

.wr-priority-item-icon[b-0zoni510di] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--wr-accent-soft, #eaf1fc);
    color: var(--wr-accent-ink, #184f95);
    font-size: 0.95rem;
}

.wr-priority-item-body[b-0zoni510di] {
    flex: 1;
    min-width: 0;
}

.wr-priority-item-top[b-0zoni510di] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.wr-priority-item-top strong[b-0zoni510di] {
    font-size: 0.9rem;
    color: var(--wr-ink-900);
}

.wr-priority-item-urgency[b-0zoni510di] {
    font-size: 0.64rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 0.08rem 0.4rem;
    border-radius: 999px;
    background: #fde5e0;
    color: #b8401d;
}

.wr-priority-item-body p[b-0zoni510di] {
    margin: 0.15rem 0 0;
    font-size: 0.8rem;
    color: var(--wr-ink-600);
}

.wr-priority-item .wr-btn[b-0zoni510di] {
    flex: none;
}

@media (max-width: 600px) {
    .wr-priority-item[b-0zoni510di] {
        flex-wrap: wrap;
    }

    .wr-priority-item .wr-btn[b-0zoni510di] {
        margin-left: auto;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
    }
}
/* /Components/DashboardV2/UpcomingFollowUps.razor.rz.scp.css */
.wr-followups-card[b-9lm8h0gnbx] {
    background: var(--wr-surface, #fff);
    border: 1px solid var(--wr-border);
    border-radius: var(--wr-radius-lg, 16px);
    box-shadow: var(--wr-shadow-sm);
    padding: 1.1rem 1.2rem 1.3rem;
}

.wr-followups-head[b-9lm8h0gnbx] {
    display: flex;
    align-items: baseline;
    gap: 0.6rem;
    margin-bottom: 0.9rem;
}

.wr-followups-head h2[b-9lm8h0gnbx] {
    font-size: 1.15rem;
    font-weight: 800;
    margin: 0;
    color: var(--wr-ink-900);
}

.wr-followups-list[b-9lm8h0gnbx] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.wr-followup-item[b-9lm8h0gnbx] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    border: 1px solid var(--wr-border);
    border-radius: 12px;
    padding: 0.7rem 0.9rem;
    background: var(--wr-surface-2, #f8f9fb);
}

.wr-followup-item-icon[b-9lm8h0gnbx] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fdf1da;
    color: #a56d00;
    font-size: 0.9rem;
}

.wr-followup-item-body[b-9lm8h0gnbx] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.wr-followup-item-body strong[b-9lm8h0gnbx] {
    font-size: 0.9rem;
    color: var(--wr-ink-900);
}

.wr-followup-item-meta[b-9lm8h0gnbx] {
    font-size: 0.76rem;
    color: var(--wr-ink-600);
}

.wr-followup-item .wr-btn[b-9lm8h0gnbx] {
    flex: none;
}

@media (max-width: 600px) {
    .wr-followup-item[b-9lm8h0gnbx] {
        flex-wrap: wrap;
    }

    .wr-followup-item .wr-btn[b-9lm8h0gnbx] {
        margin-left: auto;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
    }
}
/* /Components/Layout/DashboardLayout.razor.rz.scp.css */
#blazor-error-ui[b-jczakmf0jc] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-jczakmf0jc] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/DashboardLayoutV2.razor.rz.scp.css */
#blazor-error-ui[b-42ejm9to60] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-42ejm9to60] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-20w8fwckso] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-20w8fwckso] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-icxi3fovky],
.components-reconnect-repeated-attempt-visible[b-icxi3fovky],
.components-reconnect-failed-visible[b-icxi3fovky],
.components-pause-visible[b-icxi3fovky],
.components-resume-failed-visible[b-icxi3fovky],
.components-rejoining-animation[b-icxi3fovky] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/SidebarNav.razor.rz.scp.css */
/* Round-3 design language, Phase 4: bring the legacy sidebar (Admin/Vendor/Brokerage, and any
   Agent page still on DashboardLayout V1) in line with DashboardLayoutV2's Abyss dark treatment --
   same tokens, same mechanism (SidebarNavV2.razor.css), just re-applied here since V1 and V2 are
   separate components with no shared base class to hook a single rule into. Markup is untouched
   (no new wrapper classes), so existing Playwright selectors against .wr-sidebar-* keep working;
   only colors/backgrounds/borders change. */

.wr-sidebar[b-iub5hn15ke] {
    background: linear-gradient(190deg, var(--wr-deck-950, #0a0f1e) 0%, var(--wr-deck-900, #101830) 62%, var(--wr-deck-850, #161f3d) 100%);
    border-right: 1px solid var(--v2-line-dark, rgba(232, 236, 245, 0.09));
}

.wr-sidebar-header[b-iub5hn15ke] {
    border-bottom: 1px solid var(--v2-line-dark, rgba(232, 236, 245, 0.09));
}

.wr-sidebar-brand[b-iub5hn15ke] {
    color: var(--v2-on-dark, #e8ecf5);
}

.wr-sidebar-brand span[b-iub5hn15ke] {
    color: #8fb8ec;
}

.wr-sidebar-collapse-btn[b-iub5hn15ke] {
    border-color: var(--v2-line-dark, rgba(232, 236, 245, 0.09));
    color: var(--v2-on-dark-muted, #8b93ad);
}

.wr-sidebar-collapse-btn:hover[b-iub5hn15ke] {
    color: var(--v2-on-dark, #e8ecf5);
    border-color: var(--wr-accent);
}

.wr-sidebar-section-label[b-iub5hn15ke] {
    color: var(--v2-on-dark-muted, #8b93ad);
}

.wr-sidebar-link[b-iub5hn15ke] {
    color: var(--v2-on-dark-muted, #8b93ad);
}

.wr-sidebar-link:hover[b-iub5hn15ke] {
    background: rgba(232, 236, 245, 0.06);
    color: var(--v2-on-dark, #e8ecf5);
}

.wr-sidebar-link.active[b-iub5hn15ke] {
    position: relative;
    background: linear-gradient(90deg, rgba(62, 123, 250, 0.22), rgba(139, 107, 255, 0.10));
    color: #fff;
    box-shadow: none;
}

.wr-sidebar-link.active[b-iub5hn15ke]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    bottom: 6px;
    width: 3px;
    border-radius: 0 999px 999px 0;
    background: linear-gradient(var(--wr-accent), var(--wr-ai));
    box-shadow: 0 0 12px 1px rgba(62, 123, 250, 0.55);
}

.wr-sidebar-link.active i[b-iub5hn15ke] {
    background: none;
    color: #fff;
    box-shadow: none;
}

.wr-sidebar-link-locked[b-iub5hn15ke] {
    color: var(--v2-on-dark-muted, #8b93ad);
    opacity: 0.7;
}

.wr-sidebar-group > summary[b-iub5hn15ke]::after {
    color: var(--v2-on-dark-muted, #8b93ad);
}

.wr-sidebar-footer[b-iub5hn15ke] {
    border-top: 1px solid var(--v2-line-dark, rgba(232, 236, 245, 0.09));
}
/* /Components/Layout/SidebarNavV2.razor.rz.scp.css */
/* Scoped to SidebarNavV2 only -- app-shell.css's shared .wr-sidebar-* rules (used by both V1 and V2)
   are never edited; everything here only adds to or overrides them within this component's markup.

   Premium-CRM polish pass: the previous dark-navy "Command Center" re-theme (a gradient navy
   background with a separate on-dark color set) is retired here in favor of the clean light theme
   app-shell.css's shared rules already define (white surface, --wr-ink-900 text, --wr-accent blue
   active state with a left accent bar + filled icon chip) -- that base was already "premium SaaS"
   quality on its own (see its own comment: "the pattern premium sidebars (Linear/Notion) use"), it
   was just being overridden by the dark theme below. Nothing added here fights that base; it only
   sizes Lucide's inline SVGs (replacing Font Awesome's font-glyph sizing) and styles the new
   footer profile card / notification badges / AI Workspace group. */

.wr-sidebar-v2 .wr-sidebar-link svg[b-zpph24aiui],
.wr-sidebar-v2 .wr-sidebar-link i[b-zpph24aiui] {
    width: 18px;
    height: 18px;
    flex: none;
}

.wr-sidebar-v2 .wr-sidebar-link[b-zpph24aiui] {
    padding-block: 0.6rem;
    gap: 0.75rem;
    /* Slightly larger than app-shell.css's shared 0.85rem base (kept as-is for V1's SidebarNav.razor,
       untouched) -- "slightly larger menu text" reads better against this sidebar's more spacious
       icon-per-row layout. */
    font-size: 0.9rem;
}

/* Group headers (Workspace, AI Workspace, Referrals, Leads, Network, Account) carry an icon +
   label -- app-shell.css's summary rule only ever styled plain text, so the flex layout + caret
   spacing is scoped here. */
.wr-sidebar-v2 .wr-sidebar-group > summary[b-zpph24aiui] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    cursor: pointer;
}

.wr-sidebar-v2 .wr-sidebar-group > summary svg[b-zpph24aiui],
.wr-sidebar-v2 .wr-sidebar-group > summary i[b-zpph24aiui] {
    width: 15px;
    height: 15px;
    opacity: 0.7;
}

/* Every leaf item now carries its own icon too (not just group headers) -- a flatter, more
   icon-forward row style than the old text-only-indented sublinks, matching modern SaaS nav
   patterns (HubSpot/Monday.com) where every row reads at a glance without following indentation. */
.wr-sidebar-v2 .wr-sidebar-sublink[b-zpph24aiui] {
    font-size: 0.92em;
}

.wr-sidebar-badge[b-zpph24aiui] {
    margin-left: auto;
    flex: none;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1;
    color: var(--wr-accent-ink, #184f95);
    background: var(--wr-accent-soft, #eaf1fc);
    border-radius: 999px;
    padding: 0.22rem 0.45rem;
    min-width: 1.1rem;
    text-align: center;
}

.wr-sidebar-link.active .wr-sidebar-badge[b-zpph24aiui] {
    background: rgba(255, 255, 255, 0.9);
}

/* ---------- AI Workspace flagship group ---------- */
.wr-sidebar-ai-group[b-zpph24aiui] {
    border-radius: 10px;
    background: var(--wr-ai-soft, rgba(139, 107, 255, 0.08));
    padding: 0.3rem 0.2rem;
    margin-bottom: 4px;
}

.wr-sidebar-ai-group > summary[b-zpph24aiui] {
    color: var(--wr-cat-4, #4a3aa7);
}

.wr-sidebar-ai-group > summary svg[b-zpph24aiui],
.wr-sidebar-ai-group > summary i[b-zpph24aiui] {
    color: var(--wr-ai, #8b6bff);
    opacity: 1;
}

/* ---------- Footer profile card ---------- */
.wr-sidebar-profile-card[b-zpph24aiui] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.wr-sidebar-profile-row[b-zpph24aiui] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.wr-sidebar-profile-avatar[b-zpph24aiui] {
    width: 38px;
    height: 38px;
    flex: none;
    border-radius: 10px;
    background: var(--wr-primary-gradient);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.82rem;
}

.wr-sidebar-profile-info[b-zpph24aiui] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.wr-sidebar-profile-name[b-zpph24aiui] {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--wr-ink-900);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wr-sidebar-profile-plan[b-zpph24aiui] {
    font-size: 0.72rem;
    color: var(--wr-ink-400);
}

.wr-sidebar-profile-progress-head[b-zpph24aiui] {
    display: flex;
    justify-content: space-between;
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--wr-ink-400);
    margin-bottom: 0.3rem;
}

.wr-sidebar-profile-progress-track[b-zpph24aiui] {
    height: 6px;
    border-radius: 999px;
    background: var(--wr-surface-2, #f2f4f7);
    overflow: hidden;
}

.wr-sidebar-profile-progress-fill[b-zpph24aiui] {
    height: 100%;
    border-radius: 999px;
    background: var(--wr-primary-gradient);
    transition: width 0.3s var(--wr-ease, ease);
}

@media (prefers-reduced-motion: reduce) {
    .wr-sidebar-profile-progress-fill[b-zpph24aiui] {
        transition: none;
    }
}

.wra-sidebar-collapsed .wr-sidebar-profile-info[b-zpph24aiui],
.wra-sidebar-collapsed .wr-sidebar-profile-progress[b-zpph24aiui] {
    display: none;
}
/* /Components/Markets/MarketCoverageSummary.razor.rz.scp.css */
.wr-mkt-summary[b-dbxumrasms] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 0.75rem;
}

.wr-mkt-summary-tile[b-dbxumrasms] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.85rem 1rem;
    border: 1px solid var(--wr-border);
    border-radius: 12px;
    background: var(--wr-surface, #fff);
    text-align: left;
    cursor: pointer;
    transition: box-shadow 0.15s ease, transform 0.15s ease, border-color 0.15s ease;
}

.wr-mkt-summary-tile:hover[b-dbxumrasms] {
    box-shadow: var(--wr-shadow-sm);
    transform: translateY(-1px);
    border-color: var(--wr-accent-soft, var(--wr-accent));
}

.wr-mkt-summary-tile-static[b-dbxumrasms] {
    cursor: default;
}

.wr-mkt-summary-tile-static:hover[b-dbxumrasms] {
    box-shadow: none;
    transform: none;
    border-color: var(--wr-border);
}

.wr-mkt-summary-tile-cap[b-dbxumrasms] {
    background: var(--wr-surface-2, #f8f9fb);
}

.wr-mkt-summary-value[b-dbxumrasms] {
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--wr-ink-900, #101828);
}

.wr-mkt-summary-label[b-dbxumrasms] {
    font-size: 0.76rem;
    color: var(--wr-ink-600);
    font-weight: 600;
}
/* /Components/Markets/MarketDeleteConfirmDialog.razor.rz.scp.css */
.wr-mkt-delete-modal[b-aa0rr9vx57] {
    width: min(440px, 92vw);
    text-align: left;
}

.wr-mkt-delete-modal h3[b-aa0rr9vx57] {
    margin: 0 0 0.5rem;
}

.wr-mkt-delete-modal p[b-aa0rr9vx57] {
    color: var(--wr-ink-600);
    font-size: 0.9rem;
}

.wr-mkt-delete-meta[b-aa0rr9vx57] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.82rem;
    color: var(--wr-ink-500);
}

.wr-mkt-delete-modal .wr-btn-danger[b-aa0rr9vx57] {
    background: var(--wr-danger, #d92d20);
    color: #fff;
    border: 1px solid var(--wr-danger, #d92d20);
}

.wr-mkt-delete-modal .wr-btn-danger:hover[b-aa0rr9vx57] {
    filter: brightness(0.92);
}
/* /Components/Markets/MarketFeeStatusChip.razor.rz.scp.css */
.wr-mkt-chip[b-usv4f5qq8i] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.6rem;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 0.74rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

.wr-mkt-chip-loading[b-usv4f5qq8i] {
    color: var(--wr-ink-500);
    cursor: default;
}

.wr-mkt-chip-good[b-usv4f5qq8i] {
    background: color-mix(in srgb, var(--wr-success, #17a34a) 12%, transparent);
    color: var(--wr-success, #17a34a);
}

.wr-mkt-chip-attention[b-usv4f5qq8i] {
    background: color-mix(in srgb, var(--wr-warning, #c98500) 14%, transparent);
    color: var(--wr-warning, #c98500);
}

.wr-mkt-chip-muted[b-usv4f5qq8i] {
    background: var(--wr-surface-2, #f2f3f6);
    color: var(--wr-ink-500);
}

.wr-mkt-chip-detail[b-usv4f5qq8i] {
    margin-top: 0.4rem;
    padding: 0.6rem 0.75rem;
    border: 1px solid var(--wr-border);
    border-radius: 10px;
    background: var(--wr-surface-2, #f8f9fb);
    font-size: 0.8rem;
    max-width: 320px;
}

.wr-mkt-chip-range[b-usv4f5qq8i] {
    margin: 0 0 0.3rem;
}

.wr-mkt-chip-detail ul[b-usv4f5qq8i] {
    margin: 0;
    padding-left: 1.1rem;
}

.wr-mkt-chip-detail li[b-usv4f5qq8i] {
    margin-bottom: 0.2rem;
}
/* /Components/Markets/MarketPreferenceModal.razor.rz.scp.css */
.wr-mkt-modal[b-3639h8ac6p] {
    width: min(640px, 92vw);
    max-height: 88vh;
    overflow-y: auto;
    text-align: left;
}

.wr-mkt-modal-head[b-3639h8ac6p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.wr-mkt-modal-head h3[b-3639h8ac6p] {
    margin: 0;
}

.wr-mkt-modal-close[b-3639h8ac6p] {
    background: none;
    border: none;
    font-size: 1.4rem;
    line-height: 1;
    cursor: pointer;
    color: var(--wr-ink-500);
}

.wr-mkt-modal-error[b-3639h8ac6p] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 0.85rem;
    border-radius: 10px;
    background: color-mix(in srgb, var(--wr-danger, #d92d20) 10%, transparent);
    color: var(--wr-danger, #d92d20);
    font-size: 0.85rem;
    margin-bottom: 0.75rem;
}

.wr-mkt-modal-body[b-3639h8ac6p] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.wr-form-row-grid[b-3639h8ac6p] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 0.75rem;
}

.wr-form-group[b-3639h8ac6p] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.wr-form-group label[b-3639h8ac6p] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--wr-ink-600);
}

.wr-required[b-3639h8ac6p] {
    color: var(--wr-danger, #d92d20);
}

.wr-mkt-type-grid[b-3639h8ac6p] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.wr-mkt-type-chip[b-3639h8ac6p] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.65rem;
    border: 1px solid var(--wr-border);
    border-radius: 999px;
    font-size: 0.8rem;
    cursor: pointer;
}

.wr-mkt-type-chip input[b-3639h8ac6p] {
    accent-color: var(--wr-accent);
}

.wr-mkt-type-chip-active[b-3639h8ac6p] {
    border-color: var(--wr-accent);
    background: color-mix(in srgb, var(--wr-accent) 10%, transparent);
}

.wr-mkt-advanced[b-3639h8ac6p] {
    border: 1px solid var(--wr-border);
    border-radius: 12px;
    padding: 0.6rem 0.85rem;
}

.wr-mkt-advanced > summary[b-3639h8ac6p] {
    cursor: pointer;
    font-weight: 700;
    font-size: 0.88rem;
    color: var(--wr-ink-700, #344054);
}

.wr-mkt-advanced-body[b-3639h8ac6p] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    margin-top: 0.85rem;
}

.wr-mkt-radio-row[b-3639h8ac6p] {
    display: flex;
    gap: 1.25rem;
}

.wr-mkt-radio-row label[b-3639h8ac6p] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--wr-ink-700, #344054);
}

.wr-mkt-modal-actions[b-3639h8ac6p] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 1.1rem;
    flex-wrap: wrap;
}
/* /Components/Markets/MarketRowCard.razor.rz.scp.css */
.wr-mkt-row-card[b-t5aucejls8] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.wr-mkt-row-card-head[b-t5aucejls8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
}

.wr-mkt-row-card-head h4[b-t5aucejls8] {
    margin: 0 0 0.15rem;
    font-size: 1rem;
}

.wr-mkt-row-card-types[b-t5aucejls8] {
    font-size: 0.78rem;
    color: var(--wr-ink-500);
}

.wr-mkt-row-card-grid[b-t5aucejls8] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
}

.wr-mkt-row-card-grid > div[b-t5aucejls8] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.wr-mkt-row-card-label[b-t5aucejls8] {
    font-size: 0.7rem;
    color: var(--wr-ink-500);
    font-weight: 600;
    text-transform: uppercase;
}

.wr-mkt-row-card-actions[b-t5aucejls8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}
/* /Components/Markets/MyMarkets.razor.rz.scp.css */
.wr-hero-ctas[b-rclgls1owm] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin-top: 0.75rem;
}

.wr-mkt-empty[b-rclgls1owm] {
    text-align: center;
    padding: 2.5rem 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.wr-mkt-empty i[b-rclgls1owm] {
    font-size: 2rem;
    color: var(--wr-accent);
    margin-bottom: 0.4rem;
}

.wr-mkt-empty h3[b-rclgls1owm] {
    margin: 0;
}

.wr-mkt-empty p[b-rclgls1owm] {
    color: var(--wr-ink-600);
    max-width: 44ch;
}

.wr-mkt-empty-actions[b-rclgls1owm] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0.5rem;
}

.wr-mkt-toolbar[b-rclgls1owm] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.wr-mkt-search[b-rclgls1owm] {
    flex: 1 1 220px;
    min-width: 180px;
}

.wr-mkt-toolbar select[b-rclgls1owm] {
    flex: 0 0 auto;
}

.wr-mkt-mobile-cards[b-rclgls1owm] {
    display: none;
    flex-direction: column;
    gap: 0.75rem;
}

@media (max-width: 860px) {
    .wr-mkt-desktop-table[b-rclgls1owm] {
        display: none;
    }

    .wr-mkt-mobile-cards[b-rclgls1owm] {
        display: flex;
    }
}
/* /Components/Markets/ReferralFeeAdvisorCard.razor.rz.scp.css */
.wr-mkt-advisor-head[b-yj6l8ovm1o] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.wr-mkt-advisor-head i[b-yj6l8ovm1o] {
    color: var(--wr-ai, #8b6bff);
}

.wr-mkt-advisor-head h3[b-yj6l8ovm1o] {
    margin: 0;
    font-size: 1rem;
}

.wr-mkt-advisor-empty[b-yj6l8ovm1o] {
    color: var(--wr-ink-500);
    font-size: 0.9rem;
    margin: 0;
}

.wr-mkt-advisor-picker[b-yj6l8ovm1o] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    flex-wrap: wrap;
}

.wr-mkt-advisor-picker label[b-yj6l8ovm1o] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--wr-ink-600);
}

.wr-mkt-advisor-picker select[b-yj6l8ovm1o] {
    max-width: 320px;
}

.wr-mkt-advisor-insufficient[b-yj6l8ovm1o] {
    color: var(--wr-ink-600);
    font-size: 0.88rem;
    background: var(--wr-surface-2, #f8f9fb);
    border-radius: 10px;
    padding: 0.65rem 0.85rem;
}

.wr-mkt-advisor-range[b-yj6l8ovm1o] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.35rem;
}

.wr-mkt-advisor-range-value[b-yj6l8ovm1o] {
    font-size: 1.4rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.wr-mkt-advisor-confidence[b-yj6l8ovm1o] {
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: var(--wr-surface-2, #f2f3f6);
    color: var(--wr-ink-600);
}

.wr-mkt-advisor-confidence-high[b-yj6l8ovm1o] { background: color-mix(in srgb, var(--wr-success, #17a34a) 14%, transparent); color: var(--wr-success, #17a34a); }
.wr-mkt-advisor-confidence-moderate[b-yj6l8ovm1o] { background: color-mix(in srgb, var(--wr-accent) 14%, transparent); color: var(--wr-accent); }
.wr-mkt-advisor-confidence-low[b-yj6l8ovm1o] { background: color-mix(in srgb, var(--wr-warning, #c98500) 14%, transparent); color: var(--wr-warning, #c98500); }

.wr-mkt-advisor-start[b-yj6l8ovm1o] {
    margin: 0 0 0.5rem;
    font-size: 0.88rem;
}

.wr-mkt-advisor-why[b-yj6l8ovm1o] {
    margin: 0 0 0.75rem;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.wr-mkt-advisor-why li[b-yj6l8ovm1o] {
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
    font-size: 0.84rem;
    color: var(--wr-ink-700, #344054);
}

.wr-mkt-advisor-why li i[b-yj6l8ovm1o] {
    color: var(--wr-success, #17a34a);
    margin-top: 0.2rem;
    font-size: 0.72rem;
}

.wr-mkt-advisor-actions[b-yj6l8ovm1o] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}
/* /Components/Pages/DashboardV2.razor.rz.scp.css */
/* Matches --wr-space-6 (32px), the same horizontal padding .wr-dashboard-page uses elsewhere, so V2
   stays visually consistent with the rest of the app at normal widths. Widened from 1100px to fit
   the new two-column layout (main content + a real 360px side rail) comfortably. */
.wr-dashboard-v2-page[b-cxawglej7a] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 var(--wr-space-6, 32px) 2rem;
}

@media (max-width: 640px) {
    .wr-dashboard-v2-page[b-cxawglej7a] {
        padding: 0 var(--wr-space-4, 16px) 1.5rem;
    }
}

/* Real two-column dashboard grid -- main content (Opportunities/Recommended Agents/Referral
   Activity) beside a fixed-width side rail (Profile Score/AI Tip/Quick Actions/Membership),
   replacing the old flat one-column vertical stack. Collapses to a single column (rail stacks
   after main) at 1024px, well above the point where the main column's own internal content
   (Opportunities' 2-sub-column grid, the agent-card grid) would otherwise get cramped. */
.wr-dash-grid[b-cxawglej7a] {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 1.25rem;
    align-items: start;
}

.wr-dash-grid > *[b-cxawglej7a] {
    min-width: 0;
}

.wr-dash-main[b-cxawglej7a] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    min-width: 0;
}

/* Every direct child of .wr-dash-main is itself a flex item with a default min-width:auto -- a
   child whose own content has real intrinsic width (e.g. the Opportunity Feed's 3-tab row, which
   doesn't fit at narrow widths) can grow the whole column past the viewport and force page-level
   horizontal scroll even though that child has its own internal overflow-x:auto, because a flex
   item's own overflow handling only takes effect once its container has actually stopped growing
   to fit it. Setting min-width:0 here universally, once, is more robust than patching it into each
   section's own .razor.css individually as each new one gets added. */
.wr-dash-main > *[b-cxawglej7a] {
    min-width: 0;
}

.wr-dash-rail[b-cxawglej7a] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

@media (max-width: 1024px) {
    .wr-dash-grid[b-cxawglej7a] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Seller/HomeValue.razor.rz.scp.css */
/* HomeValue.razor -- page-specific composition only. Shared, reused-elsewhere components
   (buttons, FAQ accordion, chat panel/FAB, disclaimer, form) stay in the shared
   wwwroot/css/seller.css so the rest of the seller funnel (how-it-works, seller-resources,
   thank-you) keeps one consistent design system instead of forking styles per page. Design
   tokens (--wrs-navy, --wrs-blue, --wrs-radius, --wrs-shadow*) are defined globally in
   seller.css and are visible here -- CSS custom properties cross Blazor's CSS-isolation scope
   boundary normally, since scoping is just an attribute selector, not a new cascade context. */

/* ---------- Hero ---------- */
.hv-hero[b-4zmighd6xa] {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #f3f6fb 0%, var(--wrs-surface-alt) 60%, #eef2f9 100%);
}

.hv-hero-inner[b-4zmighd6xa] {
    max-width: 1440px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 44% 56%;
    align-items: stretch;
    min-height: 620px;
}

.hv-hero-copy[b-4zmighd6xa] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 48px clamp(24px, 4vw, 64px) 48px clamp(24px, 4vw, 64px);
}

.hv-hero-copy h1[b-4zmighd6xa] {
    max-width: 760px;
    font-size: clamp(2.1rem, 3.4vw, 3.6rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.03em;
    color: var(--wrs-navy);
    margin: 0 0 20px;
}

.hv-hero-copy h1 .hv-hero-accent[b-4zmighd6xa] {
    color: var(--wrs-blue);
}

.hv-hero-subhead[b-4zmighd6xa] {
    max-width: 560px;
    font-size: 1.05rem;
    line-height: 1.6;
    color: var(--wrs-ink-600);
    margin: 0 0 24px;
}

.hv-hero-benefits[b-4zmighd6xa] {
    list-style: none;
    padding: 0;
    margin: 0 0 32px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.hv-hero-benefits li[b-4zmighd6xa] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    color: var(--wrs-ink);
}

.hv-hero-benefits i[b-4zmighd6xa] {
    color: var(--wrs-green);
    font-size: 1.05rem;
}

.hv-hero-actions[b-4zmighd6xa] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
}

.hv-hero-secondary[b-4zmighd6xa] {
    color: var(--wrs-navy);
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

    .hv-hero-secondary:hover[b-4zmighd6xa] {
        text-decoration: underline;
    }

    .hv-hero-secondary:focus-visible[b-4zmighd6xa] {
        outline: 2px solid var(--wrs-blue);
        outline-offset: 3px;
        border-radius: 4px;
    }

.hv-hero-trust[b-4zmighd6xa] {
    margin: 14px 0 0;
    font-size: 0.82rem;
    color: var(--wrs-ink-400);
}

.hv-hero-trust i[b-4zmighd6xa] {
    color: var(--wrs-green);
    margin-right: 4px;
}

.hv-hero-media[b-4zmighd6xa] {
    position: relative;
}

.hv-hero-media img[b-4zmighd6xa] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* This crop is the house-photo region of the approved reference itself (extracted at
       wwwroot/images/seller-landing/home-value-hero-house-wide.png -- x=425..878, y=70..345 of
       wwwroot/images/references/home-value-landing-reference.png), landscape at ~1.65:1,
       verified pixel-by-pixel to contain zero UI/overlay content: no header, no CTA button, no
       floating stats card. It is a real photographic crop, not a generated image and not the
       full-page screenshot. */
    object-position: center 30%;
}

.hv-hero-media-blend[b-4zmighd6xa] {
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, var(--wrs-surface-alt) 0%, rgba(238, 242, 249, 0) 18%);
    pointer-events: none;
}

/* ---------- Benefits strip (overlaps hero bottom edge) ---------- */
.hv-benefits[b-4zmighd6xa] {
    position: relative;
    z-index: 2;
    padding: 0 clamp(24px, 4vw, 64px) 48px;
}

.hv-benefits-card[b-4zmighd6xa] {
    max-width: 1440px;
    margin: -60px auto 0;
    background: var(--wrs-surface);
    border-radius: var(--wrs-radius);
    box-shadow: var(--wrs-shadow);
    padding: 22px 32px;
}

.hv-benefits-grid[b-4zmighd6xa] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.hv-benefit[b-4zmighd6xa] {
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
    animation: wrsFadeUp 0.5s ease both;
}

    .hv-benefit:nth-child(2)[b-4zmighd6xa] { animation-delay: 0.06s; }
    .hv-benefit:nth-child(3)[b-4zmighd6xa] { animation-delay: 0.12s; }
    .hv-benefit:nth-child(4)[b-4zmighd6xa] { animation-delay: 0.18s; }

.hv-benefit-icon[b-4zmighd6xa] {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 50%;
    background: rgba(28, 86, 215, 0.1);
    color: var(--wrs-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.hv-benefit strong[b-4zmighd6xa] {
    display: block;
    font-size: 0.92rem;
    color: var(--wrs-navy);
}

.hv-benefit span[b-4zmighd6xa] {
    display: block;
    font-size: 0.78rem;
    color: var(--wrs-ink-600);
}

/* ---------- CMA section ---------- */
.hv-cma[b-4zmighd6xa] {
    padding: 72px clamp(24px, 4vw, 64px);
    background: var(--wrs-surface-alt);
}

.hv-cma-inner[b-4zmighd6xa] {
    max-width: 1280px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
}

.hv-cma-eyebrow[b-4zmighd6xa] {
    display: inline-block;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--wrs-blue);
    margin: 0 0 12px;
}

.hv-cma-copy h2[b-4zmighd6xa] {
    font-size: clamp(1.6rem, 2.6vw, 2.1rem);
    font-weight: 800;
    color: var(--wrs-navy);
    line-height: 1.2;
    margin: 0 0 16px;
}

.hv-cma-copy p[b-4zmighd6xa] {
    font-size: 1rem;
    line-height: 1.6;
    color: var(--wrs-ink-600);
    margin: 0 0 28px;
}

.hv-cma-benefits[b-4zmighd6xa] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.hv-cma-benefits li[b-4zmighd6xa] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    color: var(--wrs-ink);
}

.hv-cma-benefits i[b-4zmighd6xa] {
    color: var(--wrs-green);
    font-size: 1.05rem;
}

.hv-cma-card[b-4zmighd6xa] {
    background: var(--wrs-surface);
    border-radius: var(--wrs-radius);
    box-shadow: var(--wrs-shadow-lg);
    padding: 32px;
}

.hv-cma-card-header[b-4zmighd6xa] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 800;
    color: var(--wrs-navy);
    font-size: 1.05rem;
    padding-bottom: 18px;
    margin-bottom: 18px;
    border-bottom: 1px solid var(--wrs-border);
}

.hv-cma-card-header i[b-4zmighd6xa] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(28, 86, 215, 0.1);
    color: var(--wrs-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
}

.hv-cma-card-list[b-4zmighd6xa] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.hv-cma-card-list li[b-4zmighd6xa] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--wrs-ink-600);
    font-size: 0.94rem;
}

.hv-cma-card-list i[b-4zmighd6xa] {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: var(--wrs-surface-alt);
    color: var(--wrs-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    flex-shrink: 0;
}

/* ---------- Unified How It Works (4 steps) ---------- */
.hv-process[b-4zmighd6xa] {
    padding: 72px clamp(24px, 4vw, 64px);
}

.hv-process-inner[b-4zmighd6xa] {
    max-width: 1280px;
    margin: 0 auto;
}

.hv-process h2[b-4zmighd6xa] {
    text-align: center;
    font-size: clamp(1.7rem, 2.6vw, 2.2rem);
    font-weight: 800;
    color: var(--wrs-navy);
    margin: 0 0 48px;
}

.hv-process-grid[b-4zmighd6xa] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.hv-process-step[b-4zmighd6xa] {
    position: relative;
    background: var(--wrs-surface);
    border: 1px solid var(--wrs-border);
    border-radius: var(--wrs-radius);
    box-shadow: var(--wrs-shadow-sm);
    padding: 28px 24px;
    transition: box-shadow 0.15s ease, transform 0.15s ease;
    animation: wrsFadeUp 0.5s ease both;
}

    .hv-process-step:nth-child(2)[b-4zmighd6xa] { animation-delay: 0.06s; }
    .hv-process-step:nth-child(3)[b-4zmighd6xa] { animation-delay: 0.12s; }
    .hv-process-step:nth-child(4)[b-4zmighd6xa] { animation-delay: 0.18s; }

    .hv-process-step:hover[b-4zmighd6xa] {
        box-shadow: var(--wrs-shadow);
        transform: translateY(-2px);
    }

    .hv-process-step:hover .hv-process-step-icon[b-4zmighd6xa] {
        transform: scale(1.08);
    }

.hv-process-step-icon[b-4zmighd6xa] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(28, 86, 215, 0.1);
    color: var(--wrs-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    margin: 0 0 16px;
    transition: transform 0.2s ease;
}

.hv-process-step-number[b-4zmighd6xa] {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--wrs-blue);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hv-process-step h3[b-4zmighd6xa] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--wrs-navy);
    margin: 0 0 8px;
}

.hv-process-step p[b-4zmighd6xa] {
    font-size: 0.85rem;
    line-height: 1.5;
    color: var(--wrs-ink-600);
    margin: 0;
}

.hv-process-step-action[b-4zmighd6xa] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    background: none;
    border: none;
    color: var(--wrs-blue);
    font-weight: 700;
    font-size: 0.85rem;
    cursor: pointer;
    padding: 4px 0;
}

    .hv-process-step-action:hover[b-4zmighd6xa] {
        text-decoration: underline;
    }

    .hv-process-step-action:focus-visible[b-4zmighd6xa] {
        outline: 2px solid var(--wrs-blue);
        outline-offset: 2px;
        border-radius: 4px;
    }

/* ---------- Lead form section ---------- */
.hv-lead[b-4zmighd6xa] {
    padding: 72px clamp(24px, 4vw, 64px);
    background: var(--wrs-surface-alt);
}

.hv-lead-inner[b-4zmighd6xa] {
    max-width: 1280px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    gap: 64px;
    align-items: start;
}

.hv-lead-intro h2[b-4zmighd6xa] {
    font-size: clamp(1.6rem, 2.6vw, 2.1rem);
    font-weight: 800;
    color: var(--wrs-navy);
    line-height: 1.2;
    margin: 0 0 16px;
}

.hv-lead-intro p[b-4zmighd6xa] {
    font-size: 1rem;
    line-height: 1.6;
    color: var(--wrs-ink-600);
    margin: 0 0 24px;
}

.hv-lead-intro-list[b-4zmighd6xa] {
    list-style: none;
    padding: 0;
    margin: 0 0 28px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.hv-lead-intro-list li[b-4zmighd6xa] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: var(--wrs-ink);
}

.hv-lead-intro-list i[b-4zmighd6xa] {
    color: var(--wrs-green);
    font-size: 1.05rem;
    margin-top: 2px;
}

.hv-lead-privacy[b-4zmighd6xa] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 18px 20px;
    background: var(--wrs-surface);
    border: 1px solid var(--wrs-border);
    border-radius: var(--wrs-radius);
}

.hv-lead-privacy i[b-4zmighd6xa] {
    color: var(--wrs-green);
    font-size: 1.2rem;
    margin-top: 2px;
}

.hv-lead-privacy p[b-4zmighd6xa] {
    margin: 0;
    font-size: 0.85rem;
    color: var(--wrs-ink-600);
}

/* ---------- FAQ ---------- */
.hv-faq[b-4zmighd6xa] {
    padding: 72px clamp(24px, 4vw, 64px);
}

.hv-faq-inner[b-4zmighd6xa] {
    max-width: 900px;
    margin: 0 auto;
}

.hv-faq h2[b-4zmighd6xa] {
    text-align: center;
    font-size: clamp(1.7rem, 2.6vw, 2.2rem);
    font-weight: 800;
    color: var(--wrs-navy);
    margin: 0 0 40px;
}

/* ---------- Final CTA (single navy band) ---------- */
.hv-final-cta[b-4zmighd6xa] {
    background: var(--wrs-navy);
    padding: 64px clamp(24px, 4vw, 64px);
    text-align: center;
}

.hv-final-cta-inner[b-4zmighd6xa] {
    max-width: 720px;
    margin: 0 auto;
}

.hv-final-cta h2[b-4zmighd6xa] {
    color: #fff;
    font-size: clamp(1.6rem, 3vw, 2.3rem);
    font-weight: 800;
    margin: 0 0 24px;
}

.hv-final-cta-trust[b-4zmighd6xa] {
    margin: 16px 0 0;
    font-size: 0.82rem;
    color: rgba(255, 255, 255, 0.65);
}

.hv-final-cta-trust i[b-4zmighd6xa] {
    margin-right: 4px;
}

/* ---------- Chat FAB deferred visibility -- appears only after scrolling past the hero so it
   never visually competes with the hero's own primary CTA. ---------- */
.hv-chat-fab[b-4zmighd6xa] {
    opacity: 0;
    transform: translateY(12px) scale(0.9);
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

    .hv-chat-fab.hv-chat-fab-visible[b-4zmighd6xa] {
        opacity: 1;
        transform: translateY(0) scale(1);
        pointer-events: auto;
    }

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
    .hv-hero-inner[b-4zmighd6xa] {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .hv-hero-copy[b-4zmighd6xa] {
        padding-bottom: 32px;
    }

    .hv-hero-media[b-4zmighd6xa] {
        height: 320px;
    }

    .hv-hero-media-blend[b-4zmighd6xa] {
        background: linear-gradient(to bottom, var(--wrs-surface-alt) 0%, rgba(238, 242, 249, 0) 22%);
    }

    .hv-benefits-card[b-4zmighd6xa] {
        margin-top: -40px;
    }

    .hv-benefits-grid[b-4zmighd6xa] {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .hv-cma-inner[b-4zmighd6xa] {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .hv-process-grid[b-4zmighd6xa] {
        grid-template-columns: repeat(2, 1fr);
    }

    .hv-lead-inner[b-4zmighd6xa] {
        grid-template-columns: 1fr;
        gap: 32px;
    }
}

@media (max-width: 640px) {
    .hv-benefits-grid[b-4zmighd6xa] {
        grid-template-columns: 1fr;
    }

    .hv-process-grid[b-4zmighd6xa] {
        grid-template-columns: 1fr;
    }

    .hv-hero-actions[b-4zmighd6xa] {
        flex-direction: column;
        align-items: stretch;
    }

    .hv-hero-actions .wrs-btn[b-4zmighd6xa] {
        text-align: center;
    }
}
/* /Components/Shared/AiUpgradeCard.razor.rz.scp.css */
/* Compact variant of PremiumFeatureCardContent's visual language, sized to fit inside the 380px
   wr-ai-assistant-panel (see wwwroot/css/app-shell.css's .wr-ai-turn-assistant bubble it sits
   under) rather than a full page-body card. */
.wr-ai-upgrade-card[b-cpu158kjrm] {
    margin-top: 8px;
    max-width: 90%;
    background: var(--wr-surface, #fff);
    border: 1px solid var(--wr-border-strong, #d8dbe1);
    border-radius: var(--wr-radius-md, 12px);
    padding: 14px 16px;
    text-align: left;
}

.wr-ai-upgrade-icon[b-cpu158kjrm] {
    width: 36px;
    height: 36px;
    margin-bottom: 8px;
    border-radius: 50%;
    background: rgba(242, 182, 50, 0.15);
    color: var(--wra-gold-dark, #a97a12);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
}

.wr-ai-upgrade-card h4[b-cpu158kjrm] {
    margin: 0 0 6px;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--wr-ink-900, #14161a);
}

.wr-ai-upgrade-desc[b-cpu158kjrm] {
    margin: 0 0 10px;
    color: var(--wr-ink-600, #5b6270);
    font-size: 0.82rem;
    line-height: 1.4;
}

.wr-ai-upgrade-benefits[b-cpu158kjrm] {
    list-style: none;
    margin: 0 0 12px;
    padding: 10px 12px;
    background: var(--wr-surface-2, #f2f4f7);
    border-radius: var(--wr-radius-sm, 8px);
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.wr-ai-upgrade-benefits li[b-cpu158kjrm] {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--wr-ink-600, #5b6270);
}

.wr-ai-upgrade-benefits i[b-cpu158kjrm] {
    color: var(--wr-success, #0ca30c);
    margin-top: 0.15em;
    flex: none;
}

.wr-ai-upgrade-actions[b-cpu158kjrm] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.wr-ai-upgrade-actions .wr-btn[b-cpu158kjrm] {
    width: 100%;
    justify-content: center;
}

.wr-ai-upgrade-continue[b-cpu158kjrm] {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 8px;
    background: none;
    border: none;
    font-family: inherit;
    font-size: 0.76rem;
    color: var(--wr-ink-400, #8b91a0);
    cursor: pointer;
    padding: 4px;
}

.wr-ai-upgrade-continue:hover[b-cpu158kjrm] {
    color: var(--wr-ink-600, #5b6270);
    text-decoration: underline;
}

.wr-ai-upgrade-dismissed[b-cpu158kjrm] {
    margin: 0;
    font-size: 0.82rem;
    color: var(--wr-ink-600, #5b6270);
    display: flex;
    align-items: center;
    gap: 6px;
}

.wr-ai-upgrade-dismissed i[b-cpu158kjrm] {
    color: var(--wr-success, #0ca30c);
}
/* /Components/Shared/CommandDeckHero.razor.rz.scp.css */
/* Same dark abyss gradient/glow recipe as DailyBriefHero.razor.css -- kept as a second, smaller
   scoped file rather than sharing one CSS file across both components, since Blazor's CSS isolation
   scopes each component's rules to only that component's own rendered markup (a shared file can't
   reach across component boundaries here). Extra bottom padding leaves room for a
   .wr-kpi-row-glass row to float up and overlap the seam, mirroring KpiStrip's negative margin-top. */
.wr-cd-hero[b-rrzp8bedgk] {
    position: relative;
    overflow: hidden;
    padding: 1.7rem 1.9rem 3.6rem;
    border-radius: var(--v2-radius-xl, 20px);
    color: #e8ecf5;
    background: linear-gradient(165deg, var(--wr-deck-950, #0a0f1e) 0%, var(--wr-deck-900, #101830) 65%, var(--wr-deck-850, #14204a) 100%);
    box-shadow: var(--v2-glow, 0 24px 70px -20px rgba(74, 58, 167, 0.45));
}

.wr-cd-hero[b-rrzp8bedgk]::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(139, 107, 255, 0.35), transparent 70%);
    top: -220px;
    right: -120px;
    filter: blur(10px);
    pointer-events: none;
}

.wr-cd-hero[b-rrzp8bedgk]::after {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(62, 123, 250, 0.3), transparent 70%);
    bottom: -160px;
    left: 20%;
    filter: blur(10px);
    pointer-events: none;
}

.wr-cd-hero-top[b-rrzp8bedgk] {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 1.1rem;
}

.wr-cd-hero-logo[b-rrzp8bedgk] {
    flex: none;
    width: 56px;
    height: 56px;
    border-radius: 14px;
    background: rgba(232, 236, 245, 0.08);
    border: 1px solid rgba(232, 236, 245, 0.14);
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    color: #b39cff;
}

.wr-cd-hero-body[b-rrzp8bedgk] {
    flex: 1;
    min-width: 0;
}

.wr-cd-hero-eyebrow[b-rrzp8bedgk] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--wr-ai-2, #b39cff);
    margin-bottom: 0.6rem;
}

.wr-cd-hero-dot[b-rrzp8bedgk] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--wr-success);
    animation: wrCdHeroPulse-b-rrzp8bedgk 1.8s ease-in-out infinite;
}

/* Local keyframe, not a reference to dashboard-v2.css's wrActivityPulse -- that stylesheet is only
   loaded on /dashboard (DashboardV2.razor's own HeadContent link), so a reference to its keyframe
   here would silently no-op (invalid animation-name, dot just stays static) on every page this
   component is actually used on (Admin/Vendor/Brokerage never load dashboard-v2.css). */
@keyframes wrCdHeroPulse-b-rrzp8bedgk {
    0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(12, 163, 12, 0.35); }
    50% { opacity: 0.55; box-shadow: 0 0 0 4px rgba(12, 163, 12, 0); }
}

@media (prefers-reduced-motion: reduce) {
    .wr-cd-hero-dot[b-rrzp8bedgk] {
        animation: none;
    }
}

.wr-cd-hero h1[b-rrzp8bedgk] {
    position: relative;
    font-size: 1.85rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin: 0 0 0.45rem;
    color: #fff;
}

.wr-cd-hero-sub[b-rrzp8bedgk] {
    position: relative;
    color: #c3cbe6;
    font-size: 0.95rem;
    max-width: 62ch;
    margin: 0;
}
/* /Components/Shared/LockedOpportunityPreview.razor.rz.scp.css */
.wr-locked-preview[b-a9y8um9xlg] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* .wr-locked-preview-real deliberately has no CSS rule at all -- this is the actual fix. Real
   cards render exactly as a paid agent would see them; nothing may add filter/opacity/
   pointer-events/user-select back onto this wrapper. */

.wr-locked-preview-upsell[b-a9y8um9xlg] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.5rem;
    padding: 1.4rem 1.3rem 1.3rem;
    border-radius: 14px;
    border: 1px solid var(--wr-accent-soft, #eaf1fc);
    background: var(--wr-accent-soft, #eaf1fc);
    overflow: hidden;
}

.wr-locked-preview-upsell[b-a9y8um9xlg]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--wr-ai-gradient, linear-gradient(135deg, #3e7bfa 0%, #8b6bff 100%));
}

.wr-locked-preview-upsell-icon[b-a9y8um9xlg] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: var(--wr-ai, #8b6bff);
    font-size: 1.05rem;
    box-shadow: var(--wr-shadow-sm);
}

.wr-locked-preview-upsell h4[b-a9y8um9xlg] {
    font-size: 1rem;
    margin: 0;
    color: var(--wr-ink-900);
}

.wr-locked-preview-upsell p[b-a9y8um9xlg] {
    font-size: 0.85rem;
    color: var(--wr-ink-600);
    max-width: 42ch;
    margin: 0;
}

.wr-locked-preview-benefits[b-a9y8um9xlg] {
    list-style: none;
    margin: 0.2rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    align-items: flex-start;
}

.wr-locked-preview-benefits li[b-a9y8um9xlg] {
    font-size: 0.8rem;
    color: var(--wr-ink-600);
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.wr-locked-preview-benefits li i[b-a9y8um9xlg] {
    color: var(--wr-success, #0ca30c);
    font-size: 0.7rem;
}

.wr-locked-preview-actions[b-a9y8um9xlg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    margin-top: 0.3rem;
}
/* /Components/Shared/PremiumFeatureCardContent.razor.rz.scp.css */
.wr-upgrade-icon[b-5s5uy9ol0p] {
    width: 56px;
    height: 56px;
    margin: 0 auto 16px;
    border-radius: 50%;
    background: rgba(242, 182, 50, 0.15);
    color: var(--wra-gold-dark, #a97a12);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
}

h3[b-5s5uy9ol0p] {
    margin: 0 0 8px;
    font-size: 1.15rem;
}

.wr-upgrade-feature[b-5s5uy9ol0p] {
    margin: 0 0 18px;
    color: var(--wr-ink-400);
    font-size: 0.9rem;
}

.wr-upgrade-compare[b-5s5uy9ol0p] {
    list-style: none;
    margin: 0 0 20px;
    padding: 14px 16px;
    background: var(--wr-bg, #f8f9fb);
    border-radius: var(--wr-radius-sm);
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .wr-upgrade-compare li[b-5s5uy9ol0p] {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 0.86rem;
        font-weight: 600;
        color: var(--wr-ink-600);
    }

    .wr-upgrade-compare i[b-5s5uy9ol0p] {
        color: var(--wr-success, #16a34a);
        flex-shrink: 0;
    }

.wr-upgrade-actions[b-5s5uy9ol0p] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ::deep -- the "Maybe later" button is passed in as ChildContent from PremiumFeatureModal, so it
   lives one component boundary away from this file's own scope. */
[b-5s5uy9ol0p] .wr-upgrade-actions .wr-btn {
    width: 100%;
}
/* /Components/Shared/PremiumFeatureModal.razor.rz.scp.css */
/* ---------- Overlay mode ---------- */
.wr-upgrade-overlay[b-ejr8fs3sex] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    z-index: 1000;
    animation: wrUpgradeFadeIn-b-ejr8fs3sex 0.15s ease;
}

.wr-upgrade-modal[b-ejr8fs3sex] {
    background: var(--wr-surface);
    border: 1px solid var(--wr-border);
    border-radius: var(--wr-radius-lg);
    box-shadow: 0 24px 60px rgba(16, 24, 40, 0.35);
    padding: var(--wr-space-5);
    max-width: 440px;
    width: 100%;
    text-align: center;
    animation: wrUpgradeScaleIn-b-ejr8fs3sex 0.2s ease;
}

/* ---------- Inline mode -- a permanent page state, not a floating dialog, so it's a normal-flow
   card sized to read as "this is the page" rather than a small interruption. ---------- */
.wr-premium-page[b-ejr8fs3sex] {
    background: var(--wr-surface);
    border: 1px solid var(--wr-border);
    border-radius: var(--wr-radius-lg);
    box-shadow: var(--wr-shadow-sm);
    padding: 48px var(--wr-space-5);
    max-width: 560px;
    margin: 32px auto;
    text-align: center;
    animation: wrUpgradeScaleIn-b-ejr8fs3sex 0.2s ease;
}

@keyframes wrUpgradeFadeIn-b-ejr8fs3sex {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes wrUpgradeScaleIn-b-ejr8fs3sex {
    from { opacity: 0; transform: scale(0.96) translateY(6px); }
    to { opacity: 1; transform: scale(1) translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
    .wr-upgrade-overlay[b-ejr8fs3sex], .wr-upgrade-modal[b-ejr8fs3sex], .wr-premium-page[b-ejr8fs3sex] {
        animation-duration: 0.001ms;
    }
}
/* /Components/Shared/ProfileCompletionCard.razor.rz.scp.css */
.wr-profile-score-card[b-owiwqh7so6] {
    background: var(--wr-surface);
    border: 1px solid var(--wr-border);
    border-radius: var(--wr-radius-lg);
    box-shadow: var(--wr-shadow-sm);
    padding: 1.1rem 1.15rem 1.2rem;
}

.wr-profile-score-head[b-owiwqh7so6] {
    margin-bottom: 0.8rem;
}

.wr-profile-score-title[b-owiwqh7so6] {
    font-size: 0.95rem;
    font-weight: 650;
    color: var(--wr-ink-900);
}

.wr-profile-score-ring-wrap[b-owiwqh7so6] {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
}

/* Same conic-gradient ring technique as OpportunitySpotlight's .wr-opp-score, sized up for a
   standalone rail card instead of a small inline chip. */
.wr-profile-score-ring[b-owiwqh7so6] {
    --score: 0;
    width: 104px;
    height: 104px;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: conic-gradient(var(--wr-accent, #3e7bfa) calc(var(--score) * 1%), var(--wr-border) 0);
}

.wr-profile-score-ring[b-owiwqh7so6]::before {
    content: "";
    position: absolute;
    inset: 8px;
    border-radius: 50%;
    background: var(--wr-surface);
}

.wr-profile-score-ring span[b-owiwqh7so6] {
    position: relative;
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--wr-ink-900);
    font-family: var(--wr-font-mono);
}

.wr-profile-score-section[b-owiwqh7so6] {
    margin-bottom: 0.8rem;
}

.wr-profile-score-section-label[b-owiwqh7so6] {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--wr-ink-400);
    margin-bottom: 0.35rem;
}

.wr-profile-score-list[b-owiwqh7so6] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.wr-profile-score-list li[b-owiwqh7so6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.82rem;
    color: var(--wr-ink-900);
}

.wr-profile-score-list-done i[b-owiwqh7so6] {
    color: var(--wr-success);
    font-size: 0.75rem;
}

.wr-profile-score-list-todo li[b-owiwqh7so6] {
    color: var(--wr-ink-600);
}

.wr-profile-score-list-todo i[b-owiwqh7so6] {
    color: var(--wr-warning, #c98500);
    font-size: 0.4rem;
}

.wr-profile-score-action[b-owiwqh7so6] {
    width: 100%;
    justify-content: center;
    margin-top: 0.4rem;
}
/* /Components/Shared/SectionSkeleton.razor.rz.scp.css */
.wr-section-skeleton[b-mzj12ed91b] {
    background: var(--wr-surface);
    border: 1px solid var(--wr-border);
    border-radius: var(--wr-radius-md);
    padding: 20px;
}

.wr-skeleton-line[b-mzj12ed91b] {
    height: 12px;
    border-radius: 6px;
    background: linear-gradient(90deg, var(--wr-surface-2) 25%, var(--wr-border) 37%, var(--wr-surface-2) 63%);
    background-size: 400% 100%;
    animation: wr-skeleton-shimmer-b-mzj12ed91b 1.4s ease infinite;
    margin-bottom: 10px;
}

.wr-skeleton-line-title[b-mzj12ed91b] {
    width: 40%;
    height: 16px;
}

.wr-skeleton-line-short[b-mzj12ed91b] {
    width: 60%;
    margin-bottom: 0;
}

.wr-section-skeleton-slow[b-mzj12ed91b],
.wr-section-skeleton-failed[b-mzj12ed91b] {
    text-align: center;
    color: var(--wr-ink-600);
    font-size: 0.85rem;
}

.wr-section-skeleton-failed button[b-mzj12ed91b] {
    margin-top: 10px;
}

@keyframes wr-skeleton-shimmer-b-mzj12ed91b {
    0% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0 50%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wr-skeleton-line[b-mzj12ed91b] {
        animation: none;
    }
}
/* /Components/Shared/Toast.razor.rz.scp.css */
.wr-toast-region[b-smf3mrgjtz] {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 900;
    pointer-events: none;
}

.wr-toast[b-smf3mrgjtz] {
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 380px;
    padding: 14px 18px;
    border-radius: 10px;
    background: #14294a;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 600;
    box-shadow: 0 12px 32px rgba(16, 24, 40, 0.25);
    animation: wrToastIn-b-smf3mrgjtz 0.2s ease;
}

.wr-toast-success i[b-smf3mrgjtz] {
    color: #4ade80;
}

.wr-toast-error[b-smf3mrgjtz] {
    background: #7f1d1d;
}

.wr-toast-error i[b-smf3mrgjtz] {
    color: #fca5a5;
}

.wr-toast-info i[b-smf3mrgjtz] {
    color: #93c5fd;
}

@keyframes wrToastIn-b-smf3mrgjtz {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .wr-toast[b-smf3mrgjtz] {
        animation-duration: 0.001ms;
    }
}