/* /Components/Common/BackToTopButton.razor.rz.scp.css */
.gmp-back-to-top[b-zmfyx92o13] {
    position: fixed;
    right: 1.5rem;
    bottom: 1rem;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, #00b8d9 0%, #0097b8 100%);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 12px 24px rgba(0, 151, 184, 0.35);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translateY(14px) scale(0.96);
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
    z-index: 1400;
}

.gmp-back-to-top i[b-zmfyx92o13] {
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1;
}

.gmp-back-to-top.is-visible[b-zmfyx92o13] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}

.gmp-back-to-top:hover[b-zmfyx92o13] {
    filter: brightness(1.06);
    transform: translateY(-1px) scale(1.02);
}

.gmp-back-to-top:active[b-zmfyx92o13] {
    transform: translateY(0) scale(0.98);
}

@media (max-width: 991.98px) {
    .gmp-back-to-top[b-zmfyx92o13] {
        right: 1.2rem;
        bottom: 5.3rem;
        width: 42px;
        height: 42px;
    }
}
/* /Components/Common/HomeTopAgentsSection.razor.rz.scp.css */
.home-agents-sentinel[b-gh0etr36e2] {
    width: 100%;
    height: 1px;
}

.home-agent-skeleton[b-gh0etr36e2] {
    height: 320px;
    border-radius: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    background: linear-gradient(110deg, #e2e8f0 8%, #f8fafc 18%, #e2e8f0 33%);
    background-size: 220% 100%;
    animation: homeAgentShimmer-b-gh0etr36e2 1.2s linear infinite;
}

.home-agent-empty[b-gh0etr36e2] {
    min-height: 180px;
    border: 1px dashed #cbd5e1;
    border-radius: 1rem;
    display: grid;
    place-content: center;
    color: #64748b;
    background: #fff;
}

.home-agent-fallback[b-gh0etr36e2] {
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #0ea5b8 0%, #0f766e 100%);
    color: #fff;
    font-weight: 700;
    font-size: 0.95rem;
    letter-spacing: 0.03em;
}

.home-agent-profile-link[b-gh0etr36e2] {
    font-size: 0.84rem;
    font-weight: 600;
    color: #0369a1;
}

.home-agent-profile-link:hover[b-gh0etr36e2] {
    color: #0c4a6e;
}

@keyframes homeAgentShimmer-b-gh0etr36e2 {
    to {
        background-position-x: -220%;
    }
}
/* /Components/Common/ListingLightGallery.razor.rz.scp.css */
.gmp-light-gallery-backdrop[b-mvwp76owei] {
    position: fixed;
    inset: 0;
    background: rgba(10, 16, 33, 0.65);
    backdrop-filter: blur(4px);
    z-index: 1300;
}

.gmp-light-gallery-modal[b-mvwp76owei] {
    position: fixed;
    inset: auto 0 0 0;
    height: min(92vh, 900px);
    background: linear-gradient(180deg, #f8fbff 0%, #edf4fb 100%);
    border-radius: 1rem 1rem 0 0;
    box-shadow: 0 -18px 60px rgba(15, 23, 42, 0.28);
    z-index: 1310;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.35);
}

.gmp-light-gallery-header[b-mvwp76owei] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 0.9rem;
    background: rgba(255, 255, 255, 0.92);
    border-bottom: 1px solid rgba(203, 213, 225, 0.75);
}

.gmp-light-gallery-title-wrap[b-mvwp76owei] {
    min-width: 0;
}

.gmp-light-gallery-title[b-mvwp76owei] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gmp-light-gallery-subtitle[b-mvwp76owei] {
    font-size: 0.77rem;
    color: #64748b;
}

.gmp-light-gallery-header-actions[b-mvwp76owei] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.gmp-light-gallery-header-download[b-mvwp76owei] {
    font-weight: 600;
    min-height: 38px;
    border-radius: 999px;
    padding-inline: 0.95rem;
    border-color: rgba(5, 150, 105, 0.22);
    background: linear-gradient(135deg, rgba(240, 253, 250, 0.95) 0%, rgba(236, 253, 245, 0.92) 100%);
    color: #047857;
    box-shadow: 0 10px 24px rgba(16, 185, 129, 0.12);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.gmp-light-gallery-header-download:hover[b-mvwp76owei] {
    transform: translateY(-1px);
    color: #065f46;
    background: linear-gradient(135deg, rgba(209, 250, 229, 0.98) 0%, rgba(220, 252, 231, 0.95) 100%);
    box-shadow: 0 14px 28px rgba(16, 185, 129, 0.18);
}

.gmp-light-gallery-body[b-mvwp76owei] {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr);
    gap: 0.7rem;
    padding: 0.7rem;
}

.gmp-light-gallery-rail[b-mvwp76owei] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-height: 0;
}

.gmp-light-gallery-nav-btn[b-mvwp76owei] {
    width: 100%;
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #0f172a;
    border-radius: 0.65rem;
    height: 32px;
}

.gmp-light-gallery-nav-btn:disabled[b-mvwp76owei] {
    opacity: 0.45;
}

.gmp-light-gallery-thumbs[b-mvwp76owei] {
    flex: 1;
    min-height: 0;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    scrollbar-width: thin;
}

.gmp-light-gallery-empty-thumb[b-mvwp76owei] {
    display: grid;
    place-items: center;
    min-height: 72px;
    color: #94a3b8;
    border: 1px dashed #cbd5e1;
    border-radius: 0.7rem;
    background: rgba(255, 255, 255, 0.8);
}

.gmp-light-gallery-thumb[b-mvwp76owei] {
    border: 1px solid #dbe5f1;
    border-radius: 0.7rem;
    padding: 0;
    background: #fff;
    overflow: hidden;
    position: relative;
    min-height: 66px;
}

.gmp-light-gallery-thumb img[b-mvwp76owei] {
    width: 100%;
    height: 66px;
    object-fit: cover;
    display: block;
}

.gmp-light-gallery-thumb.active[b-mvwp76owei] {
    border-color: #0ea5e9;
    box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.18);
}

.gmp-light-gallery-cover-chip[b-mvwp76owei] {
    position: absolute;
    left: 4px;
    bottom: 4px;
    font-size: 0.63rem;
    line-height: 1;
    padding: 0.16rem 0.35rem;
    border-radius: 999px;
    background: rgba(3, 154, 171, 0.95);
    color: #fff;
    font-weight: 600;
}

.gmp-light-gallery-stage[b-mvwp76owei] {
    min-height: 0;
    background: linear-gradient(180deg, #0f172a 0%, #111827 100%);
    border-radius: 0.95rem;
    border: 1px solid rgba(148, 163, 184, 0.28);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.gmp-light-gallery-main-wrap[b-mvwp76owei] {
    flex: 1;
    min-height: 0;
    display: grid;
    place-items: center;
    padding: 0.65rem;
}

.gmp-light-gallery-main-image[b-mvwp76owei] {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 0.75rem;
}

.gmp-light-gallery-download-wait[b-mvwp76owei] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0 auto 0.55rem;
    padding: 0.34rem 0.62rem;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.45);
    background: rgba(15, 23, 42, 0.62);
    color: #e2e8f0;
    font-size: 0.72rem;
    font-weight: 600;
}

.gmp-light-gallery-meta[b-mvwp76owei] {
    border-top: 1px solid rgba(148, 163, 184, 0.25);
    background: rgba(15, 23, 42, 0.7);
    padding: 0.55rem 0.72rem;
}

.gmp-light-gallery-file[b-mvwp76owei] {
    color: #e2e8f0;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gmp-light-gallery-size[b-mvwp76owei] {
    color: #cbd5e1;
    font-size: 0.7rem;
}

.gmp-light-gallery-loading[b-mvwp76owei],
.gmp-light-gallery-empty[b-mvwp76owei] {
    min-height: 220px;
    display: grid;
    place-items: center;
    text-align: center;
    color: #e2e8f0;
    gap: 0.45rem;
    padding: 1rem;
}

.gmp-light-gallery-empty i[b-mvwp76owei] {
    font-size: 1.6rem;
    color: #93c5fd;
}

.gmp-light-gallery-download-fab[b-mvwp76owei] {
    position: absolute;
    left: 0.9rem;
    bottom: 0.9rem;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.45);
    background: rgba(15, 23, 42, 0.8);
    color: #fff;
    display: grid;
    place-items: center;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.42);
}

.gmp-light-gallery-download-fab:hover[b-mvwp76owei] {
    background: rgba(2, 132, 199, 0.9);
}

@media (min-width: 992px) {
    .gmp-light-gallery-modal[b-mvwp76owei] {
        inset: 4vh 5vw;
        height: auto;
        border-radius: 1rem;
    }

    .gmp-light-gallery-header[b-mvwp76owei] {
        padding: 0.85rem 1rem;
    }

    .gmp-light-gallery-body[b-mvwp76owei] {
        grid-template-columns: 86px minmax(0, 1fr);
        gap: 0.9rem;
        padding: 0.9rem;
    }

    .gmp-light-gallery-thumb img[b-mvwp76owei] {
        height: 72px;
    }
}

@media (max-width: 767.98px) {
    .gmp-light-gallery-header[b-mvwp76owei] {
        align-items: flex-start;
        flex-direction: column;
    }

    .gmp-light-gallery-title-wrap[b-mvwp76owei],
    .gmp-light-gallery-header-actions[b-mvwp76owei] {
        width: 100%;
    }

    .gmp-light-gallery-header-actions[b-mvwp76owei] {
        justify-content: space-between;
    }

    .gmp-light-gallery-header-download[b-mvwp76owei] {
        flex: 1 1 auto;
        justify-content: center;
    }
}
/* /Components/Common/VisitorFloatingAi.razor.rz.scp.css */
.ai-assistant-container[b-f5bdqa6gjo] {
    right: 1.35rem;
    bottom: 4.65rem;
}

.ai-chat-header-actions[b-f5bdqa6gjo] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.ai-chat-expand[b-f5bdqa6gjo] {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.35);
    background: rgba(255, 255, 255, 0.12);
    text-decoration: none;
}

.ai-chat-expand:hover[b-f5bdqa6gjo] {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
}

@media (max-width: 991.98px) {
    .ai-assistant-container[b-f5bdqa6gjo] {
        right: 0.9rem;
        bottom: 8.1rem;
    }
}
/* /Components/Layout/HeaderNav.razor.rz.scp.css */
/* ============================================
   HeaderNav Styles - Mega Menu & Dropdown
   ============================================ */

/* Header Container */
.header-nav[b-r1uxmtkh30] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(10px);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    height: 64px;
}

/* Header nav should be above backdrop */
.header-nav:has(.mega-menu)[b-r1uxmtkh30] {
    z-index: 1031;
}

.header-inner[b-r1uxmtkh30] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 64px;
}

/* Logo */
.header-logo[b-r1uxmtkh30] {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.header-logo img[b-r1uxmtkh30] {
    height: 38px;
    width: auto;
    object-fit: contain;
}

/* Desktop Navigation */
.desktop-nav[b-r1uxmtkh30] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.nav-link[b-r1uxmtkh30] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    color: #495057;
    text-decoration: none;
    font-weight: 500;
    border-radius: 0.5rem;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.nav-link:hover[b-r1uxmtkh30] {
    color: #04565d;
    background: rgba(4, 86, 93, 0.08);
}

.nav-link.active[b-r1uxmtkh30] {
    color: #04565d;
    background: rgba(4, 86, 93, 0.12);
}

.nav-link i[b-r1uxmtkh30] {
    font-size: 1.1rem;
}

/* Dropdown Toggle */
.nav-link[b-r1uxmtkh30] {
    background: none;
    border: none;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
}

.dropdown-toggle .dropdown-arrow[b-r1uxmtkh30] {
    font-size: 0.75rem;
    transition: transform 0.2s ease;
}

.dropdown-toggle.active .dropdown-arrow[b-r1uxmtkh30] {
    transform: rotate(180deg);
}

/* Dropdown Backdrop - clickable overlay */
.dropdown-backdrop[b-r1uxmtkh30] {
    position: fixed;
    top: 64px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(3px);
    z-index: 1020;
    cursor: pointer;
}

/* ============================================
   MEGA MENU - Desktop
   ============================================ */

.tools-dropdown[b-r1uxmtkh30] {
    position: static;
}

.mega-menu[b-r1uxmtkh30] {
    position: fixed;
    top: 64px;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 0.5rem;
    z-index: 1035 !important;
    animation: megaMenuFadeIn-b-r1uxmtkh30 0.2s ease;
    width: 90vw;
    max-width: 1000px;
}

@keyframes megaMenuFadeIn-b-r1uxmtkh30 {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

.mega-menu-container[b-r1uxmtkh30] {
    position: relative;
    background: white;
    border-radius: 1rem;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding: 1.5rem;
    width: 100%;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    z-index: 1032;
}

.mega-menu-grid[b-r1uxmtkh30] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}

.mega-menu-column[b-r1uxmtkh30] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.mega-menu-title[b-r1uxmtkh30] {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 600;
    color: #04565d;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid rgba(4, 86, 93, 0.1);
}

.mega-menu-item[b-r1uxmtkh30] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.625rem;
    border-radius: 0.5rem;
    text-decoration: none;
    color: #495057;
    transition: all 0.2s ease;
}

.mega-menu-item:hover[b-r1uxmtkh30] {
    background: rgba(4, 86, 93, 0.06);
    color: #04565d;
}

.mega-menu-icon[b-r1uxmtkh30] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: rgba(4, 86, 93, 0.1);
    border-radius: 0.5rem;
    color: #04565d;
    flex-shrink: 0;
}

.mega-menu-icon i[b-r1uxmtkh30] {
    font-size: 1.1rem;
}

.mega-menu-content[b-r1uxmtkh30] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.mega-menu-label[b-r1uxmtkh30] {
    font-weight: 500;
    font-size: 0.9rem;
    color: #212529;
}

.mega-menu-item:hover .mega-menu-label[b-r1uxmtkh30] {
    color: #04565d;
}

.mega-menu-desc[b-r1uxmtkh30] {
    font-size: 0.75rem;
    color: #6c757d;
}

/* ============================================
   USER DROPDOWN
   ============================================ */

.user-dropdown[b-r1uxmtkh30] {
    position: static;
}

.user-toggle[b-r1uxmtkh30] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.user-avatar[b-r1uxmtkh30] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: rgba(4, 86, 93, 0.1);
    border-radius: 50%;
    color: #04565d;
}

.user-avatar i[b-r1uxmtkh30] {
    font-size: 1.25rem;
}

.user-name-text[b-r1uxmtkh30] {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-menu-dropdown[b-r1uxmtkh30] {
    position: fixed;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 0.5rem;
    min-width: 280px;
    max-width: 90vw;
    background: white;
    border-radius: 0.75rem;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(0, 0, 0, 0.08);
    z-index: 1036 !important;
    animation: userMenuFadeIn-b-r1uxmtkh30 0.2s ease;
    padding: 0.5rem 0;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

@keyframes userMenuFadeIn-b-r1uxmtkh30 {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

/* Ensure all children of user menu dropdown are visible */
.user-menu-dropdown *[b-r1uxmtkh30],
.user-menu-dropdown > *[b-r1uxmtkh30],
.user-menu-dropdown .dropdown-item[b-r1uxmtkh30],
.user-menu-dropdown .dropdown-header[b-r1uxmtkh30],
.user-menu-dropdown .dropdown-divider[b-r1uxmtkh30] {
    visibility: visible !important;
    opacity: 1 !important;
    display: flex !important;
}

.user-menu-dropdown .dropdown-divider[b-r1uxmtkh30] {
    display: block !important;
}

@keyframes dropdownFadeIn-b-r1uxmtkh30 {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

.dropdown-header[b-r1uxmtkh30] {
    display: flex !important;
    align-items: center;
    padding: 0.875rem 1.25rem;
    font-weight: 600;
    color: #212529;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    margin-bottom: 0.25rem;
    visibility: visible !important;
    background: transparent;
}

.dropdown-item[b-r1uxmtkh30] {
    display: flex !important;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1.25rem;
    color: #495057;
    text-decoration: none;
    font-size: 0.95rem;
    transition: all 0.15s ease;
    visibility: visible !important;
    background: transparent;
}

.dropdown-item:hover[b-r1uxmtkh30] {
    background: rgba(4, 86, 93, 0.08);
    color: #04565d;
}

.dropdown-item i[b-r1uxmtkh30] {
    font-size: 1rem;
    color: #6c757d;
    width: 20px;
    text-align: center;
}

.dropdown-item:hover i[b-r1uxmtkh30] {
    color: #04565d;
}

.dropdown-divider[b-r1uxmtkh30] {
    height: 1px;
    background: rgba(0, 0, 0, 0.08);
    margin: 0.5rem 0;
    display: block !important;
    visibility: visible !important;
}

.dropdown-item.text-danger:hover[b-r1uxmtkh30] {
    background: rgba(239, 68, 68, 0.06);
    color: #ef4444;
}

.dropdown-item.text-danger i[b-r1uxmtkh30] {
    color: #ef4444;
}

/* CTA Button */
.nav-cta[b-r1uxmtkh30] {
    background: linear-gradient(135deg, #04565d, #066b74);
    color: white !important;
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
    margin-left: 0.5rem;
}

.nav-cta:hover[b-r1uxmtkh30] {
    background: linear-gradient(135deg, #034448, #04565d);
    color: white !important;
}

/* ============================================
   MOBILE NAVIGATION
   ============================================ */

.mobile-menu-toggle[b-r1uxmtkh30] {
    display: none;
    background: none;
    border: none;
    font-size: 1.5rem;
    color: #04565d;
    cursor: pointer;
    padding: 0.5rem;
}

.mobile-nav-overlay[b-r1uxmtkh30] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1033;
    animation: fadeIn-b-r1uxmtkh30 0.2s ease;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

@keyframes fadeIn-b-r1uxmtkh30 {
    from { opacity: 0; }
    to { opacity: 1; }
}

.mobile-nav[b-r1uxmtkh30] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 320px;
    max-width: 85vw;
    min-height: 100vh;
    background: white;
    z-index: 1034;
    display: flex !important;
    flex-direction: column;
    animation: slideIn-b-r1uxmtkh30 0.3s ease;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: hidden;
}

@keyframes slideIn-b-r1uxmtkh30 {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}

.mobile-nav-header[b-r1uxmtkh30] {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    visibility: visible !important;
}

.mobile-nav-title[b-r1uxmtkh30] {
    font-weight: 600;
    font-size: 1.1rem;
    color: #212529;
    display: block !important;
    visibility: visible !important;
}

.mobile-nav-content[b-r1uxmtkh30] {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 1rem 0;
    display: block !important;
    visibility: visible !important;
    position: relative;
    min-height: 200px;
    height: auto;
}

.mobile-nav-link[b-r1uxmtkh30] {
    display: flex !important;
    align-items: center;
    gap: 0.875rem;
    padding: 0.875rem 1.25rem;
    color: #495057;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.15s ease;
    border: none;
    background: none;
    width: 100%;
    font-family: inherit;
    font-size: inherit;
    cursor: pointer;
    visibility: visible !important;
}

.mobile-nav-link:hover[b-r1uxmtkh30] {
    background: rgba(4, 86, 93, 0.06);
    color: #04565d;
}

.mobile-nav-link.active[b-r1uxmtkh30] {
    background: rgba(4, 86, 93, 0.1);
    color: #04565d;
}

/* Ensure all mobile nav elements are visible */
.mobile-nav *[b-r1uxmtkh30],
.mobile-nav-content *[b-r1uxmtkh30],
.mobile-mega-section *[b-r1uxmtkh30],
.mobile-mega-content *[b-r1uxmtkh30] {
    visibility: visible !important;
    opacity: 1 !important;
}

.mobile-nav-link i[b-r1uxmtkh30] {
    font-size: 1.25rem;
    width: 24px;
    text-align: center;
}

.mobile-nav-link i.ms-auto[b-r1uxmtkh30] {
    margin-left: auto;
    font-size: 1rem;
}

.mobile-divider[b-r1uxmtkh30] {
    height: 1px;
    background: rgba(0, 0, 0, 0.08);
    margin: 0.75rem 1.25rem;
    display: block !important;
    visibility: visible !important;
}

.mobile-nav-actions[b-r1uxmtkh30] {
    padding: 0 1.25rem;
    display: block !important;
    visibility: visible !important;
}

.mobile-nav-cta[b-r1uxmtkh30] {
    background: linear-gradient(135deg, #04565d, #066b74);
    color: white !important;
    border-radius: 0.5rem;
}

/* ============================================
   MOBILE MEGA MENU
   ============================================ */

.mobile-mega-section[b-r1uxmtkh30] {
    display: flex !important;
    flex-direction: column;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative;
    width: 100%;
}

.mobile-mega-toggle[b-r1uxmtkh30] {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    visibility: visible !important;
}

.mobile-mega-toggle.active[b-r1uxmtkh30] {
    background: rgba(4, 86, 93, 0.1);
    color: #04565d;
}

.mobile-mega-content[b-r1uxmtkh30] {
    background: rgba(4, 86, 93, 0.02);
    padding: 0.5rem 0;
    animation: slideDown-b-r1uxmtkh30 0.2s ease;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible;
    position: relative;
    width: 100%;
    min-height: 100px;
}

@keyframes slideDown-b-r1uxmtkh30 {
    from {
        opacity: 0;
        max-height: 0;
    }
    to {
        opacity: 1;
        max-height: 2000px;
    }
}

.mobile-mega-category[b-r1uxmtkh30] {
    padding: 0.5rem 1.25rem;
    display: block !important;
    visibility: visible !important;
    margin-bottom: 0.5rem;
}

.mobile-mega-category-title[b-r1uxmtkh30] {
    display: block !important;
    font-size: 0.75rem;
    font-weight: 600;
    color: #04565d;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.5rem;
    padding: 0.25rem 0;
    visibility: visible !important;
}

.mobile-mega-item[b-r1uxmtkh30] {
    display: flex !important;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 0.75rem;
    color: #495057;
    visibility: visible !important;
    text-decoration: none;
    font-size: 0.9rem;
    border-radius: 0.375rem;
    transition: all 0.15s ease;
}

.mobile-mega-item:hover[b-r1uxmtkh30] {
    background: rgba(4, 86, 93, 0.06);
    color: #04565d;
}

.mobile-mega-item i[b-r1uxmtkh30] {
    font-size: 1.1rem;
    width: 24px;
    text-align: center;
    color: #6c757d;
}

.mobile-mega-item:hover i[b-r1uxmtkh30] {
    color: #04565d;
}

.mobile-mega-item.mobile-cta[b-r1uxmtkh30] {
    background: linear-gradient(135deg, #04565d, #066b74);
    color: white;
    margin-bottom: 0.5rem;
}

.mobile-mega-item.mobile-cta i[b-r1uxmtkh30] {
    color: white;
}

.mobile-mega-item.text-danger[b-r1uxmtkh30] {
    color: #ef4444;
}

.mobile-mega-item.text-danger i[b-r1uxmtkh30] {
    color: #ef4444;
}

/* ============================================
   RESPONSIVE STYLES
   ============================================ */

@media (max-width: 991.98px) {
    .desktop-nav[b-r1uxmtkh30] {
        display: none !important;
    }

    .mobile-menu-toggle[b-r1uxmtkh30] {
        display: block !important;
        visibility: visible !important;
    }

    .header-nav[b-r1uxmtkh30] {
        height: 56px;
    }

    .header-inner[b-r1uxmtkh30] {
        height: 56px;
    }

    .header-logo[b-r1uxmtkh30] {
        gap: 0;
    }

    .mega-menu[b-r1uxmtkh30],
    .user-menu-dropdown[b-r1uxmtkh30],
    .dropdown-backdrop[b-r1uxmtkh30] {
        display: none !important;
    }

    /* Ensure mobile navigation is always visible */
    .mobile-nav[b-r1uxmtkh30],
    .mobile-nav-overlay[b-r1uxmtkh30],
    .mobile-nav-content[b-r1uxmtkh30],
    .mobile-mega-section[b-r1uxmtkh30],
    .mobile-mega-content[b-r1uxmtkh30],
    .mobile-mega-category[b-r1uxmtkh30],
    .mobile-mega-item[b-r1uxmtkh30],
    .mobile-nav-header[b-r1uxmtkh30],
    .mobile-nav-title[b-r1uxmtkh30] {
        visibility: visible !important;
        opacity: 1 !important;
        display: flex !important;
    }

    .mobile-nav-content[b-r1uxmtkh30],
    .mobile-mega-content[b-r1uxmtkh30] {
        display: block !important;
    }

    .mobile-nav-title[b-r1uxmtkh30],
    .mobile-mega-category-title[b-r1uxmtkh30] {
        display: block !important;
    }
}

@media (max-width: 1199.98px) {
    .mega-menu[b-r1uxmtkh30] {
        width: 95vw;
        max-width: 800px;
    }

    .mega-menu-grid[b-r1uxmtkh30] {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .mega-menu-container[b-r1uxmtkh30] {
        padding: 1.25rem;
    }

    .user-menu-dropdown[b-r1uxmtkh30] {
        min-width: 260px;
    }
}

@media (min-width: 992px) {
    .mobile-nav-overlay[b-r1uxmtkh30],
    .mobile-nav[b-r1uxmtkh30] {
        display: none !important;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-tom3kby4fz] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-tom3kby4fz] {
    flex: 1;
}

.sidebar[b-tom3kby4fz] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-tom3kby4fz] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: space-between;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.layout-logo[b-tom3kby4fz] {
    display: inline-flex;
    align-items: center;
}

.layout-logo img[b-tom3kby4fz] {
    height: 32px;
    width: auto;
    object-fit: contain;
}

.top-row-actions[b-tom3kby4fz] {
    display: flex;
    align-items: center;
}

    .top-row[b-tom3kby4fz]  a, .top-row[b-tom3kby4fz]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-tom3kby4fz]  a:hover, .top-row[b-tom3kby4fz]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-tom3kby4fz]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-tom3kby4fz] {
        justify-content: space-between;
    }

    .top-row[b-tom3kby4fz]  a, .top-row[b-tom3kby4fz]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-tom3kby4fz] {
        flex-direction: row;
    }

    .sidebar[b-tom3kby4fz] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-tom3kby4fz] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-tom3kby4fz]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-tom3kby4fz], article[b-tom3kby4fz] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-tom3kby4fz] {
    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-tom3kby4fz] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/MemberDashboardLayout.razor.rz.scp.css */
