/* /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;
}

.agents-section .section-header .section-subtitle[b-gh0etr36e2] {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.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 */
.chatgpt-shell[b-tom3kby4fz] {
    min-height: 100vh;
    display: flex;
    background:
        radial-gradient(circle at top left, rgba(16, 163, 127, 0.08), transparent 28%),
        radial-gradient(circle at top right, rgba(59, 130, 246, 0.08), transparent 24%),
        #f5f7fb;
    color: #0f172a;
}

.chatgpt-sidebar[b-tom3kby4fz] {
    width: 300px;
    flex-shrink: 0;
    border-right: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.82);
    backdrop-filter: blur(16px);
    position: sticky;
    top: 0;
    height: 100vh;
}

.chatgpt-sidebar-inner[b-tom3kby4fz] {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 1rem;
    gap: 0.9rem;
}

.chatgpt-sidebar-head[b-tom3kby4fz] {
    border-radius: 1.25rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96));
    padding: 1rem 1rem 0.9rem;
    box-shadow: 0 12px 34px rgba(15, 23, 42, 0.06);
}

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

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

.chatgpt-sidebar-tagline[b-tom3kby4fz] {
    margin: 0.9rem 0 0;
    font-size: 0.84rem;
    line-height: 1.6;
    color: #475569;
}

.chatgpt-sidebar-actions[b-tom3kby4fz] {
    display: grid;
    gap: 0.65rem;
}

.chatgpt-primary-action[b-tom3kby4fz],
.chatgpt-secondary-action[b-tom3kby4fz] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.9rem 1rem;
    border-radius: 1.15rem;
    text-decoration: none;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.chatgpt-primary-action[b-tom3kby4fz] {
    color: #ffffff;
    background: linear-gradient(135deg, #10a37f 0%, #0f766e 100%);
    box-shadow: 0 18px 32px rgba(16, 163, 127, 0.24);
}

.chatgpt-secondary-action[b-tom3kby4fz] {
    color: #0f172a;
    background: rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(148, 163, 184, 0.2);
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
}

.chatgpt-primary-action:hover[b-tom3kby4fz],
.chatgpt-secondary-action:hover[b-tom3kby4fz] {
    transform: translateY(-1px);
}

.chatgpt-primary-action:hover[b-tom3kby4fz] {
    color: #ffffff;
}

.chatgpt-secondary-action:hover[b-tom3kby4fz] {
    color: #0f766e;
    border-color: rgba(15, 118, 110, 0.22);
}

.action-icon[b-tom3kby4fz] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    flex-shrink: 0;
}

.chatgpt-primary-action .action-icon[b-tom3kby4fz] {
    background: rgba(255, 255, 255, 0.16);
}

.chatgpt-secondary-action .action-icon[b-tom3kby4fz] {
    background: rgba(15, 23, 42, 0.06);
}

.chatgpt-primary-action span[b-tom3kby4fz],
.chatgpt-secondary-action span[b-tom3kby4fz] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.chatgpt-primary-action strong[b-tom3kby4fz],
.chatgpt-secondary-action strong[b-tom3kby4fz] {
    font-size: 0.93rem;
}

.chatgpt-primary-action small[b-tom3kby4fz],
.chatgpt-secondary-action small[b-tom3kby4fz] {
    font-size: 0.76rem;
    opacity: 0.88;
}

.chatgpt-sidebar-nav[b-tom3kby4fz] {
    min-height: 0;
    flex: 1;
    border-radius: 1.25rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    background: rgba(255, 255, 255, 0.72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
    overflow: hidden;
}

.chatgpt-sidebar-nav[b-tom3kby4fz]  .top-row,
.chatgpt-sidebar-nav[b-tom3kby4fz]  .navbar-toggler {
    display: none !important;
}

.chatgpt-sidebar-nav[b-tom3kby4fz]  .nav-scrollable {
    display: block !important;
    height: 100%;
    padding: 0.9rem 0.35rem 1rem;
    overflow-y: auto;
}

.chatgpt-sidebar-nav[b-tom3kby4fz]  .nav {
    gap: 0.35rem;
}

.chatgpt-sidebar-nav[b-tom3kby4fz]  .nav-item {
    padding: 0 0.45rem 0.15rem;
}

.chatgpt-sidebar-nav[b-tom3kby4fz]  .nav-item:first-of-type {
    padding-top: 0;
}

.chatgpt-sidebar-nav[b-tom3kby4fz]  .nav-item:last-of-type {
    padding-bottom: 0.15rem;
}

.chatgpt-sidebar-nav[b-tom3kby4fz]  .nav-item .nav-link {
    min-height: 3rem;
    border-radius: 0.95rem;
    line-height: 1.35;
    color: #334155;
    font-weight: 600;
}

.chatgpt-sidebar-nav[b-tom3kby4fz]  .nav-item a.active {
    background: linear-gradient(135deg, #10a37f 0%, #0f766e 100%);
    color: #fff;
    box-shadow: 0 12px 28px rgba(16, 163, 127, 0.2);
}

.chatgpt-sidebar-nav[b-tom3kby4fz]  .nav-item .nav-link:hover {
    background: rgba(15, 23, 42, 0.05);
    color: #0f172a;
}

.chatgpt-sidebar-nav[b-tom3kby4fz]  .bi-house-door-fill-nav-menu,
.chatgpt-sidebar-nav[b-tom3kby4fz]  .bi-plus-square-fill-nav-menu,
.chatgpt-sidebar-nav[b-tom3kby4fz]  .bi-list-nested-nav-menu,
.chatgpt-sidebar-nav[b-tom3kby4fz]  .bi-people-fill-nav-menu {
    filter: saturate(0.2) brightness(0.75);
}

.chatgpt-sidebar-nav[b-tom3kby4fz]  .nav-item a.active .bi-house-door-fill-nav-menu,
.chatgpt-sidebar-nav[b-tom3kby4fz]  .nav-item a.active .bi-plus-square-fill-nav-menu,
.chatgpt-sidebar-nav[b-tom3kby4fz]  .nav-item a.active .bi-list-nested-nav-menu,
.chatgpt-sidebar-nav[b-tom3kby4fz]  .nav-item a.active .bi-people-fill-nav-menu {
    filter: brightness(2.4);
}

.chatgpt-sidebar-panel[b-tom3kby4fz] {
    border-radius: 1.25rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    background: rgba(255, 255, 255, 0.76);
    padding: 0.9rem;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
}

.chatgpt-panel-heading[b-tom3kby4fz] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.chatgpt-panel-heading span[b-tom3kby4fz] {
    font-size: 0.84rem;
    font-weight: 800;
    color: #0f172a;
}

.chatgpt-panel-heading small[b-tom3kby4fz] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #0f766e;
    font-weight: 700;
}

.chatgpt-starter-list[b-tom3kby4fz],
.chatgpt-tool-list[b-tom3kby4fz] {
    display: grid;
    gap: 0.55rem;
}

.chatgpt-starter-item[b-tom3kby4fz],
.chatgpt-tool-item[b-tom3kby4fz] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.75rem 0.8rem;
    border-radius: 0.95rem;
    text-decoration: none;
    color: #334155;
    background: rgba(248, 250, 252, 0.92);
    border: 1px solid rgba(226, 232, 240, 0.95);
    transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.chatgpt-starter-item[b-tom3kby4fz] {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.18rem;
}

.chatgpt-starter-item strong[b-tom3kby4fz] {
    font-size: 0.84rem;
    color: #0f172a;
}

.chatgpt-starter-item small[b-tom3kby4fz] {
    font-size: 0.75rem;
    color: #64748b;
    line-height: 1.45;
}

.chatgpt-tool-item i[b-tom3kby4fz] {
    font-size: 0.95rem;
    color: #0f766e;
}

.chatgpt-starter-item:hover[b-tom3kby4fz],
.chatgpt-tool-item:hover[b-tom3kby4fz] {
    color: #0f172a;
    background: #ffffff;
    border-color: rgba(16, 163, 127, 0.24);
}

.chatgpt-main[b-tom3kby4fz] {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.chatgpt-topbar[b-tom3kby4fz] {
    position: sticky;
    top: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: rgba(245, 247, 251, 0.88);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(148, 163, 184, 0.16);
}

.chatgpt-topbar-copy h1[b-tom3kby4fz] {
    margin: 0.18rem 0 0;
    font-size: 1.05rem;
    font-weight: 800;
    color: #0f172a;
}

.chatgpt-topbar-subtitle[b-tom3kby4fz] {
    margin: 0.35rem 0 0;
    max-width: 760px;
    font-size: 0.84rem;
    line-height: 1.65;
    color: #64748b;
}

.chatgpt-topbar-kicker[b-tom3kby4fz] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #0f766e;
}

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

.chatgpt-user-trigger[b-tom3kby4fz],
.chatgpt-login-btn[b-tom3kby4fz] {
    border: 1px solid rgba(148, 163, 184, 0.24);
    background: rgba(255, 255, 255, 0.95);
    color: #0f172a;
    border-radius: 999px;
    padding: 0.62rem 0.95rem;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.chatgpt-user-trigger:hover[b-tom3kby4fz],
.chatgpt-login-btn:hover[b-tom3kby4fz] {
    background: #ffffff;
    color: #0f766e;
}

.chatgpt-workspace[b-tom3kby4fz] {
    flex: 1;
    padding: 1.25rem;
    display: flex;
    min-height: 0;
}

.chatgpt-workspace-card[b-tom3kby4fz] {
    width: min(100%, 1280px);
    flex: 1;
    margin: 0 auto;
    border-radius: 1.6rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.08);
    overflow: hidden;
    min-height: calc(100vh - 110px);
}

.content[b-tom3kby4fz] {
    padding: 1.35rem;
}

@media (max-width: 991.98px) {
    .chatgpt-shell[b-tom3kby4fz] {
        flex-direction: column;
    }

    .chatgpt-sidebar[b-tom3kby4fz] {
        width: 100%;
        height: auto;
        position: relative;
        border-right: none;
        border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    }

    .chatgpt-sidebar-inner[b-tom3kby4fz] {
        padding: 0.9rem;
    }

    .chatgpt-sidebar-nav[b-tom3kby4fz] {
        max-height: 320px;
    }

    .chatgpt-sidebar-panel[b-tom3kby4fz] {
        padding: 0.8rem;
    }

    .chatgpt-topbar[b-tom3kby4fz] {
        padding: 0.9rem 1rem;
    }

    .chatgpt-workspace[b-tom3kby4fz] {
        padding: 1rem;
    }

    .chatgpt-workspace-card[b-tom3kby4fz] {
        min-height: auto;
    }
}

@media (max-width: 640.98px) {
    .chatgpt-topbar[b-tom3kby4fz] {
        flex-direction: column;
        align-items: flex-start;
    }

    .chatgpt-sidebar-actions[b-tom3kby4fz] {
        grid-template-columns: 1fr;
    }

    .top-row-actions[b-tom3kby4fz] {
        width: 100%;
    }

    .chatgpt-user-trigger[b-tom3kby4fz],
    .chatgpt-login-btn[b-tom3kby4fz] {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .chatgpt-workspace[b-tom3kby4fz],
    .content[b-tom3kby4fz] {
        padding: 0.85rem;
    }
}

#blazor-error-ui[b-tom3kby4fz] {
    color-scheme: light only;
    background: #fff7d6;
    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-mobile-menu-toggle[b-cub79uancm] {
    display: none;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 0.7rem;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    color: #fff;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.18);
}

.member-mobile-menu-toggle:hover[b-cub79uancm] {
    background: linear-gradient(135deg, #111827 0%, #334155 100%);
}

.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] {
    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-icon-wrap[b-cub79uancm] {
    position: relative;
    width: 1.45rem;
    height: 1.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 1.45rem;
}

.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: 50%;
    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;
    flex: 0 0 36px;
    border: 0;
    border-radius: 999px;
    background: #f3f4f6;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    line-height: 1;
    box-sizing: border-box;
    overflow: visible;
}

.member-notify-icon-box[b-cub79uancm] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    line-height: 1;
}

.member-notify i[b-cub79uancm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    font-size: 1.05rem;
    line-height: 1;
}

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

.member-notify-dot[b-cub79uancm] {
    position: static;
    min-width: 20px;
    height: 18px;
    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;
    border: 0;
    box-sizing: border-box;
}

.wishlist-count-pop[b-cub79uancm] {
    animation: wishlistCountPop-b-cub79uancm 0.72s cubic-bezier(.2,.8,.2,1);
    transform-origin: center;
}

@keyframes wishlistCountPop-b-cub79uancm {
    0% {
        transform: scale(0.86);
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
    }
    32% {
        transform: scale(1.18);
        box-shadow: 0 0 0 6px rgba(239, 68, 68, 0.18);
    }
    58% {
        transform: scale(0.96);
        box-shadow: 0 0 0 10px rgba(239, 68, 68, 0.1);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
    }
}

.member-notify-icon-box .member-notify-dot[b-cub79uancm] {
    position: absolute;
    top: -9px;
    right: -11px;
    min-width: 18px;
    height: 18px;
    padding: 0 0.28rem;
    border: 2px solid #fff;
    box-sizing: border-box;
    pointer-events: none;
    z-index: 2;
}

.member-nav-link .member-notify-dot[b-cub79uancm] {
    margin-left: auto;
}

.member-menu-badge[b-cub79uancm] {
    margin-left: auto;
    min-width: 20px;
    height: 18px;
    border-radius: 999px;
    background: rgba(239, 68, 68, 0.12);
    color: #dc2626;
    font-size: 0.66rem;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.32rem;
    line-height: 1;
    border: 1px solid rgba(239, 68, 68, 0.14);
}

.member-nav-link.active .member-menu-badge[b-cub79uancm] {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.28);
}