.member-layout[b-cub79uancm] {
    min-height: 100vh;
    background:
        radial-gradient(circle at 20% -10%, rgba(14, 165, 233, 0.08), transparent 32%),
        #eef2f6;
}

.member-body[b-cub79uancm] {
    display: grid;
    grid-template-columns: 272px minmax(0, 1fr);
    min-height: 100vh;
}

.member-sidebar[b-cub79uancm] {
    position: sticky;
    top: 0;
    align-self: start;
    height: 100vh;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    border-right: 1px solid #dbe2ea;
    display: flex;
    flex-direction: column;
    padding: 1rem 0.95rem 0.95rem;
    gap: 0.85rem;
    overflow: hidden;
    transition: all 0.22s ease;
    box-shadow: 8px 0 24px rgba(15, 23, 42, 0.04);
}

.member-logo[b-cub79uancm] {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.4rem 0.55rem;
    margin-bottom: 0.2rem;
    border-bottom: 1px solid #edf2f7;
}

.member-logo img[b-cub79uancm] {
    height: 40px;
    width: auto;
    object-fit: contain;
}

.member-nav-scroll[b-cub79uancm] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding-right: 0.3rem;
}

.member-nav-scroll[b-cub79uancm]::-webkit-scrollbar {
    width: 6px;
}

.member-nav-scroll[b-cub79uancm]::-webkit-scrollbar-thumb {
    background: #c7d2da;
    border-radius: 999px;
}

.member-nav-group + .member-nav-group[b-cub79uancm] {
    margin-top: 0.85rem;
}

.member-nav-title[b-cub79uancm] {
    font-size: 0.7rem;
    font-weight: bolder;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #ef4444;
    padding: 0 0.6rem;
    margin-bottom: 0.45rem;
}

.member-nav[b-cub79uancm] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.member-nav-link[b-cub79uancm] {
    display: flex;
    align-items: center;
    gap: 0.68rem;
    border-radius: 0.8rem;
    padding: 0.66rem 0.72rem;
    color: #334155;
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1.35;
    border: 1px solid transparent;
    transition: all 0.18s ease;
}

.member-nav-link span[b-cub79uancm] {
    letter-spacing: 0.002em;
}

.member-nav-link i[b-cub79uancm] {
    width: 1.78rem;
    height: 1.78rem;
    border-radius: 0.52rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
    color: #64748b;
    border: 1px solid #e2e8f0;
}

.member-nav-link:hover[b-cub79uancm] {
    background: #f8fbff;
    color: #0f172a;
    border-color: #d9e7f5;
    transform: translateX(2px);
}

.member-nav-link.active[b-cub79uancm] {
    background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%) !important;
    color: #fff !important;
    border-color: transparent;
    box-shadow: 0 10px 20px rgba(2, 132, 199, 0.28);
}

    .member-nav-link.active i[b-cub79uancm] {
        color: #fd0000;
        background: rgb(235 115 115 / 22%);
        border-color: rgb(255 255 255 / 32%);
    }

.member-profile-floating[b-cub79uancm] {
    border-radius: 0.9rem;
    border: 1px solid #dbe5ef;
    background: #fff;
    padding: 0.8rem;
    box-shadow: 0 12px 28px rgba(2, 6, 23, 0.08);
}

.member-profile-head[b-cub79uancm] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.member-avatar[b-cub79uancm] {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);
    color: #334155;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid #d1d5db;
}

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

.member-user[b-cub79uancm] {
    min-width: 0;
}

.member-name[b-cub79uancm] {
    font-size: 0.84rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.member-meta[b-cub79uancm] {
    font-size: 0.74rem;
    color: #64748b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.member-profile-actions[b-cub79uancm] {
    margin-top: 0.6rem;
}

.member-profile-actions .btn-outline-danger[b-cub79uancm] {
    border-color: #ef4444;
    color: #ef4444;
    font-weight: 600;
}

.member-profile-actions .btn-outline-danger:hover[b-cub79uancm] {
    background: #ef4444;
    color: #fff;
}

.member-main[b-cub79uancm] {
    min-width: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.member-header[b-cub79uancm] {
    height: 64px;
    background: #fff;
    border-bottom: 1px solid #dbe2ea;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem 0 1.25rem;
    position: sticky;
    top: 0;
    z-index: 1050;
}

.member-header-left[b-cub79uancm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.member-menu-toggle[b-cub79uancm] {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 0.55rem;
    background: #eef4fb;
    color: #334155;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.member-menu-toggle:hover[b-cub79uancm] {
    background: #dbe8f6;
}

.member-header-title[b-cub79uancm] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #1f2937;
}

.member-header-actions[b-cub79uancm] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.member-ai-link[b-cub79uancm] {
    --member-ai-pulse-left: 1.08rem;
    position: relative;
    height: 36px;
    border-radius: 999px;
    border: 1px solid #bbe9f1;
    background: linear-gradient(135deg, #f0fbff 0%, #ebf8ff 100%);
    color: #03697a;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0 0.72rem;
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 700;
    overflow: hidden;
    box-shadow: 0 8px 16px rgba(3, 154, 171, 0.16);
}

.member-ai-link i[b-cub79uancm] {
    font-size: 1rem;
    position: relative;
    z-index: 2;
}

.member-ai-label[b-cub79uancm] {
    white-space: nowrap;
}

.member-ai-link:hover[b-cub79uancm],
.member-ai-link.active[b-cub79uancm] {
    border-color: #00b8d9;
    color: #035c69;
    background: linear-gradient(135deg, #e7fbff 0%, #e3f7ff 100%);
}

.member-ai-pulse[b-cub79uancm] {
    position: absolute;
    top: 50%;
    left: var(--member-ai-pulse-left);
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 999px;
    border: 1px solid rgba(0, 184, 217, 0.65);
    transform: translate(-50%, -50%) scale(0.92);
    animation: memberAiPulse-b-cub79uancm 1.35s ease-in-out infinite;
    transform-origin: center;
    pointer-events: none;
    z-index: 1;
}

@keyframes memberAiPulse-b-cub79uancm {
    0% {
        opacity: 0.8;
        transform: translate(-50%, -50%) scale(0.92);
    }
    55% {
        opacity: 0.2;
        transform: translate(-50%, -50%) scale(1.25);
    }
    100% {
        opacity: 0.72;
        transform: translate(-50%, -50%) scale(0.92);
    }
}

.member-notify[b-cub79uancm] {
    position: relative;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 999px;
    background: #f3f4f6;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.member-notify:hover[b-cub79uancm],
.member-notify.active[b-cub79uancm] {
    background: #e5edf6;
    color: #0f172a;
}

.member-notify-dot[b-cub79uancm] {
    position: absolute;
    top: -4px;
    right: -3px;
    min-width: 16px;
    height: 16px;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.25rem;
    line-height: 1;
}

.member-user-dropdown[b-cub79uancm] {
    border: 0;
    background: #f1f5f9;
    color: #334155;
    border-radius: 999px;
    font-weight: 700;
    font-size: 0.88rem;
    min-width: 132px;
}

.member-user-dropdown:hover[b-cub79uancm],
.member-user-dropdown:focus[b-cub79uancm],
.member-user-dropdown:active[b-cub79uancm] {
    background: #e2e8f0;
    color: #0f172a;
}

.member-dropdown-menu[b-cub79uancm] {
    border: 1px solid #e5e7eb;
    border-radius: 0.7rem;
    box-shadow: 0 16px 30px rgba(2, 6, 23, 0.12);
    padding: 0.35rem;
}

.member-content[b-cub79uancm] {
    padding: 1rem;
    min-width: 0;
}

.mobile-bottom-nav[b-cub79uancm],
.mobile-menu-backdrop[b-cub79uancm],
.mobile-bubble-panel[b-cub79uancm] {
    display: none;
}

.member-layout.sidebar-hidden .member-body[b-cub79uancm] {
    grid-template-columns: 0 minmax(0, 1fr);
}

.member-layout.sidebar-hidden .member-sidebar[b-cub79uancm] {
    width: 0;
    padding: 0;
    border-right: 0;
    box-shadow: none;
    opacity: 0;
    pointer-events: none;
}

@media (max-width: 1100px) {
    .member-ai-label[b-cub79uancm] {
        display: none;
    }

    .member-ai-link[b-cub79uancm] {
        width: 36px;
        padding: 0;
        justify-content: center;
        --member-ai-pulse-left: 50%;
    }
}

@media (max-width: 992px) {
    .member-body[b-cub79uancm] {
        grid-template-columns: 1fr;
    }

    .member-sidebar[b-cub79uancm] {
        display: none;
    }

    .member-header[b-cub79uancm] {
        height: auto;
        min-height: 64px;
        flex-wrap: wrap;
        gap: 0.5rem;
        padding-top: 0.55rem;
        padding-bottom: 0.55rem;
    }

    .member-ai-link[b-cub79uancm] {
        width: 34px;
        height: 34px;
        --member-ai-pulse-left: 50%;
    }

    .member-menu-toggle[b-cub79uancm] {
        display: none;
    }

    .member-content[b-cub79uancm] {
        padding-bottom: 90px;
    }

    .member-layout.sidebar-hidden .member-body[b-cub79uancm] {
        grid-template-columns: 1fr;
    }

    .mobile-bottom-nav[b-cub79uancm] {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        align-items: center;
        gap: 1.5rem;
        position: fixed;
        left: 50%;
        bottom: 12px;
        transform: translateX(-50%);
        width: min(95vw, 500px);
        padding: 0.4rem;
        border-radius: 1rem;
        background: rgba(255, 255, 255, 0.94);
        border: 1px solid #dbe2ea;
        box-shadow: 0 18px 34px rgba(15, 23, 42, 0.16);
        z-index: 1300;
    }

    .mobile-bottom-item[b-cub79uancm] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.2rem;
        color: #64748b;
        text-decoration: none;
        font-size: 0.68rem;
        font-weight: 600;
        padding: 0.25rem 0.1rem;
    }

    .mobile-bottom-item i[b-cub79uancm] {
        font-size: 1rem;
    }

    .mobile-bottom-item.active[b-cub79uancm] {
        color: #0284c7;
    }

    .mobile-bubble-btn[b-cub79uancm] {
        width: 50px;
        height: 50px;
        border: 0;
        border-radius: 999px;
        margin: -22px auto 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
        color: #fff;
        box-shadow: 0 14px 24px rgba(2, 132, 199, 0.42);
    }

    .mobile-bubble-panel[b-cub79uancm] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.45rem;
        position: fixed;
        left: 50%;
        bottom: 84px;
        transform: translateX(-50%);
        width: min(94vw, 430px);
        max-height: 56vh;
        overflow-y: auto;
        padding: 0.75rem;
        border-radius: 1rem;
        background: #fff;
        border: 1px solid #dbe2ea;
        box-shadow: 0 22px 36px rgba(15, 23, 42, 0.2);
        z-index: 1310;
    }

    .mobile-bubble-item[b-cub79uancm] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        border: 1px solid #e2e8f0;
        border-radius: 0.75rem;
        background: #fff;
        color: #334155;
        text-decoration: none;
        font-size: 0.83rem;
        font-weight: 600;
        padding: 0.55rem 0.6rem;
    }

    .mobile-bubble-item.logout[b-cub79uancm] {
        border-color: #fecaca;
        color: #dc2626;
    }

    .mobile-bubble-item i[b-cub79uancm] {
        font-size: 0.98rem;
    }

    .mobile-menu-backdrop[b-cub79uancm] {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(15, 23, 42, 0.35);
        z-index: 1305;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-0095j6kwaw] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-0095j6kwaw] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-0095j6kwaw] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-0095j6kwaw] {
    padding: 0.15rem 0;
}

.nav-logo[b-0095j6kwaw] {
    height: 34px;
    width: auto;
    object-fit: contain;
}

.bi[b-0095j6kwaw] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-0095j6kwaw] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-0095j6kwaw] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-0095j6kwaw] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-0095j6kwaw] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-0095j6kwaw] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-0095j6kwaw] {
        padding-bottom: 1rem;
    }

    .nav-item[b-0095j6kwaw]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-0095j6kwaw]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-0095j6kwaw]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-0095j6kwaw] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-0095j6kwaw] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-0095j6kwaw] {
        display: none;
    }

    .nav-scrollable[b-0095j6kwaw] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-cq8q8s64jk],
.components-reconnect-repeated-attempt-visible[b-cq8q8s64jk],
.components-reconnect-failed-visible[b-cq8q8s64jk],
.components-pause-visible[b-cq8q8s64jk],
.components-resume-failed-visible[b-cq8q8s64jk],
.components-rejoining-animation[b-cq8q8s64jk] {
    display: none;
}

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


#components-reconnect-modal[b-cq8q8s64jk] {
    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-cq8q8s64jk 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Agents/AgentDetail.razor.rz.scp.css */
.u-agent-shell[b-xhef0y4wpz] {
    padding: 6.2rem 0 2.5rem;
    background:
        radial-gradient(1200px 380px at 100% -10%, rgba(14, 165, 184, 0.16), transparent 55%),
        radial-gradient(950px 320px at -10% -5%, rgba(2, 132, 199, 0.14), transparent 50%),
        #f8fafc;
    min-height: 72vh;
}

.u-agent-shell .container[b-xhef0y4wpz],
.u-agent-state .container[b-xhef0y4wpz] {
    max-width: 1080px;
}

.u-agent-state[b-xhef0y4wpz] {
    padding: 7rem 0 2.5rem;
    min-height: 70vh;
    background: #f8fafc;
}

.u-agent-card-state[b-xhef0y4wpz] {
    border: 1px solid #dbe4ef;
    background: #fff;
    border-radius: 16px;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.8rem;
    text-align: center;
    color: #334155;
    padding: 1.25rem;
}

.u-agent-card-state.not-found i[b-xhef0y4wpz] {
    font-size: 2.3rem;
    color: #94a3b8;
}

.u-agent-card-state.compact[b-xhef0y4wpz] {
    min-height: 120px;
}

.u-agent-hero[b-xhef0y4wpz] {
    display: grid;
    grid-template-columns: 116px 1fr;
    gap: 1rem;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid #dbe4ef;
    border-radius: 18px;
    padding: 1rem;
    backdrop-filter: blur(6px);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
}

.u-agent-avatar-wrap[b-xhef0y4wpz] {
    width: 116px;
    height: 116px;
}

.u-agent-avatar[b-xhef0y4wpz],
.u-agent-avatar-fallback[b-xhef0y4wpz] {
    width: 116px;
    height: 116px;
    border-radius: 16px;
}

.u-agent-avatar[b-xhef0y4wpz] {
    object-fit: cover;
    border: 1px solid #dbe4ef;
}

.u-agent-avatar-fallback[b-xhef0y4wpz] {
    display: grid;
    place-items: center;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.04em;
    font-size: 1.15rem;
}

.u-agent-handle[b-xhef0y4wpz] {
    margin: 0;
    font-size: 0.85rem;
    color: #0369a1;
    font-weight: 700;
}

.u-agent-meta h1[b-xhef0y4wpz] {
    margin: 0.15rem 0 0.25rem;
    font-size: clamp(1.2rem, 2.9vw, 1.9rem);
    line-height: 1.2;
    color: #0f172a;
}

.u-agent-role[b-xhef0y4wpz] {
    margin: 0;
    color: #64748b;
    font-size: 0.92rem;
}

.u-agent-hero-stats[b-xhef0y4wpz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.6rem;
    margin-top: 0.9rem;
}

.u-agent-hero-stats div[b-xhef0y4wpz] {
    border: 1px solid #e2e8f0;
    background: #f8fbff;
    border-radius: 10px;
    padding: 0.5rem 0.45rem;
    text-align: center;
}

.u-agent-hero-stats strong[b-xhef0y4wpz] {
    display: block;
    font-size: 1.02rem;
    color: #0f172a;
    line-height: 1.1;
}

.u-agent-hero-stats span[b-xhef0y4wpz] {
    display: block;
    margin-top: 0.2rem;
    font-size: 0.72rem;
    color: #64748b;
}

.u-agent-hero-actions[b-xhef0y4wpz] {
    display: flex;
    gap: 0.6rem;
    margin-top: 0.85rem;
    flex-wrap: wrap;
}

.u-agent-hero-actions .btn[b-xhef0y4wpz] {
    border-radius: 12px;
    font-weight: 600;
}

.u-agent-tabs-wrap[b-xhef0y4wpz] {
    position: sticky;
    top: 78px;
    z-index: 12;
    margin-top: 1rem;
}

.u-agent-tabs[b-xhef0y4wpz] {
    background: #fff;
    border: 1px solid #dbe4ef;
    border-radius: 999px;
    padding: 0.25rem;
    display: flex;
    gap: 0.15rem;
    overflow-x: auto;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
    scrollbar-width: none;
}

.u-agent-tabs[b-xhef0y4wpz]::-webkit-scrollbar {
    display: none;
}

.u-agent-tabs button[b-xhef0y4wpz] {
    flex: 1;
    min-width: 105px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #475569;
    font-weight: 600;
    font-size: 0.88rem;
    padding: 0.52rem 0.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    transition: all 0.18s ease;
}

.u-agent-tabs button span[b-xhef0y4wpz] {
    line-height: 1;
}

.u-agent-tabs button small[b-xhef0y4wpz] {
    min-width: 1.5rem;
    height: 1.25rem;
    padding: 0 0.35rem;
    border-radius: 999px;
    background: #e2e8f0;
    color: #334155;
    font-size: 0.7rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.u-agent-tabs button.active[b-xhef0y4wpz] {
    background: linear-gradient(135deg, #039aab 0%, #0c7e8b 100%);
    color: #fff;
}

.u-agent-tabs button.active small[b-xhef0y4wpz] {
    background: rgba(255, 255, 255, 0.24);
    color: #fff;
}

.u-agent-panel[b-xhef0y4wpz] {
    margin-top: 0.95rem;
    background: #fff;
    border: 1px solid #dbe4ef;
    border-radius: 18px;
    padding: 1rem;
    animation: uAgentPanelIn-b-xhef0y4wpz 220ms ease-out;
}

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

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

.u-agent-grid-2[b-xhef0y4wpz] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.85rem;
}

.u-agent-block[b-xhef0y4wpz] {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 0.95rem;
    background: #f8fafc;
}

.u-agent-block h3[b-xhef0y4wpz] {
    margin: 0 0 0.45rem;
    font-size: 1rem;
    color: #0f172a;
}

.u-agent-block p[b-xhef0y4wpz] {
    color: #475569;
    margin-bottom: 0.7rem;
    font-size: 0.92rem;
    line-height: 1.55;
}

.u-agent-join[b-xhef0y4wpz] {
    margin-bottom: 0;
    font-size: 0.84rem;
    color: #64748b;
}

.u-agent-contact-list[b-xhef0y4wpz] {
    display: grid;
    gap: 0.55rem;
}

.u-agent-contact-list div[b-xhef0y4wpz] {
    border: 1px solid #e2e8f0;
    background: #fff;
    border-radius: 10px;
    padding: 0.55rem 0.7rem;
    display: flex;
    justify-content: space-between;
    gap: 0.6rem;
}

.u-agent-contact-list .label[b-xhef0y4wpz] {
    color: #64748b;
    font-size: 0.83rem;
}

.u-agent-contact-list .value[b-xhef0y4wpz] {
    color: #0f172a;
    font-size: 0.85rem;
    font-weight: 600;
    text-align: right;
    word-break: break-word;
}

.u-listing-grid[b-xhef0y4wpz] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.85rem;
}

.u-listing-card[b-xhef0y4wpz] {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.u-listing-card:hover[b-xhef0y4wpz] {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

.u-listing-card-skeleton:hover[b-xhef0y4wpz] {
    transform: none;
    box-shadow: none;
}

/* Adaptive skeleton density: mobile 4, tablet 6, desktop 9 */
.u-listing-card-skeleton:nth-child(n + 5)[b-xhef0y4wpz] {
    display: none;
}

.u-listing-thumb[b-xhef0y4wpz] {
    aspect-ratio: 4 / 3;
    height: auto;
    background: #e2e8f0;
}

.u-listing-thumb img[b-xhef0y4wpz] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.u-listing-thumb-fallback[b-xhef0y4wpz] {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: #0f172a;
    font-size: 0.9rem;
    font-weight: 700;
    padding: 0.5rem;
    text-align: center;
}

.u-listing-body[b-xhef0y4wpz] {
    padding: 0.82rem;
}

.u-listing-body h4[b-xhef0y4wpz] {
    margin: 0 0 0.35rem;
    font-size: 0.95rem;
    color: #0f172a;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.u-listing-location[b-xhef0y4wpz] {
    margin: 0;
    color: #64748b;
    font-size: 0.8rem;
    display: flex;
    gap: 0.35rem;
    align-items: flex-start;
}

.u-listing-price[b-xhef0y4wpz] {
    margin: 0.5rem 0 0.6rem;
    font-size: 0.92rem;
    font-weight: 700;
    color: #0369a1;
}

.u-skeleton[b-xhef0y4wpz] {
    background: linear-gradient(110deg, #e2e8f0 8%, #f8fafc 18%, #e2e8f0 33%);
    background-size: 220% 100%;
    animation: uSkeletonShimmer-b-xhef0y4wpz 1.15s linear infinite;
    border-radius: 10px;
}

.u-skeleton-thumb[b-xhef0y4wpz] {
    border-radius: 0;
    aspect-ratio: 4 / 3;
}

.u-skeleton-title[b-xhef0y4wpz] {
    width: 86%;
    height: 16px;
}

.u-skeleton-line[b-xhef0y4wpz] {
    margin-top: 0.55rem;
    width: 72%;
    height: 12px;
}

.u-skeleton-price[b-xhef0y4wpz] {
    margin-top: 0.65rem;
    width: 48%;
    height: 16px;
}

.u-skeleton-btn[b-xhef0y4wpz] {
    margin-top: 0.7rem;
    width: 42%;
    height: 30px;
    border-radius: 999px;
}

@keyframes uSkeletonShimmer-b-xhef0y4wpz {
    to {
        background-position-x: -220%;
    }
}

.u-share-box[b-xhef0y4wpz] {
    display: flex;
    gap: 0.45rem;
}

.u-share-box input[b-xhef0y4wpz] {
    flex: 1;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    padding: 0.52rem 0.65rem;
    font-size: 0.83rem;
}

.u-promo-buttons[b-xhef0y4wpz] {
    margin-top: 0.6rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.u-leads-cards[b-xhef0y4wpz] {
    display: grid;
    gap: 0.45rem;
}

.u-leads-cards div[b-xhef0y4wpz] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 0.55rem 0.7rem;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.u-leads-cards span[b-xhef0y4wpz] {
    color: #64748b;
    font-size: 0.82rem;
}

.u-leads-cards strong[b-xhef0y4wpz] {
    color: #0f172a;
    font-size: 0.92rem;
}

@media (min-width: 768px) {
    .u-agent-shell[b-xhef0y4wpz] {
        padding-top: 6.8rem;
    }

    .u-agent-hero[b-xhef0y4wpz] {
        grid-template-columns: 170px 1fr;
        gap: 1.25rem;
        padding: 1.2rem;
    }

    .u-agent-avatar-wrap[b-xhef0y4wpz],
    .u-agent-avatar[b-xhef0y4wpz],
    .u-agent-avatar-fallback[b-xhef0y4wpz] {
        width: 170px;
        height: 170px;
        border-radius: 18px;
    }

    .u-agent-grid-2[b-xhef0y4wpz] {
        grid-template-columns: 1fr 1fr;
    }

    .u-listing-grid[b-xhef0y4wpz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .u-listing-card-skeleton:nth-child(n + 5)[b-xhef0y4wpz] {
        display: block;
    }

    .u-listing-card-skeleton:nth-child(n + 7)[b-xhef0y4wpz] {
        display: none;
    }
}

@media (min-width: 1200px) {
    .u-listing-grid[b-xhef0y4wpz] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .u-listing-card-skeleton:nth-child(n + 7)[b-xhef0y4wpz] {
        display: block;
    }
}

@media (max-width: 767.98px) {
    .u-agent-shell[b-xhef0y4wpz] {
        padding-top: 5.7rem;
    }

    .u-agent-tabs-wrap[b-xhef0y4wpz] {
        top: 66px;
    }

    .u-agent-tabs button[b-xhef0y4wpz] {
        min-width: 112px;
    }
}
/* /Components/Pages/Agents/AgentsList.razor.rz.scp.css */
.agents-page-header[b-qkpyp6714x] {
    padding: 6.6rem 0 2rem;
    background: linear-gradient(180deg, #eefbff 0%, #ffffff 90%);
}

.agents-page-header .page-title[b-qkpyp6714x] {
    margin-bottom: 0.5rem;
}

.agents-page-header .page-subtitle[b-qkpyp6714x] {
    color: #4b5563;
    margin-bottom: 0;
}

.agents-summary-chip[b-qkpyp6714x] {
    display: inline-flex;
    margin-top: 0.35rem;
    padding: 0.5rem 0.85rem;
    border-radius: 999px;
    background: rgba(4, 157, 181, 0.12);
    color: #04565d;
    font-size: 0.86rem;
    font-weight: 600;
}

.all-agents-head[b-qkpyp6714x] {
    gap: 0.85rem;
    flex-wrap: wrap;
}

.all-agents-section .section-subtitle strong[b-qkpyp6714x] {
    color: #0f172a;
}

.agent-avatar-fallback-premium[b-qkpyp6714x],
.agent-avatar-fallback-list[b-qkpyp6714x] {
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #0ea5b8 0%, #0369a1 100%);
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.03em;
}

.agent-avatar-fallback-premium[b-qkpyp6714x] {
    width: 100%;
    height: 100%;
    font-size: 1.2rem;
}

.agent-avatar-fallback-list[b-qkpyp6714x] {
    width: 70px;
    height: 70px;
    border-radius: 999px;
    font-size: 1rem;
}

.agents-loading[b-qkpyp6714x] {
    min-height: 180px;
    border-radius: 1rem;
    border: 1px solid #dbeafe;
    background: #f8fdff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    font-weight: 600;
    color: #0f766e;
}

.agents-empty[b-qkpyp6714x] {
    min-height: 200px;
    border-radius: 1rem;
    border: 1px dashed #bfdbfe;
    background: #f8fafc;
    display: grid;
    place-content: center;
    text-align: center;
    padding: 1.25rem;
}

.agents-empty h2[b-qkpyp6714x] {
    font-size: 1.1rem;
    margin-bottom: 0.35rem;
}

.agents-empty p[b-qkpyp6714x] {
    margin: 0;
    color: #64748b;
}

@media (max-width: 991.98px) {
    .agents-page-header[b-qkpyp6714x] {
        padding-top: 5.9rem;
    }
}

@media (max-width: 767.98px) {
    .agents-page-header[b-qkpyp6714x] {
        padding-top: 5.35rem;
        padding-bottom: 1.35rem;
    }

    .agents-summary-chip[b-qkpyp6714x] {
        width: 100%;
        justify-content: center;
    }
}

/* Match visual style with Home section "Kenali Agensi Terbaik Kami" */
.agents-home-style-card[b-qkpyp6714x] {
    border: 1px solid rgba(148, 163, 184, 0.16);
}

.agents-home-style-card .agent-image[b-qkpyp6714x] {
    height: 220px;
}

.home-agent-fallback[b-qkpyp6714x] {
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #0ea5b8 0%, #0f766e 100%);
    color: #fff;
    font-weight: 700;
    font-size: 0.95rem;
    letter-spacing: 0.03em;
}

.agent-mini-meta[b-qkpyp6714x] {
    margin-top: -0.25rem;
    margin-bottom: 0.85rem;
    text-align: left;
}

.agent-mini-line[b-qkpyp6714x] {
    margin-bottom: 0.4rem;
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    color: #64748b;
    font-size: 0.82rem;
    line-height: 1.35;
}

.agent-mini-line i[b-qkpyp6714x] {
    color: #0ea5b8;
    margin-top: 0.1rem;
}

.agent-actions[b-qkpyp6714x] {
    margin-top: 0.5rem;
}

.home-agent-profile-link[b-qkpyp6714x] {
    font-size: 0.84rem;
    font-weight: 600;
    color: #0369a1;
}

.home-agent-profile-link:hover[b-qkpyp6714x] {
    color: #0c4a6e;
}

.agent-username-chip[b-qkpyp6714x] {
    margin-top: 0.55rem;
    font-size: 0.78rem;
    color: #64748b;
    font-weight: 600;
}
/* /Components/Pages/Agent/AgentAddPropertyLocation.razor.rz.scp.css */
.location-first-load[b-gvo5w6lhlm] {
    min-height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.75rem;
    background: #fff;
    border-radius: 1rem;
    border: 1px solid #dbe3ea;
}

.location-region-summary[b-gvo5w6lhlm] {
    display: grid;
    gap: 0.9rem;
    padding: 0.95rem 1rem;
    border: 1px solid #dbe3ea;
    border-radius: 1rem;
    background: linear-gradient(180deg, #ffffff, #f8fbfd);
}

.location-region-tags[b-gvo5w6lhlm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.location-region-tag[b-gvo5w6lhlm] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.45rem 0.68rem;
    border-radius: 999px;
    background: #eef6fb;
    color: #334155;
    font-size: 0.8rem;
}

.location-region-tag.is-ready[b-gvo5w6lhlm] {
    background: #e8f7ef;
    color: #166534;
}

.location-region-tag.is-optional[b-gvo5w6lhlm] {
    background: #f8fafc;
    color: #475569;
}

.location-busy-overlay[b-gvo5w6lhlm] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    background: #f8fafc;
    border: 1px solid #dbe3ea;
    border-radius: 0.7rem;
    padding: 0.4rem 0.62rem;
    font-size: 0.82rem;
    color: #334155;
    margin-bottom: 0.7rem;
}

.location-context-chips[b-gvo5w6lhlm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1rem;
}

.location-context-chip[b-gvo5w6lhlm] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.55rem 0.8rem;
    border: 1px solid #dbe3ea;
    border-radius: 999px;
    background: #f8fafc;
    color: #334155;
    max-width: 100%;
}

.location-context-chip i[b-gvo5w6lhlm] {
    color: var(--primary);
    flex-shrink: 0;
}

.location-context-chip span[b-gvo5w6lhlm] {
    font-size: 0.76rem;
    font-weight: 600;
    color: #64748b;
}

.location-context-chip strong[b-gvo5w6lhlm] {
    font-size: 0.84rem;
    color: #0f172a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.location-search-box h6[b-gvo5w6lhlm] {
    font-weight: 700;
    color: #0f172a;
}

.location-search-results[b-gvo5w6lhlm] {
    display: grid;
    gap: 0.75rem;
}

.location-search-card[b-gvo5w6lhlm] {
    border: 1px solid #dbe3ea;
    border-radius: 0.95rem;
    background: #fff;
    padding: 0.9rem;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.05);
}

.location-search-card-head[b-gvo5w6lhlm] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.55rem;
}

.location-search-card-head h6[b-gvo5w6lhlm] {
    margin: 0.2rem 0 0;
    font-weight: 700;
    color: #0f172a;
}

.location-search-type[b-gvo5w6lhlm] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.55rem;
    border-radius: 999px;
    background: rgba(4, 157, 181, 0.1);
    color: #0f4f58;
    font-size: 0.74rem;
    font-weight: 700;
}

.location-search-card p[b-gvo5w6lhlm] {
    margin: 0;
    color: #475569;
    font-size: 0.86rem;
}

.location-search-meta[b-gvo5w6lhlm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 0.7rem;
    color: #64748b;
    font-size: 0.78rem;
}

.location-search-empty[b-gvo5w6lhlm] {
    border: 1px dashed #dbe3ea;
    border-radius: 0.9rem;
    padding: 0.9rem 1rem;
    color: #64748b;
    background: #fff;
}

.location-optional-header[b-gvo5w6lhlm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
}

.location-optional-panel[b-gvo5w6lhlm] {
    border: 1px solid #dbe3ea;
    border-radius: 1rem;
    background: #f8fafc;
    padding: 1rem;
}

.location-map-guide[b-gvo5w6lhlm] {
    border: 1px solid #d7e3eb;
    border-radius: 0.95rem;
    background: #fff;
    padding: 0.95rem;
}

.location-map-guide-head[b-gvo5w6lhlm] {
    display: flex;
    justify-content: space-between;
    gap: 0.85rem;
    align-items: start;
    margin-bottom: 0.75rem;
}

.location-map-guide-head h6[b-gvo5w6lhlm] {
    color: #0f172a;
    font-weight: 700;
}

.location-map-guide-note[b-gvo5w6lhlm] {
    padding: 0.75rem 0.85rem;
    border-radius: 0.8rem;
    background: rgba(4, 157, 181, 0.08);
    color: #0f3f49;
    font-size: 0.86rem;
    margin-bottom: 0.85rem;
}

.location-coordinate-map[b-gvo5w6lhlm] {
    width: 100%;
    min-height: 320px;
    border-radius: 0.9rem;
    overflow: hidden;
    border: 1px solid #dbe3ea;
}

.location-card-list[b-gvo5w6lhlm] {
    display: grid;
    gap: 0.72rem;
}

.location-action-row[b-gvo5w6lhlm] {
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

.location-primary-btn[b-gvo5w6lhlm] {
    min-width: 160px;
    min-height: 44px;
    font-weight: 600;
}

.location-secondary-actions[b-gvo5w6lhlm] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.55rem;
}

.location-ghost-btn[b-gvo5w6lhlm] {
    min-height: 40px;
    border-radius: 0.75rem;
    font-weight: 600;
}

.location-empty-card[b-gvo5w6lhlm] {
    border: 1px dashed #dbe3ea;
    border-radius: 0.85rem;
    background: #f8fafc;
    color: #64748b;
    text-align: center;
    padding: 1rem;
}

.location-item-card[b-gvo5w6lhlm] {
    border: 1px solid #dbe3ea;
    border-radius: 0.9rem;
    background:
        radial-gradient(circle at top right, rgba(14, 165, 233, 0.09), transparent 36%),
        #ffffff;
    padding: 0.8rem 0.9rem;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
}

.location-item-head[b-gvo5w6lhlm] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 0.65rem;
}

.location-item-head h6[b-gvo5w6lhlm] {
    margin: 0;
    font-weight: 700;
    color: #0f172a;
}

.location-item-status[b-gvo5w6lhlm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.34rem;
    justify-content: end;
}

.location-item-address[b-gvo5w6lhlm] {
    margin: 0.55rem 0;
    color: #475569;
    font-size: 0.86rem;
}

.location-item-actions[b-gvo5w6lhlm] {
    display: flex;
    gap: 0.45rem;
    flex-wrap: wrap;
}

@media (max-width: 576px) {
    .location-search-card-head[b-gvo5w6lhlm],
    .location-optional-header[b-gvo5w6lhlm],
    .location-map-guide-head[b-gvo5w6lhlm] {
        flex-direction: column;
        align-items: stretch;
    }

    .location-region-tag[b-gvo5w6lhlm] {
        width: 100%;
        justify-content: space-between;
    }

    .location-coordinate-map[b-gvo5w6lhlm] {
        min-height: 260px;
    }

    .location-action-row[b-gvo5w6lhlm] {
        align-items: stretch;
    }

    .location-primary-btn[b-gvo5w6lhlm],
    .location-secondary-actions[b-gvo5w6lhlm],
    .location-secondary-actions .btn[b-gvo5w6lhlm] {
        width: 100%;
    }

    .location-context-chip[b-gvo5w6lhlm] {
        width: 100%;
        border-radius: 0.9rem;
    }

    .location-item-card[b-gvo5w6lhlm] {
        padding: 0.72rem 0.74rem;
    }

    .location-item-address[b-gvo5w6lhlm] {
        font-size: 0.8rem;
    }
}
/* /Components/Pages/Agent/AgentAddPropertyOwner.razor.rz.scp.css */
.owner-context-chips[b-jumw36svt9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1rem;
}

.owner-context-chip[b-jumw36svt9] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.55rem 0.8rem;
    border: 1px solid #dbe3ea;
    border-radius: 999px;
    background: #f8fafc;
    color: #334155;
    max-width: 100%;
}

.owner-context-chip i[b-jumw36svt9] {
    color: var(--primary);
    flex-shrink: 0;
}

.owner-context-chip span[b-jumw36svt9] {
    font-size: 0.76rem;
    font-weight: 600;
    color: #64748b;
}