.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;
}

.mobile-bubble-panel-header[b-cub79uancm],
.mobile-bubble-panel-title[b-cub79uancm],
.mobile-bubble-panel-subtitle[b-cub79uancm],
.mobile-bubble-close[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;
    }
}

@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-menu-toggle[b-cub79uancm] {
        display: none;
    }

    .member-mobile-menu-toggle[b-cub79uancm] {
        display: inline-flex;
    }

    .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-bottom-item-wishlist[b-cub79uancm] {
        position: relative;
    }

    .mobile-bottom-badge[b-cub79uancm] {
        position: absolute;
        top: 1px;
        right: 2px;
        min-width: 16px;
        height: 16px;
        border-radius: 999px;
        background: #ef4444;
        color: #fff;
        font-size: 0.58rem;
        font-weight: 800;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0 0.22rem;
        line-height: 1;
        border: 2px solid rgba(255,255,255,0.95);
    }

    .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-panel-header[b-cub79uancm] {
        display: flex;
        grid-column: 1 / -1;
        align-items: flex-start;
        justify-content: space-between;
        gap: 0.75rem;
        padding: 0.15rem 0.15rem 0.45rem;
        border-bottom: 1px solid #e2e8f0;
        margin-bottom: 0.15rem;
    }

    .mobile-bubble-panel-title[b-cub79uancm] {
        display: block;
        font-size: 0.96rem;
        font-weight: 800;
        color: #0f172a;
    }

    .mobile-bubble-panel-subtitle[b-cub79uancm] {
        display: block;
        font-size: 0.74rem;
        color: #64748b;
        margin-top: 0.15rem;
    }

    .mobile-bubble-close[b-cub79uancm] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        border: 0;
        border-radius: 999px;
        background: #f1f5f9;
        color: #334155;
        flex-shrink: 0;
    }

    .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-bubble-badge[b-cub79uancm] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 18px;
        height: 18px;
        margin-left: 0.28rem;
        padding: 0 0.28rem;
        border-radius: 999px;
        background: rgba(239, 68, 68, 0.12);
        color: #dc2626;
        font-size: 0.62rem;
        font-weight: 800;
        line-height: 1;
    }

    .mobile-menu-backdrop[b-cub79uancm] {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(15, 23, 42, 0.35);
        z-index: 1305;
    }
}



.member-scroll-hint[b-cub79uancm],
.mobile-scroll-hint[b-cub79uancm] {
    position: sticky;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.45rem 0.8rem;
    border: 0;
    border-radius: 999px;
    background: rgba(2, 132, 199, 0.96);
    color: #fff;
    box-shadow: 0 12px 22px rgba(2, 132, 199, 0.22);
    font-size: 0.76rem;
    font-weight: 700;
}

.member-scroll-hint[b-cub79uancm] {
    top: 0.45rem;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 0.7rem;
    animation: memberScrollHintBounce-b-cub79uancm 1.1s ease-in-out infinite;
}

.mobile-scroll-hint[b-cub79uancm] {
    grid-column: 1 / -1;
    top: 0.15rem;
    justify-self: center;
    margin-top: 0.1rem;
    animation: mobileScrollHintBounce-b-cub79uancm 1.1s ease-in-out infinite;
}

@keyframes memberScrollHintBounce-b-cub79uancm {
    0%, 100% {
        transform: translateX(-50%) translateY(0);
    }
    50% {
        transform: translateX(-50%) translateY(6px);
    }
}

@keyframes mobileScrollHintBounce-b-cub79uancm {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(6px);
    }
}

.member-nav-scroll[b-cub79uancm] {
    position: relative;
}

.member-access-restricted[b-cub79uancm] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 140px);
    padding: 1.25rem 0;
}

.member-access-card[b-cub79uancm] {
    width: min(100%, 860px);
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 1.25rem;
    padding: 1.5rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border: 1px solid #dbeafe;
    border-radius: 1.4rem;
    box-shadow: 0 20px 44px rgba(15, 23, 42, 0.08);
}

.member-access-icon[b-cub79uancm] {
    width: 96px;
    height: 96px;
    border-radius: 1.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: #1d4ed8;
    background: linear-gradient(135deg, #dbeafe 0%, #eff6ff 100%);
}

.member-access-kicker[b-cub79uancm] {
    display: inline-block;
    margin-bottom: .45rem;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #2563eb;
}

.member-access-body h2[b-cub79uancm] {
    margin: 0 0 .45rem;
    font-size: 1.5rem;
    font-weight: 800;
    color: #0f172a;
}

.member-access-body p[b-cub79uancm] {
    margin: 0;
    color: #475569;
    line-height: 1.7;
}

.member-access-actions[b-cub79uancm] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1rem;
}

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

    .member-access-icon[b-cub79uancm] {
        width: 72px;
        height: 72px;
        border-radius: 1rem;
    }
}
/* /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: 8.2rem 0 2.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;
}

.agent-search-section[b-qkpyp6714x] {
    padding: 0 0 1.4rem;
}

.agent-search-section .search-box[b-qkpyp6714x] {
    position: relative;
    z-index: 1;
    border-radius: 1rem;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
}

.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: 7.2rem;
        padding-bottom: 1.9rem;
    }
}

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

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

    .agent-search-section[b-qkpyp6714x] {
        padding-bottom: 1.1rem;
    }
}

/* 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-finance-strip[b-t3p38a121r] {
    display: grid;
    gap: .78rem;
    grid-template-columns: 1fr;
}

.agent-finance-card[b-t3p38a121r] {
    border-radius: .92rem;
    border: 1px solid #dbeafe;
    background: linear-gradient(135deg, #ffffff, #eff6ff);
    padding: .95rem 1rem;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .05);
}

.agent-finance-card.pending[b-t3p38a121r] {
    border-color: #fde68a;
    background: linear-gradient(135deg, #fffdf5, #fffbeb);
}

.agent-finance-card.info[b-t3p38a121r] {
    border-color: #ccfbf1;
    background: linear-gradient(135deg, #f5fffd, #ecfeff);
}

.agent-finance-card p[b-t3p38a121r] {
    margin: 0;
    color: #64748b;
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.agent-finance-card h3[b-t3p38a121r] {
    margin: .3rem 0 .2rem;
    font-size: 1.4rem;
    font-weight: 800;
    color: #0f172a;
}

.agent-finance-card small[b-t3p38a121r] {
    display: block;
    color: #475569;
}

.agent-finance-card a[b-t3p38a121r] {
    display: inline-flex;
    margin-top: .6rem;
    color: #0f766e;
    font-weight: 700;
    text-decoration: none;
}

.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-finance-strip[b-t3p38a121r] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .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);
    }
}

/* Compact agent dashboard */
.agent-dashboard-page[b-t3p38a121r] { gap: .75rem; }
.agent-dashboard-hero[b-t3p38a121r] { gap: .72rem; padding: .75rem; border-radius: .85rem; }
.agent-dashboard-avatar[b-t3p38a121r] { width: 48px; height: 48px; font-size: .88rem; }
.agent-dashboard-eyebrow[b-t3p38a121r] { font-size: .68rem; }
.agent-dashboard-identity h1[b-t3p38a121r] { font-size: 1.06rem; }
.agent-dashboard-subtitle[b-t3p38a121r] { margin-top: .1rem; font-size: .78rem; }
.agent-dashboard-hero-actions[b-t3p38a121r] { gap: .5rem; }
.agent-dashboard-filter label[b-t3p38a121r] { font-size: .68rem; }
.agent-dashboard-filter select[b-t3p38a121r] { min-width: 108px; border-radius: .58rem; padding: .34rem .58rem; font-size: .78rem; }
.agent-dashboard-refresh-btn[b-t3p38a121r] { border-radius: .58rem; padding: .34rem .58rem; font-size: .76rem; }
.agent-dashboard-kpi-grid[b-t3p38a121r], .agent-dashboard-main-grid[b-t3p38a121r], .agent-dashboard-trend-grid[b-t3p38a121r] { gap: .62rem; }
.agent-kpi-card[b-t3p38a121r], .agent-trend-card[b-t3p38a121r] { border-radius: .82rem; padding: .72rem; box-shadow: 0 4px 14px rgba(15,23,42,.04); }
.agent-kpi-card p[b-t3p38a121r] { font-size: .72rem; }
.agent-kpi-card h3[b-t3p38a121r] { margin: .16rem 0 .12rem; font-size: 1.05rem; }
.agent-kpi-card small[b-t3p38a121r] { font-size: .7rem; }
.agent-trend-head h3[b-t3p38a121r] { font-size: 1rem; }
.agent-trend-badge[b-t3p38a121r] { padding: .18rem .42rem; font-size: .66rem; }
/* /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%;
    }
}

/* Compact AI admin */
.ai-admin-page[b-oj2p6n6i8u] { gap: 0.7rem; }
.ai-admin-header[b-oj2p6n6i8u] { border-radius: 0.82rem; padding: 0.68rem; }
.ai-admin-header p[b-oj2p6n6i8u] { font-size: 0.8rem; margin: 0.08rem 0 0; }
.ai-card[b-oj2p6n6i8u] { border-radius: 0.82rem; padding: 0.68rem; box-shadow: 0 8px 18px rgba(2,6,23,.04); }
.ai-card h6[b-oj2p6n6i8u] { font-size: 0.88rem; margin-bottom: 0.58rem; }
.ai-card .form-label[b-oj2p6n6i8u] { font-size: 0.7rem; }
.ai-card :is(input, textarea, select).form-control[b-oj2p6n6i8u], .ai-card .form-select[b-oj2p6n6i8u] { font-size: 0.82rem; }
.ai-card .btn[b-oj2p6n6i8u] { font-size: 0.76rem; padding: 0.3rem 0.58rem; }
.history-box[b-oj2p6n6i8u], .ai-result pre[b-oj2p6n6i8u] { border-radius: 0.7rem; }
/* /Components/Pages/Dashboard/FinanceNotificationsDashboard.razor.rz.scp.css */
.finance-notif-hero[b-ii7h3acssu] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 1.4rem;
    border-radius: 1.4rem;
    background: linear-gradient(135deg, #0f172a 0%, #0f766e 55%, #14b8a6 100%);
    color: #fff;
    box-shadow: 0 18px 36px rgba(15, 23, 42, .14);
}