.owner-context-chip strong[b-jumw36svt9] {
    font-size: 0.84rem;
    color: #0f172a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.owner-top-actions[b-jumw36svt9],
.owner-page-actions[b-jumw36svt9] {
    align-items: center;
}

.owner-top-actions[b-jumw36svt9] {
    justify-content: space-between;
    gap: 0.85rem;
}

.owner-btn[b-jumw36svt9] {
    min-height: 36px;
    padding: 0.35rem 0.78rem;
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: 0.65rem;
    line-height: 1.25;
}

.owner-save-btn[b-jumw36svt9] {
    min-width: 148px;
}

.owner-guide-box[b-jumw36svt9] {
    border: 1px solid #e2e8f0;
    border-radius: 0.9rem;
    background: rgba(248, 250, 252, 0.85);
    padding: 0.75rem 0.9rem;
}

.owner-guide-icon[b-jumw36svt9] {
    color: #64748b;
    font-size: 1rem;
    flex-shrink: 0;
}

.owner-guide-summary[b-jumw36svt9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
}

.owner-guide-summary-copy[b-jumw36svt9] {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    color: #475569;
    font-size: 0.88rem;
    line-height: 1.5;
}

.owner-guide-toggle[b-jumw36svt9] {
    padding: 0;
    color: var(--primary);
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.owner-guide-toggle:hover[b-jumw36svt9] {
    color: var(--accent);
    text-decoration: underline;
}

.owner-guide-detail[b-jumw36svt9] {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px dashed #d7e0ea;
}

.owner-guide-list[b-jumw36svt9] {
    display: grid;
    gap: 0.45rem;
    font-size: 0.88rem;
    color: #334155;
    line-height: 1.5;
}

.owner-row-actions[b-jumw36svt9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.owner-row-actions .owner-btn[b-jumw36svt9] {
    min-width: 86px;
    text-align: center;
}

.owner-final-actions > .btn:first-child[b-jumw36svt9] {
    min-width: 110px;
}

@media (max-width: 576px) {
    .owner-context-chip[b-jumw36svt9] {
        width: 100%;
        border-radius: 0.9rem;
    }

    .owner-top-actions[b-jumw36svt9] {
        align-items: stretch;
    }

    .owner-top-actions .owner-btn[b-jumw36svt9] {
        flex: 1 1 100%;
        width: 100%;
    }

    .owner-guide-summary[b-jumw36svt9] {
        flex-direction: column;
        align-items: flex-start;
    }

    .owner-guide-toggle[b-jumw36svt9] {
        padding-left: 1.55rem;
    }

    .owner-guide-list[b-jumw36svt9] {
        font-size: 0.88rem;
    }

    .owner-row-actions .owner-btn[b-jumw36svt9] {
        min-width: 72px;
        padding: 0.2rem 0.52rem;
    }
}
/* /Components/Pages/Agent/AgentAddPropertyUpload.razor.rz.scp.css */
.upload-context-chips[b-6znsxqnm5e] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1rem;
}

.upload-context-chip[b-6znsxqnm5e] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.55rem 0.8rem;
    border: 1px solid #dbe3ea;
    border-radius: 999px;
    background: #f8fafc;
    color: #334155;
    max-width: 100%;
}

.upload-context-chip i[b-6znsxqnm5e] {
    color: var(--primary);
    flex-shrink: 0;
}

.upload-context-chip span[b-6znsxqnm5e] {
    font-size: 0.76rem;
    font-weight: 600;
    color: #64748b;
}

.upload-context-chip strong[b-6znsxqnm5e] {
    font-size: 0.84rem;
    color: #0f172a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.upload-header-actions .btn[b-6znsxqnm5e] {
    min-height: 44px;
    font-weight: 600;
}

.upload-mini-list[b-6znsxqnm5e] {
    display: grid;
    gap: 0.72rem;
    margin-bottom: 0.75rem;
}

.upload-mini-empty[b-6znsxqnm5e] {
    border: 1px dashed #dbe3ea;
    border-radius: 0.85rem;
    background: #f8fafc;
    color: #64748b;
    text-align: center;
    padding: 1rem;
}

.upload-mini-card[b-6znsxqnm5e] {
    display: grid;
    grid-template-columns: 84px 1fr;
    gap: 0.72rem;
    align-items: center;
    border: 1px solid #dbe3ea;
    border-radius: 0.9rem;
    background:
        radial-gradient(circle at top right, rgba(14, 165, 233, 0.08), transparent 34%),
        #ffffff;
    padding: 0.72rem;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
}

.upload-mini-thumb[b-6znsxqnm5e] {
    width: 84px;
    height: 64px;
    border-radius: 0.65rem;
    overflow: hidden;
    background: #f1f5f9;
    display: grid;
    place-items: center;
    color: #64748b;
}

.upload-mini-thumb img[b-6znsxqnm5e] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.upload-mini-thumb.doc[b-6znsxqnm5e] {
    background: #fff7ed;
    color: #c2410c;
}

.upload-mini-thumb.doc i[b-6znsxqnm5e] {
    font-size: 1.45rem;
}

.upload-mini-content[b-6znsxqnm5e] {
    min-width: 0;
}

.upload-mini-title[b-6znsxqnm5e] {
    font-weight: 700;
    color: #0f172a;
    font-size: 0.9rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.upload-mini-title a[b-6znsxqnm5e] {
    color: inherit;
    text-decoration: none;
}

.upload-mini-title a:hover[b-6znsxqnm5e] {
    text-decoration: underline;
}

.upload-mini-meta[b-6znsxqnm5e] {
    margin-top: 0.14rem;
    color: #64748b;
    font-size: 0.77rem;
}

.upload-mini-actions[b-6znsxqnm5e] {
    margin-top: 0.42rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.upload-mini-actions .btn[b-6znsxqnm5e] {
    min-height: 30px;
    padding: 0.22rem 0.58rem;
    border-radius: 0.52rem;
    font-size: 0.76rem;
    font-weight: 600;
    line-height: 1.25;
}

.upload-cover-badge[b-6znsxqnm5e] {
    align-self: center;
    font-size: 0.73rem;
    padding: 0.34rem 0.5rem;
    border-radius: 0.5rem;
}

.rotate-modal-backdrop[b-6znsxqnm5e] {
    position: fixed;
    inset: 0;
    z-index: 6000;
    background: rgba(2, 6, 23, 0.62);
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.rotate-modal-card[b-6znsxqnm5e] {
    width: min(760px, 100%);
    background: #fff;
    border: 1px solid #dbe3ea;
    border-radius: 1rem;
    box-shadow: 0 22px 50px rgba(15, 23, 42, 0.24);
    overflow: hidden;
}

.rotate-modal-header[b-6znsxqnm5e],
.rotate-modal-footer[b-6znsxqnm5e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.8rem 0.95rem;
    border-bottom: 1px solid #e2e8f0;
}

.rotate-modal-footer[b-6znsxqnm5e] {
    border-top: 1px solid #e2e8f0;
    border-bottom: 0;
    justify-content: flex-end;
}

.rotate-modal-header h5[b-6znsxqnm5e] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
}

.rotate-modal-body[b-6znsxqnm5e] {
    padding: 0.95rem;
}

.rotate-preview-wrap[b-6znsxqnm5e] {
    min-height: 340px;
    max-height: 54vh;
    border-radius: 0.85rem;
    border: 1px solid #dbe3ea;
    background: #f8fafc;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.rotate-preview-image[b-6znsxqnm5e] {
    max-width: 100%;
    max-height: 52vh;
    object-fit: contain;
    transition: transform 0.22s ease;
}

.rotate-control-panel[b-6znsxqnm5e] {
    margin-top: 0.82rem;
}

.rotate-angle-value[b-6znsxqnm5e] {
    font-size: 0.88rem;
    color: #334155;
}

.rotate-quick-actions[b-6znsxqnm5e] {
    margin-top: 0.42rem;
    display: flex;
    gap: 0.42rem;
    flex-wrap: wrap;
}

@media (max-width: 767.98px) {
    .upload-context-chip[b-6znsxqnm5e] {
        width: 100%;
        border-radius: 0.9rem;
    }

    .upload-mini-card[b-6znsxqnm5e] {
        grid-template-columns: 1fr;
        gap: 0.58rem;
    }

    .upload-mini-thumb[b-6znsxqnm5e] {
        width: 100%;
        height: 138px;
    }

    .upload-mini-content[b-6znsxqnm5e] {
        width: 100%;
    }

    .rotate-modal-card[b-6znsxqnm5e] {
        width: 100%;
    }

    .rotate-preview-wrap[b-6znsxqnm5e] {
        min-height: 235px;
        max-height: 40vh;
    }

    .rotate-preview-image[b-6znsxqnm5e] {
        max-height: 38vh;
    }
}
/* /Components/Pages/Agent/AgentDashboard.razor.rz.scp.css */
.agent-dashboard-page[b-t3p38a121r] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.agent-dashboard-hero[b-t3p38a121r] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-radius: 1rem;
    color: #0f172a;
    background:
        radial-gradient(circle at 80% -40%, rgba(14, 165, 233, 0.26), transparent 56%),
        radial-gradient(circle at 15% 130%, rgba(45, 212, 191, 0.24), transparent 52%),
        linear-gradient(135deg, #f8fafc 0%, #eef6ff 100%);
    border: 1px solid rgba(148, 163, 184, 0.22);
}

.agent-dashboard-hero-left[b-t3p38a121r] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
}

.agent-dashboard-avatar[b-t3p38a121r] {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    overflow: hidden;
    display: grid;
    place-items: center;
    color: #0369a1;
    font-weight: 700;
    font-size: 1rem;
    background: linear-gradient(135deg, #e0f2fe 0%, #d1fae5 100%);
    border: 1px solid rgba(14, 116, 144, 0.22);
}

.agent-dashboard-avatar img[b-t3p38a121r] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.agent-dashboard-eyebrow[b-t3p38a121r] {
    margin: 0;
    color: #0f766e;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.agent-dashboard-identity h1[b-t3p38a121r] {
    margin: 0;
    font-size: 1.32rem;
    font-weight: 700;
    color: #0f172a;
}

.agent-dashboard-subtitle[b-t3p38a121r] {
    margin: 0.25rem 0 0;
    color: #475569;
    font-size: 0.92rem;
}

.agent-dashboard-hero-actions[b-t3p38a121r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.agent-dashboard-filter[b-t3p38a121r] {
    display: grid;
    gap: 0.28rem;
}

.agent-dashboard-filter label[b-t3p38a121r] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #475569;
}

.agent-dashboard-filter select[b-t3p38a121r] {
    min-width: 116px;
    border-radius: 0.7rem;
    border: 1px solid #cbd5e1;
    padding: 0.45rem 0.72rem;
    background-color: #fff;
    color: #1e293b;
}

.agent-dashboard-refresh-btn[b-t3p38a121r] {
    border-radius: 0.72rem;
    border: 1px solid #bfdbfe;
    background: #fff;
    color: #0f172a;
}

.agent-dashboard-loading[b-t3p38a121r] {
    min-height: 160px;
    border-radius: 1rem;
    border: 1px dashed #cbd5e1;
    display: grid;
    place-items: center;
    gap: 0.6rem;
    color: #64748b;
}

.agent-dashboard-kpi-grid[b-t3p38a121r] {
    display: grid;
    gap: 0.78rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.agent-kpi-card[b-t3p38a121r] {
    border-radius: 0.92rem;
    border: 1px solid #e2e8f0;
    background: #fff;
    padding: 1rem;
    box-shadow: 0 6px 20px rgba(15, 23, 42, 0.05);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.agent-kpi-card p[b-t3p38a121r] {
    margin: 0;
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 600;
}

.agent-kpi-card h3[b-t3p38a121r] {
    margin: 0.32rem 0 0.26rem;
    color: #0f172a;
    font-size: 1.5rem;
    font-weight: 800;
}

.agent-kpi-card small[b-t3p38a121r] {
    color: #475569;
    font-size: 0.78rem;
}

.agent-dashboard-main-grid[b-t3p38a121r] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: 1fr;
}

.agent-dashboard-trend-grid[b-t3p38a121r] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: 1fr;
}

.agent-trend-card[b-t3p38a121r] {
    border-radius: 1rem;
    border: 1px solid #dbeafe;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    padding: 0.9rem;
    box-shadow: 0 6px 20px rgba(2, 132, 199, 0.07);
    animation: agentFadeUp-b-t3p38a121r 0.25s ease-out;
}

.agent-trend-head[b-t3p38a121r] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.6rem;
    margin-bottom: 0.55rem;
}

.agent-trend-label[b-t3p38a121r] {
    margin: 0;
    color: #0369a1;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.agent-trend-head h3[b-t3p38a121r] {
    margin: 0.1rem 0 0;
    color: #0f172a;
    font-size: 1.3rem;
    font-weight: 800;
}

.agent-trend-badge[b-t3p38a121r] {
    border-radius: 999px;
    padding: 0.24rem 0.55rem;
    font-size: 0.72rem;
    font-weight: 700;
    white-space: nowrap;
    border: 1px solid transparent;
}

.agent-trend-badge.up[b-t3p38a121r] {
    color: #166534;
    background: #f0fdf4;
    border-color: #bbf7d0;
}

.agent-trend-badge.down[b-t3p38a121r] {
    color: #991b1b;
    background: #fef2f2;
    border-color: #fecaca;
}

.agent-trend-badge.flat[b-t3p38a121r] {
    color: #334155;
    background: #f1f5f9;
    border-color: #e2e8f0;
}

.agent-trend-svg[b-t3p38a121r] {
    width: 100%;
    height: 92px;
    display: block;
}

.agent-trend-line[b-t3p38a121r] {
    fill: none;
    stroke: #0ea5e9;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.agent-trend-area[b-t3p38a121r] {
    fill: rgba(14, 165, 233, 0.18);
}

.agent-trend-svg.green .agent-trend-line[b-t3p38a121r] {
    stroke: #10b981;
}

.agent-trend-svg.green .agent-trend-area[b-t3p38a121r] {
    fill: rgba(16, 185, 129, 0.2);
}

.agent-trend-foot[b-t3p38a121r] {
    margin: 0.4rem 0 0;
    color: #64748b;
    font-size: 0.78rem;
}

.agent-status-stack[b-t3p38a121r] {
    display: flex;
    flex-direction: column;
    gap: 0.56rem;
}

.agent-status-row[b-t3p38a121r] {
    display: grid;
    grid-template-columns: 58px 1fr auto;
    align-items: center;
    gap: 0.5rem;
}

.agent-status-row span[b-t3p38a121r] {
    color: #475569;
    font-size: 0.78rem;
}

.agent-status-row strong[b-t3p38a121r] {
    color: #0f172a;
    font-size: 0.82rem;
}

.agent-status-bar[b-t3p38a121r] {
    border-radius: 999px;
    height: 8px;
    background: #e2e8f0;
    overflow: hidden;
}

.agent-status-bar i[b-t3p38a121r] {
    display: block;
    height: 100%;
    width: 0;
    border-radius: 999px;
    transition: width 0.35s ease;
}

.agent-panel[b-t3p38a121r] {
    border-radius: 1rem;
    border: 1px solid #e2e8f0;
    background: #fff;
    padding: 1rem;
    animation: agentFadeUp-b-t3p38a121r 0.3s ease-out;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.agent-panel-head[b-t3p38a121r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    margin-bottom: 0.82rem;
}

.agent-panel-head h2[b-t3p38a121r] {
    margin: 0;
    font-size: 1rem;
    color: #0f172a;
    font-weight: 700;
}

.agent-panel-head a[b-t3p38a121r],
.agent-panel-head span[b-t3p38a121r] {
    color: #0ea5e9;
    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none;
}

.agent-panel-empty[b-t3p38a121r] {
    margin: 0;
    color: #64748b;
    font-size: 0.9rem;
}

.agent-listing-list[b-t3p38a121r],
.agent-lead-list[b-t3p38a121r],
.agent-activity-list[b-t3p38a121r],
.agent-expiring-list[b-t3p38a121r],
.agent-transaction-list[b-t3p38a121r] {
    display: flex;
    flex-direction: column;
    gap: 0.72rem;
}

.agent-listing-item[b-t3p38a121r],
.agent-lead-item[b-t3p38a121r],
.agent-expiring-item[b-t3p38a121r],
.agent-transaction-item[b-t3p38a121r] {
    border-radius: 0.82rem;
    border: 1px solid #f1f5f9;
    background: #f8fafc;
    padding: 0.72rem;
}

.agent-listing-item[b-t3p38a121r] {
    display: grid;
    grid-template-columns: 54px 1fr auto;
    gap: 0.72rem;
    align-items: center;
}

.agent-listing-thumb[b-t3p38a121r] {
    width: 54px;
    height: 54px;
    border-radius: 0.72rem;
    overflow: hidden;
    display: grid;
    place-items: center;
    color: #0ea5e9;
    background: #ecfeff;
}

.agent-listing-thumb img[b-t3p38a121r] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.agent-listing-meta h4[b-t3p38a121r],
.agent-lead-main h4[b-t3p38a121r],
.agent-activity-item h4[b-t3p38a121r],
.agent-expiring-item h4[b-t3p38a121r],
.agent-transaction-item h4[b-t3p38a121r] {
    margin: 0;
    font-size: 0.92rem;
    color: #0f172a;
    font-weight: 700;
}

.agent-listing-meta p[b-t3p38a121r],
.agent-lead-main p[b-t3p38a121r],
.agent-activity-item p[b-t3p38a121r],
.agent-expiring-item p[b-t3p38a121r],
.agent-transaction-item p[b-t3p38a121r] {
    margin: 0.2rem 0 0;
    color: #64748b;
    font-size: 0.81rem;
}

.agent-listing-item small[b-t3p38a121r],
.agent-activity-item small[b-t3p38a121r],
.agent-transaction-item small[b-t3p38a121r] {
    color: #94a3b8;
    font-size: 0.76rem;
}

.agent-lead-item[b-t3p38a121r],
.agent-expiring-item[b-t3p38a121r],
.agent-transaction-item[b-t3p38a121r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.65rem;
}

.agent-priority[b-t3p38a121r] {
    border-radius: 999px;
    padding: 0.2rem 0.56rem;
    font-size: 0.72rem;
    font-weight: 700;
    border: 1px solid transparent;
    white-space: nowrap;
}

.agent-priority.high[b-t3p38a121r] {
    color: #b91c1c;
    background: #fef2f2;
    border-color: #fecaca;
}

.agent-priority.medium[b-t3p38a121r] {
    color: #92400e;
    background: #fffbeb;
    border-color: #fde68a;
}

.agent-priority.low[b-t3p38a121r] {
    color: #166534;
    background: #f0fdf4;
    border-color: #bbf7d0;
}

.agent-activity-item[b-t3p38a121r] {
    display: grid;
    grid-template-columns: 12px 1fr;
    gap: 0.58rem;
    align-items: start;
}

.agent-activity-dot[b-t3p38a121r] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-top: 0.34rem;
    background: linear-gradient(135deg, #0ea5e9, #14b8a6);
}

.agent-mini-stats[b-t3p38a121r] {
    display: grid;
    gap: 0.72rem;
    grid-template-columns: 1fr;
}

.agent-mini-stats div[b-t3p38a121r] {
    border-radius: 0.72rem;
    border: 1px solid #f1f5f9;
    background: #f8fafc;
    padding: 0.72rem;
}

.agent-mini-stats span[b-t3p38a121r] {
    color: #64748b;
    font-size: 0.78rem;
}

.agent-mini-stats strong[b-t3p38a121r] {
    display: block;
    color: #0f172a;
    font-size: 1rem;
    margin-top: 0.2rem;
}

.agent-days-left[b-t3p38a121r] {
    border-radius: 999px;
    padding: 0.2rem 0.56rem;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.75rem;
    font-weight: 700;
    white-space: nowrap;
}

@media (max-width: 420px) {
    .agent-dashboard-kpi-grid[b-t3p38a121r] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 390px) {
    .agent-dashboard-page[b-t3p38a121r] {
        gap: 0.68rem;
    }

    .agent-dashboard-hero[b-t3p38a121r] {
        border-radius: 0.8rem;
        padding: 0.72rem;
        gap: 0.62rem;
    }

    .agent-dashboard-hero-left[b-t3p38a121r] {
        gap: 0.64rem;
    }

    .agent-dashboard-avatar[b-t3p38a121r] {
        width: 44px;
        height: 44px;
        font-size: 0.82rem;
    }

    .agent-dashboard-eyebrow[b-t3p38a121r] {
        font-size: 0.66rem;
        letter-spacing: 0.04em;
    }

    .agent-dashboard-identity h1[b-t3p38a121r] {
        font-size: 1.02rem;
    }

    .agent-dashboard-subtitle[b-t3p38a121r] {
        font-size: 0.78rem;
        margin-top: 0.12rem;
    }

    .agent-dashboard-hero-actions[b-t3p38a121r] {
        gap: 0.44rem;
    }

    .agent-dashboard-filter label[b-t3p38a121r] {
        display: none;
    }

    .agent-dashboard-filter select[b-t3p38a121r] {
        min-width: 100px;
        padding: 0.34rem 0.5rem;
        border-radius: 0.58rem;
        font-size: 0.76rem;
    }

    .agent-dashboard-refresh-btn[b-t3p38a121r] {
        border-radius: 0.58rem;
        padding: 0.34rem 0.56rem;
        font-size: 0.76rem;
    }

    .agent-kpi-card[b-t3p38a121r] {
        border-radius: 0.74rem;
        padding: 0.68rem 0.72rem;
    }

    .agent-kpi-card p[b-t3p38a121r] {
        font-size: 0.72rem;
    }

    .agent-kpi-card h3[b-t3p38a121r] {
        font-size: 1.18rem;
        margin: 0.2rem 0 0.16rem;
    }

    .agent-kpi-card small[b-t3p38a121r] {
        font-size: 0.7rem;
        line-height: 1.2;
    }

    .agent-trend-card[b-t3p38a121r] {
        border-radius: 0.82rem;
        padding: 0.72rem;
    }

    .agent-trend-label[b-t3p38a121r] {
        font-size: 0.66rem;
    }

    .agent-trend-head h3[b-t3p38a121r] {
        font-size: 1.06rem;
    }

    .agent-trend-badge[b-t3p38a121r] {
        padding: 0.15rem 0.42rem;
        font-size: 0.64rem;
    }

    .agent-trend-svg[b-t3p38a121r] {
        height: 64px;
    }

    .agent-trend-foot[b-t3p38a121r] {
        margin-top: 0.26rem;
        font-size: 0.7rem;
    }

    .agent-status-row[b-t3p38a121r] {
        grid-template-columns: 48px 1fr auto;
        gap: 0.36rem;
    }

    .agent-status-row span[b-t3p38a121r],
    .agent-status-row strong[b-t3p38a121r] {
        font-size: 0.7rem;
    }

    .agent-status-bar[b-t3p38a121r] {
        height: 6px;
    }

    .agent-panel[b-t3p38a121r] {
        border-radius: 0.82rem;
        padding: 0.72rem;
    }

    .agent-panel-head[b-t3p38a121r] {
        margin-bottom: 0.56rem;
    }

    .agent-panel-head h2[b-t3p38a121r] {
        font-size: 0.9rem;
    }

    .agent-panel-head a[b-t3p38a121r],
    .agent-panel-head span[b-t3p38a121r] {
        font-size: 0.74rem;
    }

    .agent-listing-list[b-t3p38a121r],
    .agent-lead-list[b-t3p38a121r],
    .agent-activity-list[b-t3p38a121r],
    .agent-expiring-list[b-t3p38a121r],
    .agent-transaction-list[b-t3p38a121r] {
        gap: 0.5rem;
    }

    .agent-listing-item[b-t3p38a121r],
    .agent-lead-item[b-t3p38a121r],
    .agent-expiring-item[b-t3p38a121r],
    .agent-transaction-item[b-t3p38a121r] {
        border-radius: 0.68rem;
        padding: 0.54rem;
    }

    .agent-listing-item[b-t3p38a121r] {
        grid-template-columns: 42px 1fr;
        gap: 0.5rem;
    }

    .agent-listing-thumb[b-t3p38a121r] {
        width: 42px;
        height: 42px;
        border-radius: 0.56rem;
    }

    .agent-listing-meta h4[b-t3p38a121r],
    .agent-lead-main h4[b-t3p38a121r],
    .agent-activity-item h4[b-t3p38a121r],
    .agent-expiring-item h4[b-t3p38a121r],
    .agent-transaction-item h4[b-t3p38a121r] {
        font-size: 0.8rem;
    }

    .agent-listing-meta p[b-t3p38a121r],
    .agent-lead-main p[b-t3p38a121r],
    .agent-activity-item p[b-t3p38a121r],
    .agent-expiring-item p[b-t3p38a121r],
    .agent-transaction-item p[b-t3p38a121r],
    .agent-panel-empty[b-t3p38a121r] {
        font-size: 0.72rem;
    }

    .agent-listing-item small[b-t3p38a121r],
    .agent-activity-item small[b-t3p38a121r],
    .agent-transaction-item small[b-t3p38a121r] {
        font-size: 0.68rem;
    }

    .agent-priority[b-t3p38a121r],
    .agent-days-left[b-t3p38a121r] {
        font-size: 0.64rem;
        padding: 0.12rem 0.4rem;
    }

    .agent-activity-item[b-t3p38a121r] {
        grid-template-columns: 9px 1fr;
        gap: 0.44rem;
    }

    .agent-activity-dot[b-t3p38a121r] {
        width: 7px;
        height: 7px;
        margin-top: 0.27rem;
    }

    .agent-mini-stats[b-t3p38a121r] {
        gap: 0.54rem;
    }

    .agent-mini-stats div[b-t3p38a121r] {
        padding: 0.56rem;
        border-radius: 0.64rem;
    }

    .agent-mini-stats span[b-t3p38a121r] {
        font-size: 0.7rem;
    }

    .agent-mini-stats strong[b-t3p38a121r] {
        font-size: 0.86rem;
        margin-top: 0.1rem;
    }
}

@media (min-width: 768px) {
    .agent-dashboard-hero[b-t3p38a121r] {
        padding: 1.2rem;
    }

    .agent-dashboard-kpi-grid[b-t3p38a121r] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .agent-dashboard-trend-grid[b-t3p38a121r] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .agent-dashboard-trend-grid .agent-trend-card:last-child[b-t3p38a121r] {
        grid-column: 1 / -1;
    }

    .agent-mini-stats[b-t3p38a121r] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 980px) {
    .agent-dashboard-hero[b-t3p38a121r] {
        flex-direction: row;
        align-items: center;
        padding: 1.25rem;
    }

    .agent-dashboard-hero-actions[b-t3p38a121r] {
        align-items: end;
        justify-content: flex-end;
    }
}

@media (min-width: 1100px) {
    .agent-dashboard-main-grid[b-t3p38a121r] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1280px) {
    .agent-dashboard-page[b-t3p38a121r] {
        max-width: 1460px;
        margin: 0 auto;
        gap: 1.05rem;
    }

    .agent-dashboard-kpi-grid[b-t3p38a121r] {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .agent-dashboard-trend-grid[b-t3p38a121r] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .agent-dashboard-trend-grid .agent-trend-card:last-child[b-t3p38a121r] {
        grid-column: auto;
    }

    .agent-dashboard-main-grid[b-t3p38a121r] {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .agent-dashboard-main-grid > .agent-panel:nth-child(1)[b-t3p38a121r] {
        grid-column: span 6;
    }

    .agent-dashboard-main-grid > .agent-panel:nth-child(2)[b-t3p38a121r] {
        grid-column: span 6;
    }

    .agent-dashboard-main-grid > .agent-panel:nth-child(3)[b-t3p38a121r] {
        grid-column: span 8;
    }

    .agent-dashboard-main-grid > .agent-panel:nth-child(4)[b-t3p38a121r] {
        grid-column: span 4;
    }

    .agent-dashboard-main-grid > .agent-panel:nth-child(5)[b-t3p38a121r] {
        grid-column: span 6;
    }

    .agent-dashboard-main-grid > .agent-panel:nth-child(6)[b-t3p38a121r] {
        grid-column: span 6;
    }

    .agent-panel:hover[b-t3p38a121r],
    .agent-kpi-card:hover[b-t3p38a121r] {
        transform: translateY(-2px);
        box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
    }
}

@media (min-width: 1536px) {
    .agent-dashboard-page[b-t3p38a121r] {
        max-width: 1600px;
    }

    .agent-dashboard-hero[b-t3p38a121r] {
        padding: 1.4rem;
    }

    .agent-panel[b-t3p38a121r],
    .agent-kpi-card[b-t3p38a121r],
    .agent-trend-card[b-t3p38a121r] {
        border-radius: 1.08rem;
    }
}

@media (max-width: 768px) {
    .agent-listing-item[b-t3p38a121r] {
        grid-template-columns: 50px 1fr;
    }

    .agent-listing-item small[b-t3p38a121r] {
        grid-column: span 2;
    }

    .agent-mini-stats[b-t3p38a121r] {
        grid-template-columns: 1fr;
    }
}

@keyframes agentFadeUp-b-t3p38a121r {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Pages/Auth/Thanks.razor.rz.scp.css */
.thanks-wrap[b-k799baoh36] {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 1.5rem;
    background:
        radial-gradient(circle at 20% 0%, rgba(14, 165, 233, 0.14), transparent 35%),
        radial-gradient(circle at 85% 100%, rgba(2, 132, 199, 0.12), transparent 40%),
        #f4f8fc;
}

.thanks-card[b-k799baoh36] {
    width: min(560px, 100%);
    background: #fff;
    border: 1px solid #dce7f3;
    border-radius: 1rem;
    padding: 2rem 1.5rem;
    text-align: center;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08);
}

.thanks-icon[b-k799baoh36] {
    width: 70px;
    height: 70px;
    border-radius: 999px;
    margin: 0 auto 1rem;
    background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
}

.thanks-title[b-k799baoh36] {
    margin: 0;
    font-size: clamp(1.4rem, 2.5vw, 1.9rem);
    font-weight: 800;
    color: #0f172a;
}

.thanks-subtitle[b-k799baoh36] {
    margin: 0.85rem auto 0;
    max-width: 460px;
    color: #475569;
    line-height: 1.6;
}

.thanks-actions[b-k799baoh36] {
    margin-top: 1.4rem;
    display: flex;
    gap: 0.7rem;
    justify-content: center;
    flex-wrap: wrap;
}

.thanks-actions .btn[b-k799baoh36] {
    min-width: 165px;
}

@media (max-width: 576px) {
    .thanks-card[b-k799baoh36] {
        padding: 1.5rem 1rem;
        border-radius: 0.85rem;
    }

    .thanks-actions[b-k799baoh36] {
        flex-direction: column;
    }

    .thanks-actions .btn[b-k799baoh36] {
        width: 100%;
    }
}
/* /Components/Pages/Blog/BlogDetailPage.razor.rz.scp.css */
.blog-detail-card[b-bcftdmans2] {
    background: #fff;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(12, 38, 64, 0.08);
}

.blog-detail-cover img[b-bcftdmans2] {
    width: 100%;
    max-height: 420px;
    object-fit: cover;
}

.blog-detail-body[b-bcftdmans2] {
    padding: 1.5rem 1.5rem 1.75rem;
}

.blog-detail-title[b-bcftdmans2] {
    font-size: clamp(1.4rem, 2vw, 2rem);
    line-height: 1.3;
    margin-bottom: 0.85rem;
}

.blog-detail-excerpt[b-bcftdmans2] {
    color: #4f5f70;
    font-size: 1rem;
    margin-bottom: 1rem;
}

.blog-detail-content[b-bcftdmans2] {
    color: #263646;
    line-height: 1.75;
}

.blog-detail-content h3[b-bcftdmans2] {
    margin-top: 1.2rem;
    margin-bottom: 0.6rem;
    font-size: 1.08rem;
}

.blog-detail-content ul[b-bcftdmans2],
.blog-detail-content ol[b-bcftdmans2] {
    padding-left: 1.2rem;
}
/* /Components/Pages/Blog/BlogPage.razor.rz.scp.css */
.blog-page .section-title[b-l6zez7e49r] {
    margin-bottom: 0.5rem;
}

.blog-page .blog-title[b-l6zez7e49r] {
    font-size: 1.06rem;
    min-height: 3rem;
}

.blog-page .blog-excerpt[b-l6zez7e49r] {
    min-height: 3.2rem;
}
/* /Components/Pages/Dashboard/AiChatDashboard.razor.rz.scp.css */
.ai-chat-page[b-t0cdzdkmop] {
    min-height: calc(100vh - 110px);
}

.ai-chat-shell[b-t0cdzdkmop] {
    display: grid;
    grid-template-columns: 290px minmax(0, 1fr);
    gap: 0.9rem;
}

.ai-chat-aside[b-t0cdzdkmop] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.ai-brand-card[b-t0cdzdkmop],
.ai-quick-card[b-t0cdzdkmop],
.ai-session-card[b-t0cdzdkmop] {
    background: #fff;
    border: 1px solid #dbe7f3;
    border-radius: 0.9rem;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
    padding: 0.85rem;
}

.ai-brand-card[b-t0cdzdkmop] {
    display: flex;
    gap: 0.7rem;
    align-items: center;
}

.ai-brand-icon[b-t0cdzdkmop] {
    width: 42px;
    height: 42px;
    border-radius: 0.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #00b8d9 0%, #039aab 100%);
    color: #fff;
    font-size: 1.15rem;
    flex-shrink: 0;
}

.ai-brand-card h6[b-t0cdzdkmop] {
    font-weight: 800;
    color: #0f172a;
}

.ai-brand-card p[b-t0cdzdkmop] {
    color: #64748b;
    font-size: 0.81rem;
    line-height: 1.45;
}

.ai-quick-title[b-t0cdzdkmop] {
    margin: 0 0 0.55rem;
    font-size: 0.84rem;
    font-weight: 700;
    color: #0f172a;
}

.ai-quick-list[b-t0cdzdkmop] {
    display: grid;
    gap: 0.45rem;
}

.ai-quick-item[b-t0cdzdkmop] {
    width: 100%;
    text-align: left;
    border: 1px solid #dbe7f3;
    border-radius: 0.65rem;
    background: #f8fbff;
    color: #0f172a;
    font-size: 0.8rem;
    line-height: 1.35;
    padding: 0.55rem 0.6rem;
    transition: all 0.18s ease;
}

.ai-quick-item:hover[b-t0cdzdkmop] {
    border-color: #00b8d9;
    background: #eefbff;
}

.ai-session-row[b-t0cdzdkmop] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.45rem;
    font-size: 0.78rem;
    color: #64748b;
}

.ai-session-row strong[b-t0cdzdkmop] {
    color: #0f172a;
    font-weight: 700;
    max-width: 165px;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ai-chat-main[b-t0cdzdkmop] {
    min-height: 620px;
    background: #fff;
    border: 1px solid #dbe7f3;
    border-radius: 0.95rem;
    box-shadow: 0 16px 28px rgba(15, 23, 42, 0.06);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.ai-chat-header[b-t0cdzdkmop] {
    padding: 0.95rem 1rem;
    border-bottom: 1px solid #e5edf5;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.8rem;
}

.ai-chat-header h5[b-t0cdzdkmop] {
    color: #0f172a;
    font-weight: 800;
}

.ai-chat-header p[b-t0cdzdkmop] {
    color: #64748b;
    font-size: 0.82rem;
}

.ai-status[b-t0cdzdkmop] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border-radius: 999px;
    padding: 0.36rem 0.62rem;
    font-size: 0.76rem;
    font-weight: 700;
    background: #f1f5f9;
    color: #334155;
}

.ai-status i[b-t0cdzdkmop] {
    font-size: 0.54rem;
}

.ai-status.online[b-t0cdzdkmop] {
    background: #ecfdf5;
    color: #047857;
}

.ai-status.offline[b-t0cdzdkmop] {
    background: #fff7ed;
    color: #b45309;
}

.ai-chat-stream[b-t0cdzdkmop] {
    flex: 1;
    overflow-y: auto;
    padding: 0.85rem 1rem;
    background:
        radial-gradient(circle at 20% 0%, rgba(14, 165, 233, 0.06), transparent 30%),
        #f8fbff;
}

.ai-stream-loading[b-t0cdzdkmop],
.ai-stream-empty[b-t0cdzdkmop] {
    height: 100%;
    min-height: 240px;
    display: grid;
    place-items: center;
    gap: 0.5rem;
    color: #64748b;
}

.ai-stream-empty i[b-t0cdzdkmop] {
    font-size: 1.6rem;
    color: #94a3b8;
}

.ai-bubble-wrap[b-t0cdzdkmop] {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    margin-bottom: 0.7rem;
}

.ai-bubble-wrap.user[b-t0cdzdkmop] {
    flex-direction: row-reverse;
}

.ai-avatar[b-t0cdzdkmop] {
    width: 31px;
    height: 31px;
    border-radius: 999px;
    background: #e2e8f0;
    color: #334155;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.66rem;
    font-weight: 800;
    flex-shrink: 0;
}

.ai-bubble-wrap.assistant .ai-avatar[b-t0cdzdkmop] {
    background: linear-gradient(135deg, #00b8d9 0%, #039aab 100%);
    color: #fff;
}

.ai-bubble[b-t0cdzdkmop] {
    max-width: min(78%, 760px);
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 0.85rem;
    padding: 0.6rem 0.72rem 0.5rem;
}

.ai-bubble-wrap.user .ai-bubble[b-t0cdzdkmop] {
    background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
    border-color: transparent;
    color: #fff;
}

.ai-bubble-text[b-t0cdzdkmop] {
    font-size: 0.9rem;
    line-height: 1.5;
    white-space: pre-wrap;
}

.ai-bubble-meta[b-t0cdzdkmop] {
    margin-top: 0.32rem;
    font-size: 0.72rem;
    color: #94a3b8;
}

.ai-bubble-wrap.user .ai-bubble-meta[b-t0cdzdkmop] {
    color: rgba(255, 255, 255, 0.78);
}

.ai-chat-input[b-t0cdzdkmop] {
    border-top: 1px solid #e5edf5;
    background: #fff;
    padding: 0.7rem 0.9rem;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    gap: 0.6rem;
}

.ai-chat-input textarea[b-t0cdzdkmop] {
    min-height: 46px;
    max-height: 140px;
    resize: vertical;
}

.ai-chat-input .btn[b-t0cdzdkmop] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    height: 42px;
    border-radius: 0.7rem;
    font-weight: 700;
}

@media (max-width: 1100px) {
    .ai-chat-shell[b-t0cdzdkmop] {
        grid-template-columns: 1fr;
    }

    .ai-chat-main[b-t0cdzdkmop] {
        min-height: 560px;
    }
}

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

    .ai-chat-stream[b-t0cdzdkmop] {
        padding: 0.7rem;
    }

    .ai-bubble[b-t0cdzdkmop] {
        max-width: 86%;
    }

    .ai-chat-input[b-t0cdzdkmop] {
        grid-template-columns: 1fr;
    }

    .ai-chat-input .btn[b-t0cdzdkmop] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Pages/Dashboard/AiSuperAdminDashboard.razor.rz.scp.css */
.ai-admin-page[b-oj2p6n6i8u] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.ai-admin-header[b-oj2p6n6i8u] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.75rem;
    border: 1px solid #dbe6f1;
    background: linear-gradient(135deg, #ffffff 0%, #f9fcff 100%);
    border-radius: 0.95rem;
    padding: 0.9rem;
}

.ai-admin-header p[b-oj2p6n6i8u] {
    color: #64748b;
    font-size: 0.92rem;
}

.ai-admin-header-actions[b-oj2p6n6i8u] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
}

.ai-admin-header-actions input[b-oj2p6n6i8u] {
    width: 100px;
}

.ai-admin-grid[b-oj2p6n6i8u] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.ai-card[b-oj2p6n6i8u] {
    border: 1px solid #dbe6f1;
    border-radius: 0.95rem;
    background: #fff;
    padding: 0.9rem;
    box-shadow: 0 12px 24px rgba(2, 6, 23, 0.05);
}

.ai-card h6[b-oj2p6n6i8u] {
    font-size: 0.97rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 0.8rem;
}

.ai-card .form-label[b-oj2p6n6i8u] {
    font-size: 0.76rem;
    font-weight: 600;
    color: #475569;
    margin-bottom: 0.25rem;
}

.ai-card :is(input, textarea, select).form-control[b-oj2p6n6i8u],
.ai-card .form-select[b-oj2p6n6i8u] {
    font-size: 0.9rem;
}

.ai-card .btn[b-oj2p6n6i8u] {
    font-size: 0.83rem;
    font-weight: 600;
}

.help-btn[b-oj2p6n6i8u] {
    width: 24px;
    height: 24px;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: #f8fafc;
    color: #334155;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.help-btn:hover[b-oj2p6n6i8u] {
    background: #e2e8f0;
}

.fallback-help[b-oj2p6n6i8u] {
    margin-bottom: 0.45rem;
    border: 1px solid #dbeafe;
    background: #eff6ff;
    color: #1e3a8a;
    border-radius: 0.72rem;
    padding: 0.6rem 0.7rem;
    font-size: 0.78rem;
    line-height: 1.35;
}

.fallback-help code[b-oj2p6n6i8u] {
    display: inline-block;
    margin-top: 0.18rem;
    color: #0f172a;
    background: #dbeafe;
    border-radius: 0.4rem;
    padding: 0.06rem 0.35rem;
    font-size: 0.74rem;
}

.prompt-empty[b-oj2p6n6i8u] {
    border: 1px dashed #cbd5e1;
    background: #f8fafc;
    color: #475569;
    font-size: 0.82rem;
    border-radius: 0.7rem;
    padding: 0.7rem;
}

.prompt-section-item[b-oj2p6n6i8u] {
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    background: #fdfefe;
    padding: 0.58rem;
}

.prompt-section-item + .prompt-section-item[b-oj2p6n6i8u] {
    margin-top: 0.45rem;
}

.prompt-section-head[b-oj2p6n6i8u] {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    gap: 0.5rem;
    align-items: center;
    margin-bottom: 0.42rem;
}

.prompt-section-index[b-oj2p6n6i8u] {
    min-width: 34px;
    text-align: center;
    font-size: 0.74rem;
    font-weight: 700;
    color: #0ea5e9;
    border: 1px solid #bae6fd;
    border-radius: 999px;
    background: #f0f9ff;
    padding: 0.18rem 0.32rem;
}

.prompt-check[b-oj2p6n6i8u] {
    font-size: 0.78rem;
    color: #334155;
    white-space: nowrap;
}

.prompt-content-input[b-oj2p6n6i8u] {
    min-height: 72px;
}

.prompt-preview-wrap[b-oj2p6n6i8u] {
    margin-top: 0.58rem;
}

.code-box[b-oj2p6n6i8u] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.77rem;
}

.history-box[b-oj2p6n6i8u] {
    border: 1px solid #e2e8f0;
    border-radius: 0.8rem;
    max-height: 240px;
    overflow: auto;
    padding: 0.6rem;
    background: #f8fbff;
}

.history-item + .history-item[b-oj2p6n6i8u] {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px dashed #dbe6f1;
}

.history-item .role[b-oj2p6n6i8u] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #0ea5e9;
    margin-bottom: 0.2rem;
}

.history-item .text[b-oj2p6n6i8u] {
    font-size: 0.87rem;
    color: #1e293b;
    white-space: pre-wrap;
}

.ai-result[b-oj2p6n6i8u] {
    grid-column: 1 / -1;
}

.ai-result pre[b-oj2p6n6i8u] {
    margin: 0;
    border-radius: 0.8rem;
    border: 1px solid #e2e8f0;
    background: #0f172a;
    color: #e2e8f0;
    padding: 0.8rem;
    max-height: 420px;
    overflow: auto;
    font-size: 0.75rem;
    line-height: 1.35;
}

@media (max-width: 992px) {
    .ai-admin-grid[b-oj2p6n6i8u] {
        grid-template-columns: 1fr;
    }

    .ai-admin-header-actions[b-oj2p6n6i8u] {
        width: 100%;
    }
}
/* /Components/Pages/Dashboard/FinanceSettlementDashboard.razor.rz.scp.css */
.finance-shell[b-p049a2de17] {
    display: grid;
    gap: 1rem;
}

.finance-head[b-p049a2de17] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.finance-head h1[b-p049a2de17] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
}

.finance-head p[b-p049a2de17] {
    margin: 0.4rem 0 0;
    color: #64748b;
    font-size: 0.92rem;
}

.finance-rules[b-p049a2de17] {
    border: 1px solid #dbeafe;
    background: #eff6ff;
    color: #1e3a8a;
    border-radius: 0.75rem;
    padding: 0.75rem 0.9rem;
    display: grid;
    gap: 0.25rem;
    font-size: 0.9rem;
}

.finance-filter[b-p049a2de17] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    align-items: end;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 0.9rem;
    padding: 0.9rem;
}

.finance-filter .field[b-p049a2de17] {
    display: grid;
    gap: 0.35rem;
}

.finance-filter label[b-p049a2de17] {
    font-size: 0.76rem;
    font-weight: 600;
    color: #475569;
}

.filter-actions[b-p049a2de17] {
    display: flex;
    gap: 0.45rem;
    justify-content: flex-end;
    grid-column: span 1;
}

.finance-kpis[b-p049a2de17] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.final-import-box[b-p049a2de17] {
    border: 1px solid #d1fae5;
    border-radius: 0.9rem;
    background: #ecfdf5;
    padding: 0.9rem;
    display: grid;
    gap: 0.75rem;
}

.final-import-box .panel-head h2[b-p049a2de17] {
    margin: 0;
    font-size: 0.98rem;
}

.final-import-box .panel-head small[b-p049a2de17] {
    color: #166534;
}

.import-grid[b-p049a2de17] {
    display: grid;
    gap: 0.7rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    align-items: end;
}

.import-grid .field[b-p049a2de17] {
    display: grid;
    gap: 0.35rem;
}

.import-grid label[b-p049a2de17] {
    font-size: 0.76rem;
    font-weight: 600;
    color: #065f46;
}

.import-grid .field-wide[b-p049a2de17] {
    grid-column: span 5;
}

.import-actions[b-p049a2de17] {
    display: flex;
    justify-content: flex-end;
}

.csv-import-box[b-p049a2de17] {
    border-top: 1px dashed #86efac;
    padding-top: 0.75rem;
    display: grid;
    gap: 0.55rem;
}

.csv-head[b-p049a2de17] {
    display: grid;
    gap: 0.2rem;
}

.csv-head strong[b-p049a2de17] {
    color: #14532d;
    font-size: 0.9rem;
}

.csv-head small[b-p049a2de17] {
    color: #166534;
    font-size: 0.76rem;
}

.csv-actions[b-p049a2de17] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.5rem;
    align-items: center;
}

.csv-progress-wrap[b-p049a2de17] {
    display: grid;
    gap: 0.35rem;
}

.csv-progress-meta[b-p049a2de17] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.45rem;
}

.csv-progress-meta small[b-p049a2de17] {
    color: #166534;
    font-size: 0.76rem;
    font-weight: 600;
}

.csv-progress[b-p049a2de17] {
    height: 0.55rem;
    border-radius: 999px;
    overflow: hidden;
    background: #dcfce7;
}

.csv-progress .progress-bar[b-p049a2de17] {
    background: linear-gradient(90deg, #10b981 0%, #059669 100%);
}

.csv-button-group[b-p049a2de17] {
    display: inline-flex;
    gap: 0.45rem;
    justify-content: flex-end;
}

.csv-summary[b-p049a2de17] {
    display: grid;
    gap: 0.55rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.csv-summary article[b-p049a2de17] {
    border: 1px solid #bbf7d0;
    background: #f0fdf4;
    border-radius: 0.7rem;
    padding: 0.45rem 0.55rem;
    display: grid;
    gap: 0.2rem;
}

.csv-summary span[b-p049a2de17] {
    font-size: 0.72rem;
    color: #166534;
}

.csv-summary strong[b-p049a2de17] {
    font-size: 0.95rem;
    color: #14532d;
}

.csv-preview-head[b-p049a2de17] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.6rem;
}

.csv-preview-head strong[b-p049a2de17] {
    font-size: 0.86rem;
    color: #14532d;
}

.csv-preview-actions[b-p049a2de17] {
    display: inline-flex;
    gap: 0.4rem;
}

.csv-preview-table-wrap[b-p049a2de17] {
    border: 1px solid #bbf7d0;
    border-radius: 0.75rem;
    overflow: auto;
    background: #fff;
}

.csv-preview-table th[b-p049a2de17] {
    font-size: 0.72rem;
    color: #166534;
    white-space: nowrap;
    background: #f0fdf4;
}

.csv-preview-table td[b-p049a2de17] {
    font-size: 0.78rem;
}

.csv-preview-table tr.row-invalid td[b-p049a2de17] {
    background: #fef2f2;
}

.finance-kpis article[b-p049a2de17] {
    border: 1px solid #e2e8f0;
    border-radius: 0.85rem;
    background: #fff;
    padding: 0.8rem;
    display: grid;
    gap: 0.35rem;
}

.finance-kpis span[b-p049a2de17] {
    color: #64748b;
    font-size: 0.78rem;
}

.finance-kpis strong[b-p049a2de17] {
    font-size: 1rem;
    color: #0f172a;
}

.finance-loading[b-p049a2de17],
.finance-empty[b-p049a2de17] {
    border: 1px dashed #cbd5e1;
    background: #f8fafc;
    border-radius: 0.9rem;
    padding: 1.2rem;
    text-align: center;
    color: #64748b;
    display: grid;
    justify-content: center;
    gap: 0.7rem;
}

.finance-empty.compact[b-p049a2de17] {
    padding: 0.9rem;
}

.finance-table-wrap[b-p049a2de17] {
    border: 1px solid #e2e8f0;
    border-radius: 0.9rem;
    overflow: auto;
    background: #fff;
}

.finance-table thead th[b-p049a2de17] {
    white-space: nowrap;
    background: #f8fafc;
}

.row-actions[b-p049a2de17] {
    display: inline-flex;
    gap: 0.4rem;
}

.action-row td[b-p049a2de17] {
    background: #f8fafc;
}

.action-form[b-p049a2de17] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: end;
}

.action-form .field[b-p049a2de17] {
    display: grid;
    gap: 0.35rem;
}

.action-form .field-wide[b-p049a2de17] {
    grid-column: span 2;
}

.action-form label[b-p049a2de17] {
    font-size: 0.76rem;
    font-weight: 600;
    color: #475569;
}

.action-buttons[b-p049a2de17] {
    display: flex;
    gap: 0.4rem;
    justify-content: flex-end;
}

.finance-pagination[b-p049a2de17] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    color: #334155;
}

.finance-pagination .muted[b-p049a2de17] {
    margin-left: auto;
    color: #64748b;
    font-size: 0.85rem;
}

.settlement-history[b-p049a2de17] {
    border: 1px solid #e2e8f0;
    border-radius: 0.9rem;
    background: #fff;
    padding: 0.95rem;
    display: grid;
    gap: 0.7rem;
}

.settlement-history .panel-head h2[b-p049a2de17] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

.settlement-history .panel-head small[b-p049a2de17] {
    color: #64748b;
}

.settlement-list[b-p049a2de17] {
    display: grid;
    gap: 0.5rem;
}

.settlement-list article[b-p049a2de17] {
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    padding: 0.65rem 0.75rem;
    display: flex;
    justify-content: space-between;
    gap: 0.7rem;
    align-items: center;
}

.settlement-list strong[b-p049a2de17] {
    display: block;
}

.settlement-list small[b-p049a2de17] {
    display: block;
    color: #64748b;
}

@media (max-width: 1100px) {
    .finance-filter[b-p049a2de17] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .finance-kpis[b-p049a2de17] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .import-grid[b-p049a2de17] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .import-grid .field-wide[b-p049a2de17] {
        grid-column: span 2;
    }
}

@media (max-width: 768px) {
    .finance-head[b-p049a2de17] {
        flex-direction: column;
    }

    .finance-filter[b-p049a2de17] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .filter-actions[b-p049a2de17] {
        grid-column: span 2;
        justify-content: stretch;
    }

    .filter-actions button[b-p049a2de17] {
        flex: 1;
    }

    .finance-kpis[b-p049a2de17] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .import-grid[b-p049a2de17] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .import-grid .field-wide[b-p049a2de17] {
        grid-column: span 2;
    }

    .import-actions[b-p049a2de17] {
        grid-column: span 2;
        justify-content: stretch;
    }

    .import-actions button[b-p049a2de17] {
        width: 100%;
    }

    .csv-actions[b-p049a2de17] {
        grid-template-columns: 1fr;
    }

    .csv-button-group[b-p049a2de17] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .csv-summary[b-p049a2de17] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .csv-preview-head[b-p049a2de17] {
        flex-direction: column;
        align-items: stretch;
    }

    .csv-preview-actions[b-p049a2de17] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .action-form[b-p049a2de17] {
        grid-template-columns: 1fr;
    }

    .action-form .field-wide[b-p049a2de17] {
        grid-column: span 1;
    }

    .action-buttons[b-p049a2de17] {
        justify-content: stretch;
    }

    .action-buttons button[b-p049a2de17] {
        flex: 1;
    }

    .settlement-list article[b-p049a2de17] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Dashboard/NotificationsDashboard.razor.rz.scp.css */
.notif-page[b-dxeehpxr2h] {
    display: grid;
    gap: 0.8rem;
}

.notif-header[b-dxeehpxr2h] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.7rem;
}

.notif-header h1[b-dxeehpxr2h] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 800;
    color: #0f172a;
}

.notif-header p[b-dxeehpxr2h] {
    margin: 0.3rem 0 0;
    color: #64748b;
    font-size: 0.88rem;
}

.notif-actions[b-dxeehpxr2h] {
    display: flex;
    gap: 0.45rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.notif-summary-grid[b-dxeehpxr2h] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.55rem;
}

.notif-summary-card[b-dxeehpxr2h] {
    background: #fff;
    border: 1px solid #dbe7f3;
    border-radius: 0.8rem;
    padding: 0.65rem 0.7rem;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.04);
}

.notif-summary-card span[b-dxeehpxr2h] {
    display: block;
    font-size: 0.76rem;
    color: #64748b;
}

.notif-summary-card strong[b-dxeehpxr2h] {
    margin-top: 0.15rem;
    display: inline-block;
    font-size: 1.25rem;
    line-height: 1;
    color: #0f172a;
}

.notif-summary-card.warning strong[b-dxeehpxr2h] {
    color: #c2410c;
}

.notif-summary-card.success strong[b-dxeehpxr2h] {
    color: #047857;
}

.notif-filter-card[b-dxeehpxr2h] {
    background: #fff;
    border: 1px solid #dbe7f3;
    border-radius: 0.85rem;
    padding: 0.78rem 0.8rem 0.65rem;
}

.notif-filter-card .form-label[b-dxeehpxr2h] {
    font-size: 0.75rem;
    color: #64748b;
    margin-bottom: 0.2rem;
}

.notif-list-wrap[b-dxeehpxr2h] {
    background: #fff;
    border: 1px solid #dbe7f3;
    border-radius: 0.9rem;
    overflow: hidden;
}

.notif-loading[b-dxeehpxr2h],
.notif-empty[b-dxeehpxr2h] {
    min-height: 220px;
    display: grid;
    place-items: center;
    gap: 0.5rem;
    color: #64748b;
    text-align: center;
    padding: 1rem;
}

.notif-empty i[b-dxeehpxr2h] {
    font-size: 1.45rem;
    color: #94a3b8;
}

.notif-list[b-dxeehpxr2h] {
    display: grid;
}

.notif-item[b-dxeehpxr2h] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.7rem;
    padding: 0.8rem;
    border-top: 1px solid #edf2f7;
}

.notif-item:first-child[b-dxeehpxr2h] {
    border-top: 0;
}

.notif-item.is-unread[b-dxeehpxr2h] {
    background: linear-gradient(90deg, rgba(3, 155, 171, 0.08), rgba(3, 155, 171, 0));
}

.notif-item-icon[b-dxeehpxr2h] {
    width: 36px;
    height: 36px;
    border-radius: 0.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 1rem;
}

.notif-item-icon.success[b-dxeehpxr2h] {
    background: #ecfdf5;
    color: #047857;
}

.notif-item-icon.warning[b-dxeehpxr2h] {
    background: #fff7ed;
    color: #c2410c;
}

.notif-item-icon.danger[b-dxeehpxr2h] {
    background: #fef2f2;
    color: #b91c1c;
}

.notif-item-top[b-dxeehpxr2h] {
    display: flex;
    justify-content: space-between;
    gap: 0.45rem;
    align-items: flex-start;
}

.notif-item-top h6[b-dxeehpxr2h] {
    margin: 0;
    font-size: 0.96rem;
    color: #0f172a;
    font-weight: 700;
}

.notif-meta[b-dxeehpxr2h] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.3rem;
    font-size: 0.72rem;
    color: #64748b;
}

.notif-item-content p[b-dxeehpxr2h] {
    margin: 0.32rem 0 0.5rem;
    color: #334155;
    font-size: 0.86rem;
    line-height: 1.48;
}

.notif-item-bottom[b-dxeehpxr2h] {
    display: flex;
    justify-content: space-between;
    gap: 0.6rem;
    align-items: center;
    flex-wrap: wrap;
}

.notif-tags[b-dxeehpxr2h] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.28rem;
}

.notif-item-actions[b-dxeehpxr2h] {
    display: inline-flex;
    gap: 0.32rem;
}

.notif-footer-actions[b-dxeehpxr2h] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 0.8rem;
    border-top: 1px solid #edf2f7;
}

@media (max-width: 992px) {
    .notif-summary-grid[b-dxeehpxr2h] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .notif-header[b-dxeehpxr2h] {
        flex-direction: column;
    }

    .notif-actions[b-dxeehpxr2h] {
        width: 100%;
        justify-content: flex-start;
    }

    .notif-summary-grid[b-dxeehpxr2h] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .notif-item[b-dxeehpxr2h] {
        grid-template-columns: 1fr;
        gap: 0.5rem;
        padding: 0.75rem;
    }

    .notif-item-icon[b-dxeehpxr2h] {
        width: 32px;
        height: 32px;
        font-size: 0.92rem;
    }

    .notif-item-top[b-dxeehpxr2h] {
        flex-direction: column;
    }

    .notif-meta[b-dxeehpxr2h] {
        justify-content: flex-start;
    }

    .notif-footer-actions[b-dxeehpxr2h] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Pages/Dashboard/VideoFeedDashboard.razor.rz.scp.css */
.public-feed-page[b-2oslg6ex55] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    min-height: 100vh;
    background: radial-gradient(circle at 20% 0%, #0f172a 0%, #020617 55%, #000 100%);
    color: #f8fafc;
    padding: 0.6rem;
    display: grid;
    gap: 0.6rem;
}

.public-feed-header[b-2oslg6ex55] {
    position: sticky;
    top: 0.35rem;
    z-index: 20;
    background: rgba(2, 6, 23, 0.72);
    border: 1px solid rgba(148, 163, 184, 0.2);
    backdrop-filter: blur(10px);
    border-radius: 0.95rem;
    padding: 0.62rem;
    display: grid;
    gap: 0.55rem;
}

.public-feed-brand[b-2oslg6ex55] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.brand-back[b-2oslg6ex55] {
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.3);
    color: #e2e8f0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background: rgba(15, 23, 42, 0.6);
}

.public-feed-brand h1[b-2oslg6ex55] {
    margin: 0;
    font-size: 0.98rem;
    font-weight: 700;
}

.public-feed-brand p[b-2oslg6ex55] {
    margin: 0;
    color: #94a3b8;
    font-size: 0.76rem;
}

.public-feed-filters[b-2oslg6ex55] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 0.42rem;
}

.public-feed-filters .form-control[b-2oslg6ex55],
.public-feed-filters .form-select[b-2oslg6ex55],
.public-feed-filters .btn[b-2oslg6ex55] {
    font-size: 0.78rem;
}

.alert-sm[b-2oslg6ex55] {
    margin: 0;
    padding: 0.5rem 0.65rem;
    font-size: 0.8rem;
}

.file-filter-chip[b-2oslg6ex55] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    background: rgba(45, 212, 191, 0.12);
    border: 1px solid rgba(45, 212, 191, 0.38);
    color: #99f6e4;
    border-radius: 999px;
    padding: 0.25rem 0.64rem;
    font-size: 0.74rem;
}

.file-filter-chip .btn-link[b-2oslg6ex55] {
    font-size: 0.72rem;
    padding: 0;
    color: #67e8f9;
    text-decoration: none;
}

.public-feed-scroll[b-2oslg6ex55] {
    height: calc(100vh - 148px);
    min-height: 500px;
    overflow-y: auto;
    overscroll-behavior: contain;
    scroll-snap-type: y mandatory;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 1rem;
    padding: 0.5rem;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.76), rgba(2, 6, 23, 0.96));
}

.video-feed-ad-top[b-2oslg6ex55] {
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 0.85rem;
    background: rgba(15, 23, 42, 0.72);
}

.public-empty-state[b-2oslg6ex55] {
    min-height: 62vh;
    display: grid;
    place-items: center;
    text-align: center;
    color: #d1d5db;
    gap: 0.6rem;
}

.public-empty-state i[b-2oslg6ex55] {
    font-size: 2rem;
    color: #5eead4;
}

.public-feed-item[b-2oslg6ex55] {
    scroll-snap-align: start;
    margin-bottom: 0.7rem;
}

.public-video-stage[b-2oslg6ex55] {
    position: relative;
    height: min(82vh, 760px);
    min-height: 500px;
    border-radius: 1rem;
    overflow: hidden;
    background: #020617;
}

.public-video[b-2oslg6ex55] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-gradient[b-2oslg6ex55] {
    position: absolute;
    left: 0;
    right: 0;
    pointer-events: none;
}

.video-gradient.top[b-2oslg6ex55] {
    top: 0;
    height: 34%;
    background: linear-gradient(180deg, rgba(2, 6, 23, 0.85), rgba(2, 6, 23, 0));
}

.video-gradient.bottom[b-2oslg6ex55] {
    bottom: 0;
    height: 56%;
    background: linear-gradient(0deg, rgba(2, 6, 23, 0.96), rgba(2, 6, 23, 0));
}

.video-top-meta[b-2oslg6ex55] {
    position: absolute;
    top: 0.72rem;
    left: 0.72rem;
    right: 0.72rem;
    display: flex;
    gap: 0.32rem;
    flex-wrap: wrap;
}

.video-chip[b-2oslg6ex55] {
    border-radius: 999px;
    padding: 0.2rem 0.52rem;
    font-size: 0.68rem;
    font-weight: 600;
    background: #2dd4bf;
    color: #042f2e;
}

.video-chip.soft[b-2oslg6ex55] {
    color: #e2e8f0;
    background: rgba(15, 23, 42, 0.72);
    border: 1px solid rgba(148, 163, 184, 0.26);
}

.video-actions[b-2oslg6ex55] {
    position: absolute;
    right: 0.58rem;
    bottom: 7.2rem;
    display: grid;
    gap: 0.42rem;
}

.action-pill[b-2oslg6ex55] {
    width: 3.15rem;
    min-height: 3.15rem;
    border: 1px solid rgba(148, 163, 184, 0.3);
    border-radius: 0.95rem;
    background: rgba(15, 23, 42, 0.78);
    color: #f8fafc;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.12rem;
    font-size: 0.66rem;
    text-decoration: none;
}

.action-pill i[b-2oslg6ex55] {
    font-size: 1rem;
}

.action-pill.outline[b-2oslg6ex55] {
    border-color: rgba(45, 212, 191, 0.65);
}

.action-pill.liked[b-2oslg6ex55] {
    border-color: rgba(244, 114, 182, 0.65);
    background: rgba(244, 114, 182, 0.18);
}

.video-caption[b-2oslg6ex55] {
    position: absolute;
    left: 0.74rem;
    right: 4.3rem;
    bottom: 0.75rem;
    display: grid;
    gap: 0.35rem;
}

.video-inline-stats[b-2oslg6ex55] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
}

.video-inline-stats span[b-2oslg6ex55] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    font-size: 0.7rem;
    color: #d9e4f1;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 999px;
    padding: 0.15rem 0.45rem;
    background: rgba(15, 23, 42, 0.56);
}

.uploader-row[b-2oslg6ex55] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.uploader-row img[b-2oslg6ex55] {
    width: 1.95rem;
    height: 1.95rem;
    border-radius: 999px;
    border: 2px solid rgba(248, 250, 252, 0.35);
    object-fit: cover;
}

.uploader-row strong[b-2oslg6ex55] {
    display: block;
    font-size: 0.8rem;
    font-weight: 700;
}

.uploader-row span[b-2oslg6ex55] {
    display: block;
    font-size: 0.72rem;
    color: #cbd5e1;
}

.video-caption h3[b-2oslg6ex55] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.25;
}

.video-caption p[b-2oslg6ex55] {
    margin: 0;
    font-size: 0.79rem;
    color: #e2e8f0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.listing-embed-card[b-2oslg6ex55] {
    background: rgba(15, 23, 42, 0.85);
    border: 1px solid rgba(148, 163, 184, 0.35);
    border-radius: 0.85rem;
    padding: 0.55rem;
    display: grid;
    gap: 0.35rem;
}

.embed-top[b-2oslg6ex55] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.69rem;
    color: #cbd5e1;
}

.embed-city[b-2oslg6ex55] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
}

.listing-embed-card h4[b-2oslg6ex55] {
    margin: 0;
    font-size: 0.8rem;
    font-weight: 700;
    color: #f8fafc;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.embed-footer[b-2oslg6ex55] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.4rem;
}

.embed-footer strong[b-2oslg6ex55] {
    font-size: 0.83rem;
    color: #fef08a;
}

.embed-footer a[b-2oslg6ex55] {
    font-size: 0.72rem;
    font-weight: 600;
    color: #67e8f9;
    text-decoration: none;
}

.feed-sentinel[b-2oslg6ex55] {
    width: 100%;
    height: 1px;
}

.feed-more-loading[b-2oslg6ex55],
.feed-end-note[b-2oslg6ex55] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.8rem;
    color: #cbd5e1;
    margin: 0.3rem 0;
}

.video-feed-ad-inline[b-2oslg6ex55] {
    margin-bottom: 0.7rem;
    display: grid;
    justify-items: center;
}

.video-feed-ad-box[b-2oslg6ex55] {
    width: min(100%, 440px);
    border: 1px dashed rgba(148, 163, 184, 0.35);
    border-radius: 0.92rem;
    background: rgba(15, 23, 42, 0.66);
}

.video-comments-backdrop[b-2oslg6ex55] {
    position: fixed;
    inset: 0;
    background: rgba(2, 6, 23, 0.74);
    z-index: 1200;
}

.video-comments-modal[b-2oslg6ex55] {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(94vw, 520px);
    max-height: min(86vh, 760px);
    background: #0f172a;
    border: 1px solid rgba(148, 163, 184, 0.35);
    border-radius: 1rem;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.35);
    z-index: 1210;
    padding: 0.8rem;
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    gap: 0.6rem;
}

.video-comments-head[b-2oslg6ex55] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.55rem;
}

.video-comments-head h3[b-2oslg6ex55] {
    margin: 0;
    font-size: 0.94rem;
}

.video-comments-head p[b-2oslg6ex55] {
    margin: 0.1rem 0 0;
    font-size: 0.74rem;
    color: #a5b4cc;
}

.video-comments-list[b-2oslg6ex55] {
    overflow: auto;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 0.8rem;
    padding: 0.55rem;
    display: grid;
    gap: 0.5rem;
    background: rgba(15, 23, 42, 0.72);
}

.video-comment-item[b-2oslg6ex55] {
    display: grid;
    grid-template-columns: 34px 1fr;
    gap: 0.42rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 0.7rem;
    padding: 0.42rem;
    background: rgba(15, 23, 42, 0.76);
}

.video-comment-item img[b-2oslg6ex55] {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    object-fit: cover;
    border: 1px solid rgba(148, 163, 184, 0.3);
}

.video-comment-item strong[b-2oslg6ex55] {
    display: block;
    font-size: 0.78rem;
}

.video-comment-item p[b-2oslg6ex55] {
    margin: 0.18rem 0;
    font-size: 0.75rem;
    color: #d9e6f5;
    white-space: pre-wrap;
}

.video-comment-item span[b-2oslg6ex55] {
    font-size: 0.68rem;
    color: #94a3b8;
}

.video-comments-empty[b-2oslg6ex55] {
    min-height: 92px;
    display: grid;
    place-items: center;
    gap: 0.35rem;
    color: #c3d2e6;
    font-size: 0.78rem;
}

.video-comments-foot[b-2oslg6ex55] {
    display: grid;
    gap: 0.48rem;
}

.video-comments-form[b-2oslg6ex55] {
    display: grid;
    gap: 0.42rem;
}

.video-comments-form textarea[b-2oslg6ex55] {
    font-size: 0.8rem;
}