.finance-chip[b-ii7h3acssu] {
    display: inline-flex;
    padding: .35rem .8rem;
    border-radius: 999px;
    background: rgba(255,255,255,.14);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.finance-kpi[b-ii7h3acssu] {
    padding: 1rem 1.1rem;
    border-radius: 1.2rem;
    background: #fff;
    border: 1px solid rgba(148,163,184,.18);
    box-shadow: 0 12px 24px rgba(15,23,42,.05);
}

.finance-kpi.unread[b-ii7h3acssu] { background: linear-gradient(135deg, #fff7ed, #ffedd5); }
.finance-kpi.success[b-ii7h3acssu] { background: linear-gradient(135deg, #ecfdf5, #dcfce7); }
.finance-kpi.warning[b-ii7h3acssu] { background: linear-gradient(135deg, #fef2f2, #fee2e2); }

.finance-kpi .label[b-ii7h3acssu] {
    font-size: .78rem;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.finance-kpi .value[b-ii7h3acssu] {
    margin-top: .45rem;
    font-size: 1.35rem;
    font-weight: 800;
    color: #0f172a;
}

.finance-notif-list[b-ii7h3acssu] {
    display: grid;
    gap: 1rem;
}

.finance-notif-group-list[b-ii7h3acssu] {
    display: grid;
    gap: 1.25rem;
}

.finance-notif-group[b-ii7h3acssu] {
    display: grid;
    gap: .85rem;
}

.finance-notif-group-title[b-ii7h3acssu] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    font-size: .9rem;
    font-weight: 800;
    color: #0f172a;
    padding-bottom: .35rem;
    border-bottom: 1px solid rgba(148,163,184,.18);
}

.finance-notif-group-title span[b-ii7h3acssu] {
    font-size: .8rem;
    font-weight: 600;
    color: #64748b;
}

.finance-notif-item[b-ii7h3acssu] {
    display: grid;
    grid-template-columns: 56px 1fr;
    gap: 1rem;
    padding: 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(148,163,184,.16);
    background: #fff;
}

.finance-notif-item.is-unread[b-ii7h3acssu] {
    border-color: rgba(20,184,166,.34);
    box-shadow: 0 10px 22px rgba(20,184,166,.08);
}

.finance-notif-icon[b-ii7h3acssu] {
    width: 56px;
    height: 56px;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    color: #fff;
}

.finance-notif-icon.info[b-ii7h3acssu] { background: linear-gradient(135deg, #0f766e, #14b8a6); }
.finance-notif-icon.success[b-ii7h3acssu] { background: linear-gradient(135deg, #166534, #22c55e); }
.finance-notif-icon.warning[b-ii7h3acssu] { background: linear-gradient(135deg, #b45309, #f59e0b); }
.finance-notif-icon.danger[b-ii7h3acssu] { background: linear-gradient(135deg, #b91c1c, #ef4444); }

.finance-notif-top[b-ii7h3acssu] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.finance-notif-top h3[b-ii7h3acssu] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

.finance-notif-meta[b-ii7h3acssu] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    margin-top: .3rem;
    color: #64748b;
    font-size: .85rem;
}

.finance-notif-body p[b-ii7h3acssu] {
    margin: .75rem 0;
    color: #334155;
}

.finance-notif-actions[b-ii7h3acssu] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
    align-items: center;
}

.finance-notif-tags[b-ii7h3acssu] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}
/* /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/LoginActivityDashboard.razor.rz.scp.css */
.login-hero[b-25jqevnncn] {
    display:flex;
    justify-content:space-between;
    gap:1rem;
    flex-wrap:wrap;
    padding:1.4rem;
    border-radius:1.4rem;
    background:linear-gradient(135deg,#ffffff,#eff6ff,#f8fafc);
    border:1px solid rgba(148,163,184,.22);
}

.login-chip[b-25jqevnncn] {
    display:inline-flex;
    padding:.35rem .75rem;
    border-radius:999px;
    font-size:.75rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.05em;
    color:#1d4ed8;
    background:rgba(37,99,235,.1);
}

.login-kpi[b-25jqevnncn] {
    padding:1rem 1.1rem;
    border-radius:1.2rem;
    background:#fff;
    border:1px solid rgba(148,163,184,.18);
    box-shadow:0 12px 24px rgba(15,23,42,.05);
}

.login-kpi .label[b-25jqevnncn] {
    font-size:.78rem;
    color:#64748b;
    text-transform:uppercase;
    letter-spacing:.05em;
}

.login-kpi .value[b-25jqevnncn] {
    margin-top:.45rem;
    font-weight:800;
    font-size:1.35rem;
    color:#0f172a;
}
/* /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;
    }
}

/* Compact dashboard consistency overrides */
.notif-page[b-dxeehpxr2h] { gap: 0.65rem; }
.notif-header h1[b-dxeehpxr2h] { font-size: 1.08rem; }
.notif-header p[b-dxeehpxr2h] { margin-top: 0.12rem; font-size: 0.78rem; }
.notif-summary-grid[b-dxeehpxr2h] { gap: 0.45rem; }
.notif-summary-card[b-dxeehpxr2h] { border-radius: 0.72rem; padding: 0.52rem 0.58rem; box-shadow: 0 6px 16px rgba(15,23,42,.035); }
.notif-summary-card span[b-dxeehpxr2h] { font-size: 0.68rem; }
.notif-summary-card strong[b-dxeehpxr2h] { font-size: 1.02rem; }
.notif-filter-card[b-dxeehpxr2h], .notif-list-wrap[b-dxeehpxr2h] { border-radius: 0.78rem; }
.notif-filter-card[b-dxeehpxr2h] { padding: 0.62rem; }
.notif-item[b-dxeehpxr2h] { gap: 0.55rem; padding: 0.62rem; }
.notif-item-top h6[b-dxeehpxr2h] { font-size: 0.84rem; }
.notif-item-content p[b-dxeehpxr2h] { margin: 0.2rem 0 0.35rem; font-size: 0.78rem; }
.notif-footer-actions[b-dxeehpxr2h] { padding: 0.58rem 0.65rem; }
/* /Components/Pages/Dashboard/SmsGatewayDashboard.razor.rz.scp.css */
.gateway-page[b-8wlemjkv7f] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.gateway-page[b-8wlemjkv7f]::before {
    content: "";
    position: fixed;
    inset: auto auto 0 0;
    width: 420px;
    height: 420px;
    background: radial-gradient(circle, rgba(37, 99, 235, .10), transparent 70%);
    pointer-events: none;
    z-index: 0;
}

.gateway-page > *[b-8wlemjkv7f] {
    position: relative;
    z-index: 1;
}

.gateway-header[b-8wlemjkv7f],
.gateway-card-head[b-8wlemjkv7f],
.gateway-header-actions[b-8wlemjkv7f],
.gateway-inline-actions[b-8wlemjkv7f],
.gateway-tabs[b-8wlemjkv7f],
.gateway-summary-grid[b-8wlemjkv7f],
.gateway-two-col-table[b-8wlemjkv7f] {
    display: flex;
    gap: .75rem;
}

.gateway-header[b-8wlemjkv7f],
.gateway-card-head[b-8wlemjkv7f] {
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.gateway-header h1[b-8wlemjkv7f] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 700;
}

.gateway-header p[b-8wlemjkv7f] {
    margin: .35rem 0 0;
    color: #64748b;
}

.gateway-summary-grid[b-8wlemjkv7f],
.gateway-grid[b-8wlemjkv7f] {
    display: grid;
    gap: 1rem;
}

.gateway-module-strip[b-8wlemjkv7f] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.gateway-module-card[b-8wlemjkv7f] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    padding: 1rem 1.1rem;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .05);
    color: inherit;
    text-decoration: none;
}

.gateway-module-card.featured[b-8wlemjkv7f] {
    background: linear-gradient(135deg, rgba(37, 99, 235, .06), rgba(16, 185, 129, .05)), #fff;
    border-color: rgba(37, 99, 235, .14);
}

.gateway-module-card h5[b-8wlemjkv7f] {
    margin: 0;
    color: #0f172a;
}

.gateway-module-card p[b-8wlemjkv7f] {
    margin: .35rem 0 0;
    color: #64748b;
    font-size: .92rem;
}

.gateway-module-icon[b-8wlemjkv7f] {
    width: 48px;
    height: 48px;
    border-radius: .9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(37, 99, 235, .10);
    color: #2563eb;
    font-size: 1.2rem;
}

.gateway-module-icon.wa[b-8wlemjkv7f] {
    background: rgba(34, 197, 94, .12);
    color: #16a34a;
}

.gateway-module-icon.ai[b-8wlemjkv7f] {
    background: rgba(168, 85, 247, .12);
    color: #9333ea;
}

.gateway-module-badge[b-8wlemjkv7f],
.gateway-module-link[b-8wlemjkv7f] {
    margin-top: auto;
    font-size: .82rem;
    font-weight: 600;
}

.gateway-module-badge[b-8wlemjkv7f] {
    color: #2563eb;
}

.gateway-module-link[b-8wlemjkv7f] {
    color: #0f172a;
}

.gateway-onboarding-shell[b-8wlemjkv7f] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.gateway-onboarding-hero[b-8wlemjkv7f] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
    gap: 1rem;
}

.gateway-onboarding-copy[b-8wlemjkv7f],
.gateway-download-card[b-8wlemjkv7f] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    padding: 1.25rem;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .05);
}

.gateway-onboarding-copy[b-8wlemjkv7f] {
    background: linear-gradient(135deg, rgba(37, 99, 235, .06), rgba(16, 185, 129, .06)), #fff;
}

.gateway-badge[b-8wlemjkv7f] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    padding: .35rem .75rem;
    font-size: .78rem;
    font-weight: 600;
    margin-bottom: .8rem;
}

.gateway-onboarding-copy h2[b-8wlemjkv7f],
.gateway-download-card h5[b-8wlemjkv7f] {
    margin: 0;
    color: #0f172a;
}

.gateway-onboarding-copy p[b-8wlemjkv7f],
.gateway-download-card p[b-8wlemjkv7f] {
    margin: .75rem 0 0;
    color: #475569;
}

.gateway-onboarding-points[b-8wlemjkv7f] {
    display: grid;
    gap: .75rem;
    margin-top: 1rem;
}

.gateway-onboarding-steps[b-8wlemjkv7f] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    margin-top: 1rem;
}

.gateway-step-card[b-8wlemjkv7f] {
    background: rgba(255, 255, 255, .78);
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: .95rem;
    padding: .85rem .9rem;
}

.gateway-step-card strong[b-8wlemjkv7f] {
    display: block;
    color: #0f172a;
    margin-bottom: .25rem;
}

.gateway-step-card span[b-8wlemjkv7f] {
    display: block;
    color: #475569;
    font-size: .88rem;
}

.gateway-onboarding-points > div[b-8wlemjkv7f] {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    color: #0f172a;
}

.gateway-onboarding-points i[b-8wlemjkv7f],
.gateway-download-icon[b-8wlemjkv7f] {
    color: #16a34a;
}

.gateway-download-card[b-8wlemjkv7f] {
    display: flex;
    flex-direction: column;
    gap: .9rem;
    height: 100%;
}

.gateway-download-icon[b-8wlemjkv7f] {
    width: 56px;
    height: 56px;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(22, 163, 74, .10);
    font-size: 1.6rem;
}

.gateway-onboarding-grid[b-8wlemjkv7f] {
    display: grid;
    gap: 1rem;
}

.gateway-login-box[b-8wlemjkv7f] {
    border: 1px solid rgba(37, 99, 235, .14);
    border-radius: 1rem;
    background: linear-gradient(135deg, rgba(37, 99, 235, .05), rgba(16, 185, 129, .04)), #fff;
    padding: 1rem;
}

.gateway-login-head[b-8wlemjkv7f],
.gateway-login-grid[b-8wlemjkv7f] {
    display: flex;
    gap: .85rem;
}

.gateway-login-head[b-8wlemjkv7f] {
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: .85rem;
}

.gateway-login-kicker[b-8wlemjkv7f] {
    display: block;
    font-size: .75rem;
    font-weight: 700;
    color: #2563eb;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.gateway-login-head h6[b-8wlemjkv7f] {
    margin: .2rem 0 0;
    color: #0f172a;
}

.gateway-login-grid[b-8wlemjkv7f] {
    flex-wrap: wrap;
}

.gateway-login-item[b-8wlemjkv7f] {
    flex: 1 1 260px;
    border: 1px solid #dbeafe;
    border-radius: .9rem;
    background: rgba(255,255,255,.85);
    padding: .9rem;
}

.gateway-login-item > span[b-8wlemjkv7f] {
    display: block;
    font-size: .8rem;
    color: #64748b;
    margin-bottom: .35rem;
}

.gateway-login-value[b-8wlemjkv7f] {
    font-weight: 700;
    color: #0f172a;
    word-break: break-all;
    margin-bottom: .75rem;
}

.gateway-login-note[b-8wlemjkv7f] {
    margin-top: .85rem;
    color: #475569;
    font-size: .9rem;
}

.gateway-summary-grid[b-8wlemjkv7f] {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

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

.gateway-summary-card[b-8wlemjkv7f],
.gateway-card[b-8wlemjkv7f] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    padding: 1rem 1.1rem;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .05);
}

.gateway-hero-card[b-8wlemjkv7f] {
    background:
        linear-gradient(135deg, rgba(37, 99, 235, .06), rgba(16, 185, 129, .05)),
        #fff;
    border-color: rgba(37, 99, 235, .14);
}

.gateway-summary-card span[b-8wlemjkv7f],
.gateway-info-list span[b-8wlemjkv7f] {
    display: block;
    color: #64748b;
    font-size: .84rem;
}

.gateway-summary-card strong[b-8wlemjkv7f] {
    display: block;
    margin-top: .25rem;
    font-size: 1.25rem;
}

.gateway-summary-card.success[b-8wlemjkv7f] {
    border-color: #86efac;
}

.gateway-summary-card.warning[b-8wlemjkv7f] {
    border-color: #fde68a;
}

.gateway-summary-card small[b-8wlemjkv7f] {
    color: #475569;
}

.gateway-tabs[b-8wlemjkv7f] {
    flex-wrap: wrap;
}

.gateway-tab[b-8wlemjkv7f] {
    border: 1px solid #cbd5e1;
    background: #fff;
    color: #0f172a;
    border-radius: 999px;
    padding: .65rem 1rem;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}

.gateway-tab.active[b-8wlemjkv7f] {
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    color: #fff;
    border-color: transparent;
}

.gateway-loading[b-8wlemjkv7f],
.gateway-empty[b-8wlemjkv7f] {
    text-align: center;
    color: #64748b;
    padding: 1.5rem;
}

.gateway-card-span-2[b-8wlemjkv7f] {
    grid-column: span 2;
}

.gateway-info-list[b-8wlemjkv7f] {
    display: grid;
    gap: .75rem;
}

.gateway-info-list div[b-8wlemjkv7f] {
    border-bottom: 1px dashed #e2e8f0;
    padding-bottom: .5rem;
}

.gateway-info-list strong[b-8wlemjkv7f] {
    color: #0f172a;
}

.gateway-json[b-8wlemjkv7f] {
    margin: .75rem 0 0;
    padding: .85rem;
    border-radius: .75rem;
    background: #0f172a;
    color: #e2e8f0;
    font-size: .78rem;
    max-height: 260px;
    overflow: auto;
}

.gateway-toolbar[b-8wlemjkv7f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.gateway-toolbar-main[b-8wlemjkv7f],
.gateway-toolbar-actions[b-8wlemjkv7f],
.gateway-hero-metrics[b-8wlemjkv7f],
.gateway-pagination[b-8wlemjkv7f],
.gateway-upload-box[b-8wlemjkv7f] {
    display: flex;
    gap: .75rem;
    align-items: center;
    flex-wrap: wrap;
}

.gateway-search-box[b-8wlemjkv7f] {
    position: relative;
    min-width: 320px;
    flex: 1 1 360px;
}

.gateway-search-box i[b-8wlemjkv7f] {
    position: absolute;
    top: 50%;
    left: .9rem;
    transform: translateY(-50%);
    color: #64748b;
}

.gateway-search-box .form-control[b-8wlemjkv7f] {
    padding-left: 2.5rem;
    border-radius: .85rem;
}

.gateway-toolbar .form-select[b-8wlemjkv7f],
.gateway-toolbar .form-control[b-8wlemjkv7f] {
    min-height: 42px;
}

.gateway-page-size[b-8wlemjkv7f] {
    min-width: 135px;
}

.gateway-hero-metrics[b-8wlemjkv7f] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px dashed #cbd5e1;
}

.gateway-hero-metrics > div[b-8wlemjkv7f] {
    min-width: 130px;
    background: rgba(255, 255, 255, .75);
    border: 1px solid rgba(226, 232, 240, .9);
    border-radius: .9rem;
    padding: .7rem .85rem;
}

.gateway-hero-metrics span[b-8wlemjkv7f] {
    display: block;
    font-size: .78rem;
    color: #64748b;
}

.gateway-hero-metrics strong[b-8wlemjkv7f] {
    display: block;
    margin-top: .15rem;
    font-size: 1.05rem;
    color: #0f172a;
}

.gateway-upload-box[b-8wlemjkv7f] {
    align-items: flex-start;
    flex-direction: column;
}

.gateway-upload-box .btn[b-8wlemjkv7f] {
    align-self: flex-start;
}

.gateway-pagination[b-8wlemjkv7f] {
    justify-content: flex-end;
    margin-top: .85rem;
}

.gateway-table td[b-8wlemjkv7f],
.gateway-table th[b-8wlemjkv7f] {
    vertical-align: middle;
}

.gateway-tags[b-8wlemjkv7f] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.gateway-tags span[b-8wlemjkv7f] {
    background: #eff6ff;
    color: #1d4ed8;
    border-radius: 999px;
    padding: .15rem .55rem;
    font-size: .72rem;
}

.gateway-inline-select[b-8wlemjkv7f] {
    max-width: 220px;
}

.gateway-two-col-table > div[b-8wlemjkv7f] {
    flex: 1 1 0;
    min-width: 0;
}

.gateway-truncate[b-8wlemjkv7f] {
    max-width: 320px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 991.98px) {
    .gateway-grid[b-8wlemjkv7f] {
        grid-template-columns: 1fr;
    }

    .gateway-module-strip[b-8wlemjkv7f] {
        grid-template-columns: 1fr;
    }

    .gateway-onboarding-hero[b-8wlemjkv7f] {
        grid-template-columns: 1fr;
    }

    .gateway-onboarding-steps[b-8wlemjkv7f] {
        grid-template-columns: 1fr;
    }

    .gateway-login-grid[b-8wlemjkv7f] {
        flex-direction: column;
    }

    .gateway-card-span-2[b-8wlemjkv7f] {
        grid-column: auto;
    }

    .gateway-two-col-table[b-8wlemjkv7f] {
        flex-direction: column;
    }

    .gateway-search-box[b-8wlemjkv7f] {
        min-width: 100%;
    }

    .gateway-toolbar-main[b-8wlemjkv7f],
    .gateway-toolbar-actions[b-8wlemjkv7f] {
        width: 100%;
    }
}
/* /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: auto 1fr auto auto auto;
    gap: 0.42rem;
    align-items: center;
}

.public-feed-filters .form-control[b-2oslg6ex55],
.public-feed-filters .form-select[b-2oslg6ex55],
.public-feed-filters .btn[b-2oslg6ex55] {
    font-size: 0.78rem;
}

.membership-back-btn[b-2oslg6ex55] {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    border: 0;
    color: #3b2a00;
    font-weight: 800;
    box-shadow: 0 8px 20px rgba(250, 204, 21, 0.2);
    white-space: nowrap;
}

.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);
}

.related-property-cart[b-2oslg6ex55] {
    position: absolute;
    left: 0.74rem;
    bottom: 7.15rem;
    z-index: 7;
    border: 0;
    border-radius: 999px;
    padding: 0.32rem 0.58rem 0.32rem 0.34rem;
    display: inline-flex;
    align-items: center;
    gap: 0.36rem;
    background: linear-gradient(135deg, #facc15, #f59e0b);
    color: #321f00;
    font-size: 0.72rem;
    font-weight: 900;
    box-shadow: 0 10px 28px rgba(250, 204, 21, 0.35);
}

.related-property-cart.active[b-2oslg6ex55],
.related-property-cart:hover[b-2oslg6ex55] {
    transform: translateY(-1px);
    box-shadow: 0 14px 34px rgba(250, 204, 21, 0.45);
}

.cart-icon[b-2oslg6ex55] {
    position: relative;
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.72);
}

.cart-icon i[b-2oslg6ex55] {
    font-size: 0.92rem;
}

.cart-icon em[b-2oslg6ex55] {
    position: absolute;
    top: -0.35rem;
    right: -0.35rem;
    min-width: 1rem;
    height: 1rem;
    padding: 0 0.22rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ef4444;
    color: #fff;
    font-size: 0.58rem;
    font-style: normal;
    border: 2px solid #facc15;
}

.related-property-tray[b-2oslg6ex55] {
    position: absolute;
    left: 0.62rem;
    right: 4.25rem;
    bottom: 5.9rem;
    z-index: 9;
    border-radius: 1rem;
    padding: 0.62rem;
    background: rgba(15, 23, 42, 0.94);
    border: 1px solid rgba(250, 204, 21, 0.45);
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.42);
    backdrop-filter: blur(12px);
}

.related-property-tray header[b-2oslg6ex55] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.55rem;
    margin-bottom: 0.5rem;
}

.related-property-tray header strong[b-2oslg6ex55] {
    display: block;
    font-size: 0.82rem;
    color: #fef3c7;
}

.related-property-tray header span[b-2oslg6ex55] {
    display: block;
    font-size: 0.68rem;
    color: #cbd5e1;
}

.btn-close-property[b-2oslg6ex55] {
    width: 1.7rem;
    height: 1.7rem;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 999px;
    background: rgba(2, 6, 23, 0.7);
    color: #e2e8f0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.related-property-item[b-2oslg6ex55] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.55rem;
    text-decoration: none;
    color: inherit;
    border-radius: 0.82rem;
    padding: 0.48rem;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.related-property-thumb[b-2oslg6ex55] {
    width: 42px;
    height: 42px;
    border-radius: 0.72rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #422006;
    background: linear-gradient(135deg, #facc15, #f59e0b);
}

.related-property-copy[b-2oslg6ex55] {
    min-width: 0;
}

.related-property-no[b-2oslg6ex55] {
    font-size: 0.64rem;
    color: #fde68a;
    font-weight: 800;
}

.related-property-copy h4[b-2oslg6ex55] {
    margin: 0.05rem 0;
    color: #fff;
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1.22;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.related-property-copy p[b-2oslg6ex55] {
    margin: 0;
    color: #cbd5e1;
    font-size: 0.66rem;
    display: inline-flex;
    align-items: center;
    gap: 0.18rem;
}

.related-property-price[b-2oslg6ex55] {
    display: grid;
    justify-items: end;
    gap: 0.15rem;
}

.related-property-price strong[b-2oslg6ex55] {
    color: #fef08a;
    font-size: 0.72rem;
    white-space: nowrap;
}

.related-property-price span[b-2oslg6ex55] {
    border-radius: 999px;
    padding: 0.12rem 0.42rem;
    background: rgba(45, 212, 191, 0.14);
    color: #67e8f9;
    font-size: 0.62rem;
    font-weight: 800;
}

.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;
}

.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) {
    .public-feed-filters[b-2oslg6ex55] {
        grid-template-columns: 1fr auto auto;
    }

    .membership-back-btn[b-2oslg6ex55] {
        grid-column: 1 / -1;
        justify-content: center;
    }

    .related-property-tray[b-2oslg6ex55] {
        right: 3.95rem;
        bottom: 5.6rem;
    }

    .related-property-item[b-2oslg6ex55] {
        grid-template-columns: 38px minmax(0, 1fr);
    }

    .related-property-price[b-2oslg6ex55] {
        grid-column: 1 / -1;
        grid-template-columns: 1fr auto;
        justify-items: start;
        align-items: center;
    }

    .cart-text[b-2oslg6ex55] {
        display: none;
    }

    .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;
    }
}

/* Compact video insights */
.video-insights-shell[b-jgj0lzkvyc], .insight-grid[b-jgj0lzkvyc] { gap: .72rem; }
.insights-head[b-jgj0lzkvyc], .request-payout-box[b-jgj0lzkvyc], .my-request-shell[b-jgj0lzkvyc], .insight-note[b-jgj0lzkvyc], .revenue-ledger-shell[b-jgj0lzkvyc] { border-radius: .8rem; padding: .68rem; }
.insights-head h1[b-jgj0lzkvyc] { font-size: 1.02rem; }
.insights-head p[b-jgj0lzkvyc] { margin-top: .12rem; font-size: .78rem; }
.insights-actions[b-jgj0lzkvyc] { gap: .35rem; }
.insights-actions .btn[b-jgj0lzkvyc], .insights-actions .form-select[b-jgj0lzkvyc] { min-height: 36px; font-size: .76rem; }
.insight-kpis[b-jgj0lzkvyc] { gap: .55rem; }
.insight-kpis article[b-jgj0lzkvyc] { border-radius: .76rem; padding: .58rem; }
.insight-kpis article span[b-jgj0lzkvyc], .revenue-ledger-head p[b-jgj0lzkvyc], .my-request-head p[b-jgj0lzkvyc] { font-size: .72rem; }
.insight-kpis article strong[b-jgj0lzkvyc] { font-size: .96rem; }
.my-request-list article[b-jgj0lzkvyc] { border-radius: .72rem; padding: .46rem .55rem; }
.ledger-kpis article[b-jgj0lzkvyc] { border-radius: .68rem; padding: .48rem; }
/* /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;
    }
}

/* Compact video upload */
.upload-shell[b-hqt8hsh87l], .upload-grid[b-hqt8hsh87l] { gap: .75rem !important; }
.upload-header[b-hqt8hsh87l] { padding: .85rem 1rem !important; border-radius: 1rem !important; }
.upload-header h1[b-hqt8hsh87l] { font-size: 1.04rem !important; margin-bottom: .12rem !important; }
.upload-header p[b-hqt8hsh87l] { font-size: .78rem !important; }
.upload-card[b-hqt8hsh87l], .library-card[b-hqt8hsh87l], .video-form-card[b-hqt8hsh87l] { border-radius: .9rem !important; padding: .75rem !important; }
.form-grid[b-hqt8hsh87l] { gap: .55rem !important; }
.file-preview-line[b-hqt8hsh87l] { margin-top: .55rem !important; }
.form-actions[b-hqt8hsh87l] { margin-top: .65rem !important; gap: .38rem !important; }
/* /Components/Pages/Dashboard/VirtualBalanceAdminDashboard.razor.rz.scp.css */
.vb-admin-hero[b-uo7s5ux70a] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 1.5rem;
    border-radius: 1.5rem;
    background: linear-gradient(135deg, #0f172a 0%, #1d4ed8 55%, #0f766e 100%);
    color: #fff;
    box-shadow: 0 20px 40px rgba(15, 23, 42, .16);
}

.vb-admin-chip[b-uo7s5ux70a] {
    display: inline-flex;
    align-items: center;
    padding: .35rem .8rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    background: rgba(255,255,255,.14);
}

.vb-kpi[b-uo7s5ux70a] {
    height: 100%;
    padding: 1.2rem;
    border-radius: 1.2rem;
    color: #fff;
    box-shadow: 0 16px 30px rgba(15, 23, 42, .12);
}

.vb-kpi.is-primary[b-uo7s5ux70a] { background: linear-gradient(135deg, #1e293b, #2563eb); }
.vb-kpi.is-success[b-uo7s5ux70a] { background: linear-gradient(135deg, #14532d, #22c55e); }
.vb-kpi.is-danger[b-uo7s5ux70a] { background: linear-gradient(135deg, #7f1d1d, #ef4444); }
.vb-kpi.is-dark[b-uo7s5ux70a] { background: linear-gradient(135deg, #111827, #0f766e); }

.vb-kpi .label[b-uo7s5ux70a] {
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    opacity: .84;
}

.vb-kpi .value[b-uo7s5ux70a] {
    margin-top: .4rem;
    font-size: clamp(1.4rem, 2.8vw, 2rem);
    font-weight: 800;
}

.vb-kpi .meta[b-uo7s5ux70a] {
    margin-top: .45rem;
    opacity: .88;
}

.vb-queue-kpi[b-uo7s5ux70a] {
    height: 100%;
    padding: 1rem 1.1rem;
    border-radius: 1rem;
    background: linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);
    border: 1px solid rgba(99, 102, 241, .14);
}

.vb-queue-kpi .label[b-uo7s5ux70a] {
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #475569;
}

.vb-queue-kpi .value[b-uo7s5ux70a] {
    margin-top: .45rem;
    font-size: 1.45rem;
    font-weight: 800;
    color: #0f172a;
}

.vb-queue-kpi .meta[b-uo7s5ux70a] {
    margin-top: .3rem;
    font-size: .82rem;
    color: #64748b;
}

.table > :not(caption) > * > *[b-uo7s5ux70a] {
    padding-top: .85rem;
    padding-bottom: .85rem;
}
/* /Components/Pages/Dashboard/VirtualBalanceDashboard.razor.rz.scp.css */
.vb-page[b-xppbil3t9r] {
    --vb-border: rgba(148, 163, 184, .22);
}

.vb-hero[b-xppbil3t9r] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 1.5rem;
    border-radius: 1.5rem;
    background: linear-gradient(135deg, #ffffff 0%, #eff6ff 50%, #ecfeff 100%);
    border: 1px solid var(--vb-border);
    box-shadow: 0 18px 40px rgba(15, 23, 42, .06);
}

.vb-chip[b-xppbil3t9r] {
    display: inline-flex;
    align-items: center;
    padding: .35rem .8rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #0f766e;
    background: rgba(20, 184, 166, .14);
}

.vb-hero-actions[b-xppbil3t9r] {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
    flex-wrap: wrap;
}

.vb-stat-card[b-xppbil3t9r] {
    height: 100%;
    padding: 1.25rem;
    border-radius: 1.35rem;
    color: #fff;
    box-shadow: 0 18px 32px rgba(15, 23, 42, .12);
}

.vb-stat-card.is-primary[b-xppbil3t9r] { background: linear-gradient(135deg, #0f172a, #2563eb); }
.vb-stat-card.is-success[b-xppbil3t9r] { background: linear-gradient(135deg, #14532d, #16a34a); }
.vb-stat-card.is-danger[b-xppbil3t9r] { background: linear-gradient(135deg, #7f1d1d, #ef4444); }
.vb-stat-card.is-dark[b-xppbil3t9r] { background: linear-gradient(135deg, #1f2937, #0f766e); }

.vb-stat-label[b-xppbil3t9r] {
    font-size: .82rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    opacity: .86;
}

.vb-stat-value[b-xppbil3t9r] {
    margin-top: .4rem;
    font-size: clamp(1.5rem, 2.7vw, 2.25rem);
    font-weight: 800;
    line-height: 1.1;
}

.vb-stat-meta[b-xppbil3t9r] {
    margin-top: .6rem;
    font-size: .9rem;
    opacity: .9;
}

.vb-loading[b-xppbil3t9r] {
    display: flex;
    align-items: center;
    gap: .65rem;
    color: #64748b;
}

.vb-summary-inline[b-xppbil3t9r] {
    display: flex;
    gap: .8rem;
    flex-wrap: wrap;
    font-size: .9rem;
    color: #475569;
}

.table > :not(caption) > * > *[b-xppbil3t9r] {
    padding-top: .85rem;
    padding-bottom: .85rem;
}

@media (max-width: 768px) {
    .vb-hero[b-xppbil3t9r],
    .vb-stat-card[b-xppbil3t9r] {
        border-radius: 1.1rem;
    }
}
/* /Components/Pages/Dashboard/WhatsAppAiAutomationAdminDashboard.razor.rz.scp.css */
.wa-ai-admin-page[b-vjjzmqbwrm] {
    display: block;
}

.wa-ai-admin-shell[b-vjjzmqbwrm] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.wa-ai-admin-header[b-vjjzmqbwrm],
.wa-ai-admin-users[b-vjjzmqbwrm],
.wa-ai-admin-panel[b-vjjzmqbwrm],
.wa-ai-admin-side-card[b-vjjzmqbwrm],
.wa-ai-admin-summary-card[b-vjjzmqbwrm],
.wa-ai-admin-user-header[b-vjjzmqbwrm] {
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(245,249,252,.98));
    border: 1px solid rgba(3,154,171,.12);
    border-radius: 1.35rem;
    box-shadow: 0 18px 44px rgba(7, 28, 53, .08);
}

.wa-ai-admin-header[b-vjjzmqbwrm],
.wa-ai-admin-user-header[b-vjjzmqbwrm] {
    padding: 1.45rem 1.55rem;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.wa-ai-admin-kicker[b-vjjzmqbwrm] {
    display: inline-flex;
    padding: .34rem .8rem;
    border-radius: 999px;
    background: rgba(3,154,171,.1);
    color: #067c8b;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    margin-bottom: .7rem;
}

.wa-ai-admin-header h3[b-vjjzmqbwrm],
.wa-ai-admin-user-header h4[b-vjjzmqbwrm] {
    margin-bottom: .4rem;
    font-weight: 800;
}

.wa-ai-admin-header p[b-vjjzmqbwrm],
.wa-ai-admin-users-head p[b-vjjzmqbwrm],
.wa-ai-admin-panel-head p[b-vjjzmqbwrm],
.wa-ai-admin-empty span[b-vjjzmqbwrm] {
    color: #5f7483;
    margin-bottom: 0;
}

.wa-ai-admin-actions[b-vjjzmqbwrm],
.wa-ai-admin-inline-actions[b-vjjzmqbwrm] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: flex-end;
}

.wa-ai-admin-grid[b-vjjzmqbwrm] {
    display: grid;
    grid-template-columns: minmax(300px, 360px) minmax(0, 1fr);
    gap: 1.2rem;
    align-items: start;
}

.wa-ai-admin-users[b-vjjzmqbwrm] {
    padding: 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: sticky;
    top: 1rem;
}

.wa-ai-admin-users-head[b-vjjzmqbwrm],
.wa-ai-admin-user-top[b-vjjzmqbwrm],
.wa-ai-admin-user-contact[b-vjjzmqbwrm],
.wa-ai-admin-pager[b-vjjzmqbwrm],
.wa-ai-admin-user-title-row[b-vjjzmqbwrm],
.wa-ai-admin-side-stat[b-vjjzmqbwrm],
.wa-ai-admin-breakdown-item[b-vjjzmqbwrm],
.wa-ai-admin-audit-top[b-vjjzmqbwrm] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: center;
}

.wa-ai-admin-users-head h5[b-vjjzmqbwrm],
.wa-ai-admin-panel-head h5[b-vjjzmqbwrm],
.wa-ai-admin-side-card h6[b-vjjzmqbwrm] {
    margin-bottom: .2rem;
    font-weight: 800;
}

.wa-ai-admin-total[b-vjjzmqbwrm] {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    padding: .35rem .7rem;
    border-radius: 999px;
    background: rgba(15,23,42,.06);
    color: #405465;
    font-size: .82rem;
    font-weight: 700;
}

.wa-ai-admin-search[b-vjjzmqbwrm] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: .6rem;
}

.wa-ai-admin-user-list[b-vjjzmqbwrm],
.wa-ai-admin-form-stack[b-vjjzmqbwrm],
.wa-ai-admin-side[b-vjjzmqbwrm],
.wa-ai-admin-audit-list[b-vjjzmqbwrm] {
    display: flex;
    flex-direction: column;
    gap: .9rem;
}

.wa-ai-admin-user-card[b-vjjzmqbwrm] {
    border: 1px solid rgba(15,23,42,.08);
    border-radius: 1rem;
    background: #fff;
    padding: 1rem;
    text-align: left;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.wa-ai-admin-user-card:hover[b-vjjzmqbwrm],
.wa-ai-admin-user-card.active[b-vjjzmqbwrm] {
    border-color: rgba(3,154,171,.35);
    box-shadow: 0 16px 32px rgba(3,154,171,.14);
    transform: translateY(-1px);
}

.wa-ai-admin-user-meta[b-vjjzmqbwrm],
.wa-ai-admin-user-contact[b-vjjzmqbwrm],
.wa-ai-admin-user-subtitle[b-vjjzmqbwrm],
.wa-ai-admin-template-hint[b-vjjzmqbwrm],
.wa-ai-admin-field small[b-vjjzmqbwrm],
.wa-ai-admin-toggle-card small[b-vjjzmqbwrm],
.wa-ai-admin-switch-card small[b-vjjzmqbwrm],
.wa-ai-admin-summary-card small[b-vjjzmqbwrm],
.wa-ai-admin-audit-meta span[b-vjjzmqbwrm],
.wa-ai-admin-audit-error[b-vjjzmqbwrm] {
    color: #67808f;
}
.wa-ai-admin-user-contact[b-vjjzmqbwrm] {
    font-size: .87rem;
    margin-top: .6rem;
}

.wa-ai-admin-role-row[b-vjjzmqbwrm] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: .7rem;
}

.wa-ai-admin-main[b-vjjzmqbwrm] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.wa-ai-admin-summary-grid[b-vjjzmqbwrm] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .9rem;
}

.wa-ai-admin-summary-card[b-vjjzmqbwrm] {
    padding: 1rem 1.1rem;
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.wa-ai-admin-summary-card span[b-vjjzmqbwrm] {
    color: #5f7483;
    font-size: .86rem;
}

.wa-ai-admin-summary-card strong[b-vjjzmqbwrm] {
    font-size: 1.35rem;
    font-weight: 800;
    color: #102939;
}

.wa-ai-admin-summary-card.success[b-vjjzmqbwrm] { border-color: rgba(25,135,84,.18); }
.wa-ai-admin-summary-card.warning[b-vjjzmqbwrm] { border-color: rgba(255,193,7,.25); }
.wa-ai-admin-summary-card.danger[b-vjjzmqbwrm] { border-color: rgba(220,53,69,.18); }

.wa-ai-admin-detail-grid[b-vjjzmqbwrm] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, .9fr);
    gap: 1rem;
    align-items: start;
}

.wa-ai-admin-panel[b-vjjzmqbwrm],
.wa-ai-admin-side-card[b-vjjzmqbwrm] {
    padding: 1.2rem;
}

.wa-ai-admin-panel-head[b-vjjzmqbwrm] {
    display: flex;
    justify-content: space-between;
    gap: .8rem;
    margin-bottom: 1rem;
}

.wa-ai-admin-form-grid[b-vjjzmqbwrm] {
    display: grid;
    gap: 1rem;
}

.wa-ai-admin-form-grid.two[b-vjjzmqbwrm],
.wa-ai-admin-toggle-grid[b-vjjzmqbwrm] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wa-ai-admin-field[b-vjjzmqbwrm],
.wa-ai-admin-template-card[b-vjjzmqbwrm] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
}

.wa-ai-admin-field.full[b-vjjzmqbwrm],
.wa-ai-admin-template-card.full[b-vjjzmqbwrm] {
    grid-column: 1 / -1;
}

.wa-ai-admin-field label[b-vjjzmqbwrm],
.wa-ai-admin-template-title[b-vjjzmqbwrm] {
    font-weight: 700;
    color: #183042;
}

.wa-ai-admin-switch-card[b-vjjzmqbwrm],
.wa-ai-admin-toggle-card[b-vjjzmqbwrm],
.wa-ai-admin-template-card[b-vjjzmqbwrm] {
    border: 1px solid rgba(15,23,42,.08);
    border-radius: 1rem;
    background: #fff;
}

.wa-ai-admin-switch-card[b-vjjzmqbwrm],
.wa-ai-admin-toggle-card[b-vjjzmqbwrm] {
    display: flex;
    gap: .75rem;
    padding: 1rem;
    align-items: flex-start;
}

.wa-ai-admin-switch-card[b-vjjzmqbwrm] { background: rgba(3,154,171,.05); }

.wa-ai-admin-switch-card input[b-vjjzmqbwrm],
.wa-ai-admin-toggle-card input[b-vjjzmqbwrm] {
    width: 1rem;
    height: 1rem;
    margin-top: .18rem;
}

.wa-ai-admin-template-card[b-vjjzmqbwrm] { padding: 1rem; }
.wa-ai-admin-template-card textarea[b-vjjzmqbwrm] { margin-top: .35rem; margin-bottom: .4rem; }

.wa-ai-admin-side[b-vjjzmqbwrm] { position: sticky; top: 1rem; }

.wa-ai-admin-side-stat[b-vjjzmqbwrm] {
    padding: .55rem 0;
    border-bottom: 1px dashed rgba(15,23,42,.08);
}

.wa-ai-admin-side-stat:last-of-type[b-vjjzmqbwrm],
.wa-ai-admin-preview:last-child[b-vjjzmqbwrm] {
    border-bottom: none;
}

.wa-ai-admin-preview[b-vjjzmqbwrm] {
    padding: .75rem 0;
    border-bottom: 1px dashed rgba(15,23,42,.08);
}

.wa-ai-admin-preview span[b-vjjzmqbwrm] {
    display: inline-block;
    margin-bottom: .3rem;
    color: #067c8b;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.wa-ai-admin-preview p[b-vjjzmqbwrm] {
    margin-bottom: 0;
    white-space: pre-wrap;
    color: #4d6475;
}

.wa-ai-admin-breakdown-list[b-vjjzmqbwrm] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

.wa-ai-admin-breakdown-item[b-vjjzmqbwrm] {
    padding: .7rem .8rem;
    border-radius: .9rem;
    background: rgba(15,23,42,.04);
}

.wa-ai-admin-breakdown-item strong[b-vjjzmqbwrm] { color: #102939; }
.wa-ai-admin-audit-item[b-vjjzmqbwrm] {
    padding: .85rem;
    border-radius: 1rem;
    background: #fff;
    border: 1px solid rgba(15,23,42,.08);
}

.wa-ai-admin-audit-meta[b-vjjzmqbwrm] {
    display: flex;
    flex-direction: column;
    gap: .18rem;
    margin-top: .55rem;
}

.wa-ai-admin-audit-error[b-vjjzmqbwrm] {
    margin-top: .45rem;
    font-size: .84rem;
}

.wa-ai-admin-empty[b-vjjzmqbwrm],
.wa-ai-admin-users-loading[b-vjjzmqbwrm],
.wa-ai-admin-detail-loading[b-vjjzmqbwrm] {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    text-align: center;
    color: #617685;
}

.wa-ai-admin-empty i[b-vjjzmqbwrm] {
    font-size: 1.8rem;
    color: #067c8b;
}

.wa-ai-admin-empty.hero[b-vjjzmqbwrm] {
    min-height: 420px;
    background: rgba(255,255,255,.88);
    border-radius: 1.35rem;
    border: 1px dashed rgba(3,154,171,.22);
}

.wa-ai-admin-empty.mini[b-vjjzmqbwrm] {
    min-height: unset;
    padding: .3rem 0;
    align-items: flex-start;
    text-align: left;
}

@media (max-width: 1400px) {
    .wa-ai-admin-summary-grid[b-vjjzmqbwrm] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1200px) {
    .wa-ai-admin-grid[b-vjjzmqbwrm],
    .wa-ai-admin-detail-grid[b-vjjzmqbwrm] { grid-template-columns: 1fr; }

    .wa-ai-admin-users[b-vjjzmqbwrm],
    .wa-ai-admin-side[b-vjjzmqbwrm] { position: static; }
}

@media (max-width: 768px) {
    .wa-ai-admin-header[b-vjjzmqbwrm],
    .wa-ai-admin-user-header[b-vjjzmqbwrm],
    .wa-ai-admin-panel-head[b-vjjzmqbwrm],
    .wa-ai-admin-users-head[b-vjjzmqbwrm],
    .wa-ai-admin-user-title-row[b-vjjzmqbwrm],
    .wa-ai-admin-side-stat[b-vjjzmqbwrm] {
        flex-direction: column;
        align-items: flex-start;
    }

    .wa-ai-admin-actions[b-vjjzmqbwrm],
    .wa-ai-admin-inline-actions[b-vjjzmqbwrm] {
        width: 100%;
        justify-content: stretch;
    }

    .wa-ai-admin-actions .btn[b-vjjzmqbwrm],
    .wa-ai-admin-inline-actions .btn[b-vjjzmqbwrm] {
        flex: 1 1 100%;
    }

    .wa-ai-admin-search[b-vjjzmqbwrm],
    .wa-ai-admin-form-grid.two[b-vjjzmqbwrm],
    .wa-ai-admin-toggle-grid[b-vjjzmqbwrm],
    .wa-ai-admin-summary-grid[b-vjjzmqbwrm] { grid-template-columns: 1fr; }
}

/* Compact WA AI admin */
.wa-ai-admin-header[b-vjjzmqbwrm] { padding: .85rem 1rem !important; border-radius: 1rem !important; }
.wa-ai-admin-header h3[b-vjjzmqbwrm] { font-size: 1rem !important; margin-bottom: .14rem !important; }
.wa-ai-admin-header p[b-vjjzmqbwrm] { font-size: .78rem !important; }
.wa-ai-admin-header-actions[b-vjjzmqbwrm] { gap: .45rem !important; }
/* /Components/Pages/Dashboard/WhatsAppAiAutomationDashboard.razor.rz.scp.css */
.wa-ai-page[b-2mj3bhnvtg] {
    display: block;
}

.wa-ai-shell[b-2mj3bhnvtg] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.wa-ai-header-card[b-2mj3bhnvtg],
.wa-ai-panel[b-2mj3bhnvtg],
.wa-ai-side-card[b-2mj3bhnvtg] {
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,250,252,.98));
    border: 1px solid rgba(3, 154, 171, .12);
    border-radius: 1.4rem;
    box-shadow: 0 18px 50px rgba(7, 28, 53, .08);
}

.wa-ai-header-card[b-2mj3bhnvtg] {
    padding: 1.5rem 1.6rem;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.wa-ai-kicker[b-2mj3bhnvtg] {
    display: inline-flex;
    padding: .35rem .75rem;
    border-radius: 999px;
    background: rgba(3, 154, 171, .1);
    color: #067c8b;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    margin-bottom: .7rem;
}

.wa-ai-header-card h3[b-2mj3bhnvtg] {
    margin-bottom: .45rem;
    font-weight: 800;
}

.wa-ai-header-card p[b-2mj3bhnvtg] {
    margin-bottom: 0;
    color: #587084;
    max-width: 820px;
}

.wa-ai-header-actions[b-2mj3bhnvtg] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: flex-end;
}

.wa-ai-alert[b-2mj3bhnvtg] {
    margin-bottom: 0;
}

.wa-ai-loading[b-2mj3bhnvtg] {
    min-height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    background: rgba(255,255,255,.9);
    border-radius: 1.25rem;
}

.wa-ai-grid[b-2mj3bhnvtg] {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(320px, .9fr);
    gap: 1.25rem;
    align-items: start;
}

.wa-ai-main[b-2mj3bhnvtg] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}

.wa-ai-side[b-2mj3bhnvtg] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: sticky;
    top: 1rem;
}

.wa-ai-panel[b-2mj3bhnvtg],
.wa-ai-side-card[b-2mj3bhnvtg] {
    padding: 1.25rem;
}

.wa-ai-panel-head[b-2mj3bhnvtg] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.wa-ai-panel-head h5[b-2mj3bhnvtg],
.wa-ai-side-card h6[b-2mj3bhnvtg] {
    margin-bottom: .25rem;
    font-weight: 800;
}

.wa-ai-panel-head p[b-2mj3bhnvtg],
.wa-ai-side-card p[b-2mj3bhnvtg] {
    margin-bottom: 0;
    color: #667c8c;
}

.wa-ai-form-grid[b-2mj3bhnvtg] {
    display: grid;
    gap: 1rem;
}

.wa-ai-form-grid.two[b-2mj3bhnvtg] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wa-ai-field[b-2mj3bhnvtg],
.wa-ai-template-field[b-2mj3bhnvtg] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
}

.wa-ai-field.full[b-2mj3bhnvtg],
.wa-ai-template-field[b-2mj3bhnvtg] {
    grid-column: 1 / -1;
}

.wa-ai-field label[b-2mj3bhnvtg],
.wa-ai-template-title[b-2mj3bhnvtg] {
    font-weight: 700;
    color: #183042;
}

.wa-ai-field small[b-2mj3bhnvtg],
.wa-ai-template-hint[b-2mj3bhnvtg] {
    color: #6b7f8e;
}

.wa-ai-switch-card[b-2mj3bhnvtg] {
    display: flex;
    gap: .85rem;
    padding: 1rem;
    border: 1px solid rgba(3,154,171,.12);
    border-radius: 1rem;
    background: rgba(3,154,171,.05);
    align-items: flex-start;
}

.wa-ai-switch-card input[b-2mj3bhnvtg] {
    margin-top: .28rem;
    width: 1.1rem;
    height: 1.1rem;
}

.wa-ai-switch-card strong[b-2mj3bhnvtg] {
    display: block;
    margin-bottom: .2rem;
}

.wa-ai-switch-card small[b-2mj3bhnvtg] {
    color: #667c8c;
}

.wa-ai-toggle-grid[b-2mj3bhnvtg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.wa-ai-toggle-card[b-2mj3bhnvtg] {
    display: flex;
    gap: .75rem;
    padding: .95rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(15, 23, 42, .08);
    background: #fff;
}

.wa-ai-toggle-card input[b-2mj3bhnvtg] {
    width: 1rem;
    height: 1rem;
    margin-top: .2rem;
}

.wa-ai-toggle-card strong[b-2mj3bhnvtg] {
    display: block;
}

.wa-ai-toggle-card small[b-2mj3bhnvtg] {
    color: #6b7f8e;
}

.wa-ai-template-card[b-2mj3bhnvtg] {
    padding: 1rem;
    border: 1px solid rgba(15,23,42,.08);
    border-radius: 1rem;
    background: #fff;
}

.wa-ai-template-card textarea[b-2mj3bhnvtg] {
    margin-top: .6rem;
    margin-bottom: .5rem;
}

.wa-ai-template-hint strong[b-2mj3bhnvtg] {
    color: #183042;
}

.wa-ai-side-stat[b-2mj3bhnvtg] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: .5rem 0;
    border-bottom: 1px dashed rgba(15,23,42,.08);
}

.wa-ai-side-stat:last-of-type[b-2mj3bhnvtg] {
    border-bottom: none;
}

.wa-ai-side-note[b-2mj3bhnvtg] {
    margin-top: .8rem;
    padding: .85rem 1rem;
    border-radius: 1rem;
    background: rgba(3,154,171,.08);
    color: #36596a;
    display: flex;
    gap: .65rem;
    align-items: flex-start;
}

.wa-ai-preview[b-2mj3bhnvtg] {
    padding: .85rem 0;
    border-bottom: 1px dashed rgba(15,23,42,.08);
}

.wa-ai-preview:last-child[b-2mj3bhnvtg] {
    border-bottom: none;
    padding-bottom: 0;
}

.wa-ai-preview-label[b-2mj3bhnvtg] {
    display: inline-block;
    margin-bottom: .35rem;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #067c8b;
}

.wa-ai-preview p[b-2mj3bhnvtg] {
    white-space: pre-wrap;
    line-height: 1.55;
}

.wa-ai-checklist[b-2mj3bhnvtg] {
    margin: 0;
    padding-left: 1.1rem;
    color: #4d6475;
}

.wa-ai-checklist li + li[b-2mj3bhnvtg] {
    margin-top: .45rem;
}

@media (max-width: 1200px) {
    .wa-ai-grid[b-2mj3bhnvtg] {
        grid-template-columns: 1fr;
    }

    .wa-ai-side[b-2mj3bhnvtg] {
        position: static;
    }
}

@media (max-width: 768px) {
    .wa-ai-header-card[b-2mj3bhnvtg],
    .wa-ai-panel-head[b-2mj3bhnvtg] {
        flex-direction: column;
    }

    .wa-ai-form-grid.two[b-2mj3bhnvtg],
    .wa-ai-toggle-grid[b-2mj3bhnvtg] {
        grid-template-columns: 1fr;
    }

    .wa-ai-header-actions[b-2mj3bhnvtg] {
        width: 100%;
        justify-content: stretch;
    }

    .wa-ai-header-actions .btn[b-2mj3bhnvtg] {
        flex: 1 1 100%;
    }
}

/* Compact WA AI member */
.wa-ai-shell[b-2mj3bhnvtg], .wa-ai-main[b-2mj3bhnvtg], .wa-ai-grid[b-2mj3bhnvtg] { gap: .8rem; }
.wa-ai-header-card[b-2mj3bhnvtg], .wa-ai-panel[b-2mj3bhnvtg], .wa-ai-side-card[b-2mj3bhnvtg] { border-radius: 1rem; box-shadow: 0 12px 30px rgba(7,28,53,.05); }
.wa-ai-header-card[b-2mj3bhnvtg] { padding: .85rem 1rem; }
.wa-ai-kicker[b-2mj3bhnvtg] { padding: .22rem .52rem; font-size: .68rem; margin-bottom: .4rem; }
.wa-ai-header-card h3[b-2mj3bhnvtg] { margin-bottom: .16rem; font-size: 1.02rem; }
.wa-ai-header-card p[b-2mj3bhnvtg] { font-size: .8rem; }
.wa-ai-header-actions[b-2mj3bhnvtg] { gap: .45rem; }
.wa-ai-panel[b-2mj3bhnvtg], .wa-ai-side-card[b-2mj3bhnvtg] { padding: .82rem; }
.wa-ai-panel-head[b-2mj3bhnvtg] { margin-bottom: .7rem; }
.wa-ai-panel-head h5[b-2mj3bhnvtg], .wa-ai-side-card h6[b-2mj3bhnvtg] { font-size: .9rem; }
.wa-ai-panel-head p[b-2mj3bhnvtg], .wa-ai-side-card p[b-2mj3bhnvtg] { font-size: .76rem; }
.wa-ai-form-grid[b-2mj3bhnvtg], .wa-ai-toggle-grid[b-2mj3bhnvtg] { gap: .7rem; }
.wa-ai-switch-card[b-2mj3bhnvtg], .wa-ai-toggle-card[b-2mj3bhnvtg] { border-radius: .82rem; padding: .72rem; }
/* /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-onboarding-shell[b-ajr1ftynlp] { display: flex; flex-direction: column; gap: 1rem; }
.wa-onboarding-hero[b-ajr1ftynlp] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr); gap: 1rem; }
.wa-onboarding-copy[b-ajr1ftynlp], .wa-download-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); padding: 1.2rem; }
.wa-badge[b-ajr1ftynlp] { display: inline-flex; align-items: center; border-radius: 999px; background: #e7f7ee; color: #226041; border: 1px solid #bde3cc; padding: .35rem .75rem; font-size: .78rem; font-weight: 700; margin-bottom: .8rem; }
.wa-onboarding-copy h2[b-ajr1ftynlp], .wa-download-card h5[b-ajr1ftynlp] { margin: 0; color: #123c2d; }
.wa-onboarding-copy p[b-ajr1ftynlp], .wa-download-card p[b-ajr1ftynlp] { margin: .75rem 0 0; color: #5c6b63; }
.wa-onboarding-points[b-ajr1ftynlp], .wa-onboarding-steps[b-ajr1ftynlp] { display: grid; gap: .75rem; margin-top: 1rem; }
.wa-onboarding-points > div[b-ajr1ftynlp] { display: flex; align-items: flex-start; gap: .65rem; color: #173d2e; }
.wa-onboarding-points i[b-ajr1ftynlp], .wa-download-icon[b-ajr1ftynlp] { color: #1fa463; }
.wa-onboarding-steps[b-ajr1ftynlp] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wa-step-card[b-ajr1ftynlp] { background: rgba(255,255,255,.82); border: 1px solid #dbece4; border-radius: 18px; padding: .85rem .9rem; }
.wa-step-card strong[b-ajr1ftynlp] { display: block; margin-bottom: .2rem; color: #173d2e; }
.wa-step-card span[b-ajr1ftynlp] { display: block; color: #6f847a; font-size: .88rem; }
.wa-download-card[b-ajr1ftynlp] { display: flex; flex-direction: column; gap: .9rem; height: 100%; }
.wa-download-icon[b-ajr1ftynlp] { width: 56px; height: 56px; border-radius: 1rem; display: inline-flex; align-items: center; justify-content: center; background: rgba(31,164,99,.10); font-size: 1.5rem; }
.wa-login-box[b-ajr1ftynlp] { border: 1px solid #d6ebe0; border-radius: 22px; background: linear-gradient(180deg, #fff 0%, #f5fbf7 100%); padding: 1rem; }
.wa-login-head[b-ajr1ftynlp], .wa-login-grid[b-ajr1ftynlp] { display: flex; gap: .85rem; }
.wa-login-head[b-ajr1ftynlp] { justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin-bottom: .85rem; }
.wa-login-kicker[b-ajr1ftynlp] { display: block; font-size: .75rem; font-weight: 700; color: #1fa463; text-transform: uppercase; letter-spacing: .04em; }
.wa-login-head h6[b-ajr1ftynlp] { margin: .2rem 0 0; color: #123c2d; }
.wa-login-grid[b-ajr1ftynlp] { flex-wrap: wrap; }
.wa-login-item[b-ajr1ftynlp] { flex: 1 1 260px; border: 1px solid #dbece4; border-radius: 18px; background: #fff; padding: .9rem; }
.wa-login-item > span[b-ajr1ftynlp] { display: block; font-size: .8rem; color: #70857a; margin-bottom: .35rem; }
.wa-login-value[b-ajr1ftynlp] { font-weight: 700; color: #173d2e; word-break: break-all; margin-bottom: .75rem; }
.wa-login-note[b-ajr1ftynlp] { margin-top: .85rem; color: #5c6b63; font-size: .9rem; }
.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: 991.98px) { .wa-onboarding-hero[b-ajr1ftynlp], .wa-onboarding-steps[b-ajr1ftynlp] { grid-template-columns: 1fr; } .wa-login-grid[b-ajr1ftynlp] { flex-direction: column; } }
@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%; } }

/* Compact WA dashboard */
.wa-page[b-ajr1ftynlp], .wa-onboarding-shell[b-ajr1ftynlp], .wa-summary-grid[b-ajr1ftynlp], .wa-grid[b-ajr1ftynlp] { gap: 0.7rem; }
.wa-header[b-ajr1ftynlp] { gap: 0.65rem; }
.wa-header h1[b-ajr1ftynlp] { margin-bottom: .1rem; font-size: clamp(1.05rem, 2vw, 1.28rem); }
.wa-header p[b-ajr1ftynlp] { font-size: .78rem; }
.wa-onboarding-copy[b-ajr1ftynlp], .wa-download-card[b-ajr1ftynlp], .wa-login-box[b-ajr1ftynlp], .wa-summary-card[b-ajr1ftynlp], .wa-card[b-ajr1ftynlp] { border-radius: 16px; padding: .82rem; box-shadow: 0 10px 22px rgba(12,48,33,.05); }
.wa-badge[b-ajr1ftynlp], .wa-plan-badge[b-ajr1ftynlp] { font-size: .68rem; padding: .22rem .52rem; margin-bottom: .45rem; }
.wa-step-card[b-ajr1ftynlp], .wa-login-item[b-ajr1ftynlp], .wa-plan-item[b-ajr1ftynlp], .wa-contact-item[b-ajr1ftynlp], .wa-row[b-ajr1ftynlp] { border-radius: 14px; padding: .72rem; }
.wa-tab[b-ajr1ftynlp] { padding: .52rem .8rem; font-size: .78rem; }
.wa-actions[b-ajr1ftynlp], .wa-button-grid[b-ajr1ftynlp] { gap: .45rem; margin-top: .68rem; }
.wa-button-grid .btn[b-ajr1ftynlp], .wa-actions .btn[b-ajr1ftynlp] { min-width: 0; padding: .34rem .62rem; font-size: .76rem; }
.wa-info-list > div[b-ajr1ftynlp] { padding-bottom: .42rem; }
.wa-json[b-ajr1ftynlp] { border-radius: 14px; padding: .72rem; font-size: .74rem; }
/* /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: 6.7rem 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-main[b-mjuw7zi4ov] {
    min-width: 0;
}

.filter-grid[b-mjuw7zi4ov] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.65rem;
}

.active-filter-chips[b-mjuw7zi4ov] {
    margin-top: 0.7rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.active-filter-chip[b-mjuw7zi4ov] {
    display: inline-flex;
    align-items: center;
    padding: 0.28rem 0.62rem;
    border-radius: 999px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-size: 0.77rem;
    font-weight: 700;
}

.filter-actions[b-mjuw7zi4ov] {
    margin-top: 0.7rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    justify-content: flex-end;
}

.filter-count-badge[b-mjuw7zi4ov] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    height: 1.25rem;
    margin-left: 0.4rem;
    padding: 0 0.35rem;
    border-radius: 999px;
    background: #0f766e;
    color: #fff;
    font-size: 0.72rem;
    font-weight: 800;
}

.advanced-filter-overlay[b-mjuw7zi4ov] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    background: rgba(15, 23, 42, 0.34);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 0;
}

.advanced-filter-sheet[b-mjuw7zi4ov] {
    width: min(100%, 1080px);
    max-height: min(88vh, 920px);
    overflow: auto;
    border-radius: 0 0 1.25rem 1.25rem;
    background: #fff;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18);
    border: 1px solid rgba(226, 232, 240, 0.92);
    animation: marketplace-filter-sheet-in-b-mjuw7zi4ov 0.22s ease-out;
}

.advanced-filter-head[b-mjuw7zi4ov],
.advanced-filter-foot[b-mjuw7zi4ov] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.9rem;
    padding: 1rem 1rem 0.9rem;
}

.advanced-filter-head[b-mjuw7zi4ov] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid #e2e8f0;
}

.advanced-filter-head h2[b-mjuw7zi4ov] {
    margin: 0;
    font-size: 1.08rem;
    font-weight: 800;
    color: #0f172a;
}

.advanced-filter-head p[b-mjuw7zi4ov] {
    margin: 0.28rem 0 0;
    color: #64748b;
    font-size: 0.88rem;
}

.advanced-filter-close[b-mjuw7zi4ov] {
    flex-shrink: 0;
}

.advanced-filter-body[b-mjuw7zi4ov] {
    padding: 1rem;
}

.advanced-filter-grid[b-mjuw7zi4ov] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.9rem;
}

.advanced-filter-field[b-mjuw7zi4ov] {
    min-width: 0;
}

.advanced-filter-field .form-label[b-mjuw7zi4ov] {
    margin-bottom: 0.35rem;
    font-size: 0.8rem;
    font-weight: 700;
    color: #475569;
}

.advanced-filter-foot[b-mjuw7zi4ov] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(10px);
    border-top: 1px solid #e2e8f0;
    justify-content: flex-end;
    padding-top: 0.9rem;
    padding-bottom: 1rem;
}

.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: 7rem 1.2rem 1.2rem;
    }

    .filter-grid[b-mjuw7zi4ov] {
        grid-template-columns: 2fr 1fr;
    }

    .advanced-filter-sheet[b-mjuw7zi4ov] {
        border-radius: 0 0 1.4rem 1.4rem;
    }

    .advanced-filter-grid[b-mjuw7zi4ov] {
        grid-template-columns: repeat(2, minmax(0, 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;
    }

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

@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));
    }
}

@media (max-width: 767.98px) {
    .marketplace-public[b-mjuw7zi4ov] {
        padding-top: 6.35rem;
        padding-bottom: calc(92px + env(safe-area-inset-bottom));
    }

    .marketplace-head[b-mjuw7zi4ov] {
        flex-direction: column;
    }

    .ref-chip[b-mjuw7zi4ov] {
        white-space: normal;
    }

    .filter-actions > .btn[b-mjuw7zi4ov] {
        flex: 1 1 calc(50% - 0.3rem);
    }

    .advanced-filter-sheet[b-mjuw7zi4ov] {
        max-height: 92vh;
        border-radius: 0 0 1rem 1rem;
    }

    .advanced-filter-head[b-mjuw7zi4ov],
    .advanced-filter-body[b-mjuw7zi4ov],
    .advanced-filter-foot[b-mjuw7zi4ov] {
        padding-left: 0.85rem;
        padding-right: 0.85rem;
    }

    .advanced-filter-foot[b-mjuw7zi4ov] {
        flex-direction: column-reverse;
    }

    .advanced-filter-foot .btn[b-mjuw7zi4ov] {
        width: 100%;
    }
}

@keyframes marketplace-filter-sheet-in-b-mjuw7zi4ov {
    from {
        opacity: 0;
        transform: translateY(-22px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /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;
    }
}