.video-comments-login-note[b-2oslg6ex55] {
    font-size: 0.78rem;
    color: #bfdbfe;
}

.video-comments-login-note a[b-2oslg6ex55] {
    margin-left: 0.3rem;
    color: #67e8f9;
    text-decoration: none;
    font-weight: 700;
}

@media (min-width: 768px) {
    .public-feed-page[b-2oslg6ex55] {
        padding: 0.85rem;
    }

    .public-feed-header[b-2oslg6ex55] {
        grid-template-columns: 1fr auto;
        align-items: center;
    }

    .public-feed-filters[b-2oslg6ex55] {
        min-width: 420px;
    }

    .public-feed-scroll[b-2oslg6ex55] {
        height: calc(100vh - 132px);
    }
}

@media (min-width: 1024px) {
    .public-feed-page[b-2oslg6ex55] {
        padding: 1rem;
        justify-items: center;
    }

    .public-feed-header[b-2oslg6ex55],
    .public-feed-scroll[b-2oslg6ex55] {
        width: min(100%, 980px);
    }

    .public-video-stage[b-2oslg6ex55] {
        max-width: 440px;
        margin-inline: auto;
    }

    .video-feed-ad-box[b-2oslg6ex55] {
        max-width: 440px;
    }
}

@media (max-width: 767.98px) {
    .video-comments-modal[b-2oslg6ex55] {
        width: calc(100vw - 1rem);
        max-height: calc(100vh - 1rem);
        top: 0.5rem;
        left: 0.5rem;
        right: 0.5rem;
        bottom: 0.5rem;
        transform: none;
    }
}
/* /Components/Pages/Dashboard/VideoInsightsDashboard.razor.rz.scp.css */
.video-insights-shell[b-jgj0lzkvyc] {
    display: grid;
    gap: 1rem;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}

.insights-head[b-jgj0lzkvyc] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid rgba(15, 23, 42, 0.09);
    border-radius: 0.9rem;
    background: linear-gradient(120deg, #ecfeff, #f8fafc);
}

.insights-head h1[b-jgj0lzkvyc] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
    color: #0f172a;
}

.insights-head p[b-jgj0lzkvyc] {
    margin: 0.25rem 0 0;
    color: #334155;
    font-size: 0.9rem;
}

.insights-actions[b-jgj0lzkvyc] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr auto auto auto auto auto;
    gap: 0.5rem;
    min-width: min(100%, 820px);
}

.request-payout-box[b-jgj0lzkvyc] {
    border: 1px solid rgba(245, 158, 11, 0.3);
    border-radius: 0.9rem;
    background: linear-gradient(120deg, #fffbeb, #fff7ed);
    padding: 0.8rem;
    display: grid;
    gap: 0.65rem;
}

.request-head h3[b-jgj0lzkvyc] {
    margin: 0;
    font-size: 0.96rem;
    font-weight: 700;
    color: #92400e;
}

.request-head small[b-jgj0lzkvyc] {
    color: #b45309;
}

.request-form[b-jgj0lzkvyc] {
    display: grid;
    gap: 0.6rem;
    grid-template-columns: 180px 1fr auto;
    align-items: end;
}

.request-form label[b-jgj0lzkvyc] {
    display: block;
    font-size: 0.76rem;
    color: #92400e;
    margin-bottom: 0.28rem;
    font-weight: 600;
}

.request-actions[b-jgj0lzkvyc] {
    display: flex;
    align-items: center;
}

.my-request-shell[b-jgj0lzkvyc] {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.9rem;
    background: #fff;
    padding: 0.8rem;
    display: grid;
    gap: 0.65rem;
}

.my-request-head h2[b-jgj0lzkvyc] {
    margin: 0;
    font-size: 1rem;
    color: #0f172a;
}

.my-request-head p[b-jgj0lzkvyc] {
    margin: 0.2rem 0 0;
    color: #64748b;
    font-size: 0.8rem;
}

.my-request-list[b-jgj0lzkvyc] {
    display: grid;
    gap: 0.5rem;
}

.my-request-list article[b-jgj0lzkvyc] {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.8rem;
    background: #f8fafc;
    padding: 0.58rem 0.65rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.my-request-list strong[b-jgj0lzkvyc] {
    font-size: 0.84rem;
    color: #0f172a;
    display: block;
}

.my-request-list small[b-jgj0lzkvyc] {
    display: block;
    color: #64748b;
    font-size: 0.74rem;
}

.insight-loading[b-jgj0lzkvyc],
.insight-empty[b-jgj0lzkvyc] {
    min-height: 220px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.9rem;
    background: #fff;
    display: grid;
    place-items: center;
    color: #475569;
    gap: 0.5rem;
}

.insight-kpis[b-jgj0lzkvyc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.insight-kpis article[b-jgj0lzkvyc] {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.9rem;
    background: #fff;
    padding: 0.8rem;
    display: grid;
    gap: 0.35rem;
}

.insight-kpis article span[b-jgj0lzkvyc] {
    font-size: 0.78rem;
    color: #64748b;
}

.insight-kpis article strong[b-jgj0lzkvyc] {
    font-size: 1.1rem;
    color: #0f172a;
}

.insight-kpis article.revenue-card[b-jgj0lzkvyc] {
    grid-column: 1 / -1;
    background: linear-gradient(120deg, #cffafe, #ecfeff);
    border-color: rgba(8, 145, 178, 0.2);
}

.insight-kpis article.revenue-card small[b-jgj0lzkvyc] {
    color: #155e75;
    font-size: 0.78rem;
}

.insight-note[b-jgj0lzkvyc] {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.9rem;
    background: #fff;
    padding: 0.8rem;
    color: #334155;
    font-size: 0.86rem;
    display: grid;
    gap: 0.35rem;
}

.insight-grid[b-jgj0lzkvyc] {
    display: grid;
    gap: 0.8rem;
}

.revenue-ledger-shell[b-jgj0lzkvyc] {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.9rem;
    background: #fff;
    padding: 0.85rem;
    display: grid;
    gap: 0.75rem;
}

.revenue-ledger-head[b-jgj0lzkvyc] {
    display: grid;
    gap: 0.25rem;
}

.revenue-ledger-head h2[b-jgj0lzkvyc] {
    margin: 0;
    font-size: 1rem;
    color: #0f172a;
}

.revenue-ledger-head p[b-jgj0lzkvyc] {
    margin: 0;
    color: #475569;
    font-size: 0.8rem;
}

.revenue-ledger-meta[b-jgj0lzkvyc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    color: #64748b;
    font-size: 0.75rem;
}

.ledger-kpis[b-jgj0lzkvyc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.ledger-kpis article[b-jgj0lzkvyc] {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.75rem;
    padding: 0.58rem;
    display: grid;
    gap: 0.2rem;
    background: #f8fafc;
}

.ledger-kpis article span[b-jgj0lzkvyc] {
    color: #64748b;
    font-size: 0.72rem;
}

.ledger-kpis article strong[b-jgj0lzkvyc] {
    color: #0f172a;
    font-size: 0.9rem;
}

.ledger-tabs[b-jgj0lzkvyc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.ledger-table-wrap[b-jgj0lzkvyc] {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.8rem;
    overflow: auto;
}

.ledger-table th[b-jgj0lzkvyc] {
    font-size: 0.72rem;
    color: #64748b;
    white-space: nowrap;
}

.ledger-table td[b-jgj0lzkvyc] {
    font-size: 0.76rem;
    color: #0f172a;
}

.insight-panel[b-jgj0lzkvyc] {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.9rem;
    background: #fff;
    padding: 0.8rem;
    display: grid;
    gap: 0.75rem;
}

.panel-head h2[b-jgj0lzkvyc] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
}

.panel-head small[b-jgj0lzkvyc] {
    color: #64748b;
    font-size: 0.78rem;
}

.panel-empty[b-jgj0lzkvyc] {
    padding: 1.2rem 0.6rem;
    text-align: center;
    color: #64748b;
    border: 1px dashed rgba(100, 116, 139, 0.35);
    border-radius: 0.8rem;
}

.top-video-list[b-jgj0lzkvyc],
.daily-list[b-jgj0lzkvyc] {
    display: grid;
    gap: 0.55rem;
}

.top-video-item[b-jgj0lzkvyc] {
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 0.8rem;
    padding: 0.55rem;
    display: grid;
    grid-template-columns: 56px 1fr auto;
    align-items: center;
    gap: 0.55rem;
}

.top-video-item img[b-jgj0lzkvyc] {
    width: 56px;
    height: 56px;
    border-radius: 0.55rem;
    object-fit: cover;
}

.top-video-item h3[b-jgj0lzkvyc] {
    margin: 0;
    font-size: 0.86rem;
    color: #0f172a;
}

.top-video-item .meta[b-jgj0lzkvyc] {
    color: #64748b;
    font-size: 0.74rem;
}

.top-video-item .stats[b-jgj0lzkvyc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.22rem;
    font-size: 0.72rem;
    color: #334155;
}

.top-video-item .stats span[b-jgj0lzkvyc] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
}

.top-video-item > strong[b-jgj0lzkvyc] {
    color: #0369a1;
    font-size: 0.82rem;
}

.daily-item[b-jgj0lzkvyc] {
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 0.8rem;
    padding: 0.55rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.55rem;
}

.daily-item strong[b-jgj0lzkvyc] {
    font-size: 0.84rem;
    color: #0f172a;
}

.daily-meta[b-jgj0lzkvyc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    color: #64748b;
    font-size: 0.72rem;
    margin-top: 0.18rem;
}

.daily-item > span[b-jgj0lzkvyc] {
    font-size: 0.82rem;
    color: #0369a1;
    font-weight: 700;
}

@media (min-width: 992px) {
    .insight-kpis[b-jgj0lzkvyc] {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .insight-kpis article.revenue-card[b-jgj0lzkvyc] {
        grid-column: auto;
    }

    .insight-grid[b-jgj0lzkvyc] {
        grid-template-columns: 1.15fr 0.85fr;
    }

    .ledger-kpis[b-jgj0lzkvyc] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .insights-head[b-jgj0lzkvyc] {
        padding: 0.8rem;
    }

    .insights-actions[b-jgj0lzkvyc] {
        grid-template-columns: 1fr;
    }

    .insight-kpis[b-jgj0lzkvyc] {
        grid-template-columns: 1fr;
    }

    .request-form[b-jgj0lzkvyc] {
        grid-template-columns: 1fr;
    }

    .my-request-list article[b-jgj0lzkvyc] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Dashboard/VideoUploadDashboard.razor.rz.scp.css */
.video-upload-shell[b-hqt8hsh87l] {
    display: grid;
    gap: 0.8rem;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}

.upload-header[b-hqt8hsh87l] {
    border: 1px solid #e5e7eb;
    border-radius: 1rem;
    padding: 0.9rem;
    background: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
}

.upload-header h1[b-hqt8hsh87l] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
}

.upload-header p[b-hqt8hsh87l] {
    margin: 0.2rem 0 0;
    font-size: 0.84rem;
    color: #64748b;
}

.upload-grid[b-hqt8hsh87l] {
    display: grid;
    gap: 0.8rem;
}

.listing-picker[b-hqt8hsh87l],
.upload-form-wrap[b-hqt8hsh87l],
.uploaded-list-section[b-hqt8hsh87l] {
    border: 1px solid #e5e7eb;
    border-radius: 1rem;
    background: #ffffff;
    padding: 0.85rem;
}

.picker-head[b-hqt8hsh87l] {
    display: grid;
    gap: 0.6rem;
    margin-bottom: 0.6rem;
}

.picker-head h2[b-hqt8hsh87l],
.uploaded-head h2[b-hqt8hsh87l] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
}

.picker-search[b-hqt8hsh87l] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.4rem;
}

.picker-loading[b-hqt8hsh87l],
.picker-empty[b-hqt8hsh87l] {
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    color: #64748b;
    font-size: 0.82rem;
    border: 1px dashed #cbd5e1;
    border-radius: 0.8rem;
}

.listing-cards[b-hqt8hsh87l] {
    display: grid;
    gap: 0.5rem;
    max-height: 430px;
    overflow-y: auto;
}

.listing-card[b-hqt8hsh87l] {
    width: 100%;
    border: 1px solid #e2e8f0;
    border-radius: 0.8rem;
    background: #f8fafc;
    text-align: left;
    padding: 0.65rem;
    display: grid;
    gap: 0.35rem;
}

.listing-card.selected[b-hqt8hsh87l] {
    border-color: #14b8a6;
    background: #ecfeff;
}

.listing-card-head[b-hqt8hsh87l] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    align-items: center;
}

.listing-card-head strong[b-hqt8hsh87l] {
    font-size: 0.82rem;
    color: #0f172a;
    line-height: 1.2;
}

.listing-card-head span[b-hqt8hsh87l] {
    font-size: 0.72rem;
    color: #475569;
}

.listing-card-meta[b-hqt8hsh87l] {
    display: flex;
    justify-content: space-between;
    font-size: 0.73rem;
    color: #64748b;
}

.listing-card-price[b-hqt8hsh87l] {
    font-size: 0.78rem;
    font-weight: 700;
    color: #0891b2;
}

.selected-listing-info[b-hqt8hsh87l] {
    margin-bottom: 0.75rem;
}

.not-selected[b-hqt8hsh87l] {
    display: flex;
    gap: 0.4rem;
    align-items: center;
    color: #64748b;
    font-size: 0.82rem;
}

.selected-chip[b-hqt8hsh87l] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.82rem;
    border-radius: 999px;
    padding: 0.28rem 0.7rem;
    border: 1px solid #5eead4;
    background: #ecfeff;
    color: #0f766e;
}

.selected-chip strong[b-hqt8hsh87l] {
    color: #0f172a;
}

.form-grid[b-hqt8hsh87l] {
    display: grid;
    gap: 0.68rem;
}

.span-2[b-hqt8hsh87l] {
    grid-column: span 1;
}

.form-text[b-hqt8hsh87l] {
    margin-top: 0.26rem;
    display: inline-block;
    font-size: 0.74rem;
    color: #64748b;
}

.file-preview-line[b-hqt8hsh87l] {
    margin-top: 0.8rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.file-pill[b-hqt8hsh87l] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border-radius: 999px;
    border: 1px solid #cbd5e1;
    padding: 0.25rem 0.6rem;
    font-size: 0.74rem;
    color: #334155;
}

.upload-progress-wrap[b-hqt8hsh87l] {
    margin-top: 0.75rem;
    border: 1px solid #bae6fd;
    background: linear-gradient(180deg, #f0f9ff 0%, #ecfeff 100%);
    border-radius: 0.75rem;
    padding: 0.62rem 0.72rem;
    display: grid;
    gap: 0.38rem;
}

.upload-progress-head[b-hqt8hsh87l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    font-size: 0.78rem;
    color: #0f172a;
}

.upload-progress-head strong[b-hqt8hsh87l] {
    font-weight: 700;
}

.upload-progress-head span[b-hqt8hsh87l] {
    color: #0f766e;
    font-weight: 700;
}

.upload-progress-bar[b-hqt8hsh87l] {
    height: 0.56rem;
    background: #dbeafe;
}

.upload-progress-wrap small[b-hqt8hsh87l] {
    font-size: 0.72rem;
    color: #0369a1;
}

.form-actions[b-hqt8hsh87l] {
    margin-top: 0.85rem;
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.uploaded-head[b-hqt8hsh87l] {
    margin-bottom: 0.65rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
}

.uploaded-video-grid[b-hqt8hsh87l] {
    display: grid;
    gap: 0.65rem;
}

.uploaded-card[b-hqt8hsh87l] {
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 0.6rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.85rem;
    padding: 0.55rem;
}

.uploaded-card img[b-hqt8hsh87l],
.thumb-fallback[b-hqt8hsh87l] {
    width: 100%;
    height: 105px;
    border-radius: 0.65rem;
    object-fit: cover;
    background: #0f172a;
}

.thumb-fallback[b-hqt8hsh87l] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    font-size: 1.3rem;
}

.uploaded-card-body[b-hqt8hsh87l] {
    display: grid;
    gap: 0.3rem;
}

.uploaded-card-body strong[b-hqt8hsh87l] {
    font-size: 0.84rem;
    color: #0f172a;
    line-height: 1.2;
}

.uploaded-card-body small[b-hqt8hsh87l] {
    font-size: 0.72rem;
    color: #64748b;
}

.uploaded-metrics[b-hqt8hsh87l] {
    display: flex;
    gap: 0.55rem;
    color: #475569;
    font-size: 0.72rem;
}

.uploaded-metrics span[b-hqt8hsh87l] {
    display: inline-flex;
    gap: 0.23rem;
    align-items: center;
}

.uploaded-actions[b-hqt8hsh87l] {
    margin-top: 0.2rem;
    display: flex;
    gap: 0.45rem;
}

@media (min-width: 1024px) {
    .upload-grid[b-hqt8hsh87l] {
        grid-template-columns: 350px 1fr;
        align-items: start;
    }

    .form-grid[b-hqt8hsh87l] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .span-2[b-hqt8hsh87l] {
        grid-column: span 2;
    }

    .uploaded-video-grid[b-hqt8hsh87l] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .upload-header[b-hqt8hsh87l] {
        border-radius: 0.85rem;
    }

    .uploaded-card[b-hqt8hsh87l] {
        grid-template-columns: 1fr;
    }

    .uploaded-card img[b-hqt8hsh87l],
    .thumb-fallback[b-hqt8hsh87l] {
        height: 160px;
    }
}
/* /Components/Pages/Dashboard/WhatsAppDashboard.razor.rz.scp.css */
.wa-page[b-ajr1ftynlp] { display: flex; flex-direction: column; gap: 1rem; }
.wa-header[b-ajr1ftynlp], .wa-card-head[b-ajr1ftynlp], .wa-actions[b-ajr1ftynlp], .wa-button-grid[b-ajr1ftynlp], .wa-row.split[b-ajr1ftynlp] { display: flex; align-items: center; }
.wa-header[b-ajr1ftynlp], .wa-card-head[b-ajr1ftynlp], .wa-row.split[b-ajr1ftynlp] { justify-content: space-between; }
.wa-header[b-ajr1ftynlp] { gap: 1rem; flex-wrap: wrap; }
.wa-header h1[b-ajr1ftynlp] { margin: 0 0 .25rem; font-size: clamp(1.6rem, 2vw, 2.1rem); font-weight: 800; color: #123c2d; }
.wa-header p[b-ajr1ftynlp] { margin: 0; color: #5c6b63; }
.wa-summary-grid[b-ajr1ftynlp], .wa-grid[b-ajr1ftynlp] { display: grid; gap: 1rem; }
.wa-summary-grid[b-ajr1ftynlp] { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
.wa-summary-card[b-ajr1ftynlp], .wa-card[b-ajr1ftynlp] { background: linear-gradient(180deg, #fff 0%, #f5fbf7 100%); border: 1px solid #d6ebe0; border-radius: 22px; box-shadow: 0 18px 38px rgba(12, 48, 33, .07); }
.wa-summary-card[b-ajr1ftynlp] { padding: 1rem 1.1rem; display: flex; flex-direction: column; gap: .35rem; }
.wa-summary-card strong[b-ajr1ftynlp] { font-size: 1.15rem; color: #0d3b2b; }
.wa-session-name[b-ajr1ftynlp] { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wa-summary-card small[b-ajr1ftynlp], .wa-plan-item span[b-ajr1ftynlp], .wa-plan-item small[b-ajr1ftynlp], .wa-row small[b-ajr1ftynlp], .wa-empty[b-ajr1ftynlp] { color: #70857a; }
.wa-summary-card.success[b-ajr1ftynlp] { border-color: #b9e5cf; }
.wa-summary-card.warning[b-ajr1ftynlp] { border-color: #f0d889; }
.wa-tabbar[b-ajr1ftynlp] { display: flex; gap: .75rem; overflow-x: auto; padding-bottom: .25rem; }
.wa-tab[b-ajr1ftynlp] { border: 1px solid #cfe7da; background: #fff; color: #325142; border-radius: 999px; padding: .75rem 1rem; display: inline-flex; align-items: center; gap: .55rem; white-space: nowrap; }
.wa-tab.active[b-ajr1ftynlp] { background: #1fa463; border-color: #1fa463; color: #fff; box-shadow: 0 10px 26px rgba(31, 164, 99, .28); }
.wa-loading[b-ajr1ftynlp], .wa-empty[b-ajr1ftynlp] { border: 1px dashed #cfe2d7; border-radius: 20px; padding: 1.3rem; background: #fff; text-align: center; }
.wa-loading[b-ajr1ftynlp] { display: flex; align-items: center; justify-content: center; gap: .8rem; }
.wa-grid[b-ajr1ftynlp] { grid-template-columns: 1fr; }
.wa-grid.two[b-ajr1ftynlp] { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
.wa-card[b-ajr1ftynlp] { padding: 1.2rem; }
.wa-card.full[b-ajr1ftynlp] { grid-column: 1 / -1; }
.wa-card-head[b-ajr1ftynlp] { gap: 1rem; margin-bottom: 1rem; }
.wa-card-head h5[b-ajr1ftynlp] { margin: 0; font-size: 1rem; font-weight: 800; color: #2a4e3f; }
.wa-info-list[b-ajr1ftynlp] { display: grid; gap: .8rem; }
.wa-info-list > div[b-ajr1ftynlp] { display: flex; justify-content: space-between; gap: 1rem; padding-bottom: .55rem; border-bottom: 1px dashed #d7e8df; }
.wa-info-list span[b-ajr1ftynlp] { color: #6f847a; }
.wa-info-list strong[b-ajr1ftynlp] { color: #173d2e; text-align: right; }
.wa-qr-box[b-ajr1ftynlp] { margin-top: 1rem; background: #fff; border: 1px solid #d8ece0; border-radius: 20px; padding: 1rem; display: flex; justify-content: center; }
.wa-qr-box img[b-ajr1ftynlp] { width: min(100%, 300px); aspect-ratio: 1; object-fit: contain; }
.wa-plan-list[b-ajr1ftynlp], .wa-contact-list[b-ajr1ftynlp], .wa-sublist[b-ajr1ftynlp] { display: grid; gap: .8rem; }
.wa-plan-item[b-ajr1ftynlp], .wa-contact-item[b-ajr1ftynlp], .wa-row[b-ajr1ftynlp] { border: 1px solid #dbece4; border-radius: 18px; background: #fff; padding: 1rem; }
.wa-plan-item.current[b-ajr1ftynlp] { border-color: #1fa463; box-shadow: 0 10px 28px rgba(31, 164, 99, .14); }
.wa-price[b-ajr1ftynlp] { font-size: 1.1rem; font-weight: 800; color: #0d3b2b; }
.wa-plan-detail[b-ajr1ftynlp] { margin-top: .7rem; border-top: 1px dashed #d5e8de; padding-top: .65rem; display: grid; gap: .55rem; }
.wa-plan-detail p[b-ajr1ftynlp] { margin: 0; color: #48675a; }
.wa-plan-meta[b-ajr1ftynlp] { display: flex; gap: .55rem; flex-wrap: wrap; color: #567568; font-size: .85rem; }
.wa-plan-flags[b-ajr1ftynlp] { display: flex; gap: .45rem; flex-wrap: wrap; }
.wa-plan-badge[b-ajr1ftynlp] { background: #e7f7ee; color: #226041; border: 1px solid #bde3cc; border-radius: 999px; padding: .15rem .55rem; font-weight: 700; font-size: .75rem; }
.wa-price-old[b-ajr1ftynlp] { text-decoration: line-through; color: #8a938f; }
.wa-actions[b-ajr1ftynlp] { gap: .65rem; flex-wrap: wrap; margin-top: 1rem; }
.wa-actions.compact[b-ajr1ftynlp] { margin-top: 0; }
.wa-button-grid[b-ajr1ftynlp] { gap: .75rem; flex-wrap: wrap; }
.wa-button-grid .btn[b-ajr1ftynlp] { min-width: 138px; }
.wa-contact-item[b-ajr1ftynlp] { display: flex; justify-content: space-between; gap: .8rem; flex-wrap: wrap; }
.wa-contact-item .form-check[b-ajr1ftynlp] { display: flex; gap: .75rem; margin: 0; }
.wa-contact-item .form-check-label[b-ajr1ftynlp] { display: flex; flex-direction: column; }
.wa-row[b-ajr1ftynlp] { display: flex; align-items: start; justify-content: space-between; gap: .8rem; }
.wa-row strong[b-ajr1ftynlp] { display: block; }
.wa-row small[b-ajr1ftynlp] { display: block; margin-top: .15rem; }
.wa-json[b-ajr1ftynlp] { margin: 0; border-radius: 18px; background: #0f1e17; color: #d9ffeb; padding: 1rem; max-height: 320px; overflow: auto; font-size: .82rem; }
@media (min-width: 992px) { .wa-grid[b-ajr1ftynlp] { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767.98px) { .wa-header[b-ajr1ftynlp], .wa-card-head[b-ajr1ftynlp], .wa-contact-item[b-ajr1ftynlp], .wa-row.split[b-ajr1ftynlp] { flex-direction: column; align-items: stretch; } .wa-actions .btn[b-ajr1ftynlp], .wa-button-grid .btn[b-ajr1ftynlp] { width: 100%; } }
/* /Components/Pages/Home.razor.rz.scp.css */
.home-category-sentinel[b-8rf9x362ku] {
    width: 100%;
    height: 1px;
}

.category-chip-placeholder[b-8rf9x362ku] {
    opacity: 0.78;
    cursor: wait;
}

.filter-btn-more[b-8rf9x362ku] {
    border-style: dashed;
    font-weight: 700;
}

.home-featured-empty[b-8rf9x362ku] {
    border: 1px dashed #d7e5ef;
    border-radius: 16px;
    padding: 1.25rem 1rem;
    text-align: center;
    color: #5a6b7b;
    background: #f9fcff;
}

.property-card-skeleton[b-8rf9x362ku] {
    overflow: hidden;
}

.home-skeleton[b-8rf9x362ku] {
    display: block;
    position: relative;
    overflow: hidden;
    background: #e9eff4;
    border-radius: 12px;
}

.home-skeleton[b-8rf9x362ku]::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: linear-gradient(90deg, rgba(233, 239, 244, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(233, 239, 244, 0) 100%);
    animation: home-skeleton-sweep-b-8rf9x362ku 1.15s infinite;
}

.home-skeleton-image[b-8rf9x362ku] {
    height: 220px;
    border-radius: 0;
}

.home-skeleton-title[b-8rf9x362ku] {
    height: 20px;
    width: 80%;
    margin: 0.25rem 0 0.75rem;
}

.home-skeleton-line[b-8rf9x362ku] {
    height: 12px;
    width: 100%;
    margin-bottom: 0.5rem;
}

.home-skeleton-line.short[b-8rf9x362ku] {
    width: 62%;
}

.property-image-fallback[b-8rf9x362ku] {
    min-height: 220px;
    display: grid;
    place-items: center;
    background: linear-gradient(145deg, #e9f4f8, #eef3f9);
    color: #235d7a;
    font-weight: 700;
    text-align: center;
    padding: 1rem;
}

.property-agent-avatar[b-8rf9x362ku] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-grid;
    place-items: center;
    background: #dce7f2;
    color: #1f3f5b;
    font-size: 0.78rem;
    font-weight: 700;
    margin-right: 0.4rem;
}

@keyframes home-skeleton-sweep-b-8rf9x362ku {
    100% {
        transform: translateX(100%);
    }
}
/* /Components/Pages/Kpr/KprCalculatorPage.razor.rz.scp.css */
.kpr-page[b-cfk8bvelhj] {
    padding: 7.2rem 0 3rem;
    background: linear-gradient(180deg, #f5f9ff 0%, #ffffff 40%);
    min-height: 100vh;
}

.kpr-header[b-cfk8bvelhj] {
    margin-bottom: 1.2rem;
}

.kpr-header h1[b-cfk8bvelhj] {
    font-size: clamp(1.5rem, 3.5vw, 2rem);
    font-weight: 700;
    margin: 0 0 0.45rem 0;
    color: #0f172a;
}

.kpr-header p[b-cfk8bvelhj] {
    margin: 0;
    color: #475569;
}

.kpr-grid[b-cfk8bvelhj] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.kpr-card[b-cfk8bvelhj] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 0.95rem;
    padding: 1rem;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.06);
}

.kpr-card h2[b-cfk8bvelhj] {
    font-size: 1.05rem;
    font-weight: 700;
    margin-bottom: 0.9rem;
    color: #0f172a;
}

.kpr-field[b-cfk8bvelhj] {
    margin-bottom: 0.8rem;
}

.kpr-field label[b-cfk8bvelhj] {
    display: block;
    font-weight: 600;
    font-size: 0.92rem;
    margin-bottom: 0.35rem;
}

.kpr-field-grid[b-cfk8bvelhj] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
}

.kpr-bank-presets[b-cfk8bvelhj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin: 0.3rem 0 0.95rem;
}

.kpr-form-actions[b-cfk8bvelhj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.kpr-result-list[b-cfk8bvelhj] {
    display: grid;
    gap: 0.55rem;
}

.kpr-result-item[b-cfk8bvelhj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.65rem;
    padding: 0.7rem 0.8rem;
}

.kpr-result-item span[b-cfk8bvelhj] {
    color: #475569;
    font-size: 0.92rem;
}

.kpr-result-item strong[b-cfk8bvelhj] {
    color: #0f172a;
    font-size: 0.95rem;
}

.kpr-result-item.highlight[b-cfk8bvelhj] {
    border-color: #0ea5e9;
    background: #ecfeff;
}

.kpr-result-item.highlight strong[b-cfk8bvelhj] {
    color: #0369a1;
}

.kpr-disclaimer[b-cfk8bvelhj] {
    margin-top: 0.85rem;
    font-size: 0.82rem;
    color: #64748b;
    line-height: 1.45;
}

.kpr-cta[b-cfk8bvelhj] {
    margin-top: 0.95rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

@media (min-width: 992px) {
    .kpr-grid[b-cfk8bvelhj] {
        grid-template-columns: 1.05fr 0.95fr;
        gap: 1.1rem;
    }

    .kpr-field-grid[b-cfk8bvelhj] {
        grid-template-columns: 1fr 1fr;
    }
}
/* /Components/Pages/Marketplace/MarketplacePage.razor.rz.scp.css */
.marketplace-public[b-mjuw7zi4ov] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 5.8rem 1rem 6rem;
}

.marketplace-head[b-mjuw7zi4ov] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.marketplace-head h1[b-mjuw7zi4ov] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 700;
    color: #0f172a;
}

.marketplace-head p[b-mjuw7zi4ov] {
    margin: 0.25rem 0 0;
    color: #64748b;
}

.marketplace-sitelinks[b-mjuw7zi4ov] {
    margin-top: 0.45rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.marketplace-sitelinks a[b-mjuw7zi4ov] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #0f766e;
    text-decoration: none;
}

.marketplace-sitelinks a:hover[b-mjuw7zi4ov] {
    text-decoration: underline;
}

.ref-chip[b-mjuw7zi4ov] {
    background: #ecfeff;
    color: #0e7490;
    border: 1px solid #a5f3fc;
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
}

.filters[b-mjuw7zi4ov] {
    border: 1px solid #e2e8f0;
    background: #fff;
    border-radius: 0.9rem;
    padding: 0.85rem;
    margin-bottom: 1rem;
}

.filter-grid[b-mjuw7zi4ov] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.65rem;
}

.filter-actions[b-mjuw7zi4ov] {
    margin-top: 0.7rem;
    display: flex;
    gap: 0.55rem;
    justify-content: flex-end;
}

.listing-grid[b-mjuw7zi4ov] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.85rem;
}

.listing-card[b-mjuw7zi4ov] {
    border: 1px solid #e2e8f0;
    border-radius: 0.95rem;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 10px 24px rgba(2, 6, 23, 0.05);
}

.cover-link[b-mjuw7zi4ov] {
    display: block;
}

.cover-link img[b-mjuw7zi4ov] {
    width: 100%;
    height: 190px;
    object-fit: cover;
    display: block;
    background: #f1f5f9;
}

.cover-fallback[b-mjuw7zi4ov] {
    width: 100%;
    height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0.75rem;
    background: linear-gradient(135deg, #e2e8f0 0%, #f8fafc 100%);
    border-bottom: 1px solid #e2e8f0;
}

.cover-fallback span[b-mjuw7zi4ov] {
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.card-body[b-mjuw7zi4ov] {
    padding: 0.8rem;
}

.title[b-mjuw7zi4ov] {
    color: #0f172a;
    font-weight: 700;
    text-decoration: none;
    line-height: 1.35;
}

.title:hover[b-mjuw7zi4ov] {
    color: #0f766e;
}

.meta-row[b-mjuw7zi4ov] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.45rem;
    color: #475569;
    font-size: 0.82rem;
}

.meta-row span[b-mjuw7zi4ov] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    padding: 0.18rem 0.52rem;
}

.meta-row .status-pill[b-mjuw7zi4ov] {
    background: #dcfce7;
    border-color: #86efac;
    color: #166534;
    font-weight: 700;
}

.price[b-mjuw7zi4ov] {
    margin-top: 0.55rem;
    color: #0f766e;
    font-size: 1.03rem;
    font-weight: 800;
}

.small-row[b-mjuw7zi4ov] {
    margin-top: 0.45rem;
    display: flex;
    justify-content: space-between;
    gap: 0.45rem;
    font-size: 0.82rem;
    color: #475569;
}

.load-more-wrap[b-mjuw7zi4ov] {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

.load-more-spinner[b-mjuw7zi4ov] {
    display: inline-flex;
    align-items: center;
    padding: 0.55rem 0.85rem;
    border: 1px solid #dbeafe;
    background: #eff6ff;
    color: #1e3a8a;
    border-radius: 0.7rem;
    font-size: 0.86rem;
}

.load-more-sentinel[b-mjuw7zi4ov] {
    width: 100%;
    height: 12px;
}

.all-loaded-alert[b-mjuw7zi4ov] {
    margin-top: 0.95rem;
    text-align: center;
    font-weight: 600;
}

.loading-state[b-mjuw7zi4ov],
.empty-state[b-mjuw7zi4ov] {
    border: 1px dashed #cbd5e1;
    border-radius: 0.95rem;
    background: #fff;
    min-height: 140px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: #64748b;
    text-align: center;
    padding: 1rem;
}

@media (min-width: 768px) {
    .marketplace-public[b-mjuw7zi4ov] {
        padding: 6.1rem 1.2rem 1.2rem;
    }

    .filter-grid[b-mjuw7zi4ov] {
        grid-template-columns: 2fr 1fr;
    }

    .listing-grid[b-mjuw7zi4ov] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 992px) {
    .filters[b-mjuw7zi4ov] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
        gap: 0.75rem;
    }

    .filter-grid[b-mjuw7zi4ov] {
        min-width: 0;
        grid-template-columns: minmax(360px, 2fr) minmax(190px, 1fr);
    }

    .filter-actions[b-mjuw7zi4ov] {
        margin-top: 0;
        justify-content: flex-end;
        align-items: center;
        white-space: nowrap;
    }
}

@media (min-width: 992px) {
    .marketplace-public[b-mjuw7zi4ov] {
        padding-bottom: 1.2rem;
    }
}

@media (min-width: 1200px) {
    .listing-grid[b-mjuw7zi4ov] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* /Components/Pages/Properties/PropertyComparePage.razor.rz.scp.css */
.compare-empty[b-n8bao6fit1] {
    border: 1px dashed #d4e0ea;
    border-radius: 1rem;
    min-height: 220px;
    display: grid;
    place-content: center;
    text-align: center;
    color: #5e6d7b;
    background: #fbfdff;
}

.compare-table-wrap[b-n8bao6fit1] {
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 12px 30px rgba(15, 40, 65, 0.08);
    overflow: hidden;
}

.compare-header-card[b-n8bao6fit1] {
    display: grid;
    gap: 0.55rem;
}

.compare-header-card img[b-n8bao6fit1],
.compare-image-fallback[b-n8bao6fit1] {
    width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 0.75rem;
}

.compare-image-fallback[b-n8bao6fit1] {
    display: grid;
    place-items: center;
    background: #edf3f8;
    color: #607080;
    font-weight: 600;
}

.compare-feature-list[b-n8bao6fit1] {
    margin: 0;
    padding-left: 1rem;
}

.compare-feature-list li[b-n8bao6fit1] {
    margin-bottom: 0.25rem;
}
/* /Components/Pages/Public/AiConsultationPage.razor.rz.scp.css */
.ai-consult-page[b-7lz613ogc9] {
    padding: 6.2rem 0 2rem;
    min-height: 100vh;
    background: linear-gradient(180deg, #f0f9ff 0%, #ffffff 48%);
}

.ai-consult-head[b-7lz613ogc9] {
    max-width: 920px;
    margin: 0 auto 1rem;
}

.ai-consult-head h1[b-7lz613ogc9] {
    font-size: 1.45rem;
    margin: 0 0 0.35rem;
    color: #0f172a;
}

.ai-consult-head p[b-7lz613ogc9] {
    margin: 0;
    color: #475569;
}

#aiConsultRoot[b-7lz613ogc9] {
    max-width: 920px;
    margin: 0 auto;
}

#aiConsultRoot .ai-chat-panel-page[b-7lz613ogc9] {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    height: min(74vh, 760px);
    border-radius: 1.1rem;
    opacity: 1;
    visibility: visible;
    transform: none;
    display: flex;
}

#aiConsultRoot .ai-chat-body[b-7lz613ogc9] {
    padding-bottom: 1rem;
}

@media (max-width: 991.98px) {
    .ai-consult-page[b-7lz613ogc9] {
        padding-top: 5.6rem;
        padding-bottom: 5.8rem;
    }

    #aiConsultRoot .ai-chat-panel-page[b-7lz613ogc9] {
        height: min(76vh, 680px);
    }
}
/* /Components/Pages/Public/PublicDynamicEntry.razor.rz.scp.css */
.dynamic-page[b-21oqidagxp] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    padding: 0.85rem;
    max-width: 1200px;
    margin: 0 auto;
}

.loading-shell[b-21oqidagxp],
.not-found-shell[b-21oqidagxp] {
    min-height: 60vh;
    display: grid;
    place-items: center;
    gap: 0.75rem;
}

.marketplace-shell .top-note[b-21oqidagxp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.75rem;
    font-size: 0.84rem;
}

.listing-shell[b-21oqidagxp] {
    display: grid;
    gap: 1rem;
    --listing-fallback-header-offset: 92px;
    padding-top: calc(var(--gmp-fixed-header-offset, var(--listing-fallback-header-offset)) + 0.75rem);
}

.listing-shell .btn[b-21oqidagxp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    text-align: center;
    line-height: 1.2;
    font-weight: 600;
    white-space: nowrap;
}

.listing-shell .btn i[b-21oqidagxp] {
    line-height: 1;
    font-size: 0.95rem;
}

.listing-top[b-21oqidagxp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.listing-id-chip[b-21oqidagxp] {
    border-radius: 999px;
    padding: 0.28rem 0.68rem;
    background: #eef3fb;
    border: 1px solid #d7e3f1;
    color: #3f5972;
    font-size: 0.72rem;
    font-weight: 600;
}

.listing-main[b-21oqidagxp] {
    display: grid;
    gap: 1rem;
}

.listing-primary[b-21oqidagxp] {
    display: grid;
    gap: 0.9rem;
}

.listing-gallery[b-21oqidagxp] {
    border: 1px solid #d8e3f0;
    border-radius: 1.08rem;
    padding: 0.8rem;
    background: #fff;
    box-shadow: 0 12px 26px rgba(22, 51, 79, 0.06);
    position: relative;
}

.listing-cover[b-21oqidagxp] {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    border-radius: 0.95rem;
    cursor: zoom-in;
    background: #f1f5fa;
}

.listing-thumbs[b-21oqidagxp] {
    margin-top: 0.7rem;
    display: flex;
    gap: 0.48rem;
    overflow-x: auto;
    padding-bottom: 0.2rem;
}

.thumb-btn[b-21oqidagxp] {
    border: 1px solid #cfdae8;
    border-radius: 0.7rem;
    padding: 0;
    background: transparent;
    width: 76px;
    min-width: 76px;
    height: 58px;
    overflow: hidden;
}

.thumb-btn.active[b-21oqidagxp] {
    border-color: #0598b2;
    box-shadow: 0 0 0 3px rgba(5, 152, 178, 0.15);
}

.thumb-btn img[b-21oqidagxp] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-floating-actions[b-21oqidagxp] {
    position: absolute;
    left: 50%;
    bottom: 1rem;
    transform: translateX(-50%);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
    width: min(calc(100% - 1.5rem), 420px);
    padding: 0.35rem;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.18);
    backdrop-filter: blur(8px);
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.14);
}

.gallery-open-btn[b-21oqidagxp],
.gallery-download-btn[b-21oqidagxp] {
    border: 1px solid rgba(255, 255, 255, 0.75);
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.86) 0%, rgba(30, 41, 59, 0.82) 100%);
    color: #fff;
    border-radius: 999px;
    min-height: 42px;
    padding: 0.46rem 0.92rem;
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    font-size: 0.78rem;
    font-weight: 700;
    backdrop-filter: blur(6px);
    text-decoration: none;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.18);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

.gallery-open-btn[b-21oqidagxp],
.gallery-download-btn[b-21oqidagxp] {
    flex: 1 1 auto;
    justify-content: center;
}

.gallery-open-btn:hover[b-21oqidagxp],
.gallery-download-btn:hover[b-21oqidagxp] {
    color: #fff;
    background: linear-gradient(135deg, rgba(4, 157, 181, 0.95) 0%, rgba(13, 110, 163, 0.92) 100%);
    border-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 14px 30px rgba(4, 157, 181, 0.26);
    transform: translateY(-1px);
}

.gallery-open-btn i[b-21oqidagxp],
.gallery-download-btn i[b-21oqidagxp] {
    font-size: 0.95rem;
}

.listing-content[b-21oqidagxp] {
    border: 1px solid #d8e3f0;
    border-radius: 1.08rem;
    padding: 1rem;
    background: #fff;
    display: grid;
    gap: 0.82rem;
    box-shadow: 0 12px 26px rgba(22, 51, 79, 0.06);
}

.listing-heading[b-21oqidagxp] {
    display: grid;
    gap: 0.45rem;
}

.listing-content h1[b-21oqidagxp] {
    margin: 0;
    font-size: 1.2rem;
    line-height: 1.42;
}

.listing-meta[b-21oqidagxp] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.pill[b-21oqidagxp] {
    border-radius: 999px;
    padding: 0.22rem 0.62rem;
    background: #f1f6fc;
    border: 1px solid #d8e6f5;
    font-size: 0.74rem;
    color: #35536d;
}

.pill-type[b-21oqidagxp] {
    font-weight: 700;
}

.pill-primary[b-21oqidagxp] {
    border-color: rgba(5, 154, 171, 0.35);
    background: rgba(5, 154, 171, 0.12);
    color: #055b65;
}

.pill-primary-soft[b-21oqidagxp] {
    border-color: rgba(11, 116, 63, 0.24);
    background: rgba(11, 116, 63, 0.09);
    color: #0b7440;
}

.pill-secondary[b-21oqidagxp] {
    border-color: rgba(77, 95, 113, 0.25);
    background: rgba(77, 95, 113, 0.12);
    color: #2f4258;
}

.price-row[b-21oqidagxp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.7rem;
    padding: 0.75rem 0.78rem;
    border: 1px solid #dbebf7;
    border-radius: 0.84rem;
    background: linear-gradient(180deg, #f9fcff 0%, #f0f8ff 100%);
}

.price-row strong[b-21oqidagxp] {
    font-size: 1.28rem;
    color: #064c73;
    line-height: 1.2;
}

.price-main[b-21oqidagxp] {
    display: grid;
    gap: 0.26rem;
}

.variant-range-public[b-21oqidagxp] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.75rem;
    color: #266386;
    font-weight: 600;
}

.viewer-count[b-21oqidagxp] {
    font-size: 0.79rem;
    color: #60788f;
    display: inline-flex;
    align-items: center;
    gap: 0.24rem;
    white-space: nowrap;
}

.desc[b-21oqidagxp] {
    margin: 0;
    color: #32485d;
    line-height: 1.68;
    font-size: 0.9rem;
}

.html-desc :where(p, ul, ol)[b-21oqidagxp] {
    margin-bottom: 0.7rem;
}

.html-desc :where(h1, h2, h3, h4)[b-21oqidagxp] {
    margin-top: 0.9rem;
    margin-bottom: 0.42rem;
    color: #1f3a54;
}

.html-desc :where(ul, ol)[b-21oqidagxp] {
    padding-left: 1.1rem;
}

.html-desc :where(img, iframe, table)[b-21oqidagxp] {
    max-width: 100%;
}

.desc-card[b-21oqidagxp] {
    border: 1px solid #d9e7f3;
    border-radius: 0.9rem;
    padding: 0.8rem;
    background: #fcfdff;
}

.desc-card h2[b-21oqidagxp] {
    margin: 0 0 0.45rem;
    font-size: 0.96rem;
    color: #25445e;
}

.video-link-card[b-21oqidagxp] {
    border: 1px solid #d9e7f3;
    border-radius: 0.9rem;
    padding: 0.8rem;
    background: #f7fbff;
    display: grid;
    gap: 0.48rem;
}

.video-link-card h2[b-21oqidagxp] {
    margin: 0;
    font-size: 0.95rem;
    color: #204660;
}

.video-link-card p[b-21oqidagxp] {
    margin: 0;
    font-size: 0.82rem;
    color: #59748d;
}

.spec-grid[b-21oqidagxp] {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
}

.spec-grid div[b-21oqidagxp] {
    border: 1px solid #e1e9f2;
    border-radius: 0.75rem;
    padding: 0.5rem 0.56rem;
    background: #fff;
}

.spec-grid dt[b-21oqidagxp] {
    margin: 0;
    font-size: 0.72rem;
    color: #7a8ea3;
}

.spec-grid dd[b-21oqidagxp] {
    margin: 0.24rem 0 0;
    font-size: 0.84rem;
    font-weight: 600;
    color: #1a2e3f;
}

.address-box[b-21oqidagxp] {
    display: flex;
    gap: 0.45rem;
    align-items: flex-start;
    padding: 0.65rem 0.72rem;
    border-radius: 0.85rem;
    background: #f7fbff;
    border: 1px solid #daebf8;
    font-size: 0.84rem;
    color: #2d4d67;
}

.listing-sidebar[b-21oqidagxp] {
    display: grid;
    align-content: start;
    gap: 0.8rem;
}

.contact-card[b-21oqidagxp] {
    border: 1px solid #d8e3f0;
    border-radius: 1.08rem;
    padding: 0.9rem;
    background: #fff;
    box-shadow: 0 12px 26px rgba(22, 51, 79, 0.06);
    display: grid;
    gap: 0.72rem;
}

.contact-label[b-21oqidagxp] {
    margin: 0;
    font-size: 0.78rem;
    color: #66819a;
    letter-spacing: 0.02em;
}

.listing-top .btn[b-21oqidagxp] {
    min-height: 38px;
    padding-inline: 0.82rem;
}

.agent-preview[b-21oqidagxp] {
    display: flex;
    gap: 0.6rem;
    align-items: center;
    padding: 0.68rem;
    border-radius: 0.82rem;
    background: #f4f8ff;
    border: 1px solid #d7e4f5;
}

.agent-avatar[b-21oqidagxp] {
    width: 46px;
    height: 46px;
    min-width: 46px;
    border-radius: 999px;
    object-fit: cover;
    border: 1px solid #cfe1f5;
    background: #eef4fb;
}

.agent-preview strong[b-21oqidagxp] {
    display: block;
    font-size: 0.88rem;
    color: #1c3550;
    line-height: 1.3;
}

.agent-preview span[b-21oqidagxp] {
    display: block;
    margin-top: 0.12rem;
    font-size: 0.76rem;
    color: #5a7490;
}

.cta-grid[b-21oqidagxp] {
    display: grid;
    gap: 0.5rem;
}

.cta-grid .btn[b-21oqidagxp] {
    width: 100%;
    min-height: 42px;
    border-radius: 0.7rem;
    padding-inline: 0.9rem;
}

.cta-grid .btn span[b-21oqidagxp] {
    display: inline-block;
    text-align: center;
}

.internal-card[b-21oqidagxp] {
    border: 1px solid #d8e3f0;
    border-radius: 1.08rem;
    padding: 0.9rem;
    background: #fff;
    box-shadow: 0 12px 26px rgba(22, 51, 79, 0.06);
    display: grid;
    gap: 0.72rem;
}

.internal-card h3[b-21oqidagxp] {
    margin: 0;
    font-size: 0.92rem;
    color: #2a4660;
}

.internal-grid[b-21oqidagxp] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.internal-grid div[b-21oqidagxp] {
    border: 1px dashed #d8e5f2;
    border-radius: 0.7rem;
    padding: 0.45rem 0.52rem;
    background: #fbfdff;
}

.internal-grid span[b-21oqidagxp] {
    display: block;
    font-size: 0.7rem;
    color: #6f8397;
}

.internal-grid strong[b-21oqidagxp] {
    display: block;
    margin-top: 0.16rem;
    font-size: 0.8rem;
    line-height: 1.4;
    color: #1f3a52;
    word-break: break-word;
}

.internal-badges[b-21oqidagxp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.internal-badge[b-21oqidagxp] {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    padding: 0.24rem 0.56rem;
    border-radius: 999px;
    border: 1px solid #d7e2ef;
    background: #f7faff;
    color: #516b83;
    font-size: 0.72rem;
    font-weight: 600;
}

.internal-badge.link[b-21oqidagxp] {
    text-decoration: none;
    cursor: pointer;
}

.internal-badge.on[b-21oqidagxp] {
    border-color: rgba(7, 126, 95, 0.26);
    background: rgba(7, 126, 95, 0.11);
    color: #0d6b53;
}

.internal-badge.off[b-21oqidagxp] {
    border-color: rgba(96, 118, 138, 0.26);
    background: rgba(96, 118, 138, 0.1);
    color: #576f86;
}

.internal-actions[b-21oqidagxp] {
    display: grid;
    gap: 0.5rem;
}

.related-shell[b-21oqidagxp] {
    border: 1px solid #d8e3f0;
    border-radius: 1.08rem;
    padding: 0.9rem;
    background: #fff;
    box-shadow: 0 10px 24px rgba(22, 51, 79, 0.05);
}

.related-shell h2[b-21oqidagxp] {
    margin: 0 0 0.72rem;
    font-size: 1rem;
}

.related-grid[b-21oqidagxp] {
    display: grid;
    gap: 0.62rem;
}

.related-card[b-21oqidagxp] {
    display: grid;
    grid-template-columns: 102px 1fr;
    gap: 0.66rem;
    text-decoration: none;
    color: inherit;
    border: 1px solid #dfe7f1;
    border-radius: 0.82rem;
    padding: 0.52rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.related-card:hover[b-21oqidagxp] {
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(22, 51, 79, 0.08);
}

.related-card img[b-21oqidagxp] {
    width: 102px;
    height: 80px;
    border-radius: 0.66rem;
    object-fit: cover;
    background: #f2f5f9;
}

.related-card h3[b-21oqidagxp] {
    margin: 0 0 0.26rem;
    font-size: 0.85rem;
    line-height: 1.35;
}

.related-card p[b-21oqidagxp] {
    margin: 0;
    font-size: 0.82rem;
    font-weight: 700;
    color: #075672;
}

.related-card span[b-21oqidagxp] {
    font-size: 0.74rem;
    color: #6a8197;
}

.profile-shell[b-21oqidagxp] {
    display: grid;
    gap: 1rem;
    --profile-fallback-header-offset: 92px;
    padding-top: calc(var(--gmp-fixed-header-offset, var(--profile-fallback-header-offset)) + 0.75rem);
}

.whatsapp-redirect-overlay[b-21oqidagxp] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    background: rgba(2, 8, 23, 0.42);
    backdrop-filter: blur(4px);
    display: grid;
    place-items: center;
    padding: 1rem;
}

.whatsapp-redirect-card[b-21oqidagxp] {
    width: min(92vw, 340px);
    border-radius: 1.1rem;
    border: 1px solid rgba(203, 213, 225, 0.9);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 20px 48px rgba(15, 23, 42, 0.18);
    padding: 1rem 1.1rem;
    display: grid;
    justify-items: center;
    gap: 0.6rem;
    text-align: center;
}

.whatsapp-redirect-card strong[b-21oqidagxp] {
    color: #14532d;
    font-size: 1rem;
}

.whatsapp-redirect-card p[b-21oqidagxp] {
    margin: 0;
    color: #4b5563;
    font-size: 0.88rem;
    line-height: 1.6;
}

.profile-hero[b-21oqidagxp] {
    position: relative;
    overflow: hidden;
    border: 1px solid #dce8f3;
    border-radius: 1.3rem;
    padding: 1.05rem;
    background:
        radial-gradient(circle at top right, rgba(5, 154, 171, 0.14), transparent 36%),
        linear-gradient(145deg, #ffffff 0%, #f4fbff 55%, #eef8ff 100%);
    box-shadow: 0 14px 34px rgba(22, 51, 79, 0.08);
    display: grid;
    gap: 1rem;
}

.profile-hero[b-21oqidagxp]::after {
    content: "";
    position: absolute;
    inset: auto -40px -55px auto;
    width: 180px;
    height: 180px;
    background: radial-gradient(circle, rgba(8, 145, 178, 0.12), transparent 70%);
    pointer-events: none;
}

.profile-hero > *[b-21oqidagxp] {
    position: relative;
    z-index: 1;
}

.profile-hero-main[b-21oqidagxp] {
    display: grid;
    gap: 1rem;
}

.profile-avatar-wrap[b-21oqidagxp] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.6rem;
}

.profile-hero .avatar[b-21oqidagxp] {
    width: 92px;
    height: 92px;
    border-radius: 999px;
    object-fit: cover;
    border: 3px solid rgba(255, 255, 255, 0.85);
    background: #eef4fb;
    box-shadow: 0 12px 30px rgba(8, 70, 109, 0.16);
}

.profile-avatar-badge[b-21oqidagxp],
.profile-badge[b-21oqidagxp],
.profile-tag[b-21oqidagxp],
.listing-card-badge[b-21oqidagxp] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 700;
}

.profile-avatar-badge[b-21oqidagxp] {
    padding: 0.32rem 0.68rem;
    background: rgba(6, 91, 101, 0.1);
    border: 1px solid rgba(6, 91, 101, 0.16);
    color: #055b65;
}

.profile-hero-copy[b-21oqidagxp] {
    display: grid;
    gap: 0.72rem;
}

.profile-badges[b-21oqidagxp],
.profile-info-tags[b-21oqidagxp],
.listing-card-badges[b-21oqidagxp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.profile-badge[b-21oqidagxp] {
    padding: 0.34rem 0.72rem;
    background: rgba(255, 255, 255, 0.84);
    border: 1px solid #d6e5f1;
    color: #45627a;
}

.profile-badge.primary[b-21oqidagxp],
.listing-card-badge.primary[b-21oqidagxp] {
    background: rgba(5, 154, 171, 0.14);
    border: 1px solid rgba(5, 154, 171, 0.18);
    color: #055b65;
}

.profile-badge.soft[b-21oqidagxp] {
    background: rgba(77, 95, 113, 0.08);
}

.profile-hero h1[b-21oqidagxp] {
    margin: 0;
    font-size: clamp(1.22rem, 2vw, 1.72rem);
    line-height: 1.2;
    color: #17344c;
}

.profile-handle[b-21oqidagxp] {
    margin: 0.24rem 0 0;
    color: #4e6d86;
    font-size: 0.88rem;
    font-weight: 600;
}

.profile-lead[b-21oqidagxp],
.promotion-copy[b-21oqidagxp] {
    margin: 0;
    color: #34526b;
    font-size: 0.92rem;
    line-height: 1.75;
}

.hero-stats[b-21oqidagxp],
.promotion-metrics[b-21oqidagxp] {
    display: grid;
    gap: 0.72rem;
}

.hero-stat[b-21oqidagxp],
.promotion-metric[b-21oqidagxp] {
    padding: 0.82rem 0.9rem;
    border-radius: 1rem;
    border: 1px solid rgba(213, 226, 239, 0.95);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.hero-stat strong[b-21oqidagxp],
.promotion-metric strong[b-21oqidagxp] {
    display: block;
    font-size: 1.12rem;
    color: #0d4d72;
}

.hero-stat span[b-21oqidagxp],
.promotion-metric span[b-21oqidagxp] {
    display: block;
    margin-top: 0.22rem;
    font-size: 0.78rem;
    color: #60778d;
    line-height: 1.45;
}

.hero-cta[b-21oqidagxp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.58rem;
}

.hero-cta .btn[b-21oqidagxp],
.promotion-actions .btn[b-21oqidagxp],
.listing-section-head .btn[b-21oqidagxp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    min-height: 44px;
    border-radius: 0.86rem;
    padding-inline: 0.95rem;
    font-weight: 700;
}

.hero-contact-note[b-21oqidagxp] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    color: #5e768c;
    font-size: 0.78rem;
}

.hero-contact-note span[b-21oqidagxp] {
    display: inline-flex;
    align-items: center;
    gap: 0.34rem;
}

.profile-tab-nav[b-21oqidagxp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    padding: 0.45rem;
    border-radius: 1rem;
    border: 1px solid #dbe7f1;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 10px 24px rgba(22, 51, 79, 0.05);
}

.profile-tab[b-21oqidagxp] {
    border: none;
    background: transparent;
    color: #45627b;
    border-radius: 0.85rem;
    padding: 0.72rem 0.95rem;
    font-size: 0.86rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    transition: all 0.2s ease;
}

.profile-tab.is-active[b-21oqidagxp] {
    background: linear-gradient(135deg, #059aab 0%, #0d6ea3 100%);
    color: #fff;
    box-shadow: 0 12px 26px rgba(13, 110, 163, 0.24);
}

.profile-panel[b-21oqidagxp],
.register-shell[b-21oqidagxp],
.profile-listings[b-21oqidagxp] {
    border: 1px solid #dce8f3;
    border-radius: 1.2rem;
    padding: 1rem;
    background: #fff;
    box-shadow: 0 12px 28px rgba(22, 51, 79, 0.06);
}

.profile-panel h2[b-21oqidagxp],
.register-shell h2[b-21oqidagxp],
.profile-listings h2[b-21oqidagxp] {
    margin: 0;
    font-size: 1rem;
    color: #173a55;
}

.section-head[b-21oqidagxp] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.8rem;
    margin-bottom: 0.8rem;
}

.section-head p[b-21oqidagxp] {
    margin: 0.26rem 0 0;
    color: #6b8197;
    font-size: 0.84rem;
    line-height: 1.6;
}

.section-head a[b-21oqidagxp] {
    font-size: 0.82rem;
    text-decoration: none;
}

.register-grid[b-21oqidagxp] {
    margin-top: 0.8rem;
    display: grid;
    gap: 0.55rem;
}

.about-grid[b-21oqidagxp] {
    display: grid;
    gap: 1rem;
}

.profile-story[b-21oqidagxp] {
    display: grid;
    gap: 0.85rem;
}

.profile-story-content[b-21oqidagxp] {
    color: #35526b;
    line-height: 1.82;
    font-size: 0.92rem;
}

.profile-social-links[b-21oqidagxp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.profile-social-link[b-21oqidagxp] {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    padding: 0.55rem 0.8rem;
    border-radius: 0.9rem;
    text-decoration: none;
    border: 1px solid #d8e4ef;
    background: #f8fbff;
    color: #35556f;
    font-size: 0.82rem;
    font-weight: 700;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.profile-social-link:hover[b-21oqidagxp] {
    transform: translateY(-1px);
    border-color: rgba(5, 154, 171, 0.28);
    box-shadow: 0 10px 22px rgba(22, 51, 79, 0.08);
    color: #0b5f8f;
}

.profile-reasons-section[b-21oqidagxp] {
    display: grid;
    gap: 0.8rem;
}

.profile-reasons-grid[b-21oqidagxp] {
    display: grid;
    gap: 0.75rem;
}

.profile-reason-card[b-21oqidagxp] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.75rem;
    padding: 0.9rem;
    border-radius: 1rem;
    border: 1px solid #dbe7f1;
    background: #fff;
    box-shadow: 0 10px 24px rgba(22, 51, 79, 0.04);
}

.profile-reason-icon[b-21oqidagxp] {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: rgba(13, 110, 163, 0.1);
    color: #0d6ea3;
    font-size: 1rem;
}

.profile-reason-card strong[b-21oqidagxp] {
    display: block;
    color: #173b56;
    font-size: 0.92rem;
    line-height: 1.45;
}

.profile-reason-card p[b-21oqidagxp] {
    margin: 0.24rem 0 0;
    color: #678095;
    font-size: 0.82rem;
    line-height: 1.7;
}

.trust-points-section[b-21oqidagxp] {
    display: grid;
    gap: 0.8rem;
}

.trust-points-grid[b-21oqidagxp] {
    display: grid;
    gap: 0.75rem;
}

.trust-point-card[b-21oqidagxp] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.75rem;
    padding: 0.9rem;
    border-radius: 1rem;
    border: 1px solid #dbe7f1;
    background: linear-gradient(180deg, #fbfdff 0%, #f5faff 100%);
}

.trust-point-icon[b-21oqidagxp] {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: rgba(5, 154, 171, 0.12);
    color: #055b65;
    font-size: 1rem;
}

.trust-point-card strong[b-21oqidagxp] {
    display: block;
    color: #173b56;
    font-size: 0.92rem;
    line-height: 1.45;
}

.trust-point-card p[b-21oqidagxp] {
    margin: 0.24rem 0 0;
    color: #678095;
    font-size: 0.82rem;
    line-height: 1.7;
}

.profile-tag[b-21oqidagxp] {
    padding: 0.34rem 0.7rem;
    background: #f5f9fd;
    border: 1px solid #d7e4f0;
    color: #48657d;
}

.profile-side-card[b-21oqidagxp] {
    border-radius: 1rem;
    border: 1px solid #dce7f1;
    background: linear-gradient(180deg, #fafdff 0%, #f5faff 100%);
    padding: 0.95rem;
    display: grid;
    gap: 0.85rem;
}

.profile-side-card h3[b-21oqidagxp] {
    margin: 0;
    font-size: 0.96rem;
    color: #1d4361;
}

.profile-info-list[b-21oqidagxp] {
    margin: 0;
    display: grid;
    gap: 0.75rem;
}

.profile-info-item[b-21oqidagxp] {
    display: grid;
    gap: 0.18rem;
}

.profile-info-item dt[b-21oqidagxp] {
    font-size: 0.74rem;
    color: #6b8197;
}

.profile-info-item dd[b-21oqidagxp] {
    margin: 0;
    color: #1d3c56;
    font-weight: 600;
    line-height: 1.5;
    word-break: break-word;
}

.promotion-panel[b-21oqidagxp] {
    display: grid;
    gap: 1rem;
}

.promotion-banner[b-21oqidagxp] {
    display: grid;
    gap: 0.95rem;
    padding: 1rem;
    border-radius: 1.1rem;
    border: 1px solid #dbe8f4;
    background: linear-gradient(135deg, #ffffff 0%, #f6fbff 48%, #eff7ff 100%);
}

.promotion-actions[b-21oqidagxp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.58rem;
}

.promotion-insights[b-21oqidagxp] {
    display: grid;
    gap: 0.85rem;
}

.promotion-insight-card[b-21oqidagxp],
.promotion-share-card[b-21oqidagxp],
.promotion-pack-side[b-21oqidagxp] {
    border-radius: 1rem;
    border: 1px solid #dde8f2;
    background: #fff;
}

.promotion-insight-card[b-21oqidagxp] {
    padding: 0.95rem;
    box-shadow: 0 10px 24px rgba(22, 51, 79, 0.05);
    display: grid;
    gap: 0.45rem;
}

.promotion-insight-label[b-21oqidagxp] {
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #668097;
}

.promotion-insight-card strong[b-21oqidagxp],
.promotion-featured-listing strong[b-21oqidagxp] {
    color: #143b57;
    font-size: 1rem;
    line-height: 1.45;
}

.promotion-insight-card p[b-21oqidagxp],
.promotion-featured-listing p[b-21oqidagxp],
.promotion-pack-side p[b-21oqidagxp] {
    margin: 0;
    color: #688095;
    font-size: 0.84rem;
    line-height: 1.7;
}

.promotion-share-card[b-21oqidagxp] {
    padding: 1rem;
    box-shadow: 0 12px 28px rgba(22, 51, 79, 0.06);
    display: grid;
    gap: 0.9rem;
}

.promotion-pack-grid[b-21oqidagxp] {
    display: grid;
    gap: 0.9rem;
}

.promotion-pack-content[b-21oqidagxp] {
    display: grid;
    gap: 0.9rem;
}

.promotion-featured-listing[b-21oqidagxp] {
    display: grid;
    gap: 0.35rem;
    padding: 0.9rem;
    border-radius: 1rem;
    border: 1px solid #dce8f3;
    background: linear-gradient(180deg, #fbfdff 0%, #f5faff 100%);
}

.promotion-link-box[b-21oqidagxp] {
    display: grid;
    gap: 0.35rem;
    padding: 0.85rem 0.9rem;
    border-radius: 1rem;
    border: 1px dashed #c9d9e7;
    background: #fbfdff;
}

.promotion-link-box span[b-21oqidagxp] {
    font-size: 0.76rem;
    font-weight: 700;
    color: #698198;
}

.promotion-link-box code[b-21oqidagxp] {
    display: block;
    white-space: normal;
    word-break: break-word;
    color: #0d5b84;
    font-size: 0.82rem;
    font-family: "Consolas", "SFMono-Regular", monospace;
}

.promotion-pack-side[b-21oqidagxp] {
    padding: 0.95rem;
    display: grid;
    gap: 0.75rem;
    background: linear-gradient(180deg, #f9fcff 0%, #f2f9ff 100%);
}

.promotion-pack-side h3[b-21oqidagxp] {
    margin: 0;
    font-size: 0.96rem;
    color: #1d4361;
}

.listing-section-head[b-21oqidagxp] {
    align-items: center;
}

.listing-toolbar[b-21oqidagxp] {
    display: grid;
    gap: 0.85rem;
    margin-bottom: 1rem;
    padding: 0.95rem;
    border-radius: 1rem;
    border: 1px solid #dde8f2;
    background: linear-gradient(180deg, #fbfdff 0%, #f5faff 100%);
}

.listing-toolbar .form-label[b-21oqidagxp] {
    margin-bottom: 0.35rem;
    font-size: 0.76rem;
    font-weight: 700;
    color: #5f788f;
}

.listing-toolbar-search[b-21oqidagxp],
.listing-toolbar-selects[b-21oqidagxp] {
    display: grid;
    gap: 0.75rem;
}

.listing-toolbar-foot[b-21oqidagxp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
    justify-content: space-between;
}

.listing-toolbar-count[b-21oqidagxp] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #31536f;
}

.listing-grid[b-21oqidagxp] {
    display: grid;
    gap: 0.9rem;
}

.listing-card[b-21oqidagxp] {
    display: grid;
    gap: 0;
    overflow: hidden;
    border: 1px solid #dfe8f1;
    border-radius: 1rem;
    text-decoration: none;
    color: inherit;
    background: #fff;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.listing-card:hover[b-21oqidagxp] {
    transform: translateY(-2px);
    border-color: rgba(5, 154, 171, 0.28);
    box-shadow: 0 18px 34px rgba(22, 51, 79, 0.12);
}

.listing-card img[b-21oqidagxp] {
    width: 100%;
    height: 214px;
    object-fit: cover;
    background: #eef5fb;
}

.listing-card-body[b-21oqidagxp] {
    display: grid;
    gap: 0.72rem;
    padding: 0.9rem;
}

.listing-card-badge[b-21oqidagxp] {
    padding: 0.3rem 0.68rem;
    border: 1px solid #d9e5ef;
    background: #f7fbff;
    color: #4d6a82;
}

.listing-card h3[b-21oqidagxp] {
    margin: 0;
    font-size: 0.94rem;
    line-height: 1.5;
    color: #1b3850;
}

.listing-card-price[b-21oqidagxp] {
    margin: 0;
    color: #045d69;
    font-size: 0.96rem;
    font-weight: 800;
}

.listing-card-location[b-21oqidagxp],
.listing-card-agent[b-21oqidagxp] {
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
    color: #627a90;
    font-size: 0.8rem;
    line-height: 1.55;
}

.listing-card-location i[b-21oqidagxp],
.listing-card-agent i[b-21oqidagxp] {
    line-height: 1;
    margin-top: 0.12rem;
}

.listing-card-specs[b-21oqidagxp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.listing-card-spec[b-21oqidagxp] {
    display: inline-flex;
    align-items: center;
    gap: 0.34rem;
    border-radius: 999px;
    padding: 0.3rem 0.62rem;
    background: #f4f8fc;
    border: 1px solid #dde7f1;
    color: #506a81;
    font-size: 0.74rem;
    font-weight: 600;
}

.empty-state[b-21oqidagxp] {
    border: 1px dashed #cfdce9;
    border-radius: 1rem;
    padding: 1.25rem;
    background: #fbfdff;
    text-align: center;
    display: grid;
    gap: 0.55rem;
}

.empty-state h3[b-21oqidagxp] {
    margin: 0;
    font-size: 1rem;
    color: #21445f;
}

.empty-state p[b-21oqidagxp] {
    margin: 0;
    color: #698095;
    line-height: 1.7;
}

.profile-mobile-cta[b-21oqidagxp] {
    display: none;
}

.mobile-contact-fab[b-21oqidagxp] {
    display: none;
}

.share-modal-backdrop[b-21oqidagxp] {
    position: fixed;
    inset: 0;
    background: rgba(2, 8, 23, 0.5);
    backdrop-filter: blur(3px);
    z-index: 1200;
}

.share-modal-card[b-21oqidagxp] {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(92vw, 460px);
    background: #fff;
    border-radius: 1rem;
    border: 1px solid #d8e3f0;
    box-shadow: 0 18px 42px rgba(2, 8, 23, 0.2);
    z-index: 1210;
    padding: 0.9rem;
    display: grid;
    gap: 0.7rem;
}

.share-modal-head[b-21oqidagxp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.share-modal-head h3[b-21oqidagxp] {
    margin: 0;
    font-size: 1rem;
    color: #1f3a54;
}

.share-modal-note[b-21oqidagxp] {
    margin: 0;
    font-size: 0.8rem;
    color: #5f768d;
}

.share-modal-actions[b-21oqidagxp] {
    display: grid;
    gap: 0.52rem;
}

.share-modal-actions .btn[b-21oqidagxp] {
    width: 100%;
    min-height: 42px;
    border-radius: 0.72rem;
}

@media (min-width: 992px) {
    .dynamic-page[b-21oqidagxp] {
        padding: 1rem 1.25rem;
    }

    .listing-shell[b-21oqidagxp] {
        --listing-fallback-header-offset: 96px;
    }

    .profile-shell[b-21oqidagxp] {
        --profile-fallback-header-offset: 96px;
    }

    .listing-main[b-21oqidagxp] {
        grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.75fr);
        align-items: start;
    }

    .listing-sidebar[b-21oqidagxp] {
        position: sticky;
        top: 84px;
    }

    .spec-grid[b-21oqidagxp] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .cta-grid[b-21oqidagxp] {
        grid-template-columns: 1fr;
    }

    .internal-actions[b-21oqidagxp] {
        grid-template-columns: 1fr 1fr;
    }

    .related-grid[b-21oqidagxp],
    .listing-grid[b-21oqidagxp],
    .hero-stats[b-21oqidagxp],
    .promotion-metrics[b-21oqidagxp],
    .promotion-insights[b-21oqidagxp],
    .profile-reasons-grid[b-21oqidagxp],
    .trust-points-grid[b-21oqidagxp] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .profile-hero[b-21oqidagxp] {
        grid-template-columns: minmax(0, 1.4fr) minmax(300px, 0.9fr);
        align-items: stretch;
    }

    .profile-hero-main[b-21oqidagxp] {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
    }

    .about-grid[b-21oqidagxp] {
        grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.9fr);
        align-items: start;
    }

    .promotion-pack-grid[b-21oqidagxp] {
        grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.85fr);
        align-items: start;
    }

    .listing-toolbar-selects[b-21oqidagxp] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .related-card[b-21oqidagxp] {
        grid-template-columns: 1fr;
    }

    .related-card img[b-21oqidagxp] {
        width: 100%;
        height: 152px;
    }

    .register-grid[b-21oqidagxp] {
        grid-template-columns: 1fr 1fr;
    }

    .register-grid .btn[b-21oqidagxp] {
        grid-column: span 2;
    }
}

@media (max-width: 767.98px) {
    .listing-shell[b-21oqidagxp] {
        --listing-fallback-header-offset: 98px;
        padding-bottom: calc(86px + env(safe-area-inset-bottom));
    }

    .profile-shell[b-21oqidagxp] {
        --profile-fallback-header-offset: 98px;
        padding-bottom: calc(88px + env(safe-area-inset-bottom));
    }

    .listing-top[b-21oqidagxp] {
        align-items: stretch;
    }

    .listing-top .btn[b-21oqidagxp] {
        width: 100%;
        justify-content: center;
    }

    .listing-id-chip[b-21oqidagxp] {
        width: 100%;
        text-align: center;
    }

    .listing-shell .btn[b-21oqidagxp] {
        min-height: 44px;
    }

    .gallery-floating-actions[b-21oqidagxp] {
        bottom: 0.88rem;
        width: min(calc(100% - 1rem), 100%);
        border-radius: 1rem;
    }

    .internal-grid[b-21oqidagxp] {
        grid-template-columns: 1fr;
    }

    .contact-card .cta-grid[b-21oqidagxp] {
        display: none;
    }

    .profile-hero[b-21oqidagxp] {
        padding: 0.95rem;
    }

    .profile-hero-main[b-21oqidagxp],
    .hero-stats[b-21oqidagxp],
    .promotion-metrics[b-21oqidagxp],
    .promotion-insights[b-21oqidagxp],
    .profile-reasons-grid[b-21oqidagxp],
    .trust-points-grid[b-21oqidagxp],
    .about-grid[b-21oqidagxp],
    .listing-grid[b-21oqidagxp],
    .listing-toolbar-selects[b-21oqidagxp],
    .register-grid[b-21oqidagxp],
    .promotion-actions[b-21oqidagxp],
    .promotion-pack-grid[b-21oqidagxp] {
        grid-template-columns: 1fr;
    }

    .profile-tab-nav[b-21oqidagxp] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .profile-tab[b-21oqidagxp] {
        width: 100%;
        justify-content: flex-start;
    }

    .trust-point-card[b-21oqidagxp] {
        grid-template-columns: auto 1fr;
    }

    .profile-reason-card[b-21oqidagxp] {
        grid-template-columns: auto 1fr;
    }

    .hero-cta .btn[b-21oqidagxp],
    .promotion-actions .btn[b-21oqidagxp],
    .listing-section-head .btn[b-21oqidagxp] {
        width: 100%;
    }

    .hero-contact-note[b-21oqidagxp] {
        gap: 0.5rem;
    }

    .listing-card img[b-21oqidagxp] {
        height: 190px;
    }

    .section-head[b-21oqidagxp],
    .listing-section-head[b-21oqidagxp] {
        flex-direction: column;
    }

    .profile-mobile-cta[b-21oqidagxp] {
        position: fixed;
        left: 0.75rem;
        right: 0.75rem;
        bottom: calc(0.72rem + env(safe-area-inset-bottom));
        z-index: 1110;
        display: grid;
        grid-template-columns: 1.2fr 1fr 1fr;
        gap: 0.5rem;
        padding: 0.55rem;
        border-radius: 1rem;
        border: 1px solid rgba(203, 213, 225, 0.96);
        background: rgba(255, 255, 255, 0.97);
        backdrop-filter: blur(8px);
        box-shadow: 0 14px 30px rgba(2, 8, 23, 0.18);
    }

    .profile-mobile-btn[b-21oqidagxp] {
        min-height: 44px;
        border-radius: 0.78rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.34rem;
        border: 1px solid transparent;
        text-decoration: none;
        font-size: 0.8rem;
        font-weight: 700;
        line-height: 1;
        background: #fff;
        color: #0b5f8f;
    }

    .profile-mobile-btn.whatsapp[b-21oqidagxp] {
        background: #0ea45d;
        color: #fff;
        border-color: #0a8f50;
    }

    .profile-mobile-btn.secondary[b-21oqidagxp] {
        border-color: #cfe0ed;
        background: #fff;
        color: #0b5f8f;
    }

    .mobile-contact-fab[b-21oqidagxp] {
        position: fixed;
        left: 0.75rem;
        right: 0.75rem;
        bottom: calc(0.72rem + env(safe-area-inset-bottom));
        z-index: 1100;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.55rem;
        padding: 0.55rem;
        border-radius: 0.95rem;
        border: 1px solid rgba(203, 213, 225, 0.95);
        background: rgba(255, 255, 255, 0.96);
        backdrop-filter: blur(8px);
        box-shadow: 0 14px 30px rgba(2, 8, 23, 0.18);
    }

    .mobile-contact-btn[b-21oqidagxp] {
        min-height: 44px;
        border-radius: 0.72rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.38rem;
        font-size: 0.84rem;
        font-weight: 700;
        text-decoration: none;
        line-height: 1;
    }

    .mobile-contact-btn.whatsapp[b-21oqidagxp] {
        background: #0ea45d;
        color: #fff;
        border: 1px solid #0a8f50;
    }

    .mobile-contact-btn.consult[b-21oqidagxp] {
        background: #ffffff;
        color: #0b5f8f;
        border: 1px solid #8bb8d6;
    }

    .share-modal-card[b-21oqidagxp] {
        width: min(94vw, 460px);
        top: auto;
        bottom: calc(0.85rem + env(safe-area-inset-bottom));
        transform: translateX(-50%);
        padding: 0.8rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .listing-shell[b-21oqidagxp] {
        --listing-fallback-header-offset: 94px;
    }

    .profile-shell[b-21oqidagxp] {
        --profile-fallback-header-offset: 94px;
    }

    .profile-hero-main[b-21oqidagxp] {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
    }

    .hero-stats[b-21oqidagxp],
    .promotion-metrics[b-21oqidagxp],
    .promotion-insights[b-21oqidagxp],
    .profile-reasons-grid[b-21oqidagxp],
    .trust-points-grid[b-21oqidagxp] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .listing-grid[b-21oqidagxp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .promotion-pack-grid[b-21oqidagxp] {
        grid-template-columns: 1.2fr 0.9fr;
    }

    .listing-toolbar-selects[b-21oqidagxp] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .register-grid[b-21oqidagxp] {
        grid-template-columns: 1fr 1fr;
    }

    .register-grid .btn[b-21oqidagxp] {
        grid-column: span 2;
    }
}