/* /Components/Layout/Footer.razor.rz.scp.css */
.footer[b-ht9ot7zif7] {
    background-color: var(--brand-white);
    padding: 2rem 2rem;
    min-height: var(--nav-height);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-left[b-ht9ot7zif7] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    min-height: 100%;
    flex: 30%;
}

.footer-center-text[b-ht9ot7zif7] {
    display: none;
}

.footer-right[b-ht9ot7zif7] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
    font-size: 0.8rem;
    min-height: 100%;
    gap: 20px;
    flex: 30%;
}

.icon-btn[b-ht9ot7zif7] {
    border: none;
    background-color: transparent;
    width: 3rem;
    height: 3rem;
    cursor: pointer;
}

.divider[b-ht9ot7zif7] {
    height: 2px;
    width: 100%;
    background-color: var(--brand-blue);
    margin-top: 2rem;
    margin-bottom: 2rem;
    display: block;
}

@media only screen and (max-width: 650px) {
    .footer-center-text[b-ht9ot7zif7] {
        display: flex;
        justify-content: space-between;
    }

    .footer-right[b-ht9ot7zif7] {
        display: none;
    }
}
/* /Components/Layout/TopNavBar.razor.rz.scp.css */
.nav-bar[b-d6jqws2wwn] {
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: var(--nav-height);
    background-color: var(--brand-white);
    padding: 0.5rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.nav-items[b-d6jqws2wwn] {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.nav-item[b-d6jqws2wwn]  a {
    text-decoration: none;
    color: var(--brand-dark-grey);
    font-weight: 500;
}

    .nav-item[b-d6jqws2wwn]  a:hover {
        text-decoration: none;
        color: var(--brand-blue);
    }

/* NotificationBell integration */
.nav-items[b-d6jqws2wwn]  .notification-bell {
    display: flex;
    align-items: center;
    height: 100%;
}

.nav-items[b-d6jqws2wwn]  .notification-icon {
    margin-top: 0;
    margin-bottom: 0;
}

.nav-items[b-d6jqws2wwn]  .notification-dropdown {
    z-index: 1001; /* Ensure it appears above other elements */
}

/* Mobile menu styling */
.mobile[b-d6jqws2wwn] {
    display: none;
}

.mobile-menu-btn[b-d6jqws2wwn] {
    width: 4rem;
    height: 4rem;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    padding: 0.8rem;
    border-radius: 50%;
    transition: background-color 0.2s ease;
}

    .mobile-menu-btn:hover[b-d6jqws2wwn] {
        background-color: var(--surface-light);
    }

.burger-line[b-d6jqws2wwn] {
    width: 2.4rem;
    height: 0.3rem;
    background-color: var(--brand-dark-grey);
    border-radius: 2px;
    transition: all 0.3s ease;
}

.mobile-menu[b-d6jqws2wwn] {
    position: absolute;
    top: calc(var(--nav-height) - 1rem);
    right: 0;
    width: 25rem;
    min-width: 25rem;
    max-height: calc(100vh - var(--nav-height));
    background: var(--brand-white);
    border-radius: var(--border-radius-sm);
    display: none;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1.5rem;
    box-shadow: var(--shadow-md);
    overflow-y: auto;
    z-index: 1000;
}

    .mobile-menu.open[b-d6jqws2wwn] {
        display: flex;
    }

.mobile-menu .nav-item[b-d6jqws2wwn] {
    width: 100%;
    text-align: left;
    padding: 0.5rem 0;
}

.mobile-menu .nav-link[b-d6jqws2wwn] {
    display: block;
    font-size: 1.6rem;
    padding: 0.8rem 0;
}

.mobile-menu button[b-d6jqws2wwn] {
    width: 100%;
    margin-top: 0.5rem;
    justify-content: center;
}

/* Mobile breakpoint styling */
@media only screen and (max-width: 820px) {
    .nav-items[b-d6jqws2wwn] {
        display: none;
    }

    .mobile[b-d6jqws2wwn] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 2rem;
    }

        /* Mobile notification bell styling */
        .mobile[b-d6jqws2wwn]  .notification-bell {
            margin: 0.5rem 0;
            width: 100%;
        }

        .mobile[b-d6jqws2wwn]  .notification-icon {
            width: 100%;
            justify-content: flex-start;
            border-radius: var(--border-radius-md);
            height: 4.5rem;
        }

        .mobile[b-d6jqws2wwn]  .notification-dropdown {
            position: fixed;
            top: var(--nav-height);
            left: 0;
            width: 100%;
            max-width: 100%;
            border-radius: 0;
            max-height: calc(100vh - var(--nav-height));
            margin-top: 0;
        }
}

/* Small screen adjustments */
@media only screen and (max-width: 480px) {
    .nav-bar[b-d6jqws2wwn] {
        padding: 0.5rem 1rem;
    }

    .mobile[b-d6jqws2wwn] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 2rem;
    }
}

.profile-icon[b-d6jqws2wwn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    border-radius: var(--border-radius-md);
    transition: background-color 0.2s;
}

    .profile-icon:hover[b-d6jqws2wwn] {
        background-color: var(--grey-200);
    }

.profile-text[b-d6jqws2wwn] {
    display: none;
}

.profile-link:hover .profile-text[b-d6jqws2wwn] {
    display: inline;
}

.profile-icon-mobile[b-d6jqws2wwn] {
    display: flex;
    align-items: center;
    padding: 0.5rem 0;
}

@media (max-width: 768px) {
    .nav-items[b-d6jqws2wwn] {
        display: none;
    }

    .mobile[b-d6jqws2wwn] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 2rem;
    }

    .profile-text[b-d6jqws2wwn] {
        display: none;
    }

    .profile-link:hover .profile-text[b-d6jqws2wwn] {
        display: none;
    }
}
/* /Components/Shared/ActionButton.razor.rz.scp.css */
.outlined-btn[b-arzf3f0ne5] {
    border: solid var(--brand-white) 2px;
    color: var(--brand-white);
}

    .outlined-btn:hover[b-arzf3f0ne5] {
        background-color: var(--brand-blue);
        color: var(--brand-white);
        transition: all 0.3s ease;
    }
/* /Components/Shared/AgentArenaLoader.razor.rz.scp.css */
.loader-container[b-kajbe312de] {
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-part-one[b-kajbe312de] {
    width: var(--logo-widthA);
    height: var(--logo-heightA);
    background: var(--logo-color, #004bbb);
    clip-path: polygon( 0% 100% /*1*/, 40% 0% /*2*/, 60% 0% /*3*/, 100% 100% /*4*/, 80% 100% /*5*/, 50% 20% /*6*/, 20% 100% /*7*/ );
    animation: /*drawA 2s linear 0.5s forwards,*/ logoPulse-b-kajbe312de /*1.5s*/ ease-in-out 1s infinite;
}

.logo-part-two[b-kajbe312de] {
    width: var(--logo-widthI);
    height: var(--logo-heightI);
    background: var(--logo-color, #004bbb);
    clip-path: polygon( 0% 0% /*1*/, 33% 0% /*2*/, 100% 100% /*3*/, 66% 100% /*4*/ );
    animation: /*drawI 0.8s linear 1.7s forwards,*/ logoPulse-b-kajbe312de /* 1.5s*/ ease-in-out 1s infinite;
    margin-left: var(--logo-marginI);
}

@keyframes drawA-b-kajbe312de {
    0% {
        clip-path: polygon( 0% 100% /*1*/, 0% 100% /*2*/, 0% 100% /*3*/, 0% 100% /*4*/, 20% 100% /*5*/, 20% 100% /*6*/, 20% 100% /*7*/);
    }

    40% {
        clip-path: polygon( 0% 100% /*1*/, 40% 0% /*2*/, 40% 0% /*3*/, 40% 0% /*4*/, 50% 20% /*5*/, 50% 20% /*6*/, 20% 100% /*7*/);
    }

    60% {
        clip-path: polygon( 0% 100% /*1*/, 40% 0% /*2*/, 60% 0% /*3*/, 60% 0% /*4*/, 50% 20% /*5*/, 50% 20% /*6*/, 20% 100% /*7*/);
    }

    100% {
        clip-path: polygon( 0% 100% /*1*/, 40% 0% /*2*/, 60% 0% /*3*/, 100% 100% /*4*/, 80% 100% /*5*/, 50% 20% /*6*/, 20% 100% /*7*/);
    }
}

@keyframes drawI-b-kajbe312de {
    0% {
        clip-path: polygon( 0% 0% /*1*/, 33% 0% /*2*/, 33% 0% /*3*/, 0% 0% /*4*/
        );
    }

    100% {
        clip-path: polygon( 0% 0% /*1*/, 33% 0% /*2*/, 100% 100% /*3*/, 66% 100% /*4*/
        );
    }
}

@keyframes logoPulse-b-kajbe312de {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }
}
/* /Components/Shared/AgentBrowser.razor.rz.scp.css */
/* Base container */
.agent-browser-container[b-oy6t470c2p] {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: var(--space-4);
    position: relative;
}

/* Header styles */
.agent-browser-header[b-oy6t470c2p] {
    margin-bottom: var(--space-5);
    text-align: center;
}

.agent-browser-header h2[b-oy6t470c2p] {
    color: var(--text-primary);
}

.agent-browser-header p[b-oy6t470c2p] {
    color: var(--text-secondary);
}

/* Slider styles */
.agent-select-slider[b-oy6t470c2p] {
    margin: 0 auto var(--space-6) auto;
    text-align: center;
}

.slider-container[b-oy6t470c2p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--space-4);
    background-color: var(--surface-light);
    border-radius: var(--border-radius-lg);
    box-shadow: var(--shadow-sm);
}

.slider-header[b-oy6t470c2p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: var(--space-3);
}

.slider-label[b-oy6t470c2p] {
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--text-primary);
}

.btn-text[b-oy6t470c2p] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: none;
    border: none;
    color: var(--brand-blue);
    font-size: 1.4rem;
    font-weight: 500;
    cursor: pointer;
    padding: var(--space-1) var(--space-2);
    border-radius: var(--border-radius-sm);
    transition: background-color 0.2s;
}

.btn-text:hover[b-oy6t470c2p] {
    background-color: var(--brand-blue-100);
}

.clear-icon[b-oy6t470c2p] {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

.slider-selection-count[b-oy6t470c2p] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: var(--space-3);
    gap: var(--space-2);
}

.slider-track-container[b-oy6t470c2p] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--space-2) 0;
}

.slider-min[b-oy6t470c2p], .slider-max[b-oy6t470c2p] {
    flex: 0 0 auto;
    width: 40px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.slider-min svg[b-oy6t470c2p], .slider-max svg[b-oy6t470c2p] {
    fill: var(--brand-blue);
    width: 20px;
    height: 20px;
}

.slider-input[b-oy6t470c2p] {
    width: 100%;
    margin: 0;
    height: 6px;
    -webkit-appearance: none;
    appearance: none;
    background: var(--grey-200);
    border-radius: 3px;
    outline: none;
    cursor: pointer;
    position: relative;
}

.slider-input[b-oy6t470c2p]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--brand-blue);
    cursor: pointer;
    border: 2px solid white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 1;
}

.slider-input[b-oy6t470c2p]::-moz-range-thumb {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--brand-blue);
    cursor: pointer;
    border: 2px solid white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 1;
}

.slider-thumb-label[b-oy6t470c2p] {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--brand-white);
    font-size: 1.2rem;
    font-weight: bold;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: var(--brand-blue);
    top: -18px; /* Position it above the slider thumb */
    pointer-events: none;
    z-index: 2;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    transform: translate(-50%, -140%);
}

/* Table styles */
.agent-table-container[b-oy6t470c2p] {
    width: 100%;
    background-color: var(--brand-white);
    border-radius: var(--border-radius-lg);
    box-shadow: var(--shadow-md);
    margin-bottom: var(--space-5);
}

.agent-table[b-oy6t470c2p] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-family: var(--font-secondary);
}

.agent-table th[b-oy6t470c2p],
.agent-table td[b-oy6t470c2p] {
    padding: var(--space-3);
    border-bottom: 1px solid var(--grey-200);
    vertical-align: middle;
}

.agent-table th[b-oy6t470c2p] {
    text-align: left;
    font-weight: 600;
    color: var(--text-primary);
    font-size: 1.6rem;
    letter-spacing: 0.05rem;
    background-color: var(--surface-light);
    position: sticky;
    top: 0;
    z-index: 1;
}

.agent-table tbody tr[b-oy6t470c2p] {
    transition: all 0.2s ease;
    cursor: pointer;
}

.agent-table tbody tr:hover[b-oy6t470c2p] {
    background-color: var(--brand-blue-100);
}

.agent-table tbody tr.selected[b-oy6t470c2p] {
    background-color: var(--brand-blue-200);
}

.agent-table tbody tr.selected:hover[b-oy6t470c2p] {
    background-color: var(--brand-blue-300);
}

/* Selection column */
.selection-column[b-oy6t470c2p] {
    width: 60px;
    text-align: center;
}

.selection-checkbox[b-oy6t470c2p] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid var(--grey-400);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    transition: all 0.2s ease;
    background-color: var(--brand-white);
}

.selection-checkbox.checked[b-oy6t470c2p] {
    background-color: var(--brand-blue);
    border-color: var(--brand-blue);
}

.selection-checkbox .checkmark[b-oy6t470c2p] {
    width: 16px;
    height: 16px;
    fill: var(--brand-white);
    opacity: 0;
    transition: opacity 0.2s ease;
}

.selection-checkbox.checked .checkmark[b-oy6t470c2p] {
    opacity: 1;
}

.selection-indicator[b-oy6t470c2p] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: var(--brand-blue);
    color: var(--brand-white);
    font-weight: 600;
    margin: 0 auto;
}

/* Rank column */
.rank-column[b-oy6t470c2p] {
    width: 100px;
}

.rank-badge[b-oy6t470c2p] {
    display: inline-block;
    padding: 0.4rem 0.8rem;
    background: var(--brand-blue);
    color: var(--brand-white);
    border-radius: 12px;
    font-weight: bold;
    font-size: 1.4rem;
    box-shadow: var(--shadow-sm);
}

/* Agent info */
.agent-row-info[b-oy6t470c2p] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.agent-row-avatar[b-oy6t470c2p] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: var(--shadow-sm);
    border: 2px solid var(--brand-white);
}

.agent-details[b-oy6t470c2p] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.agent-row-name[b-oy6t470c2p] {
    font-weight: 500;
    color: var(--text-primary);
    font-size: 1.6rem;
}

.agent-brokerage-mobile[b-oy6t470c2p] {
    font-size: 1.3rem;
    color: var(--text-secondary);
    display: none; /* Hidden by default on desktop */
}

.agent-value-mobile[b-oy6t470c2p] {
    font-size: 1.3rem;
    color: var(--success-green);
    font-weight: 600;
    display: none; /* Hidden by default on desktop */
}

/* Numeric cells */
.numeric-cell[b-oy6t470c2p] {
    text-align: right;
    font-weight: 500;
    font-family: var(--font-secondary);
}

/* Selection count in slider */
.selection-count[b-oy6t470c2p] {
    font-size: 2.4rem;
    font-weight: 600;
    color: var(--brand-blue);
}

.selection-label[b-oy6t470c2p] {
    font-size: 1.6rem;
    color: var(--text-secondary);
}

.selection-warning[b-oy6t470c2p] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    color: var(--warning-yellow);
    margin-left: var(--space-3);
}

.selection-warning svg[b-oy6t470c2p] {
    width: 20px;
    height: 20px;
    fill: var(--warning-yellow);
}

/* Action button container */
.action-button-container[b-oy6t470c2p] {
    display: flex;
    justify-content: flex-end;
    padding: var(--space-3) 0;
}

/* Button styles */
.btn-primary[b-oy6t470c2p], .btn-secondary[b-oy6t470c2p] {
    padding: var(--space-2) var(--space-4);
    border-radius: var(--border-radius-md);
    font-weight: 500;
    font-size: 1.6rem;
    transition: all 0.2s ease;
    cursor: pointer;
    border: none;
    font-family: var(--font-secondary);
}

.btn-primary[b-oy6t470c2p] {
    background-color: var(--brand-blue);
    color: var(--brand-white);
}

.btn-primary:hover[b-oy6t470c2p] {
    background-color: var(--brand-blue-700);
}

.btn-primary:disabled[b-oy6t470c2p] {
    background-color: var(--grey-400);
    cursor: not-allowed;
}

.btn-secondary[b-oy6t470c2p] {
    background-color: var(--surface-medium);
    color: var(--text-secondary);
}

.btn-secondary:hover[b-oy6t470c2p] {
    background-color: var(--grey-300);
}

/* Loading states */
.initial-loading-overlay[b-oy6t470c2p] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 10;
    padding: var(--space-4);
    border-radius: var(--border-radius-md);
}

.initial-loading-overlay p[b-oy6t470c2p] {
    margin-top: var(--space-3);
    font-size: 1.8rem;
    color: var(--text-primary);
    font-weight: 500;
}

.loading-container[b-oy6t470c2p] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}

.spinner-border[b-oy6t470c2p] {
    width: 3rem;
    height: 3rem;
}

.no-results[b-oy6t470c2p] {
    text-align: center;
    padding: var(--space-6);
    color: var(--text-secondary);
    font-size: 1.8rem;
}

/* Debug section */
.debug-info[b-oy6t470c2p] {
    background-color: var(--surface-light);
    padding: var(--space-3);
    border-radius: var(--border-radius-md);
    margin-top: var(--space-5);
    font-family: var(--font-secondary);
}

.debug-info h4[b-oy6t470c2p] {
    font-size: 1.8rem;
    margin-bottom: var(--space-3);
    color: var(--text-primary);
}

.debug-info ul[b-oy6t470c2p] {
    list-style-type: none;
    padding: 0;
}

.debug-info li[b-oy6t470c2p] {
    margin-bottom: var(--space-2);
    font-size: 1.6rem;
    color: var(--text-secondary);
}

/* Payment Modal */
.modal-overlay[b-oy6t470c2p] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.payment-required-modal[b-oy6t470c2p] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--brand-white);
    padding: var(--space-4);
    border-radius: var(--border-radius-lg);
    width: 90%;
    max-width: 500px;
    z-index: 1000;
    box-shadow: var(--shadow-lg);
}

.payment-required-modal h3[b-oy6t470c2p] {
    margin-bottom: var(--space-3);
    font-family: var(--font-primary);
    color: var(--text-primary);
}

.payment-required-modal p[b-oy6t470c2p] {
    margin-bottom: var(--space-4);
    font-size: 1.6rem;
    color: var(--text-secondary);
}

/* Responsive styles */
@media (max-width: 768px) {
    .agent-select-slider[b-oy6t470c2p] {
        padding: 0 var(--space-2);
    }

    .slider-container[b-oy6t470c2p] {
        padding: var(--space-3);
    }

    .slider-header[b-oy6t470c2p] {
        flex-direction: column;
        gap: var(--space-2);
    }

    .agent-table th[b-oy6t470c2p], 
    .agent-table td[b-oy6t470c2p] {
        padding: var(--space-2);
        font-size: 1.4rem;
    }

    /* Hide Brokerage, Sales, and Value columns on mobile */
    .agent-table th:nth-child(4)[b-oy6t470c2p],
    .agent-table td:nth-child(4)[b-oy6t470c2p],
    .agent-table th:nth-child(5)[b-oy6t470c2p],
    .agent-table td:nth-child(5)[b-oy6t470c2p],
    .agent-table th:nth-child(6)[b-oy6t470c2p],
    .agent-table td:nth-child(6)[b-oy6t470c2p] {
        display: none;
    }

    .agent-row-info[b-oy6t470c2p] {
        gap: 12px;
        flex-direction: row;
        align-items: center;
    }

    .agent-row-avatar[b-oy6t470c2p] {
        width: 48px;
        height: 48px;
        flex-shrink: 0;
    }

    .agent-details[b-oy6t470c2p] {
        display: flex;
        flex-direction: column;
        gap: 2px;
        min-width: 0;
        flex: 1;
    }

    .agent-row-name[b-oy6t470c2p] {
        font-size: 1.5rem;
        font-weight: 500;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .agent-brokerage-mobile[b-oy6t470c2p] {
        font-size: 1.3rem;
        color: var(--text-secondary);
        overflow: hidden;
        text-overflow: ellipsis;
        display: block; /* Show on mobile */
    }

    .agent-value-mobile[b-oy6t470c2p] {
        font-size: 1.3rem;
        color: var(--success-green);
        font-weight: 600;
        display: block; /* Show on mobile */
    }

    .slider-selection-count[b-oy6t470c2p] {
        flex-direction: column;
    }

    .selection-warning[b-oy6t470c2p] {
        margin-left: 0;
        margin-top: var(--space-2);
    }
}

.slider-header[b-oy6t470c2p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: var(--space-3);
}

.action-buttons[b-oy6t470c2p] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.slider-header[b-oy6t470c2p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: var(--space-3);
}

.selection-counter[b-oy6t470c2p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.selection-warning[b-oy6t470c2p] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 4px;
}

/* Loading states - consolidated */
.loading-spinner[b-oy6t470c2p] {
    width: 50px;
    height: 50px;
    border: 5px solid var(--grey-200);
    border-top: 5px solid var(--brand-blue);
    border-radius: 50%;
    animation: spin-b-oy6t470c2p 1s linear infinite;
    margin: 0 auto;
}

.loading-container[b-oy6t470c2p] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 200px;
    padding: var(--space-4);
    width: 100%;
}

/* Loading overlay for specific sections */
.section-loading-overlay[b-oy6t470c2p] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 10;
    border-radius: var(--border-radius-md);
}

@keyframes spin-b-oy6t470c2p {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.rankings-disclaimer[b-oy6t470c2p] {
    font-size: 1.3rem;
    text-align: center;
    padding-bottom: 25px;
}
/* /Components/Shared/AuthorizeNetPayment.razor.rz.scp.css */
/* Main container */
.payment-component[b-lbt14cczry] {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 24px;
    max-width: 550px;
    width: 100%;
    margin: 0 auto;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

    .payment-component.processing[b-lbt14cczry] {
        position: relative;
    }

        .payment-component.processing[b-lbt14cczry]::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(255, 255, 255, 0.7);
            border-radius: 8px;
            z-index: 1;
        }

/* Header */
.payment-header[b-lbt14cczry] {
    margin-bottom: 20px;
    text-align: center;
}

    .payment-header h3[b-lbt14cczry] {
        margin: 0 0 8px 0;
        font-size: 24px;
        color: #2d3748;
    }

.payment-description[b-lbt14cczry] {
    color: #64748b;
    margin: 0;
    font-size: 14px;
}

/* Payment body */
.payment-body[b-lbt14cczry] {
    margin-bottom: 24px;
}

/* Payment summary */
.payment-summary[b-lbt14cczry] {
    background-color: #f8fafc;
    border-radius: 6px;
    padding: 16px;
    margin-bottom: 20px;
}

.payment-amount-row[b-lbt14cczry] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
}

.payment-amount[b-lbt14cczry] {
    font-size: 18px;
    color: #334155;
}

.payment-frequency[b-lbt14cczry] {
    margin-top: 4px;
    text-align: right;
}

    .payment-frequency small[b-lbt14cczry] {
        color: #64748b;
    }

/* Form */
.payment-form[b-lbt14cczry] {
    margin-bottom: 20px;
}

.form-group[b-lbt14cczry] {
    margin-bottom: 16px;
}

    .form-group label[b-lbt14cczry] {
        display: block;
        margin-bottom: 8px;
        font-size: 14px;
        color: #4b5563;
        font-weight: 500;
    }

.form-control[b-lbt14cczry] {
    width: 100%;
    padding: 10px 12px;
    font-size: 16px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background-color: #fff;
    transition: border-color 0.15s ease-in-out;
    box-sizing: border-box;
}

    .form-control:focus[b-lbt14cczry] {
        border-color: #3b82f6;
        outline: 0;
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25);
    }

    .form-control.is-invalid[b-lbt14cczry] {
        border-color: #ef4444;
        background-color: #fff;
    }

        .form-control.is-invalid:focus[b-lbt14cczry] {
            box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.25);
        }

.invalid-feedback[b-lbt14cczry] {
    display: block;
    width: 100%;
    margin-top: 4px;
    font-size: 13px;
    color: #ef4444;
}

/* Layout for expiration date and CVV */
.payment-form-row[b-lbt14cczry] {
    display: flex;
    gap: 16px;
}

.expiration-date[b-lbt14cczry] {
    flex: 1;
}

.security-code[b-lbt14cczry] {
    width: 120px;
}

.expiration-inputs[b-lbt14cczry] {
    display: flex;
    align-items: center;
}

    .expiration-inputs select[b-lbt14cczry] {
        width: 80px;
    }

    .expiration-inputs span[b-lbt14cczry] {
        margin: 0 8px;
        color: #64748b;
    }

/* Error message */
.payment-error[b-lbt14cczry] {
    margin-top: 16px;
}

.alert-danger[b-lbt14cczry] {
    padding: 12px;
    color: #991b1b;
    background-color: #fee2e2;
    border: 1px solid #fecaca;
    border-radius: 6px;
    font-size: 14px;
}

/* Action buttons */
.payment-actions[b-lbt14cczry] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 24px;
}

.btn[b-lbt14cczry] {
    flex: 1;
    padding: 10px 16px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .btn:disabled[b-lbt14cczry] {
        opacity: 0.7;
        cursor: not-allowed;
    }

.btn-primary[b-lbt14cczry] {
    background-color: #3b82f6;
    color: white;
}

    .btn-primary:hover:not(:disabled)[b-lbt14cczry] {
        background-color: #2563eb;
    }

.btn-outline-secondary[b-lbt14cczry] {
    background-color: transparent;
    color: #64748b;
    border: 1px solid #d1d5db;
}

    .btn-outline-secondary:hover:not(:disabled)[b-lbt14cczry] {
        background-color: #f1f5f9;
    }

/* Loading spinner */
.spinner-border[b-lbt14cczry] {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: text-bottom;
    border: 0.2em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border-b-lbt14cczry 0.75s linear infinite;
    margin-right: 8px;
}

@keyframes spinner-border-b-lbt14cczry {
    to {
        transform: rotate(360deg);
    }
}

/* Test Cards Dropdown Styling */
.test-cards-container[b-lbt14cczry] {
    position: relative;
    margin-bottom: 1rem;
    width: 100%;
}

.test-cards-button[b-lbt14cczry] {
    width: 100%;
    padding: 0.75rem 1rem;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.9rem;
    transition: background-color 0.2s ease;
}

    .test-cards-button:hover[b-lbt14cczry] {
        background-color: #e5e5e5;
    }

    .test-cards-button[b-lbt14cczry]::after {
        content: '▼';
        font-size: 0.8rem;
        margin-left: 0.5rem;
    }

.test-cards-dropdown[b-lbt14cczry] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-top: 0.25rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    z-index: 1000;
    display: none;
}

    .test-cards-dropdown.show[b-lbt14cczry] {
        display: block;
    }

.test-cards-option[b-lbt14cczry] {
    padding: 0.75rem 1rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .test-cards-option:hover[b-lbt14cczry] {
        background-color: #f5f5f5;
    }

    .test-cards-option:not(:last-child)[b-lbt14cczry] {
        border-bottom: 1px solid #eee;
    }

.spinner-status[b-lbt14cczry] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
}

    .spinner-status span.spinner-border[b-lbt14cczry] {
        margin-right: 10px;
    }

.status-help-text[b-lbt14cczry] {
    text-align: center;
    color: #6b7280;
    font-size: 0.875rem;
}

.payment-status-message[b-lbt14cczry] {
    background-color: #f0f9ff;
    border: 1px solid #bae6fd;
    border-radius: 8px;
    padding: 16px;
    margin-top: 16px;
}

@media (max-width: 576px) {
    .payment-component[b-lbt14cczry] {
        padding: 16px;
        max-width: 100%;
    }

    .payment-actions[b-lbt14cczry] {
        flex-direction: column;
        gap: 8px;
    }

    .payment-form-row[b-lbt14cczry] {
        flex-direction: column;
        gap: 8px;
    }

    .security-code[b-lbt14cczry] {
        width: 100%;
    }
}
/* /Components/Shared/ContactForm.razor.rz.scp.css */
.text-h8[b-sn6pqu0r38] {
    font-size: 1.6rem;
}

.contact-form[b-sn6pqu0r38] {
    max-width: 600px;
    margin: 0 auto;
    border: 2px solid var(--brand-blue);
    border-radius: var(--border-radius-xl);
    box-shadow: var(--shadow-md);
    padding: 2.5rem;
}

.form-row-flex[b-sn6pqu0r38] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: var(--form-gap);
    margin-bottom: var(--form-gap);
}

.form-row[b-sn6pqu0r38] {
    margin-bottom: var(--form-gap);
}

.contact-form .form-row:last-child[b-sn6pqu0r38] {
    margin-bottom: 0;
}

.form-group[b-sn6pqu0r38] {
    flex: 1;
}

.validation-message[b-sn6pqu0r38] {
    color: var(--error-red);
    font-size: 1.2rem;
    margin-top: 0.5rem;
    opacity: 0;
    transform: translateY(-5px);
    transition: var(--input-transition);
}

    .validation-message.show[b-sn6pqu0r38] {
        opacity: 1;
        transform: translateY(0);
    }

.success-message[b-sn6pqu0r38] {
    text-align: center;
    color: var(--success-green);
    margin-top: var(--form-gap);
    font-weight: 500;
}

.location[b-sn6pqu0r38] {
    max-width: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    margin-top: 2rem;
}

.location-icon[b-sn6pqu0r38] {
    fill: var(--brand-blue);
    height: 25px;
    width: 25px;
}

.phone[b-sn6pqu0r38] {
    max-width: 600px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    margin: 0 auto;
    margin-top: 2rem;
}

.phone-icon[b-sn6pqu0r38] {
    fill: var(--brand-blue);
    height: 25px;
    width: 25px;
}

.clock-icon[b-sn6pqu0r38] {
    fill: var(--brand-blue);
    height: 25px;
    width: 25px;
}
/* /Components/Shared/DoubleHeader.razor.rz.scp.css */
.small-header[b-2rktn2qzr7] {
    color: var(--brand-blue);
}

.large-header[b-2rktn2qzr7] {
    margin-bottom: 8rem;
}
/* /Components/Shared/Logo.razor.rz.scp.css */
.nav-logo[b-qemr5pgwqj] {
    height: 40px;
    width: 300px;
    background-image: url(/logo-header.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
/* /Components/Shared/MobileNumber.razor.rz.scp.css */
.phone-input-container[b-dvl4qzf85i] {
    position: relative;
    margin-bottom: 1rem;
}

.phone-input-wrapper[b-dvl4qzf85i] {
    position: relative;
    display: flex;
    align-items: center;
}

.input-action[b-dvl4qzf85i] {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

.verify-button[b-dvl4qzf85i] {
    background-color: var(--primary-color);
    color: white;
    border: none;
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    font-size: 0.85rem;
    cursor: pointer;
}

    .verify-button:hover[b-dvl4qzf85i] {
        background-color: var(--primary-dark-color);
    }

    .verify-button:disabled[b-dvl4qzf85i] {
        background-color: var(--gray-color);
        cursor: not-allowed;
    }

.loading-spinner.sm[b-dvl4qzf85i] {
    width: 20px;
    height: 20px;
    border-width: 2px;
}

.verification-code-form[b-dvl4qzf85i] {
    margin: 2rem 0;
}

.verification-label[b-dvl4qzf85i] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.verification-code-input[b-dvl4qzf85i] {
    margin-bottom: 1rem;
}

    .verification-code-input input[b-dvl4qzf85i] {
        font-size: 1.5rem;
        letter-spacing: 0.25rem;
        text-align: center;
    }

.phone-icon[b-dvl4qzf85i] {
    width: 64px;
    height: 64px;
    margin: 2rem auto;
    background-image: url('/images/phone-icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
/* /Components/Shared/NotificationBell.razor.rz.scp.css */
/* NotificationBell.razor.css - Updated to match app.css conventions */

.notification-bell[b-666403h8lx] {
    position: relative;
    display: inline-block;
}

.notification-icon[b-666403h8lx] {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 1.4rem;
    color: var(--brand-dark-grey) !important;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease-in-out;
}

    .notification-icon:hover[b-666403h8lx] {
        background-color: var(--surface-light);
        color: var(--brand-blue);
    }

.notification-bell.active .notification-icon[b-666403h8lx] {
    background-color: var(--surface-light);
    color: var(--brand-blue);
}

.notification-badge[b-666403h8lx] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background-color: var(--error-red);
    color: var(--brand-white);
    border-radius: 50%;
    min-width: 1.8rem;
    height: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: bold;
}

.notification-dropdown[b-666403h8lx] {
    position: absolute;
    top: 100%;
    right: 0;
    width: 36rem;
    max-height: 40rem;
    background-color: var(--brand-white);
    border-radius: var(--border-radius-md);
    box-shadow: var(--shadow-md);
    z-index: 1000;
    margin-top: 0.5rem;
    overflow: hidden;
    display:block;
}

.notification-header[b-666403h8lx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--border-color);
}

    .notification-header h3[b-666403h8lx] {
        margin: 0;
        color: var(--text-primary);
        font-weight: 600;
        font-size: 1.8rem;
        font-family: var(--font-primary);
    }

.mark-all-read[b-666403h8lx] {
    background: none;
    border: none;
    color: var(--brand-blue);
    cursor: pointer;
    font-size: 1.4rem;
    padding: 0.5rem;
    font-family: var(--font-secondary);
}

    .mark-all-read:hover[b-666403h8lx] {
        text-decoration: underline;
    }

.notification-list[b-666403h8lx] {
    max-height: 35rem;
    overflow-y: auto;
}

.notification-item[b-666403h8lx] {
    display: flex;
    padding: 1.5rem;
    border-bottom: 1px solid var(--border-color);
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .notification-item:hover[b-666403h8lx] {
        background-color: var(--surface-light);
    }

    .notification-item.unread[b-666403h8lx] {
        background-color: var(--brand-blue-100);
    }

        .notification-item.unread:hover[b-666403h8lx] {
            background-color: var(--brand-blue-200);
        }

    .notification-item .notification-icon[b-666403h8lx] {
        width: auto;
        height: auto;
    }

        .notification-item .notification-icon i[b-666403h8lx] {
            font-size: 1.6rem;
            width: 3rem;
            height: 3rem;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: var(--brand-blue-100);
            color: var(--brand-blue);
            border-radius: 50%;
        }

.notification-content[b-666403h8lx] {
    margin-left: 1rem;
    flex: 1;
}

    .notification-content h4[b-666403h8lx] {
        margin: 0 0 0.5rem 0;
        font-size: 1.6rem;
        font-weight: 600;
        font-family: var(--font-primary);
        color: var(--text-primary);
    }

    .notification-content p[b-666403h8lx] {
        margin: 0 0 0.5rem 0;
        font-size: 1.4rem;
        font-family: var(--font-secondary);
        color: var(--text-secondary);
        line-height: 1.4;
    }

.notification-time[b-666403h8lx] {
    display: block;
    font-size: 1.2rem;
    color: var(--grey-600);
    font-family: var(--font-secondary);
}

.view-all[b-666403h8lx] {
    padding: 1rem;
    text-align: center;
    border-top: 1px solid var(--border-color);
}

    .view-all a[b-666403h8lx] {
        color: var(--brand-blue);
        text-decoration: none;
        font-size: 1.4rem;
        font-weight: 500;
        font-family: var(--font-primary);
    }

        .view-all a:hover[b-666403h8lx] {
            text-decoration: underline;
        }

.no-notifications[b-666403h8lx] {
    padding: 3rem;
    text-align: center;
    color: var(--text-secondary);
    font-family: var(--font-secondary);
    font-size: 1.6rem;
}

/* Adjust for mobile views */
@media only screen and (max-width: 820px) {
    .notification-dropdown[b-666403h8lx] {
        width: 30rem;
        right: -1.5rem;
    }
}

@media only screen and (max-width: 480px) {
    .notification-dropdown[b-666403h8lx] {
        width: calc(100vw - 3rem);
        right: -4rem;
        top: 100%;
    }
}

.notification-icon i[b-666403h8lx] {
    display: none; /* Hide the Font Awesome icon */
}

.notification-icon[b-666403h8lx]::before {
    content: '';
    display: block;
    width: 2rem;
    height: 2rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23606060' d='M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M14,21A2,2 0 0,1 12,23A2,2 0 0,1 10,21'%3E%3C/path%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.notification-icon:hover[b-666403h8lx]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23004bbb' d='M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M14,21A2,2 0 0,1 12,23A2,2 0 0,1 10,21'%3E%3C/path%3E%3C/svg%3E");
}

.notification-item .notification-icon[b-666403h8lx]::before {
    content: none; /* Remove the bell icon from notification items */
}

/* Replace individual notification type icons */
.notification-item .notification-icon i[b-666403h8lx] {
    display: flex; /* Override the display:none from above */
    background-color: rgba(var(--brand-blue-rgb), 0.1);
    color: transparent; /* Hide the FA icon color */
    position: relative;
}

    /* Email icon */
    .notification-item .notification-icon i.fas.fa-envelope[b-666403h8lx]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23004bbb' d='M20,8L12,13L4,8V6L12,11L20,6M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z'%3E%3C/path%3E%3C/svg%3E");
        background-size: 60%;
        background-repeat: no-repeat;
        background-position: center;
    }

    /* SMS icon */
    .notification-item .notification-icon i.fas.fa-sms[b-666403h8lx]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23004bbb' d='M20,2H4A2,2 0 0,0 2,4V22L6,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M20,16H6L4,18V4H20'%3E%3C/path%3E%3C/svg%3E");
        background-size: 60%;
        background-repeat: no-repeat;
        background-position: center;
    }
/* /Components/Shared/Spinner.razor.rz.scp.css */
.loader[b-2qu068n4ff] {
    /* Center the loader and give it a white background context */
    display: inline-block;
    background: var(--brand-white);
    /* (Add any centering mechanism in parent as needed, e.g., text-align: center on container or flex layout) */
}

    .loader svg[b-2qu068n4ff] {
        width: 120px;
        height: auto; /* preserve aspect ratio */
        display: block;
        margin: 0 auto;
    }
/* Visually hide the screen-reader text */
.sr-only[b-2qu068n4ff] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
}

/* Animation for logo segments */
#logo-seg-left[b-2qu068n4ff],
#logo-seg-right[b-2qu068n4ff] {
    transform-box: fill-box; /* allow transform relative to its bounding box */
    transform-origin: 50% 100%; /* pivot at bottom center of each segment */
}
/* Left segment: gently rotate outwards (counter-clockwise) and back */
@keyframes morphLeft-b-2qu068n4ff {
    0%, 100% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(-8deg);
    }
}
/* Right segment: rotate outwards (clockwise) and back */
@keyframes morphRight-b-2qu068n4ff {
    0%, 100% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(8deg);
    }
}
/* Apply the animations to each segment */
#logo-seg-left[b-2qu068n4ff] {
    animation: morphLeft-b-2qu068n4ff 4s ease-in-out infinite;
}

#logo-seg-right[b-2qu068n4ff] {
    animation: morphRight-b-2qu068n4ff 4s ease-in-out infinite;
}

/* Optional: Reduced-motion preference – disable animation for users who prefer no motion */
@media (prefers-reduced-motion: reduce) {
    #logo-seg-left[b-2qu068n4ff], #logo-seg-right[b-2qu068n4ff] {
        animation: none !important;
    }
}
/* /Components/Shared/TermsAndConditions.razor.rz.scp.css */
.terms-conditions-content[b-rt7gfb9owj] {
    max-height: 60vh;
    overflow-y: auto;
    padding: var(--space-4);
    scroll-behavior: smooth;
    border-radius: var(--border-radius-md);
    background-color: var(--surface-light);
    border: 1px solid var(--grey-200);
    box-shadow: var(--shadow-md);
    font-family: var(--font-secondary);
    line-height: 1.6;
    color: var(--text-primary);
    font-size: 1.6rem;
}

    .terms-conditions-content[b-rt7gfb9owj]::-webkit-scrollbar {
        width: 8px;
    }

    .terms-conditions-content[b-rt7gfb9owj]::-webkit-scrollbar-track {
        background: var(--surface-medium);
        border-radius: var(--border-radius-md);
    }

    .terms-conditions-content[b-rt7gfb9owj]::-webkit-scrollbar-thumb {
        background-color: var(--brand-blue-300);
        border-radius: var(--border-radius-md);
    }

        .terms-conditions-content[b-rt7gfb9owj]::-webkit-scrollbar-thumb:hover {
            background-color: var(--brand-blue-400);
        }

    .terms-conditions-content h4[b-rt7gfb9owj] {
        font-family: var(--font-primary);
        color: var(--brand-blue-700);
        margin-top: var(--space-5);
        margin-bottom: var(--space-3);
        font-size: 2.2rem;
        border-bottom: 1px solid var(--grey-200);
        padding-bottom: var(--space-2);
        font-weight: 500;
    }

        .terms-conditions-content h4:first-child[b-rt7gfb9owj] {
            margin-top: 0;
        }

    .terms-conditions-content p[b-rt7gfb9owj] {
        margin-bottom: var(--space-3);
        text-align: justify;
    }

    /* List styling improvements */
    .terms-conditions-content ul[b-rt7gfb9owj],
    .terms-conditions-content ol[b-rt7gfb9owj] {
        margin-left: var(--space-4);
        margin-bottom: var(--space-3);
        padding-left: var(--space-4);
    }

    .terms-conditions-content li[b-rt7gfb9owj] {
        margin-bottom: var(--space-2);
        position: relative;
        padding-left: var(--space-1);
    }

    .terms-conditions-content ul[b-rt7gfb9owj] {
        list-style-type: disc;
        list-style-position: outside;
    }

    .terms-conditions-content ol[b-rt7gfb9owj] {
        list-style-type: decimal;
        list-style-position: outside;
    }

        /* For nested lists */
        .terms-conditions-content ul ul[b-rt7gfb9owj],
        .terms-conditions-content ol ol[b-rt7gfb9owj],
        .terms-conditions-content ul ol[b-rt7gfb9owj],
        .terms-conditions-content ol ul[b-rt7gfb9owj] {
            margin-top: var(--space-2);
            margin-bottom: 0;
        }

    .terms-conditions-content strong[b-rt7gfb9owj] {
        color: var(--brand-blue-800);
        font-weight: 600;
    }

    .terms-conditions-content a.blue-text[b-rt7gfb9owj] {
        color: var(--brand-blue);
        text-decoration: none;
        transition: var(--input-transition);
        border-bottom: 1px dotted var(--brand-blue-300);
    }

        .terms-conditions-content a.blue-text:hover[b-rt7gfb9owj] {
            color: var(--brand-blue-700);
            border-bottom: 1px solid var(--brand-blue-700);
        }

.highlighted-section[b-rt7gfb9owj] {
    background-color: var(--brand-blue-100);
    padding: var(--space-3);
    margin: var(--space-3) 0;
    border-radius: var(--border-radius-md);
    border-left: 3px solid var(--brand-blue-500);
}

@media screen and (max-width: 768px) {
    .terms-conditions-content[b-rt7gfb9owj] {
        max-height: 50vh;
        font-size: 1.4rem;
    }

        .terms-conditions-content h4[b-rt7gfb9owj] {
            font-size: 1.8rem;
        }
}
/* /Features/Account/Dashboard/Agent/AgentDashboardPage.razor.rz.scp.css */
/* General page and dashboard setup - uses app.css variables */
.page-wrap[b-okkwvoh8lb] {
    /* Assuming this is an intentional override of app.css .page-wrap for this specific page */
    margin-top: 1rem;
    padding: 0px;
}

.dashboard-page[b-okkwvoh8lb] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    padding: var(--space-4);
    max-width: 1350px;
    /* Consistent with app.css .page-wrap max-width */
    margin: 0 auto;
}

/* Header Section - uses app.css variables */
.dashboard-header[b-okkwvoh8lb] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    margin-bottom: var(--space-2);
}

.welcome-section[b-okkwvoh8lb] {
    background: var(--gradient-blue-horizontal);
    border-radius: var(--border-radius-lg);
    padding: var(--space-4) var(--space-5);
    color: var(--brand-white);
    box-shadow: var(--shadow-md);
}

    .welcome-section h1[b-okkwvoh8lb] {
        margin-bottom: var(--space-2);
        font-family: var(--font-primary);
        /* Uses app.css variable */
    }

.welcome-subtitle[b-okkwvoh8lb] {
    opacity: 0.9;
}

.highlight[b-okkwvoh8lb] {
    color: var(--brand-blue-200);
    /* Uses app.css variable */
    font-weight: 600;
}

/* Filter tabs - uses app.css variables */
.filter-tabs[b-okkwvoh8lb] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1);
    margin-bottom: var(--space-3);
    border-bottom: 1px solid var(--grey-200);
    padding-bottom: var(--space-2);
}

.filter-tab[b-okkwvoh8lb] {
    padding: var(--space-2) var(--space-3);
    font-size: 1.5rem;
    /* Specific font size for tabs */
    border: none;
    /* Overrides potential default button border */
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
    border-radius: var(--border-radius-sm);
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-1);
    /* Use variable for gap */
    white-space: nowrap;
}

    .filter-tab:hover[b-okkwvoh8lb] {
        background-color: var(--grey-100);
        color: var(--text-primary);
    }

    .filter-tab.active[b-okkwvoh8lb] {
        background-color: var(--brand-blue-500);
        color: var(--brand-white);
        /* Ensure text is white */
        font-weight: 500;
    }

        .filter-tab.active .filter-button-icon[b-okkwvoh8lb] {
            filter: brightness(0) invert(1);
            /* Makes img white */
        }

        .filter-tab.active .tab-icon[b-okkwvoh8lb] {
            fill: var(--brand-white);
            /* Make SVG icon white */
        }

    .filter-tab .counter[b-okkwvoh8lb] {
        display: inline-block;
        background-color: var(--grey-200);
        /* Lighter default */
        border-radius: 10px;
        /* Pill shape */
        padding: var(--space-half, 0.125rem) var(--space-1);
        /* Smaller padding */
        font-size: 0.8em;
        /* Relative to tab font size */
        margin-left: var(--space-1);
        color: var(--text-secondary);
        font-weight: normal;
    }

    .filter-tab.active .counter[b-okkwvoh8lb] {
        background-color: var(--brand-blue-300);
        color: var(--brand-blue-700);
        font-weight: 500;
    }

.tab-icon[b-okkwvoh8lb] {
    display: inline-block;
    vertical-align: middle;
    /* margin-right is handled by gap in .filter-tab */
    fill: currentColor;
    /* Inherit color from parent, changes with .active state */
}

.filter-button-icon[b-okkwvoh8lb] {
    width: 22px;
    height: auto;
    vertical-align: middle;
    /* margin-right is handled by gap in .filter-tab */
    filter: brightness(1);
    /* Default state */
}

/* Unified List Styling - uses app.css variables */
.unified-list[b-okkwvoh8lb] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.list-item[b-okkwvoh8lb] {
    border-radius: var(--border-radius-md);
    overflow: hidden;
    border-left: 4px solid transparent;
    background-color: var(--surface-light);
    box-shadow: var(--shadow-sm);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .list-item:hover[b-okkwvoh8lb] {
        transform: translateY(-2px);
        box-shadow: var(--shadow-md);
    }

    .list-item.active-auction[b-okkwvoh8lb] {
        border-left-color: var(--success-green);
    }

    .list-item.upcoming-auction[b-okkwvoh8lb] {
        border-left-color: var(--brand-blue-500);
    }

    .list-item.pending-invite[b-okkwvoh8lb] {
        border-left-color: var(--warning-yellow);
    }

    .list-item.accepted-invite[b-okkwvoh8lb] {
        border-left-color: var(--info-cyan);
    }

    .list-item.declined-invite[b-okkwvoh8lb] {
        border-left-color: var(--grey-500);
    }

    .list-item.completed-auction[b-okkwvoh8lb] {
        border-left-color: var(--grey-400);
    }

        .list-item.completed-auction.won[b-okkwvoh8lb] {
            border-left-color: var(--purple-500, #6f42c1);
        }

/* Define --purple-500 in :root if not present */

/* Item Header Styling - uses app.css variables */
.item-header[b-okkwvoh8lb] {
    display: grid;
    grid-template-columns: auto 1fr auto auto auto;
    /* Status | Property | RSVP | Open House Date | Auction Date */
    align-items: center;
    padding: var(--space-3) var(--space-4);
    gap: var(--space-3);
    cursor: pointer;
    background-color: var(--brand-white);
}

    /* Enhanced item header transitions for better user feedback */
    .item-header.status-updating[b-okkwvoh8lb] {
        background: linear-gradient(45deg, var(--brand-blue-100), var(--brand-blue-50));
        animation: headerPulse 2s ease-in-out infinite;
        border-left: 4px solid var(--brand-blue-300);
    }

    .item-header.status-success[b-okkwvoh8lb] {
        background: linear-gradient(45deg, var(--success-light), var(--success-lighter));
        border-left: 4px solid var(--success-color);
        animation: successPulse-b-okkwvoh8lb 1s ease-out;
    }

    .item-header.status-error[b-okkwvoh8lb] {
        background: linear-gradient(45deg, var(--error-light), var(--error-lighter));
        border-left: 4px solid var(--error-color);
        animation: errorShake-b-okkwvoh8lb 0.5s ease-out;
    }

@keyframes successPulse-b-okkwvoh8lb {
    0% {
        transform: scale(1);
        background: var(--success-color);
        opacity: 0.8;
    }

    50% {
        transform: scale(1.02);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        background: linear-gradient(45deg, var(--success-light), var(--success-lighter));
        opacity: 1;
    }
}

@keyframes errorShake-b-okkwvoh8lb {

    0%, 100% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-5px);
    }

    75% {
        transform: translateX(5px);
    }
}

/* Item Status Badge - uses app.css variables */
.item-status[b-okkwvoh8lb] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    /* Align content to start */
    padding: 0.4rem 1rem;
    border-radius: 20px;
    /* Pill shape */
    font-size: 1.3rem;
    font-weight: 500;
    white-space: nowrap;
    min-width: 110px;
    /* Specific min-width */
    text-align: start;
}

    /* Status colors use rgba with app.css color variables for consistency if alpha versions are not in :root */
    .item-status.active[b-okkwvoh8lb] {
        background-color: rgba(46, 133, 64, 0.15);
        color: var(--success-green);
    }

    /* RGB for --success-green */
    .item-status.pending[b-okkwvoh8lb] {
        background-color: rgba(253, 184, 30, 0.15);
        color: var(--warning-yellow-dark, var(--warning-yellow));
    }

    /* RGB for --warning-yellow */
    .item-status.accepted[b-okkwvoh8lb] {
        background-color: rgba(51, 133, 255, 0.15);
        color: var(--brand-blue-500);
    }

    /* RGB for --brand-blue-500 */
    .item-status.upcoming[b-okkwvoh8lb] {
        background-color: rgba(2, 191, 231, 0.15);
        color: var(--info-cyan-dark, var(--info-cyan));
    }

    /* RGB for --info-cyan */
    .item-status.declined[b-okkwvoh8lb] {
        background-color: rgba(108, 117, 125, 0.15);
        color: var(--grey-600);
    }

    /* RGB for --grey-600 */
    .item-status.won[b-okkwvoh8lb],
    .item-status.status-won-paid[b-okkwvoh8lb] {
        background-color: rgba(111, 66, 193, 0.15);
        color: var(--purple-500, #6f42c1);
    }

    .item-status.status-won-pending-payment[b-okkwvoh8lb] {
        background-color: rgba(253, 184, 30, 0.25);
        color: var(--warning-yellow-dark, var(--warning-yellow));
    }

    .item-status.status-runnerup-paid[b-okkwvoh8lb] {
        background-color: rgba(23, 162, 184, 0.15);
        color: var(--info-cyan-dark, var(--info-cyan));
    }

    .item-status.status-runnerup-opportunity[b-okkwvoh8lb] {
        background-color: rgba(46, 133, 64, 0.15);
        color: var(--success-green);
    }

    .item-status.status-runnerup[b-okkwvoh8lb] {
        background-color: rgba(108, 117, 125, 0.15);
        color: var(--grey-600);
    }

    .item-status.completed[b-okkwvoh8lb] {
        background-color: rgba(108, 117, 125, 0.15);
        color: var(--grey-600);
    }

    .item-status.status-rsvped[b-okkwvoh8lb] {
        background-color: rgba(51, 133, 255, 0.15);
        color: var(--brand-blue-500);
    }

.status-indicator[b-okkwvoh8lb] {
    width: 8px;
    /* Or var(--space-2) if that's the visual target */
    height: 8px;
    border-radius: 50%;
    margin-right: var(--space-2);
    /* Use variable */
    display: inline-block;
    flex-shrink: 0;
}

.item-status.active .status-indicator[b-okkwvoh8lb] {
    background-color: var(--success-green);
}

.item-status.pending .status-indicator[b-okkwvoh8lb] {
    background-color: var(--warning-yellow-dark, var(--warning-yellow));
}

.item-status.accepted .status-indicator[b-okkwvoh8lb] {
    background-color: var(--brand-blue-500);
}

.item-status.upcoming .status-indicator[b-okkwvoh8lb] {
    background-color: var(--info-cyan-dark, var(--info-cyan));
}

.item-status.declined .status-indicator[b-okkwvoh8lb] {
    background-color: var(--grey-600);
}

.item-status.won .status-indicator[b-okkwvoh8lb],
.item-status.status-won-paid .status-indicator[b-okkwvoh8lb] {
    background-color: var(--purple-500, #6f42c1);
}

.item-status.status-won-pending-payment .status-indicator[b-okkwvoh8lb] {
    background-color: var(--warning-yellow-dark, var(--warning-yellow));
}

.item-status.status-runnerup-paid .status-indicator[b-okkwvoh8lb] {
    background-color: var(--info-cyan-dark, var(--info-cyan));
}

.item-status.status-runnerup-opportunity .status-indicator[b-okkwvoh8lb] {
    background-color: var(--success-green);
}

.item-status.status-runnerup .status-indicator[b-okkwvoh8lb] {
    background-color: var(--grey-600);
}

.item-status.completed .status-indicator[b-okkwvoh8lb] {
    background-color: var(--grey-600);
}

.item-status.status-rsvped .status-indicator[b-okkwvoh8lb] {
    background-color: var(--brand-blue-500);
}

.item-status span:last-child[b-okkwvoh8lb] {
    flex: 1;
    text-align: start;
}

/* Property Info Styling - uses app.css variables */
.property-info[b-okkwvoh8lb] {
    display: flex;
    flex-direction: column;
    padding-right: var(--space-3);
    overflow: hidden;
    /* To contain ellipsis */
}

.property-address[b-okkwvoh8lb] {
    font-size: 1.6rem;
    /* Matches .text-body-2 from app.css */
    font-weight: 500;
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* max-width: 400px; Consider removing if grid handles width well, or use percentage */
}

.property-location[b-okkwvoh8lb] {
    font-size: 1.4rem;
    /* Matches .text-body-3 from app.css */
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Column for RSVP and Open House Date */
.auction-info.open-house-column[b-okkwvoh8lb] {
    display: flex;
    flex-direction: column;
    min-width: 140px;
    text-align: center;
}

.bid-info[b-okkwvoh8lb] {
    /* Container for label + value/icon */
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bid-label[b-okkwvoh8lb] {
    font-size: 1.3rem;
    color: var(--text-secondary);
    margin-bottom: var(--space-1);
    /* Use variable */
}

.icon-container[b-okkwvoh8lb] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 18px;
    /* For icons or text like "RSVP" */
    margin-top: var(--space-1);
    /* Use variable */
}

    .icon-container > span:not(.date-time-value)[b-okkwvoh8lb] {
        /* For "RSVP" text */
        font-size: 1.3rem;
        color: var(--text-secondary);
    }

.check-icon[b-okkwvoh8lb] {
    color: var(--success-green);
    width: 18px;
    height: 18px;
}

.cross-icon[b-okkwvoh8lb] {
    color: var(--error-red);
    width: 18px;
    height: 18px;
    margin-top: 2px;
    /* slight adjustment */
}

/* Date Info Styling (Auction Date) - uses app.css variables */
.date-info[b-okkwvoh8lb] {
    display: flex;
    flex-direction: column;
    min-width: 140px;
    text-align: center;
}

.date-time-label[b-okkwvoh8lb] {
    display: block;
    font-size: 1.3rem;
    color: var(--text-secondary);
    text-align: center;
    margin-bottom: var(--space-1);
}

.date-time-value[b-okkwvoh8lb] {
    display: block;
    font-size: 1.4rem;
    /* Matches .text-body-3 */
    font-weight: 500;
    text-align: center;
}

/* Button Styling in this component */
/* Local buttons will use app.css variables for consistency */
/* If .solid-btn and .outlined-btn from app.css are sufficient, remove these local overrides */
/* Assuming these are specific variants for this page: */
.solid-btn[b-okkwvoh8lb] {
    /* This is a local variant if kept */
    padding: var(--space-2) var(--space-3);
    background-color: var(--brand-blue-500);
    color: var(--brand-white);
    border: 1px solid var(--brand-blue-500);
    /* Add border for consistency */
    border-radius: var(--border-radius-sm);
    font-size: 1.4rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s, border-color 0.2s;
    text-transform: none;
    /* Override app.css if needed locally */
}

    .solid-btn:hover[b-okkwvoh8lb] {
        background-color: var(--brand-blue-600);
        border-color: var(--brand-blue-600);
    }

.outlined-btn[b-okkwvoh8lb] {
    /* Local variant */
    padding: var(--space-2) var(--space-3);
    background-color: transparent;
    color: var(--brand-blue-500);
    border: 1px solid var(--brand-blue-500);
    /* app.css uses 2px, this is a local override */
    border-radius: var(--border-radius-sm);
    font-size: 1.4rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    text-transform: none;
    /* Override app.css if needed locally */
}

    .outlined-btn:hover[b-okkwvoh8lb] {
        background-color: var(--brand-blue-100);
        /* Lighter hover */
        color: var(--brand-blue-600);
        /* transform: translateY(-2px); */
        /* Optional: remove if causing issues */
        /* box-shadow: var(--shadow-sm); */
    }

.accept-btn[b-okkwvoh8lb] {
    /* Inherits from .solid-btn from app.css if this local .solid-btn is removed */
    /* If using local .solid-btn as base: */
    padding: var(--space-2) var(--space-3);
    font-size: 1.4rem;
    font-weight: 500;
    border-radius: var(--border-radius-sm);
    cursor: pointer;
    transition: all 0.2s;
    text-transform: none;
    /* Local override */

    background-color: var(--success-green);
    color: var(--brand-white);
    border: 1px solid var(--success-green);
}

    .accept-btn:hover[b-okkwvoh8lb] {
        background-color: var(--brand-blue, darken(var(--brand-blue), 10%));
        border-color: var(--brand-blue, darken(var(--brand-blue), 10%));
    }

.decline-btn[b-okkwvoh8lb] {
    padding: var(--space-2) var(--space-3);
    font-size: 1.4rem;
    font-weight: 500;
    border-radius: var(--border-radius-sm);
    cursor: pointer;
    transition: all 0.2s;
    text-transform: none;
    /* Local override */

    background-color: var(--error-red);
    color: var(--brand-white);
    border: 1px solid var(--error-red);
}

    .decline-btn:hover[b-okkwvoh8lb] {
        background-color: var(--brand-blue, darken(var(--brand-blue), 10%));
        /* Define --error-red-dark or use darken */
        border-color: var(--brand-blue, darken(var(--brand-blue), 10%));
        /* transform: translateY(-2px); */
        /* box-shadow: var(--shadow-sm); */
    }

/* Action buttons in expanded content (Enter Arena, Decline) */
.action-btn[b-okkwvoh8lb] {
    /* These will use the .solid-btn and .decline-btn styles from above */
    min-width: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.button-icon[b-okkwvoh8lb] {
    width: 20px;
    /* Slightly smaller */
    height: 20px;
    margin-right: var(--space-2);
    vertical-align: middle;
    filter: brightness(0) invert(1);
    /* Makes SVG icon white */
}

/* Expanded Content - uses app.css variables */
.item-expanded-content[b-okkwvoh8lb] {
    padding: var(--space-4);
    background-color: var(--surface-alt);
    /* Use variable from app.css */
    animation: fadeIn-b-okkwvoh8lb 0.3s ease;
}

.invite-response-section[b-okkwvoh8lb] {
    background-color: var(--brand-white);
    border-radius: var(--border-radius-sm);
    padding: var(--space-4);
    margin-top: var(--space-3);
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

    .invite-response-section h4[b-okkwvoh8lb] {
        font-size: 1.8rem;
        /* Matches .text-body-1 */
        margin-bottom: var(--space-3);
    }

.open-house-rsvp[b-okkwvoh8lb] {
    margin-bottom: var(--space-4);
}

.rsvp-actions[b-okkwvoh8lb] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: var(--space-2);
    /* Use variable */
    margin-top: var(--space-3);
    /* Use variable */
    margin-bottom: var(--space-3);
}

.invite-actions[b-okkwvoh8lb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-2);
    margin-top: var(--space-3);
    margin-bottom: var(--space-3);
    width: 100%;
}

.invite-action-buttons[b-okkwvoh8lb] {
    display: flex;
    gap: var(--space-2);
    margin-bottom: var(--space-2);
    justify-content: center;
}

.auction-summary-section[b-okkwvoh8lb] {
    background-color: var(--brand-white);
    border-radius: var(--border-radius-sm);
    padding: var(--space-4);
    margin-top: var(--space-3);
    box-shadow: var(--shadow-sm);
}

.invite-action-rsvp-text[b-okkwvoh8lb] {
    padding-top: 15px;
}

.auction-payment-section[b-okkwvoh8lb] {
    background-color: var(--brand-white);
    border-radius: var(--border-radius-sm);
    padding: var(--space-4);
    margin-top: var(--space-3);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--grey-200);
    max-width: 550px;
}

.auction-actions-container[b-okkwvoh8lb] {
    /* For AuctionLauncher button */
    display: flex;
    justify-content: center;
    padding: var(--space-3) 0;
    margin-bottom: var(--space-3);
    max-width: 500px;
}

.auction-action-btn[b-okkwvoh8lb] {
    /* For AuctionLauncher button - styled as a solid button */
    /* This button should ideally use the global .solid-btn style from app.css */
    /* If it needs to be different, ensure it's a conscious choice */
    padding: 0.5em 2em;
    /* Align with app.css .solid-btn */
    background-color: var(--brand-blue-500);
    color: var(--brand-white);
    border: 2px solid var(--brand-blue-500);
    /* Align with app.css .solid-btn */
    border-radius: var(--border-radius-md);
    /* Align with app.css .solid-btn */
    font-size: 1.4rem;
    /* Or inherit from .solid-btn */
    font-weight: 500;
    text-transform: uppercase;
    /* Align with app.css .solid-btn */
    letter-spacing: 0.5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-1);
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

    .auction-action-btn:hover[b-okkwvoh8lb] {
        background-color: var(--btn-bg-hover);
        /* from app.css */
        border-color: var(--btn-bg-hover);
        transform: translateY(-2px);
        box-shadow: var(--shadow-md);
    }

/* Loading, Empty State, Error Messages - uses app.css variables */
.loading-section[b-okkwvoh8lb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--space-6);
}

.loading-spinner[b-okkwvoh8lb] {
    width: 40px;
    height: 40px;
    border: 4px solid var(--grey-200);
    /* Use variable for light part of border */
    border-radius: 50%;
    border-top: 4px solid var(--brand-blue-500);
    animation: spin-b-okkwvoh8lb 1s linear infinite;
    margin-bottom: var(--space-3);
}

.loading-spinner-small[b-okkwvoh8lb] {
    width: 16px;
    height: 16px;
    border: 2px solid var(--grey-200);
    border-radius: 50%;
    border-top: 2px solid var(--brand-blue-500);
    animation: spin-b-okkwvoh8lb 1s linear infinite;
    display: inline-block;
    margin-right: var(--space-1);
}

.empty-state-container[b-okkwvoh8lb] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--space-8) 0;
    min-height: 240px;
}

.empty-state[b-okkwvoh8lb] {
    text-align: center;
    max-width: 400px;
    padding: var(--space-4);
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .empty-state .filter-button-icon[b-okkwvoh8lb] {
        width: 100px;
        height: 60px;
        margin-bottom: var(--space-3);
        filter: brightness(0) opacity(0.2);
    }

    .empty-state h3[b-okkwvoh8lb] {
        font-size: 1.8rem;
        margin-bottom: var(--space-2);
        color: var(--text-primary);
        font-weight: 600;
    }

    .empty-state p[b-okkwvoh8lb] {
        color: var(--text-secondary);
        font-size: 1.4rem;
    }

.error-message-panel[b-okkwvoh8lb] {
    background-color: var(--error-bg, rgba(216, 57, 51, 0.1));
    /* Define --error-bg or use rgba */
    color: var(--error-red);
    padding: var(--space-3);
    border-radius: var(--border-radius-sm);
    margin-top: var(--space-3);
    font-weight: 500;
}

.error-message[b-okkwvoh8lb] {
    color: var(--error-red);
    margin: var(--space-2) 0;
    font-size: 1.4rem;
}

/* Modal Styling - uses app.css variables */
.modal-overlay[b-okkwvoh8lb] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    /* Ensure high z-index */
}

.modal-container[b-okkwvoh8lb] {
    background-color: var(--brand-white);
    border-radius: var(--border-radius-md);
    width: 90%;
    max-width: 500px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: var(--shadow-lg);
    animation: slideIn-b-okkwvoh8lb 0.3s ease;
}

.modal-header[b-okkwvoh8lb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-3) var(--space-4);
    border-bottom: 1px solid var(--grey-200);
}

    .modal-header h3[b-okkwvoh8lb] {
        margin: 0;
        font-size: 2rem;
    }

/* Consider .text-h7 or .text-h8 */
.close-btn[b-okkwvoh8lb] {
    background: transparent;
    border: none;
    font-size: 2.4rem;
    cursor: pointer;
    color: var(--text-secondary);
    line-height: 1;
}

.modal-body[b-okkwvoh8lb] {
    padding: var(--space-4);
}

.modal-footer[b-okkwvoh8lb] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-4);
    border-top: 1px solid var(--grey-200);
}

.modal-error[b-okkwvoh8lb] {
    color: var(--error-red);
    margin-top: var(--space-2);
    font-size: 1.4rem;
}

/* Form elements in modal, should use app.css .form-control, .form-select if possible */
.form-select[b-okkwvoh8lb] {
    /* This should ideally use .form-control styles from app.css if it's a select */
    width: 100%;
    padding: var(--space-2);
    border-radius: var(--border-radius-sm);
    /* Or var(--border-radius-md) from app.css */
    border: 1px solid var(--grey-300);
    /* Or var(--grey-400) from app.css */
    font-size: 1.5rem;
    /* Or 1.6rem from app.css .form-control */
    margin-top: var(--space-2);
    /* Add select arrow styling from app.css if this is a select */
}

.form-control[b-okkwvoh8lb] {
    /* For textarea, should align with app.css .form-control */
    width: 100%;
    padding: var(--space-2);
    /* app.css uses 1rem 1.4rem */
    border-radius: var(--border-radius-sm);
    /* app.css uses --border-radius-md */
    border: 1px solid var(--grey-300);
    /* app.css uses --grey-400 */
    font-size: 1.5rem;
    /* app.css uses 1.6rem */
    resize: vertical;
    min-height: 100px;
}

/* Animations */
@keyframes spin-b-okkwvoh8lb {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fadeIn-b-okkwvoh8lb {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes slideIn-b-okkwvoh8lb {
    0% {
        transform: translateY(-20px);
        opacity: 0;
    }

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

/* Enhanced Smooth State Transition Animations */
@keyframes slideDown-b-okkwvoh8lb {
    from {
        opacity: 0;
        transform: translateY(-10px);
        max-height: 0;
    }

    to {
        opacity: 1;
        transform: translateY(0);
        max-height: 200px;
    }
}

@keyframes slideUp-b-okkwvoh8lb {
    from {
        opacity: 1;
        transform: translateY(0);
        max-height: 200px;
    }

    to {
        opacity: 0;
        transform: translateY(-10px);
        max-height: 0;
    }
}

@keyframes collapseItem-b-okkwvoh8lb {
    from {
        opacity: 1;
        transform: scale(1);
        max-height: 200px;
        margin-bottom: var(--space-3);
    }

    to {
        opacity: 0;
        transform: scale(0.95);
        max-height: 0;
        margin-bottom: 0;
    }
}

@keyframes expandItem-b-okkwvoh8lb {
    from {
        opacity: 0;
        transform: scale(0.95);
        max-height: 0;
        margin-bottom: 0;
    }

    to {
        opacity: 1;
        transform: scale(1);
        max-height: 200px;
        margin-bottom: var(--space-3);
    }
}

@keyframes fadeInScale-b-okkwvoh8lb {
    from {
        opacity: 0;
        transform: scale(0.9);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes shimmer-b-okkwvoh8lb {
    0% {
        background-position: -1000px 0;
    }

    100% {
        background-position: 1000px 0;
    }
}

/* Mobile responsive layout for agent dashboard */
@media (max-width: 768px) {
    .item-header[b-okkwvoh8lb] {
        display: flex !important;
        flex-direction: column;
        gap: var(--space-2);
        padding: var(--space-3);
    }

        /* Hide desktop layout on mobile */
        .item-header > .item-status[b-okkwvoh8lb],
        .item-header > .property-info[b-okkwvoh8lb] {
            display: none !important;
        }

        /* Show mobile layout on mobile */
        .item-header .mobile-header-top[b-okkwvoh8lb],
        .item-header .mobile-header-info[b-okkwvoh8lb] {
            display: flex !important;
        }

    /* Top row: Status and Address side by side */
    .mobile-header-top[b-okkwvoh8lb] {
        justify-content: flex-start;
        align-items: flex-start;
        gap: var(--space-2);
        width: 100%;
        padding: var(--space-2) 0;
        border-bottom: 1px solid var(--grey-200);
        margin-bottom: var(--space-2);
    }

        .mobile-header-top .mobile-status[b-okkwvoh8lb] {
            flex-shrink: 0;
        }

            .mobile-header-top .mobile-status .item-status[b-okkwvoh8lb] {
                font-size: 1.1rem;
                padding: 0.3rem 0.6rem;
                min-width: auto;
                border-radius: var(--border-radius-sm);
            }

        .mobile-header-top .mobile-address[b-okkwvoh8lb] {
            flex: 1;
            text-align: left;
            line-height: 1.3;
        }

            .mobile-header-top .mobile-address .property-address[b-okkwvoh8lb] {
                font-size: 1.6rem;
                color: var(--text-primary);
                display: inline;
            }

            .mobile-header-top .mobile-address .property-location[b-okkwvoh8lb] {
                font-size: 1.6rem;
                color: var(--text-secondary);
                display: inline;
            }

    /* Info section - three items with fixed spacing */
    .mobile-header-info[b-okkwvoh8lb] {
        justify-content: flex-start;
        align-items: flex-start;
        gap: var(--space-3);
        width: 100%;
        font-size: 1.2rem;
    }

        .mobile-header-info .info-item[b-okkwvoh8lb] {
            display: flex;
            flex-direction: row;
            align-items: center;
            text-align: left;
            flex: none;
            min-width: auto;
            gap: 0.3rem;
        }

        .mobile-header-info .info-label[b-okkwvoh8lb] {
            font-weight: 500;
            color: var(--text-secondary);
            font-size: 1.1rem;
            flex-shrink: 0;
        }

        .mobile-header-info .info-value[b-okkwvoh8lb] {
            color: var(--text-primary);
            font-weight: 600;
            font-size: 1.2rem;
            flex-shrink: 1;
            min-width: 0;
        }

    /* Hide the original grid items on mobile */
    .item-header .auction-info[b-okkwvoh8lb],
    .item-header .date-info[b-okkwvoh8lb] {
        display: none;
    }
}


/* Winner Payment Window - Urgent Action Required */
.item-status.status-won-pending[b-okkwvoh8lb] {
    background-color: rgba(253, 184, 30, 0.15); /* Warning yellow background */
    color: var(--warning-yellow-dark, var(--warning-yellow));
}

    .item-status.status-won-pending .status-indicator[b-okkwvoh8lb] {
        background-color: var(--warning-yellow-dark, var(--warning-yellow));
    }

/* Eligible Agent Window - Opportunity Available */
.item-status.status-eligible[b-okkwvoh8lb] {
    background-color: rgba(2, 191, 231, 0.15); /* Info cyan background */
    color: var(--info-cyan-dark, var(--info-cyan));
}

    .item-status.status-eligible .status-indicator[b-okkwvoh8lb] {
        background-color: var(--info-cyan-dark, var(--info-cyan));
    }

/* Secured Listing - Final Success State */
.item-status.status-secured[b-okkwvoh8lb] {
    background-color: rgba(46, 133, 64, 0.15); /* Success green background */
    color: var(--success-green);
}

    .item-status.status-secured .status-indicator[b-okkwvoh8lb] {
        background-color: var(--success-green);
    }

/* Expired Auction - Neutral State */
.item-status.status-expired[b-okkwvoh8lb] {
    background-color: rgba(108, 117, 125, 0.15); /* Grey background */
    color: var(--grey-600);
}

    .item-status.status-expired .status-indicator[b-okkwvoh8lb] {
        background-color: var(--grey-600);
    }

/* Sold to Someone Else - Neutral State */
.item-status.status-sold[b-okkwvoh8lb] {
    background-color: rgba(108, 117, 125, 0.15); /* Grey background */
    color: var(--grey-600);
}

    .item-status.status-sold .status-indicator[b-okkwvoh8lb] {
        background-color: var(--grey-600);
    }

/* Not Eligible - Neutral State */
.item-status.status-not-eligible[b-okkwvoh8lb] {
    background-color: rgba(108, 117, 125, 0.15); /* Grey background */
    color: var(--grey-500);
}

    .item-status.status-not-eligible .status-indicator[b-okkwvoh8lb] {
        background-color: var(--grey-500);
    }

/* No Bids Placed - Neutral State */
.item-status.status-no-bids[b-okkwvoh8lb] {
    background-color: rgba(108, 117, 125, 0.15); /* Grey background */
    color: var(--grey-500);
}

    .item-status.status-no-bids .status-indicator[b-okkwvoh8lb] {
        background-color: var(--grey-500);
    }

/* No Status - Neutral State */
.item-status.status-none[b-okkwvoh8lb] {
    background-color: rgba(108, 117, 125, 0.15); /* Grey background */
    color: var(--grey-400);
}

    .item-status.status-none .status-indicator[b-okkwvoh8lb] {
        background-color: var(--grey-400);
    }

/* Default/Unknown Status - Neutral State */
.item-status.status-default[b-okkwvoh8lb] {
    background-color: rgba(108, 117, 125, 0.15); /* Grey background */
    color: var(--grey-400);
}

    .item-status.status-default .status-indicator[b-okkwvoh8lb] {
        background-color: var(--grey-400);
    }
/* /Features/Account/Dashboard/Components/DropDown.razor.rz.scp.css */
.dropdown[b-h9soy38jx2] {
    border-radius: var(--border-radius-md);
    background-color: var(--brand-white);
    padding: var(--space-4);
    box-shadow: var(--shadow-sm);
    margin-bottom: var(--space-4);
}

.dropdown-header[b-h9soy38jx2] {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.dropdown-btn[b-h9soy38jx2]{
   border: none;
   background-color: transparent;
}

svg[b-h9soy38jx2]{
   height: 5rem;
   width: 5rem;
   cursor: pointer;
}

.dropdown-body[b-h9soy38jx2] {
    display: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
}

.dropdown-body.open[b-h9soy38jx2] {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: all 0.3s ease;
}

.dropdown[b-h9soy38jx2] {
    width: 100%;
    margin-bottom: 1rem;
}

.dropdown-header[b-h9soy38jx2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    background-color: var(--surface-2);
    border-radius: var(--radius-2);
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .dropdown-header:hover[b-h9soy38jx2] {
        background-color: var(--surface-3);
    }

.dropdown-icon[b-h9soy38jx2] {
    width: 24px;
    height: 24px;
    transition: transform 0.3s ease;
    fill: currentColor;
}

    .dropdown-icon.open[b-h9soy38jx2] {
        transform: rotate(180deg);
    }

.dropdown-body[b-h9soy38jx2] {
    display: none;
    padding: 1rem;
    background-color: var(--surface-1);
    border-radius: 0 0 var(--radius-2) var(--radius-2);
}

    .dropdown-body.open[b-h9soy38jx2] {
        display: block;
        animation: slideDown-b-h9soy38jx2 0.3s ease-out;
    }

@keyframes slideDown-b-h9soy38jx2 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

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

/* Clean up the dropdown component's base styles */
.dropdown[b-h9soy38jx2] {
    border-radius: var(--border-radius-md);
    background-color: var(--brand-white);
    padding: var(--space-4);
    box-shadow: var(--shadow-sm);
    margin-bottom: var(--space-4);
    width: 100%;
}

.dropdown-header[b-h9soy38jx2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

/* Dropdown icon styling */
.dropdown-icon[b-h9soy38jx2] {
    width: 24px;
    height: 24px;
    min-width: 24px;
    transition: transform 0.3s ease;
    fill: currentColor;
    margin-left: var(--space-2);
}

    .dropdown-icon.open[b-h9soy38jx2] {
        transform: rotate(180deg);
    }

/* Status indicators styling */
.dropdown-header .status-indicators[b-h9soy38jx2] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    justify-content: flex-end;
    white-space: nowrap;
}

.dropdown-header .status-indicator[b-h9soy38jx2] {
    display: inline-flex;
    align-items: center;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.9em;
}

    .dropdown-header .status-indicator .count[b-h9soy38jx2] {
        margin-left: 4px;
        font-weight: 600;
        background-color: white;
        border-radius: 3px;
        padding: 1px 4px;
    }

/* Responsive adjustments */
@media (max-width: 768px) {
    /* Keep everything in one row, but adjust flexbox properties */
    .dropdown-header > :first-child[b-h9soy38jx2] {
        width: 100%;
    }

    /* Title and indicators stay in one row */
    .dropdown-header .d-flex.justify-content-between.align-items-center.w-100[b-h9soy38jx2] {
        flex-wrap: nowrap;
        gap: var(--space-2);
    }

    /* Reduce title size and margin */
    .dropdown-header h2[b-h9soy38jx2] {
        font-size: 1.1rem;
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* Compact the indicators to fit on one line */
    .dropdown-header .status-indicators[b-h9soy38jx2] {
        margin-left: auto;
        justify-content: flex-end;
        font-size: 0.75em;
        gap: 4px;
    }

    /* Make indicators more compact */
    .dropdown-header .status-indicator[b-h9soy38jx2] {
        padding: 2px 4px;
        min-width: auto;
    }

        /* Style the count to be more compact */
        .dropdown-header .status-indicator .count[b-h9soy38jx2] {
            min-width: 16px;
            padding: 1px 2px;
        }

    /* Make dropdown icon smaller on mobile */
    .dropdown-icon[b-h9soy38jx2] {
        width: 20px;
        height: 20px;
        min-width: 20px;
    }
}

/* Dropdown body animation */
.dropdown-body[b-h9soy38jx2] {
    display: none;
    padding: 1rem;
    background-color: var(--surface-1);
    border-radius: 0 0 var(--radius-2) var(--radius-2);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
}

    .dropdown-body.open[b-h9soy38jx2] {
        display: block;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        animation: slideDown-b-h9soy38jx2 0.3s ease-out;
    }

@keyframes slideDown-b-h9soy38jx2 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Features/Account/Dashboard/Components/PostAuctionAgent.razor.rz.scp.css */
.post-auction-card[b-7z4m30bipe] {
    background-color: var(--brand-white);
    margin-bottom: var(--space-4);
    overflow: hidden;
}

/* Success vs Alert Banner styling */
.success-banner[b-7z4m30bipe] {
    background: linear-gradient(135deg, var(--success-green-light) 0%, #f9fcf9 100%);
    color: var(--brand-dark-grey);
    padding: 2rem;
    text-align: center;
    border-bottom: 1px solid var(--grey-200);
}

.alert-banner[b-7z4m30bipe] {
    background-color: #f5f6fa;
    color: #000;
    padding: 2rem;
    text-align: center;
    border-bottom: 1px solid var(--grey-200);
}

    .success-banner h3[b-7z4m30bipe], .alert-banner h3[b-7z4m30bipe] {
        font-size: 2rem;
        font-weight: 600;
        margin-bottom: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1rem;
    }

/* Trophy icon styling */
.svg-small[b-7z4m30bipe] {
    width: 28px;
    height: 28px;
}

/* Panel container styling - matching PropertyCard */
.panels-container[b-7z4m30bipe] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
    padding: 1.5rem;
}

.panel[b-7z4m30bipe] {
    background-color: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    height: 100%;
}

.panel-header[b-7z4m30bipe] {
    background-color: var(--grey-100);
    font-size: 1.6rem;
    font-weight: 600;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e0e0e0;
    color: var(--brand-dark-grey);
}

.panel-body[b-7z4m30bipe] {
    padding: 1.5rem;
}

.detail-row[b-7z4m30bipe] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--grey-100);
}

    .detail-row:last-child[b-7z4m30bipe] {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

/* Payment section styling */
.payment-section[b-7z4m30bipe] {
    padding: 2rem;
    background-color: var(--grey-50);
    border-top: 1px solid var(--grey-200);
}

.payment-window-container[b-7z4m30bipe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}

    .payment-window-container p:first-child[b-7z4m30bipe] {
        font-weight: 500;
        margin-bottom: 1rem;
    }

.text-italic[b-7z4m30bipe] {
    font-style: italic;
}

/* Payment window styling */
.payment-window[b-7z4m30bipe] {
    margin: 2rem 0;
    font-weight: 600;
    font-size: 1.4rem;
}

.countdown[b-7z4m30bipe] {
    background-color: var(--warning-yellow-light);
    border: 1px solid var(--warning-yellow);
    padding: 0.5rem 1.2rem;
    border-radius: var(--border-radius-sm);
    font-family: monospace;
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--warning-yellow-dark);
}

/* Payment button styling */
.pay-now-btn[b-7z4m30bipe] {
    background: var(--primary);
    border: none;
    padding: 1.2rem 3rem;
    font-size: 1.6rem;
    font-weight: 600;
    border-radius: var(--border-radius-md);
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
    margin-top: 1rem;
}

    .pay-now-btn:hover[b-7z4m30bipe] {
        transform: translateY(-2px);
        box-shadow: var(--shadow-md);
    }

/* Video container for success state */
.video-container[b-7z4m30bipe] {
    margin-top: 2rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    border-radius: var(--border-radius-md);
    overflow: hidden;
}

.outlined-btn[b-7z4m30bipe]{
    margin: 2rem;
}

.half-width[b-7z4m30bipe] {
    max-width: 50%;
    min-width: 50%;
    margin: 0 auto;
}

/* Media queries for responsive design */
@media (max-width: 768px) {
    .panels-container[b-7z4m30bipe] {
        grid-template-columns: 1fr;
    }

    .svg-small[b-7z4m30bipe] {
        width: 20px;
        height: 20px;
    }

    .success-banner h3[b-7z4m30bipe], .alert-banner h3[b-7z4m30bipe] {
        font-size: 1.8rem;
    }

    .half-width[b-7z4m30bipe] {
        max-width: 100%;
        margin: 0;
    }
}

.payment-status-message[b-7z4m30bipe] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    margin: 12px 0;
    border-radius: 4px;
    animation: fadeIn-b-7z4m30bipe 0.3s ease-out;
}

    .payment-status-message.success[b-7z4m30bipe] {
        background-color: #e6f4ea;
        color: #1e8e3e;
        border-left: 4px solid #1e8e3e;
    }

    .payment-status-message.processing[b-7z4m30bipe] {
        background-color: #e3f2fd;
        color: #1976d2;
        border-left: 4px solid #1976d2;
    }

    .payment-status-message.error[b-7z4m30bipe] {
        background-color: #fce8e6;
        color: #d93025;
        border-left: 4px solid #d93025;
    }

    .payment-status-message.warning[b-7z4m30bipe] {
        background-color: #fef7e0;
        color: #f29900;
        border-left: 4px solid #f29900;
    }

.message-icon[b-7z4m30bipe] {
    margin-right: 8px;
    display: flex;
    align-items: center;
}

@keyframes fadeIn-b-7z4m30bipe {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }

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

/* Processing payment styling */
.processing-payment-section[b-7z4m30bipe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 2rem;
}

.processing-payment-section .centered-text[b-7z4m30bipe] {
    text-align: center;
}

.auction-won-state[b-7z4m30bipe] {
    background-color: var(--brand-blue);
    color: var(--brand-white);
}

.auction-won-state-svg[b-7z4m30bipe] {
    fill: var(--brand-white);
    stroke: var(--brand-white);
    color: var(--brand-white);
}

.auction-won-and-no-payment-state[b-7z4m30bipe] {
    background-color: var(--brand-blue);
    color: var(--brand-white);
}

.auction-won-and-no-payment-state-svg[b-7z4m30bipe] {
    fill: var(--brand-white);
    stroke: var(--brand-white);
    color: var(--brand-white);
}

.auction-won-and-paid-state[b-7z4m30bipe] {
    background-color: var(--success-green);
    color: var(--brand-white);
}

.auction-won-and-paid-state-svg[b-7z4m30bipe] {
    fill: var(--brand-white);
    stroke: var(--brand-white);
    color: var(--brand-white);
}

.auction-completed-and-won-state[b-7z4m30bipe] {
    background-color: var(--success-green);
    color: var(--brand-white);
}

.auction-completed-and-won-state-svg[b-7z4m30bipe] {
    fill: var(--brand-white);
    stroke: var(--brand-white);
    color: var(--brand-white);
}

.auction-open-to-all-state[b-7z4m30bipe] {
    background-color: var(--brand-blue);
    color: var(--brand-white);
}

.auction-open-to-all-state-svg[b-7z4m30bipe] {
    fill: var(--brand-white);
    stroke: var(--brand-white);
    color: var(--brand-white);
}

.auction-completed-and-sold-state[b-7z4m30bipe] {
    background-color: #f5f6fa;
    color: #6b6b6b;
}

.auction-completed-and-sold-state-svg[b-7z4m30bipe] {
    fill: #6b6b6b;
    stroke: #6b6b6b;
    color: #6b6b6b;
}

.auction-expired[b-7z4m30bipe] {
    background-color: #f5f6fa;
    color: #6b6b6b;
}

.auction-expired-svg[b-7z4m30bipe] {
    fill: #6b6b6b;
    stroke: #6b6b6b;
    color: #6b6b6b;
}0

.p-margin-bottom[b-7z4m30bipe] {
    margin-bottom: 1rem;
}

.border-rounded[b-7z4m30bipe] {
    border-width: 0px;
    border-radius: var(--border-radius-md);
}
/* /Features/Account/Dashboard/Components/PostAuctionHomeowner.razor.rz.scp.css */
.post-auction-card[b-ejjbeb6wb6] {
  border-radius: var(--border-radius-md);
  background-color: var(--brand-white);
  padding: var(--space-4);
  box-shadow: var(--shadow-sm);
  margin-bottom: var(--space-4);
}

/* Success banner styling */
.success-banner[b-ejjbeb6wb6] {
  background-color: var(--success-green);
  padding: var(--space-4);
  color: var(--brand-white);
  border-radius: var(--border-radius-md);
  margin-bottom: var(
    --space-6
  ); /* Increased spacing between banner and panels */
  text-align: center;
}

/* Warning banner styling */
.alert-warning[b-ejjbeb6wb6] {
  background-color: var(--warning-color, #f39c12);
  color: var(--brand-white);
}

.alert-banner[b-ejjbeb6wb6] {
  padding: var(--space-4);
  border-radius: var(--border-radius-md);
  margin-bottom: var(
    --space-6
  ); /* Increased spacing between banner and panels */
  text-align: center;
}

/* Panel header styling */
.panel-header[b-ejjbeb6wb6] {
  background-color: var(--grey-100);
  font-size: 1.6rem;
  font-weight: 600;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #e0e0e0;
  color: var(--brand-dark-grey);
}

/* Two column layout for panels */
.panels-container[b-ejjbeb6wb6] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
  padding: 1.5rem;
}

.panel[b-ejjbeb6wb6] {
  background-color: white;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  overflow: hidden;
  height: 100%;
}

.panel-body[b-ejjbeb6wb6] {
  padding: 1.5rem;
}

/* Detail rows inside panels */
.detail-row[b-ejjbeb6wb6] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--grey-100);
}

.detail-row:last-child[b-ejjbeb6wb6] {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* Final bid styling */
.final-bid[b-ejjbeb6wb6] {
  font-size: 2rem;
  font-weight: 500;
  color: var(--text-primary);
  width: 100%;
  text-align: center;
  display: block;
}

/* For the action buttons */
.action-button[b-ejjbeb6wb6] {
  display: block;
  min-width: 200px;
  padding: 1.2rem 2rem;
  background-color: var(--success-green);
  color: var(--brand-white);
  text-align: center;
  border: none;
  border-radius: var(--border-radius-md);
  font-weight: 500;
  cursor: pointer;
  text-transform: uppercase;
  margin: 0 0.5rem;
}

.action-button:hover[b-ejjbeb6wb6] {
  background-color: var(--btn-bg-hover, darkgreen);
}

.action-panel[b-ejjbeb6wb6] {
  text-align: center;
}

.action-buttons[b-ejjbeb6wb6] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: 1.4rem;
  margin-bottom: 1.4rem;
}

.payment-window[b-ejjbeb6wb6] {
  margin-bottom: var(--space-3);
}

.svg-small[b-ejjbeb6wb6] {
  height: 2.4rem;
  width: 2.4rem;
  fill: currentColor;
  vertical-align: middle;
  margin: 0 0.5rem;
}

.text-white[b-ejjbeb6wb6] {
  color: var(--brand-white);
}

.text-italic[b-ejjbeb6wb6] {
  font-style: italic;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
  .panels-container[b-ejjbeb6wb6] {
    flex-direction: column;
  }

  .panel[b-ejjbeb6wb6] {
    width: 100%;
  }

  .action-buttons[b-ejjbeb6wb6] {
    flex-direction: column;
    align-items: center;
  }

  .action-button[b-ejjbeb6wb6] {
    margin: 0.5rem 0;
  }
}

/* Agent contact panel styling - no special styling needed */

.contact-link[b-ejjbeb6wb6] {
  color: var(--brand-blue);
  text-decoration: none;
  font-weight: 500;
}

.contact-link:hover[b-ejjbeb6wb6] {
  text-decoration: underline;
  color: var(--brand-blue-dark, #1e3a8a);
}

/* Remove spacing between panels - grid gap handles this */

.border-rounded[b-ejjbeb6wb6] {
    border-width: 0px;
    border-radius: var(--border-radius-md);
}
/* /Features/Account/Dashboard/Components/PropertyCard.razor.rz.scp.css */
.property-card[b-kv04grq7cp] {
    border-radius: var(--border-radius-md);
    background-color: var(--brand-white);
    padding: var(--space-4);
    box-shadow: var(--shadow-sm);
    margin-bottom: var(--space-4);
}

.property-card-header[b-kv04grq7cp] {
    margin-bottom: var(--space-4);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.badge[b-kv04grq7cp] {
    border-radius: var(--border-radius-lg);
    padding: 1rem;
    color: white;
}

.badge-blue[b-kv04grq7cp] {
    background-color: var(--brand-blue);
}

.property-card-terms[b-kv04grq7cp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.property-card-term[b-kv04grq7cp] {
    padding: 2rem;
    width: calc(33% - 0.5rem);
    border-radius: var(--border-radius-md);
    background-color: #f5f6fa;
    color: black;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.property-card-events[b-kv04grq7cp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: var(--space-4)
}

.property-card-event h3[b-kv04grq7cp] {
    margin-bottom: var(--space-2)
}

.property-card-event[b-kv04grq7cp] {
    width: calc(33% - 0.5rem);
}

.property-card-event-header[b-kv04grq7cp] {
    margin-bottom: var(--space-2)
}

.property-card-event-body[b-kv04grq7cp] {
    padding: 2rem;
    border-radius: var(--border-radius-md);
    /*background-color: #f5f6fa;*/
    border-width: 2px;
    border-color: var(--brand-blue);
    border-style: solid;
}

.gallery[b-kv04grq7cp] {
    height: 350px;
    display: flex;
    gap: 1rem;
    margin-bottom: var(--space-4);
    border-radius: var(--border-radius-md);
    overflow: hidden;
}

.details[b-kv04grq7cp] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: var(--space-4);
}

.details-left[b-kv04grq7cp] {
    width: 100%;
}

    .details-left h3[b-kv04grq7cp] {
        margin-bottom: var(--space-2)
    }

.details-right[b-kv04grq7cp] {
    width: 100%;
}

.gallery-left[b-kv04grq7cp] {
    width: 50%;
    position: relative;
    min-height: 350px;
}

.gallery-right[b-kv04grq7cp] {
    width: 50%;
    height: 100%;
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.gallery-right-img-container[b-kv04grq7cp] {
    width: calc(50% - 0.5rem);
    height: calc(50% - 0.5rem);
    position: relative;
    min-height: 120px;
    border-radius: 8px;
    overflow: hidden;
}

.test-img[b-kv04grq7cp] {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.gallery-right-img[b-kv04grq7cp] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.3s ease;
}

.test-img:hover[b-kv04grq7cp],
.gallery-right-img:hover[b-kv04grq7cp] {
    transform: scale(1.02);
}

.test-img[src*="placehold.co"][b-kv04grq7cp],
.gallery-right-img[src*="placehold.co"][b-kv04grq7cp] {
    background-color: #f8f9fa;
    border: 2px dashed #dee2e6;
}

@media (max-width: 768px) {
    .gallery[b-kv04grq7cp] {
        height: auto;
        flex-direction: column;
    }

    .gallery-left[b-kv04grq7cp] {
        width: 100%;
        min-height: 180px;
    }

    .gallery-right[b-kv04grq7cp] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.5rem;
        width: 100%;
        height: auto;
        margin-top: 1rem;
    }

    .gallery-right-img-container[b-kv04grq7cp] {
        width: 100%;
        height: 100%;
    }

    .property-card-event[b-kv04grq7cp] {
        width: 100%;
    }

    .property-card-term[b-kv04grq7cp] {
        width: 100%;
    }

    .property-card-header[b-kv04grq7cp] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

        .property-card-header h2[b-kv04grq7cp] {
            font-size: 2rem;
            font-weight: 600;
            line-height: 1.3;
        }

    .test-img[b-kv04grq7cp] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
}

.badge-green[b-kv04grq7cp] {
    background-color: var(--success-green);
}

.badge-amber[b-kv04grq7cp] {
    background-color: var(--warning-yellow);
}

.badge-red[b-kv04grq7cp] {
    background-color: var(--error-red);
}

.badge-gray[b-kv04grq7cp] {
    background-color: var(--grey-600);
}

.svg-small[b-kv04grq7cp] {
    height: 2.5rem;
    width: 2.5rem;
}

.inline-modal-container[b-kv04grq7cp] {
    min-height: 400px;
    display: flex;
    flex-direction: column;
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
    background: white;
}

.inline-modal-header[b-kv04grq7cp] {
    padding: 1rem;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fa;
}

.inline-modal-body[b-kv04grq7cp] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    background-color: #000;
}

.inline-modal-photo[b-kv04grq7cp] {
    max-width: 100%;
    max-height: 70vh;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 4px;
}

.inline-modal-footer[b-kv04grq7cp] {
    padding: 1rem;
    border-top: 1px solid #eee;
    display: flex;
    justify-content: center;
    background-color: #f8f9fa;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .inline-modal-photo[b-kv04grq7cp] {
        max-height: 50vh;
    }
}

/* Keep existing clickable-image styles */
.clickable-image[b-kv04grq7cp] {
    cursor: pointer;
    transition: border 0.3s ease, box-shadow 0.3s ease;
    border: 2px solid transparent;
}

    .clickable-image:hover[b-kv04grq7cp] {
        border-color: var(--bs-primary, #0d6efd);
        box-shadow: 0 0 8px rgba(13, 110, 253, 0.3);
    }
/* /Features/Account/Dashboard/Homeowner/HomeownerDashboardPage.razor.rz.scp.css */
.page-wrap[b-npbq6ppg51] {
    margin-top: 1rem;
    padding: 0px;
}

.dashboard-page[b-npbq6ppg51] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    padding: var(--space-4);
    max-width: 1350px;
    margin: 0 auto;
}

/* Header Section */
.dashboard-header[b-npbq6ppg51] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    margin-bottom: var(--space-4);
}

.welcome-section[b-npbq6ppg51] {
    background: var(--gradient-blue-horizontal);
    border-radius: var(--border-radius-lg);
    padding: var(--space-4) var(--space-5);
    color: var(--brand-white);
    box-shadow: var(--shadow-md);
}

    .welcome-section h1[b-npbq6ppg51] {
        margin-bottom: var(--space-2);
        font-family: var(--font-primary);
    }

.welcome-subtitle[b-npbq6ppg51] {
    opacity: 0.9;
}

.highlight[b-npbq6ppg51] {
    color: var(--brand-blue-200);
    font-weight: 600;
}

/* Property Summary Card */
.property-summary-card[b-npbq6ppg51] {
    background-color: var(--brand-white);
    border-radius: var(--border-radius-lg);
    padding: var(--space-4);
    box-shadow: var(--shadow-sm);
    margin-bottom: var(--space-4);
}

.property-header[b-npbq6ppg51] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-4);
    padding-bottom: var(--space-3);
    border-bottom: 1px solid var(--grey-200);
}

.property-status[b-npbq6ppg51] {
    background-color: var(--brand-blue-100);
    color: var(--brand-blue-700);
    font-weight: 500;
    padding: var(--space-1) var(--space-3);
    border-radius: var(--border-radius-md);
    font-size: 1.4rem;
}

/* Key Dates Section */
/* --- Merged from three duplicate .key-dates rules --- */
.key-dates[b-npbq6ppg51] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: var(--space-4); /* last value wins over "2rem" */
    margin-bottom: var(--space-4); /* last value wins over 1.5rem */
    background-color: var(--brand-blue-50);
    border-radius: var(--border-radius-md);
}

/* --- Merged from three duplicate .date-item rules --- */
.date-item[b-npbq6ppg51] {
    flex: 1;
    min-width: 250px;
    display: flex;
    align-items: flex-start; /* from later rules */
    gap: 0.75rem;
    padding: var(--space-2); /* overridden from var(--space-3) */
    background-color: var(--brand-white); /* overridden */
    border-radius: var(--border-radius-sm); /* overridden */
    border: 1px solid var(--grey-200);
}

/* --- Merged from three duplicate .date-icon rules --- */
.date-icon[b-npbq6ppg51] {
    width: 36px; /* from last rule */
    height: 36px; /* from last rule */
    border-radius: 50%;
    margin-right: var(--space-2); /* from last rule */
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 1.8rem; /* last rule wins */
    background-size: contain; /* from second rule */
    background-repeat: no-repeat; /* from second rule */
}

.open-house-icon[b-npbq6ppg51] {
    background-color: var(--info-cyan);
    opacity: 0.7;
}

    .open-house-icon[b-npbq6ppg51]::after {
        content: "";
    }

.auction-end-icon[b-npbq6ppg51] {
    background-color: var(--warning-yellow);
    opacity: 0.7;
}

    .auction-end-icon[b-npbq6ppg51]::after {
        content: "";
    }

.date-details[b-npbq6ppg51] {
    display: flex;
    flex-direction: column;
}

.date-label[b-npbq6ppg51] {
    font-size: 1.4rem;
    color: var(--text-secondary);
    margin-bottom: var(--space-1);
}

.date-value[b-npbq6ppg51] {
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--text-primary);
}

/* Property Details Section */
.section-title[b-npbq6ppg51] {
    font-size: 2.2rem;
    color: var(--text-primary);
    margin-bottom: var(--space-3);
    font-weight: 500;
    font-family: var(--font-primary);
}

/* --- Merged from two duplicate .property-details-content rules --- */
.property-details-content[b-npbq6ppg51] {
    display: flex; /* later definition wins over grid */
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

/* --- Merged from three duplicate .property-info rules --- */
.property-info[b-npbq6ppg51] {
    /* from first rule: grid-template-columns remains even though display is now flex */
    display: flex;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    gap: var(--space-3); /* from last rule wins over 1rem */
    background-color: var(--surface-light);
    padding: var(--space-3);
    border-radius: var(--border-radius-md);
    border: 1px solid var(--grey-200);
}

.info-group[b-npbq6ppg51] {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.75rem;
}

.info-label[b-npbq6ppg51] {
    font-size: 1.8rem; /* second rule wins */
    color: #666; /* second rule wins */
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.info-value[b-npbq6ppg51] {
    font-size: 1.4rem; /* from second rule */
    font-weight: 500; /* preserved from first */
    color: #333; /* from second rule */
}

.property-documents[b-npbq6ppg51] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    justify-content: center;
}

.document-icon[b-npbq6ppg51]::before {
    content: "📄";
    margin-right: var(--space-2);
}

/* Agent Tracking Section */
.agent-tracking-section[b-npbq6ppg51] {
    background-color: var(--brand-white);
    border-radius: var(--border-radius-lg);
    padding: var(--space-4);
    box-shadow: var(--shadow-sm);
}

.agent-columns[b-npbq6ppg51] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-4);
}

.agent-column[b-npbq6ppg51] {
    background-color: var(--surface-light);
    border-radius: var(--border-radius-md);
    padding: var(--space-3);
    border: 1px solid var(--grey-200);
}

.column-title[b-npbq6ppg51] {
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: var(--space-3);
    padding-bottom: var(--space-2);
    border-bottom: 1px solid var(--grey-200);
}

.agent-list[b-npbq6ppg51] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    max-height: 500px;
    overflow-y: auto;
}

.empty-state[b-npbq6ppg51] {
    text-align: center;
    padding: var(--space-3);
    color: var(--grey-600);
    font-size: 1.4rem;
}

/* Agent card styling */
.agent-card[b-npbq6ppg51] {
    display: flex;
    align-items: center;
    padding: var(--space-2);
    background-color: var(--brand-white);
    border-radius: var(--border-radius-md);
    box-shadow: var(--shadow-sm);
    margin-bottom: var(--space-2);
}

.agent-avatar[b-npbq6ppg51] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: var(--space-3);
    overflow: hidden;
    flex-shrink: 0;
}

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

.agent-initials[b-npbq6ppg51] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--brand-blue-300);
    color: var(--brand-white);
    font-weight: 600;
}

.agent-info[b-npbq6ppg51] {
    flex-grow: 1;
}

.agent-name[b-npbq6ppg51] {
    font-weight: 600;
    font-size: 1.6rem;
    margin-bottom: 0.2rem;
}

.agent-company[b-npbq6ppg51] {
    font-size: 1.4rem;
    color: var(--text-secondary);
    margin-bottom: 0.5rem;
}

.agent-status[b-npbq6ppg51] {
    display: inline-block;
    font-size: 1.2rem;
    padding: 0.2rem 0.8rem;
    border-radius: var(--border-radius-sm);
    font-weight: 500;
}

    .agent-status.participating[b-npbq6ppg51] {
        background-color: var(--success-green);
        color: white;
    }

    .agent-status.invited[b-npbq6ppg51] {
        background-color: var(--info-cyan);
        color: white;
    }

    .agent-status.declined[b-npbq6ppg51] {
        background-color: var(--grey-500);
        color: white;
    }

.agent-card.participating[b-npbq6ppg51] {
    border-left: 3px solid var(--success-green);
}

.agent-card.invited[b-npbq6ppg51] {
    border-left: 3px solid var(--info-cyan);
}

.agent-card.declined[b-npbq6ppg51] {
    border-left: 3px solid var(--grey-500);
}

.invited[b-npbq6ppg51] {
    border-left: 3px solid var(--info-cyan);
}

    .invited .column-title[b-npbq6ppg51] {
        color: var(--info-cyan);
    }

.participating[b-npbq6ppg51] {
    border-left: 3px solid var(--success-green);
}

    .participating .column-title[b-npbq6ppg51] {
        color: var(--success-green);
    }

.declined[b-npbq6ppg51] {
    border-left: 3px solid var(--grey-600);
}

    .declined .column-title[b-npbq6ppg51] {
        color: var(--grey-600);
    }

/* Empty Dashboard State */
.empty-dashboard[b-npbq6ppg51] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: var(--space-6);
    background-color: var(--brand-white);
    border-radius: var(--border-radius-lg);
    box-shadow: var(--shadow-sm);
}

.empty-icon[b-npbq6ppg51] {
    width: 80px;
    height: 80px;
    background-color: var(--brand-blue-100);
    border-radius: 50%;
    margin-bottom: var(--space-3);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .empty-icon[b-npbq6ppg51]::after {
        content: "";
        font-size: 4rem;
    }

.empty-dashboard h3[b-npbq6ppg51] {
    font-size: 2.4rem;
    color: var(--text-primary);
    margin-bottom: var(--space-2);
}

.empty-dashboard p[b-npbq6ppg51] {
    font-size: 1.6rem;
    color: var(--text-secondary);
    max-width: 400px;
    margin-bottom: var(--space-4);
}

/* Post-auction styling for homeowner dashboard */
.post-auction-card[b-npbq6ppg51] {
    border-radius: var(--border-radius-md);
    background-color: var(--brand-white);
    padding: var(--space-4);
    box-shadow: var(--shadow-sm);
    margin-bottom: var(--space-4);
}

/* Alert banner styling (inherited from PostAuctionHomeowner) */
.alert-banner[b-npbq6ppg51] {
    padding: var(--space-4);
    border-radius: var(--border-radius-md);
    margin-bottom: var(--space-4);
    text-align: center;
    background-color: var(--brand-blue);
    color: var(--brand-white);
}

.alert-warning[b-npbq6ppg51] {
    background-color: var(--warning-color, #f39c12);
    color: var(--brand-white);
}

/* Panel styling (inherited from PostAuctionHomeowner) */
.panel[b-npbq6ppg51] {
    border: 1px solid var(--grey-300);
    border-radius: var(--border-radius-md);
    overflow: hidden;
    margin-top: var(--space-3);
}

.panel-header[b-npbq6ppg51] {
    background-color: var(--brand-blue);
    color: var(--brand-white);
    padding: 1.5rem;
    font-weight: 500;
    font-size: 1.6rem;
}

.panel-body[b-npbq6ppg51] {
    padding: var(--space-3);
}

.action-buttons[b-npbq6ppg51] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 1.4rem;
    margin-bottom: 1.4rem;
}

.action-button[b-npbq6ppg51] {
    display: block;
    min-width: 200px;
    padding: 1.2rem 2rem;
    background-color: var(--success-green);
    color: var(--brand-white);
    text-align: center;
    border: none;
    border-radius: var(--border-radius-md);
    font-weight: 500;
    cursor: pointer;
    text-transform: uppercase;
    margin: 0 0.5rem;
}

.action-button:hover[b-npbq6ppg51] {
    background-color: var(--btn-bg-hover, darkgreen);
}

.svg-small[b-npbq6ppg51] {
    height: 2.4rem;
    width: 2.4rem;
    fill: currentColor;
    vertical-align: middle;
    margin: 0 0.5rem;
}

/* Responsive Adjustments */
@media screen and (max-width: 992px) {
    .property-details-content[b-npbq6ppg51],
    .agent-columns[b-npbq6ppg51] {
        grid-template-columns: 1fr;
    }

    .key-dates[b-npbq6ppg51] {
        flex-direction: column;
    }
}

@media screen and (max-width: 576px) {
    .dashboard-page[b-npbq6ppg51] {
        padding: var(--space-3);
    }

    .property-header[b-npbq6ppg51] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-2);
    }

    .property-documents[b-npbq6ppg51] {
        align-items: stretch;
    }
}

.loading-section[b-npbq6ppg51] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 0;
    text-align: center;
}

.loading-spinner[b-npbq6ppg51] {
    width: 50px;
    height: 50px;
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    border-top-color: #3498db;
    animation: spin-b-npbq6ppg51 1s ease-in-out infinite;
    margin-bottom: 1rem;
}

@keyframes spin-b-npbq6ppg51 {
    to {
        transform: rotate(360deg);
    }
}

/* Modal Styles */
/* --- Merged duplicate .modal-overlay declarations --- */
.modal-overlay[b-npbq6ppg51] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

/* --- Merged duplicate .modal-container declarations --- */
.modal-container[b-npbq6ppg51] {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    width: 700px;
    max-width: 90%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

/* --- Merged duplicate .modal-header declarations --- */
.modal-header[b-npbq6ppg51] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-3) var(--space-4);
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

    .modal-header h3[b-npbq6ppg51] {
        margin: 0;
        font-size: 2rem;
        color: var(--text-primary);
    }

/* --- Merged duplicate .modal-body declarations --- */
.modal-body[b-npbq6ppg51] {
    padding: var(--space-4);
    margin-bottom: 20px;
}

/* --- Merged duplicate .modal-footer declarations --- */
.modal-footer[b-npbq6ppg51] {
    display: flex;
    justify-content: flex-end;
    padding: var(--space-3) var(--space-4);
    border-top: 1px solid var(--grey-200);
}

/* --- Merged duplicate .close-btn declarations --- */
.close-btn[b-npbq6ppg51] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: var(--text-secondary);
}

/* Decline Reason Styles */
.agent-info-modal[b-npbq6ppg51] {
    margin-bottom: var(--space-3);
    font-size: 1.6rem;
}

.decline-reason-details[b-npbq6ppg51] {
    font-size: 1.6rem;
}

.decline-details-box[b-npbq6ppg51] {
    background-color: var(--surface-light);
    border-radius: var(--border-radius-md);
    padding: var(--space-3);
    margin-top: var(--space-3);
    border: 1px solid var(--grey-200);
}

    .decline-details-box p[b-npbq6ppg51] {
        margin-top: var(--space-2);
        color: var(--text-secondary);
    }

/* Button Styles */
.agent-actions[b-npbq6ppg51] {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.sm-btn[b-npbq6ppg51] {
    font-size: 1.3rem;
    padding: 0.4rem 0.8rem;
    border-radius: var(--border-radius-sm);
    font-weight: 500;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s;
}

.view-btn[b-npbq6ppg51] {
    background-color: var(--grey-300);
    color: var(--grey-700);
}

    .view-btn:hover[b-npbq6ppg51] {
        background-color: var(--grey-400);
    }

.modal-error[b-npbq6ppg51] {
    color: var(--error-red);
    margin-top: var(--space-2);
    font-size: 1.4rem;
}

/* Terms & Conditions */
.terms-conditions-section[b-npbq6ppg51] {
    background-color: var(--brand-white);
    border-radius: var(--border-radius-lg);
    box-shadow: var(--shadow-sm);
    margin-top: var(--space-4);
    margin-bottom: var(--space-4);
    overflow: hidden;
}

.terms-header[b-npbq6ppg51] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-3) var(--space-4);
    cursor: pointer;
    background-color: var(--brand-blue-100);
    transition: background-color 0.2s;
}

    .terms-header:hover[b-npbq6ppg51] {
        background-color: var(--brand-blue-200);
    }

.toggle-icon[b-npbq6ppg51] {
    font-size: 2rem;
}

.terms-conditions-content[b-npbq6ppg51] {
    padding: var(--space-4);
    background-color: var(--surface-light);
    border-top: 1px solid var(--grey-200);
    max-height: 600px;
    overflow-y: auto;
}

    .terms-conditions-content h4[b-npbq6ppg51] {
        font-size: 1.8rem;
        font-weight: 600;
        color: var(--text-primary);
        margin-top: var(--space-4);
        margin-bottom: var(--space-2);
        font-family: var(--font-primary);
    }

        .terms-conditions-content h4:first-child[b-npbq6ppg51] {
            margin-top: 0;
        }

    .terms-conditions-content p[b-npbq6ppg51] {
        margin-bottom: var(--space-3);
        line-height: 1.6;
        color: var(--text-secondary);
        font-size: 1.5rem;
    }

    .terms-conditions-content ul[b-npbq6ppg51],
    .terms-conditions-content ol[b-npbq6ppg51] {
        margin-bottom: var(--space-3);
        padding-left: var(--space-4);
    }

    .terms-conditions-content li[b-npbq6ppg51] {
        margin-bottom: var(--space-2);
        line-height: 1.5;
        color: var(--text-secondary);
        font-size: 1.5rem;
    }

    .terms-conditions-content .blue-text[b-npbq6ppg51] {
        color: var(--brand-blue-600);
        text-decoration: none;
    }

        .terms-conditions-content .blue-text:hover[b-npbq6ppg51] {
            text-decoration: underline;
        }

/* Responsive adjustments for terms and conditions */
@media screen and (max-width: 768px) {
    .terms-conditions-content[b-npbq6ppg51] {
        max-height: 400px;
    }
}

/* Additional HomeownerDashboardPage styles (Property layout, Countdown, etc.) */
.property-layout[b-npbq6ppg51] {
    display: flex;
    flex-direction: row;
    gap: var(--space-4);
    margin-bottom: var(--space-4);
}

@media (max-width: 768px) {
    .property-layout[b-npbq6ppg51] {
        flex-direction: column;
    }
}

.property-image[b-npbq6ppg51] {
    flex-basis: 50%;
    width: 100%;
    height: auto;
    object-position: center;
    border-radius: var(--border-radius-md);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
}

.property-content[b-npbq6ppg51] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.countdown[b-npbq6ppg51] {
    font-size: 2.4rem;
    font-weight: 600;
    margin-top: var(--space-1);
    color: var(--brand-blue-500);
    display: flex;
    align-items: center;
}

    .countdown[b-npbq6ppg51]::before {
        content: "";
        margin-right: var(--space-1);
        font-size: 1.6rem;
    }

#openHouseCountdown[b-npbq6ppg51] {
    color: var(--info-cyan);
}

#auctionEndCountdown[b-npbq6ppg51] {
    color: var(--warning-yellow-700);
}

/* Agent invite list styles */
.invite-list[b-npbq6ppg51] {
    width: 100%;
    overflow-x: auto;
    margin-bottom: var(--space-3);
}

.invite-table[b-npbq6ppg51] {
    width: 100%;
    border-collapse: collapse;
    font-size: 1.4rem;
}

    .invite-table thead[b-npbq6ppg51] {
        background-color: var(--grey-100);
    }

    .invite-table th[b-npbq6ppg51] {
        text-align: left;
        padding: var(--space-3);
        font-weight: 600;
        color: var(--text-primary);
        border-bottom: 1px solid var(--grey-200);
    }

    .invite-table td[b-npbq6ppg51] {
        padding: var(--space-3);
        border-bottom: 1px solid var(--grey-200);
        vertical-align: middle;
    }

.invite-item[b-npbq6ppg51] {
    transition: background-color 0.2s ease;
}

    .invite-item:hover[b-npbq6ppg51] {
        background-color: var(--grey-50);
    }

.agent-name-cell[b-npbq6ppg51] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.agent-initials[b-npbq6ppg51] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--brand-blue-300);
    color: var(--brand-white);
    font-weight: 600;
    font-size: 1.4rem;
    flex-shrink: 0;
}

.status-indicator[b-npbq6ppg51] {
    display: inline-block;
    font-size: 1.2rem;
    padding: 0.3rem 1rem;
    border-radius: 20px;
    font-weight: 500;
    text-align: center;
}

    .status-indicator.invited[b-npbq6ppg51] {
        background-color: var(--info-cyan-50);
        color: var(--info-cyan);
    }

    .status-indicator.participating[b-npbq6ppg51] {
        background-color: var(--success-green-50);
        color: var(--success-green);
    }

    .status-indicator.declined[b-npbq6ppg51] {
        background-color: var(--grey-200);
        color: var(--grey-600);
    }

    .status-indicator.paid[b-npbq6ppg51] {
        background-color: rgba(76, 175, 80, 0.2);
        color: #2e7d32;
        font-weight: 600;
    }

.decline-reason-cell[b-npbq6ppg51] {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Empty state styling */
.empty-state[b-npbq6ppg51] {
    text-align: center;
    padding: var(--space-5);
    color: var(--text-secondary);
    font-size: 1.5rem;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
    .invite-table[b-npbq6ppg51] {
        min-width: 600px; /* Force horizontal scrolling for small screens */
    }

    .agent-name-cell[b-npbq6ppg51] {
        min-width: 150px;
    }
}

.auction-status[b-npbq6ppg51] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    font-weight: 500;
}

    .auction-status.pending[b-npbq6ppg51] {
        background-color: #fff3cd;
        color: #856404;
    }

    .auction-status.approved[b-npbq6ppg51] {
        background-color: #d1ecf1;
        color: #0c5460;
    }

    .auction-status.active[b-npbq6ppg51] {
        background-color: #d4edda;
        color: #155724;
    }

    .auction-status.ended[b-npbq6ppg51] {
        background-color: #e2e3e5;
        color: #383d41;
    }

    .auction-status.cancelled[b-npbq6ppg51] {
        background-color: #f8d7da;
        color: #721c24;
    }

.pending-approval-message[b-npbq6ppg51],
.upcoming-auction-message[b-npbq6ppg51],
.cancelled-auction-message[b-npbq6ppg51] {
    margin: 1.5rem 0;
    padding: 1rem;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
}

.pending-approval-message[b-npbq6ppg51] {
    background-color: #fff3cd;
    color: #856404;
}

.upcoming-auction-message[b-npbq6ppg51] {
    background-color: #d1ecf1;
    color: #0c5460;
}

.cancelled-auction-message[b-npbq6ppg51] {
    background-color: #f8d7da;
    color: #721c24;
}

.info-icon[b-npbq6ppg51],
.warning-icon[b-npbq6ppg51] {
    width: 24px;
    height: 24px;
    margin-right: 1rem;
    background-size: contain;
    background-repeat: no-repeat;
}

.info-icon[b-npbq6ppg51] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230c5460' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3E%3C/svg%3E");
}

.warning-icon[b-npbq6ppg51] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23721c24' d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E");
}

.countdown-container[b-npbq6ppg51] {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.countdown-label[b-npbq6ppg51] {
    font-size: 0.9rem;
    margin-bottom: 0.25rem;
}

.countdown-value[b-npbq6ppg51] {
    font-size: 1.25rem;
    font-weight: bold;
}

/* Status Styling */
.auction-status[b-npbq6ppg51] {
    display: flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 16px;
    font-weight: 500;
    margin-left: 12px;
}

    .auction-status.pending[b-npbq6ppg51] {
        background-color: rgba(255, 193, 7, 0.15);
        color: #d1b000;
    }

    .auction-status.approved[b-npbq6ppg51] {
        background-color: rgba(33, 150, 243, 0.15);
        color: #0d6efd;
    }

    .auction-status.active[b-npbq6ppg51] {
        background-color: rgba(76, 175, 80, 0.15);
        color: #198754;
    }

    .auction-status.closed[b-npbq6ppg51] {
        background-color: rgba(96, 96, 96, 0.15);
        color: #666;
    }

    .auction-status.cancelled[b-npbq6ppg51] {
        background-color: rgba(244, 67, 54, 0.15);
        color: #dc3545;
    }

    .auction-status .status-indicator[b-npbq6ppg51] {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        margin-right: 8px;
    }

    .auction-status.pending .status-indicator[b-npbq6ppg51] {
        background-color: #d1b000;
    }

    .auction-status.approved .status-indicator[b-npbq6ppg51] {
        background-color: #0d6efd;
    }

    .auction-status.active .status-indicator[b-npbq6ppg51] {
        background-color: #198754;
    }

    .auction-status.closed .status-indicator[b-npbq6ppg51] {
        background-color: #666;
    }

    .auction-status.cancelled .status-indicator[b-npbq6ppg51] {
        background-color: #dc3545;
    }

/* Agent List Styling */
.agents-list-container[b-npbq6ppg51] {
    width: 100%;
    overflow-x: auto;
}

.agents-table[b-npbq6ppg51] {
    width: 100%;
    border-collapse: collapse;
    border: none;
}

    .agents-table thead[b-npbq6ppg51] {
        background-color: rgba(0, 0, 0, 0.03);
    }

    .agents-table th[b-npbq6ppg51] {
        padding: 12px 16px;
        text-align: left;
        font-weight: 600;
        color: #555;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .agents-table td[b-npbq6ppg51] {
        padding: 12px 16px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }

.agent-row-info[b-npbq6ppg51] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.agent-avatar[b-npbq6ppg51] {
    width: 32px;
    height: 32px;
    background-color: #0d6efd;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
}

.status-column[b-npbq6ppg51] {
    width: 140px;
    text-align: center !important;
}

.status-cell[b-npbq6ppg51] {
    text-align: center;
}

.status-badge[b-npbq6ppg51] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 500;
}

    .status-badge.invited[b-npbq6ppg51] {
        background-color: rgba(33, 150, 243, 0.15);
        color: #0d6efd;
    }

    .status-badge.participating[b-npbq6ppg51] {
        background-color: rgba(76, 175, 80, 0.15);
        color: #198754;
    }

.actions-column[b-npbq6ppg51] {
    width: 120px;
}

.actions-cell[b-npbq6ppg51] {
    text-align: center;
}

.action-btn[b-npbq6ppg51] {
    padding: 4px 8px;
    border-radius: 4px;
    background-color: transparent;
    border: 1px solid #0d6efd;
    color: #0d6efd;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.2s;
}

    .action-btn:hover[b-npbq6ppg51] {
        background-color: #0d6efd;
        color: white;
    }

.empty-state[b-npbq6ppg51] {
    padding: 32px 16px;
    text-align: center;
    color: #666;
    font-style: italic;
}

.agent-avatar[b-npbq6ppg51] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--primary-color);
    color: white;
    font-weight: 500;
    overflow: hidden;
}

.agent-profile-image[b-npbq6ppg51] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Update the status badge styling for RSVP statuses */
.status-badge.pending[b-npbq6ppg51] {
    background-color: rgba(33, 150, 243, 0.15);
    color: #0d6efd;
}

.status-badge.confirmed[b-npbq6ppg51] {
    background-color: rgba(76, 175, 80, 0.15);
    color: #198754;
}

.status-badge.declined[b-npbq6ppg51] {
    background-color: rgba(255, 193, 7, 0.15);
    color: #d1b000;
}

.status-badge.paid[b-npbq6ppg51] {
    background-color: rgba(76, 175, 80, 0.2);
    color: #2e7d32;
    font-weight: 600;
}

.status-badge.unpaid[b-npbq6ppg51] {
    background-color: rgba(244, 67, 54, 0.15);
    color: #c62828;
}

/* Gravatar styling */
.agent-avatar[b-npbq6ppg51] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--brand-blue-300);
    color: white;
    font-weight: 500;
    overflow: hidden;
    position: relative; /* Added for potential overlay elements */
}

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

.agent-initials[b-npbq6ppg51] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--brand-blue-300);
    color: var(--brand-white);
    font-weight: 600;
    font-size: 1.4rem;
}

/* Gravatar loading state */
.gravatar-loading[b-npbq6ppg51] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .gravatar-loading[b-npbq6ppg51]::after {
        content: "";
        width: 20px;
        height: 20px;
        border: 2px solid rgba(255, 255, 255, 0.3);
        border-radius: 50%;
        border-top-color: white;
        animation: gravatar-spin-b-npbq6ppg51 0.8s linear infinite;
    }

@keyframes gravatar-spin-b-npbq6ppg51 {
    to {
        transform: rotate(360deg);
    }
}

.status-indicators[b-npbq6ppg51] {
    display: inline-flex;
    align-items: center;
    margin-left: auto; /* Push to the right side */
    font-size: 0.8em;
    font-weight: normal;
    gap: 8px;
    margin-right: 12px; /* Space before dropdown icon */
}

.status-indicator[b-npbq6ppg51] {
    display: inline-flex;
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 4px;
    padding: 2px 6px;
    border: none; /* Explicitly remove borders */
}

    .status-indicator .count[b-npbq6ppg51] {
        margin-left: 4px;
        min-width: 20px;
        text-align: right;
        font-weight: 600;
        background-color: white;
        border-radius: 3px;
        padding: 1px 4px;
        border: none; /* Explicitly remove borders */
    }

    /* Make all status indicators use the same pattern with no side borders */
    .status-indicator.pending[b-npbq6ppg51] {
        background-color: rgba(33, 150, 243, 0.15);
        color: #0d6efd;
        border: none;
    }

    .status-indicator.confirmed[b-npbq6ppg51] {
        background-color: rgba(76, 175, 80, 0.15);
        color: #198754;
        border: none;
    }

    .status-indicator.declined[b-npbq6ppg51] {
        background-color: rgba(255, 193, 7, 0.15);
        color: #d1b000;
        border: none; /* Explicitly remove any border */
    }

/* Add these styles to HomeownerDashboardPage.razor.css */
.status-indicators[b-npbq6ppg51] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

/* Responsive adjustments for mobile */
@media (max-width: 768px) {
    .dropdown-header[b-npbq6ppg51] {
        flex-direction: column;
        align-items: stretch;
        gap: var(--space-2);
    }

        .dropdown-header h2[b-npbq6ppg51] {
            text-align: center;
            margin-bottom: var(--space-2);
            font-size: 2.5rem;
        }

    .status-indicators[b-npbq6ppg51] {
        justify-content: center;
        margin-top: var(--space-2);
        padding-top: var(--space-2);
        border-top: 1px solid var(--grey-200);
        width: 100%;
    }

    .d-flex.justify-content-between.align-items-center.w-100[b-npbq6ppg51] {
        flex-direction: column;
    }

    .status-indicator[b-npbq6ppg51] {
        min-width: 55px;
        text-align: center;
        white-space: nowrap;
    }

        .status-indicator .count[b-npbq6ppg51] {
            display: block;
            width: 100%;
            text-align: center;
            margin-top: 4px;
            font-size: 1.1em;
            padding: 3px 0;
        }
}

/* Enhance dropdown styling */
.dropdown-header[b-npbq6ppg51] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-3) var(--space-4);
    background-color: var(--brand-white);
    border-radius: var(--border-radius-md);
    cursor: pointer;
    transition: background-color 0.2s;
    box-shadow: var(--shadow-sm);
}

    .dropdown-header:hover[b-npbq6ppg51] {
        background-color: var(--grey-50);
    }

.dropdown-body[b-npbq6ppg51] {
    margin-top: var(--space-2);
    margin-bottom: var(--space-4);
}

/* Mobile responsive styles for agents table */
@media (max-width: 768px) {
    /* Hide Brokerage and Ranking columns on mobile for both invited and declined agents */
    .agents-table th:nth-child(2)[b-npbq6ppg51],
    .agents-table td:nth-child(2)[b-npbq6ppg51],
    .agents-table th:nth-child(3)[b-npbq6ppg51],
    .agents-table td:nth-child(3)[b-npbq6ppg51] {
        display: none;
    }

    /* For declined agents table, also hide the Reason column (4th column) but keep Entered Arena and Actions */
    .agents-table th:nth-child(4):not(.status-column):not(.actions-column)[b-npbq6ppg51],
    .agents-table td:nth-child(4):not(.status-cell):not(.actions-cell)[b-npbq6ppg51] {
        display: none;
    }

    .agents-table th[b-npbq6ppg51],
    .agents-table td[b-npbq6ppg51] {
        padding: 12px 8px;
        font-size: 1.4rem;
    }

    .agent-row-info[b-npbq6ppg51] {
        gap: 12px;
        flex-direction: row;
        align-items: center;
    }

    .agent-avatar[b-npbq6ppg51] {
        width: 48px;
        height: 48px;
        flex-shrink: 0;
        font-size: 16px;
    }

    .agent-details[b-npbq6ppg51] {
        display: flex;
        flex-direction: column;
        gap: 2px;
        min-width: 0;
        flex: 1;
    }

    .agent-row-name[b-npbq6ppg51] {
        font-size: 1.5rem;
        font-weight: 500;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: var(--text-primary);
    }

    .agent-brokerage-mobile[b-npbq6ppg51] {
        font-size: 1.3rem;
        color: var(--text-secondary);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }

    .agent-ranking-mobile[b-npbq6ppg51] {
        font-size: 1.3rem;
        color: var(--brand-blue);
        font-weight: 600;
        display: block;
    }

    .agent-decline-reason-mobile[b-npbq6ppg51] {
        font-size: 1.2rem;
        color: var(--warning-yellow);
        font-weight: 500;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .agent-arena-status-mobile[b-npbq6ppg51] {
        font-size: 1.2rem;
        color: var(--success-green);
        font-weight: 600;
        display: block;
    }

    .status-column[b-npbq6ppg51] {
        width: auto;
        min-width: 80px;
    }

    .actions-column[b-npbq6ppg51] {
        width: auto;
        min-width: 100px;
    }

    .status-badge[b-npbq6ppg51] {
        font-size: 11px;
        padding: 3px 8px;
    }

    .action-btn[b-npbq6ppg51] {
        font-size: 12px;
        padding: 4px 6px;
    }
}

/* Hide mobile-specific elements on desktop */
@media (min-width: 769px) {
    .agent-brokerage-mobile[b-npbq6ppg51],
    .agent-ranking-mobile[b-npbq6ppg51],
    .agent-decline-reason-mobile[b-npbq6ppg51],
    .agent-arena-status-mobile[b-npbq6ppg51] {
        display: none !important;
    }
}
/* /Features/Account/Dashboard/Profile/AgentProfile.razor.rz.scp.css */
.page-container[b-ctshga0y4h] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
}

.page-header[b-ctshga0y4h] {
    margin-bottom: 2rem;
}

.loading-container[b-ctshga0y4h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
}

.loading-spinner[b-ctshga0y4h] {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 3px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    border-top-color: var(--brand-blue);
    animation: spin-b-ctshga0y4h 1s ease-in-out infinite;
    margin-bottom: 1rem;
}

@keyframes spin-b-ctshga0y4h {
    to {
        transform: rotate(360deg);
    }
}

.profile-sections[b-ctshga0y4h] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.profile-section[b-ctshga0y4h] {
    background-color: var(--brand-white);
    border-radius: var(--border-radius-lg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

.section-header[b-ctshga0y4h] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid var(--grey-200);
}

.text-button[b-ctshga0y4h] {
    background: none;
    border: none;
    color: var(--brand-blue);
    cursor: pointer;
    font-weight: 500;
    padding: 0.5rem;
    transition: color 0.2s;
}

    .text-button:hover[b-ctshga0y4h] {
        color: var(--brand-blue-dark);
        text-decoration: underline;
    }

.profile-details[b-ctshga0y4h] {
    padding: 1.5rem;
}

.profile-header[b-ctshga0y4h] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.profile-avatar[b-ctshga0y4h] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--grey-300);
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.avatar-placeholder[b-ctshga0y4h] {
    font-size: 2.5rem;
    color: var(--grey-600);
    font-weight: bold;
}

.profile-info[b-ctshga0y4h] {
    flex: 1;
}

    .profile-info h3[b-ctshga0y4h] {
        margin-bottom: 0.5rem;
    }

    .profile-info p[b-ctshga0y4h] {
        margin: 0.25rem 0;
        color: var(--text-secondary);
    }

.current-membership[b-ctshga0y4h] {
    padding: 1.5rem;
}

.membership-management[b-ctshga0y4h] {
    padding: 1.5rem;
    border-top: 1px solid var(--grey-200);
    animation: fadeIn-b-ctshga0y4h 0.3s ease;
}

@keyframes fadeIn-b-ctshga0y4h {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

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

.membership-management h3[b-ctshga0y4h] {
    margin-bottom: 1.5rem;
}

.memberships-grid[b-ctshga0y4h] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.membership-card[b-ctshga0y4h] {
    display: flex;
    flex-direction: column;
    border-radius: var(--border-radius-md);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    height: 100%;
}

    .membership-card:hover[b-ctshga0y4h] {
        transform: translateY(-5px);
        box-shadow: var(--shadow-md);
    }

    .membership-card.selected[b-ctshga0y4h] {
        border: 3px solid var(--brand-blue);
        transform: translateY(-5px);
        box-shadow: var(--shadow-md);
    }

.bronze-header[b-ctshga0y4h], .silver-header[b-ctshga0y4h], .gold-header[b-ctshga0y4h] {
    padding: 1.5rem;
    color: white;
    text-align: center;
}

.bronze-header[b-ctshga0y4h] {
    background: radial-gradient(circle, #8B4513 0%, #CD7F32 40%, #CD7F32 100%);
}

.silver-header[b-ctshga0y4h] {
    background: radial-gradient(circle, #808080 0%, #C0C0C0 40%, #C0C0C0 100%);
}

.gold-header[b-ctshga0y4h] {
    background: radial-gradient(circle, #B8860B 0%, #FFD700 40%, #FFD700 100%);
}

.membership-header h3[b-ctshga0y4h], .membership-card .price[b-ctshga0y4h] {
    margin: 0;
}

.membership-card .price[b-ctshga0y4h] {
    margin-top: 0.5rem;
    font-weight: 500;
}

.membership-body[b-ctshga0y4h] {
    padding: 1.5rem;
    margin: 1.5rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

    .membership-body p[b-ctshga0y4h] {
        margin: 0.5rem 0;
    }

.active-status[b-ctshga0y4h] {
    color: var(--success-green);
    font-weight: bold;
}

.inactive-status[b-ctshga0y4h] {
    color: var(--error-red);
    font-weight: bold;
}

.membership-benefits[b-ctshga0y4h] {
    margin-top: 1.5rem;
}

    .membership-benefits h4[b-ctshga0y4h] {
        margin-bottom: 0.5rem;
        font-weight: 600;
    }

.benefits-list[b-ctshga0y4h] {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}

    .benefits-list li[b-ctshga0y4h] {
        padding: 0.5rem 0;
        position: relative;
        padding-left: 1.8rem;
        margin-bottom: 0.25rem;
    }

        .benefits-list li[b-ctshga0y4h]:before {
            content: "✓";
            position: absolute;
            left: 0;
            color: var(--brand-blue);
            font-weight: bold;
        }

.membership-actions[b-ctshga0y4h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.info-text[b-ctshga0y4h] {
    text-align: center;
    color: var(--text-secondary);
    font-style: italic;
}

.error-message[b-ctshga0y4h] {
    padding: 1rem;
    background-color: rgba(220, 53, 69, 0.1);
    color: var(--error-red);
    border-radius: var(--border-radius-md);
    margin-top: 1rem;
}

.success-message[b-ctshga0y4h] {
    padding: 1rem;
    background-color: rgba(40, 167, 69, 0.1);
    color: var(--success-green);
    border-radius: var(--border-radius-md);
    margin-top: 1rem;
}

.payment-container[b-ctshga0y4h] {
    margin-top: 2rem;
    padding: 1.5rem;
    border: 1px solid var(--grey-200);
    border-radius: var(--border-radius-md);
    background-color: var(--grey-100);
    animation: fadeIn-b-ctshga0y4h 0.3s ease;
}

    .payment-container h3[b-ctshga0y4h] {
        margin-bottom: 1.5rem;
    }

.error-message-container[b-ctshga0y4h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 3rem;
    text-align: center;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .memberships-grid[b-ctshga0y4h] {
        grid-template-columns: 1fr;
    }

    .profile-header[b-ctshga0y4h] {
        flex-direction: column;
        text-align: center;
    }

    .profile-avatar[b-ctshga0y4h] {
        margin: 0 auto 1rem;
    }
}
/* /Features/Account/Dashboard/Profile/HomeownerProfile.razor.rz.scp.css */
/* Reusing the same styles as AgentProfile for consistency */
.page-container[b-uedrv8ux2p] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
}

.page-header[b-uedrv8ux2p] {
    margin-bottom: 2rem;
}

.loading-container[b-uedrv8ux2p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
}

.loading-spinner[b-uedrv8ux2p] {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 3px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    border-top-color: var(--brand-blue);
    animation: spin-b-uedrv8ux2p 1s ease-in-out infinite;
    margin-bottom: 1rem;
}

@keyframes spin-b-uedrv8ux2p {
    to {
        transform: rotate(360deg);
    }
}

.profile-sections[b-uedrv8ux2p] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.profile-section[b-uedrv8ux2p] {
    background-color: var(--brand-white);
    border-radius: var(--border-radius-lg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

.section-header[b-uedrv8ux2p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid var(--grey-200);
}

.text-button[b-uedrv8ux2p] {
    background: none;
    border: none;
    color: var(--brand-blue);
    cursor: pointer;
    font-weight: 500;
    padding: 0.5rem;
    transition: color 0.2s;
}

    .text-button:hover[b-uedrv8ux2p] {
        color: var(--brand-blue-dark);
        text-decoration: underline;
    }

.profile-details[b-uedrv8ux2p] {
    padding: 1.5rem;
}

.profile-header[b-uedrv8ux2p] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.profile-avatar[b-uedrv8ux2p] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--grey-300);
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.avatar-placeholder[b-uedrv8ux2p] {
    font-size: 2.5rem;
    color: var(--grey-600);
    font-weight: bold;
}

.profile-info[b-uedrv8ux2p] {
    flex: 1;
}

    .profile-info h3[b-uedrv8ux2p] {
        margin-bottom: 0.5rem;
    }

    .profile-info p[b-uedrv8ux2p] {
        margin: 0.25rem 0;
        color: var(--text-secondary);
    }

/* Edit Form Styles */
.edit-form[b-uedrv8ux2p] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 500px;
}

.form-group[b-uedrv8ux2p] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.input-label[b-uedrv8ux2p] {
    font-weight: 500;
    color: var(--text-primary);
}

.input-field[b-uedrv8ux2p] {
    padding: 0.75rem;
    border: 1px solid var(--grey-300);
    border-radius: var(--border-radius-md);
    font-size: 1rem;
    transition: border-color 0.2s;
}

    .input-field:focus[b-uedrv8ux2p] {
        outline: none;
        border-color: var(--brand-blue);
        box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
    }

.form-actions[b-uedrv8ux2p] {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
}

.solid-btn[b-uedrv8ux2p] {
    background-color: var(--brand-blue);
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: var(--border-radius-md);
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .solid-btn:hover[b-uedrv8ux2p] {
        background-color: transparent;
        border-color: var(--brand-blue);
        color: var(--brand-blue);
    }

    .solid-btn:hover:not(:disabled)[b-uedrv8ux2p] {
        background-color: var(--brand-blue-dark);
    }

    .solid-btn:disabled[b-uedrv8ux2p] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.outlined-btn[b-uedrv8ux2p] {
    background-color: transparent;
    color: var(--brand-blue);
    border: 1px solid var(--brand-blue);
    padding: 0.75rem 1.5rem;
    border-radius: var(--border-radius-md);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

    .outlined-btn:hover[b-uedrv8ux2p] {
        background-color: var(--brand-blue);
        color: white;
    }

.error-message[b-uedrv8ux2p] {
    padding: 1rem;
    background-color: rgba(220, 53, 69, 0.1);
    color: var(--error-red);
    border-radius: var(--border-radius-md);
    margin-top: 1rem;
}

.success-message[b-uedrv8ux2p] {
    padding: 1rem;
    background-color: rgba(40, 167, 69, 0.1);
    color: var(--success-green);
    border-radius: var(--border-radius-md);
    margin-top: 1rem;
}

.error-message-container[b-uedrv8ux2p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 3rem;
    text-align: center;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .profile-header[b-uedrv8ux2p] {
        flex-direction: column;
        text-align: center;
    }

    .profile-avatar[b-uedrv8ux2p] {
        margin: 0 auto 1rem;
    }

    .form-actions[b-uedrv8ux2p] {
        flex-direction: column;
    }
}
/* /Features/Account/Dashboard/Profile/Notifications.razor.rz.scp.css */
.notification-page-header[b-aay8hf1cie] {
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--grey-300);
}

.mark-all-read[b-aay8hf1cie] {
    background: none;
    border: none;
    color: var(--brand-blue);
    cursor: pointer;
    font-size: 1.4rem;
    padding: 0.5rem;
    font-family: var(--font-secondary);
}

    .mark-all-read:hover[b-aay8hf1cie] {
        text-decoration: underline;
    }

.notification-list-container[b-aay8hf1cie] {
    max-width: 800px;
}

.notification-list[b-aay8hf1cie] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.notification-item[b-aay8hf1cie] {
    display: flex;
    padding: 1.5rem;
    border-radius: var(--border-radius-md);
    border: 1px solid var(--grey-300);
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .notification-item:hover[b-aay8hf1cie] {
        background-color: var(--surface-light);
    }

    .notification-item.unread[b-aay8hf1cie] {
        background-color: var(--brand-blue-100);
        border-color: var(--brand-blue-300);
    }

        .notification-item.unread:hover[b-aay8hf1cie] {
            background-color: var(--brand-blue-200);
        }

.notification-icon[b-aay8hf1cie] {
    flex-shrink: 0;
    margin-right: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    background-color: var(--brand-blue-100);
    color: var(--brand-blue);
    border-radius: 50%;
}

.notification-content[b-aay8hf1cie] {
    flex: 1;
}

    .notification-content h4[b-aay8hf1cie] {
        margin: 0 0 0.5rem 0;
        font-size: 1.6rem;
        font-weight: 600;
        font-family: var(--font-primary);
        color: var(--text-primary);
    }

    .notification-content p[b-aay8hf1cie] {
        margin: 0 0 0.5rem 0;
        font-size: 1.4rem;
        font-family: var(--font-secondary);
        color: var(--text-secondary);
        line-height: 1.4;
    }

.notification-time[b-aay8hf1cie] {
    display: block;
    font-size: 1.2rem;
    color: var(--grey-600);
    font-family: var(--font-secondary);
}

.no-notifications[b-aay8hf1cie] {
    padding: 3rem;
    text-align: center;
    color: var(--text-secondary);
    font-family: var(--font-secondary);
    font-size: 1.6rem;
    background-color: var(--surface-light);
    border-radius: var(--border-radius-md);
}

.loading-spinner-container[b-aay8hf1cie] {
    display: flex;
    justify-content: center;
    padding: 3rem;
}

.spinner[b-aay8hf1cie] {
    width: 40px;
    height: 40px;
    border: 4px solid var(--brand-blue-100);
    border-top: 4px solid var(--brand-blue);
    border-radius: 50%;
    animation: spin-b-aay8hf1cie 1s linear infinite;
}

@keyframes spin-b-aay8hf1cie {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media (max-width: 768px) {
    .notification-item[b-aay8hf1cie] {
        padding: 1rem;
    }

    .notification-icon[b-aay8hf1cie] {
        width: 2.5rem;
        height: 2.5rem;
        margin-right: 1rem;
    }

    .notification-content h4[b-aay8hf1cie] {
        font-size: 1.4rem;
    }

    .notification-content p[b-aay8hf1cie] {
        font-size: 1.3rem;
    }
}
/* /Features/Account/ForgotPassword/Components/ForgotPasswordForm.razor.rz.scp.css */
/* Inherit login form styles */
.login-form[b-mb68vqfxzr] {
    max-width: 60rem;
    padding: 8rem;
    padding-top: 4rem;
    margin: 3.5rem auto;
    margin-top: 1.5rem;
    border: 2px solid var(--brand-blue);
    border-radius: var(--border-radius-xl);
    box-shadow: var(--shadow-md);
    transition: var(--input-transition);
}

.form-row-flex[b-mb68vqfxzr] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: var(--form-gap);
    margin-bottom: var(--form-gap);
}

.form-row[b-mb68vqfxzr] {
    display: block;
    margin-bottom: var(--form-gap);
}

.login-form .form-row:last-child[b-mb68vqfxzr] {
    margin-bottom: 0;
}

.form-group[b-mb68vqfxzr] {
    flex: 1;
}

[b-mb68vqfxzr] .nav-link {
    text-decoration: none;
    color: var(--brand-blue);
    font-weight: 400;
}

.validation-message[b-mb68vqfxzr] {
    color: var(--error-red);
    font-size: 1.2rem;
    margin-top: 0.5rem;
    opacity: 0;
    transform: translateY(-5px);
    transition: var(--input-transition);
}

.validation-message.show[b-mb68vqfxzr] {
    opacity: 1;
    transform: translateY(0);
}

.error-message[b-mb68vqfxzr] {
    color: var(--error-red);
    text-align: center;
    padding: 1rem;
    background-color: var(--error-light);
    border-radius: var(--border-radius-sm);
    margin-top: 1rem;
}

.success-message[b-mb68vqfxzr] {
    color: var(--success-green);
    text-align: center;
    padding: 1rem;
    background-color: var(--success-light);
    border-radius: var(--border-radius-sm);
    margin-top: 1rem;
}

.loading-spinner[b-mb68vqfxzr] {
    width: 2rem;
    height: 2rem;
    border: 2px solid var(--brand-light-blue);
    border-top: 2px solid var(--brand-blue);
    border-radius: 50%;
    animation: spin-b-mb68vqfxzr 1s linear infinite;
}

@keyframes spin-b-mb68vqfxzr {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* /Features/Account/Login/Components/LoginForm.razor.rz.scp.css */
.login-form[b-3c2fl2euk5] {
    max-width: 60rem;
    padding: 8rem;
    padding-top: 4rem;
    margin: 3.5rem auto;
    margin-top: 1.5rem;
    border: 2px solid var(--brand-blue);
    border-radius: var(--border-radius-xl);
    box-shadow: var(--shadow-md);
    transition: var(--input-transition);
}

.form-row-flex[b-3c2fl2euk5] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: var(--form-gap);
    margin-bottom: var(--form-gap);
}

.form-row[b-3c2fl2euk5] {
    display: block;
    margin-bottom: var(--form-gap);
}

.login-form .form-row:last-child[b-3c2fl2euk5] {
    margin-bottom: 0;
}

.form-group[b-3c2fl2euk5] {
    flex: 1;
}

[b-3c2fl2euk5] .nav-link {
    text-decoration: none;
    color: var(--brand-blue);
    font-weight: 400;
}

.validation-message[b-3c2fl2euk5] {
    color: var(--error-red);
    font-size: 1.2rem;
    margin-top: 0.5rem;
    opacity: 0;
    transform: translateY(-5px);
    transition: var(--input-transition);
}

    .validation-message.show[b-3c2fl2euk5] {
        opacity: 1;
        transform: translateY(0);
    }

.success-message[b-3c2fl2euk5] {
    text-align: center;
    color: var(--success-green);
    margin-top: var(--form-gap);
    font-weight: 500;
}

/* Loading spinner for buttons */
.loading-spinner[b-3c2fl2euk5] {
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: var(--brand-white);
    animation: spin-b-3c2fl2euk5 1s ease-in-out infinite;
    margin-right: var(--space-2);
}

@keyframes spin-b-3c2fl2euk5 {
    to {
        transform: rotate(360deg);
    }
}

button.loading[b-3c2fl2euk5] {
    display: flex;
    align-items: center;
    justify-content: center;
}

button .btn-text[b-3c2fl2euk5] {
    display: inline-block;
}
/* /Features/Account/Register/Components/RegisterForm.razor.rz.scp.css */
.register-form[b-4q2u5p09bk] {
    max-width: 60rem;
    padding: 8rem;
    padding-top: 4rem;
    margin: 2.0rem auto;
    margin-top: 1.5rem;
    border: 2px solid var(--brand-blue);
    border-radius: var(--border-radius-xl);
    box-shadow: var(--shadow-md);
    transition: var(--input-transition);
}

.form-row-flex[b-4q2u5p09bk] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: var(--form-gap);
    margin-bottom: var(--form-gap);
}

.form-row[b-4q2u5p09bk] {
    display: block;
    margin-bottom: var(--form-gap);
}

.register-form .form-row:last-child[b-4q2u5p09bk] {
    margin-bottom: 0;
}

.form-group[b-4q2u5p09bk] {
    flex: 1;
}

[b-4q2u5p09bk] .nav-link {
    text-decoration: none;
    color: var(--brand-blue);
    font-weight: 400;
}

.validation-message[b-4q2u5p09bk] {
    color: var(--error-red);
    font-size: 1.2rem;
    margin-top: 0.5rem;
    opacity: 0;
    transform: translateY(-5px);
    transition: var(--input-transition);
}

    .validation-message.show[b-4q2u5p09bk] {
        opacity: 1;
        transform: translateY(0);
    }

.success-message[b-4q2u5p09bk] {
    text-align: center;
    color: var(--success-green);
    margin-top: var(--form-gap);
    font-weight: 500;
}

/* Loading spinner for buttons */
.loading-spinner[b-4q2u5p09bk] {
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: var(--brand-white);
    animation: spin-b-4q2u5p09bk 1s ease-in-out infinite;
    margin-right: var(--space-2);
}

@keyframes spin-b-4q2u5p09bk {
    to {
        transform: rotate(360deg);
    }
}

button.loading[b-4q2u5p09bk] {
    display: flex;
    align-items: center;
    justify-content: center;
}

button .btn-text[b-4q2u5p09bk] {
    display: inline-block;
}

.warning[b-4q2u5p09bk] {
    margin-top: 0.5rem;
}

/* Add validation styling for invalid input fields */
[b-4q2u5p09bk].input-field.invalid {
    border-color: var(--error-red) !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

[b-4q2u5p09bk].input-field.valid {
    border-color: var(--success-green);
}

/* Mobile specific styling */
@media (max-width: 768px) {
    [b-4q2u5p09bk].input-field.invalid {
        border-width: 2px;
    }
}
/* /Features/Account/Registration/AgentConfirmation.razor.rz.scp.css */
.agent-confirmation-container[b-m9qgt9o19p] {
    max-width: 800px;
    margin: 2rem auto;
    padding: var(--space-5);
    min-height: 400px;
}

/* Loading State */
.loading-container[b-m9qgt9o19p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
}

.loading-spinner[b-m9qgt9o19p] {
    width: 40px;
    height: 40px;
    border: 4px solid var(--grey-100);
    border-top: 4px solid var(--brand-blue);
    border-radius: 50%;
    animation: spin-b-m9qgt9o19p 1s linear infinite;
}

@keyframes spin-b-m9qgt9o19p {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loading-text[b-m9qgt9o19p] {
    margin-top: var(--space-3);
    color: var(--text-secondary);
    font-size: 0.95rem;
}

/* Verification Required Section */
.verification-required[b-m9qgt9o19p] {
    background: var(--surface-white);
    border-radius: var(--border-radius-lg);
    padding: var(--space-5);
    box-shadow: var(--shadow-md);
}

.verification-title[b-m9qgt9o19p] {
    color: var(--text-primary);
    margin-bottom: var(--space-4);
    text-align: center;
    font-size: 1.75rem;
    font-weight: 600;
}

.verification-icon[b-m9qgt9o19p] {
    text-align: center;
    margin-bottom: 2rem;
}

.icon-shield[b-m9qgt9o19p]::before {
    content: "\1F6E1";
    font-size: 3rem;
}

.verification-section[b-m9qgt9o19p] {
    margin-bottom: var(--space-5);
    padding: var(--space-4);
    background: var(--surface-light);
    border-radius: var(--border-radius-md);
}

.verification-section h3[b-m9qgt9o19p] {
    color: var(--text-primary);
    margin-bottom: var(--space-3);
    font-size: 1.25rem;
    font-weight: 500;
}

.verification-message[b-m9qgt9o19p] {
    color: var(--text-secondary);
    margin-bottom: var(--space-4);
    line-height: 1.6;
}

.verification-message strong[b-m9qgt9o19p] {
    color: var(--text-primary);
    font-weight: 600;
}

.verification-code-input[b-m9qgt9o19p] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

.verification-code-input input[b-m9qgt9o19p] {
    flex: 1;
    padding: 0.75rem;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 1rem;
    text-align: center;
    letter-spacing: 0.25rem;
}

.verification-code-input input:focus[b-m9qgt9o19p] {
    outline: none;
    border-color: #0066cc;
    box-shadow: 0 0 0 3px rgba(0,102,204,0.1);
}

/* Buttons */
.btn-verify[b-m9qgt9o19p],
.btn-submit[b-m9qgt9o19p],
.btn-resend[b-m9qgt9o19p],
.btn-primary[b-m9qgt9o19p],
.btn-secondary[b-m9qgt9o19p] {
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 6px;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 500;
}

.btn-verify[b-m9qgt9o19p],
.btn-submit[b-m9qgt9o19p],
.btn-primary[b-m9qgt9o19p] {
    background: var(--brand-blue);
    color: var(--text-white);
}

.btn-verify:hover:not(:disabled)[b-m9qgt9o19p],
.btn-submit:hover:not(:disabled)[b-m9qgt9o19p],
.btn-primary:hover[b-m9qgt9o19p] {
    background: var(--brand-blue-700);
    transform: translateY(-1px);
    box-shadow: var(--shadow-lg);
}

.btn-resend[b-m9qgt9o19p],
.btn-secondary[b-m9qgt9o19p] {
    background: transparent;
    color: var(--brand-blue);
    border: 1px solid var(--brand-blue);
}

.btn-resend:hover:not(:disabled)[b-m9qgt9o19p],
.btn-secondary:hover[b-m9qgt9o19p] {
    background: var(--brand-blue);
    color: var(--text-white);
}

.btn-verify:disabled[b-m9qgt9o19p],
.btn-submit:disabled[b-m9qgt9o19p],
.btn-resend:disabled[b-m9qgt9o19p] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Success and Error Messages */
.success-message[b-m9qgt9o19p],
.error-message[b-m9qgt9o19p] {
    padding: 1rem;
    border-radius: 6px;
    margin: 1rem 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.success-message[b-m9qgt9o19p] {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.error-message[b-m9qgt9o19p] {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.icon-check[b-m9qgt9o19p]::before {
    content: "\2713";
    font-weight: bold;
}

.icon-alert[b-m9qgt9o19p]::before {
    content: "\26A0";
}

/* Agent Confirmation Content */
.confirmation-content[b-m9qgt9o19p] {
    background: var(--surface-white);
    border-radius: var(--border-radius-lg);
    padding: var(--space-5);
    box-shadow: var(--shadow-md);
}

.confirmation-content h2[b-m9qgt9o19p] {
    color: var(--text-primary);
    margin-bottom: var(--space-3);
    font-size: 1.75rem;
    font-weight: 600;
}

.welcome-message[b-m9qgt9o19p] {
    color: var(--text-secondary);
    margin-bottom: var(--space-5);
    font-size: 1.1rem;
}

.agent-options[b-m9qgt9o19p] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem;
}

/* Match Cards - similar to agent browser cards */
.matches-section[b-m9qgt9o19p] {
    margin-top: var(--space-5);
}

.matches-section h3[b-m9qgt9o19p] {
    color: var(--text-primary);
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: var(--space-3);
}

.matches-description[b-m9qgt9o19p] {
    color: var(--text-secondary);
    margin-bottom: var(--space-4);
    line-height: 1.6;
}

.matches-list[b-m9qgt9o19p] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    margin-bottom: var(--space-5);
}

.match-card[b-m9qgt9o19p] {
    border: 2px solid var(--grey-200);
    border-radius: var(--border-radius-lg);
    padding: var(--space-4);
    background: var(--surface-white);
    transition: all 0.3s ease;
    position: relative;
}

.match-card:hover[b-m9qgt9o19p] {
    border-color: var(--brand-blue);
    box-shadow: var(--shadow-lg);
    transform: translateY(-2px);
}

.agent-option-card.static[b-m9qgt9o19p] {
    cursor: default;
}

.match-header[b-m9qgt9o19p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-3);
}

.match-header h4[b-m9qgt9o19p] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1.25rem;
    font-weight: 600;
}

.match-score[b-m9qgt9o19p] {
    background: var(--brand-blue-100);
    color: var(--brand-blue);
    padding: var(--space-1) var(--space-2);
    border-radius: var(--border-radius-sm);
    font-size: 0.875rem;
    font-weight: 600;
}

.agent-info .location[b-m9qgt9o19p] {
    margin: 0.5rem 0;
    color: #666;
    font-size: 0.95rem;
}

.rank-badge[b-m9qgt9o19p],
.unified-id-badge[b-m9qgt9o19p] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 16px;
    font-size: 0.85rem;
    font-weight: 500;
    margin-top: 0.5rem;
    margin-right: 0.5rem;
}

.brokerage-name[b-m9qgt9o19p] {
    color: var(--text-secondary);
    font-size: 1rem;
    margin-bottom: var(--space-3);
}

.unified-id-badge[b-m9qgt9o19p] {
    background: #f0f0f0;
    color: #666;
    border: 1px solid #ddd;
}

.match-confidence[b-m9qgt9o19p] {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
}

.confidence-text[b-m9qgt9o19p] {
    background: #f8f9fa;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    color: #666;
    font-size: 0.85rem;
    font-weight: 500;
}

.single-agent-confirmation .agent-option-card[b-m9qgt9o19p] {
    margin-bottom: 2rem;
}

.confirmation-buttons[b-m9qgt9o19p] {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

/* Error Container */
.error-container[b-m9qgt9o19p] {
    text-align: center;
    padding: 3rem;
}

.error-container .error-message[b-m9qgt9o19p] {
    margin-bottom: 2rem;
    display: inline-flex;
}

/* Responsive Design */
@media (max-width: 768px) {
    .agent-confirmation-container[b-m9qgt9o19p] {
        padding: 1rem;
        margin: 1rem;
    }
    
    .verification-required[b-m9qgt9o19p] {
        padding: 1.5rem;
    }
    
    .confirmation-buttons[b-m9qgt9o19p] {
        flex-direction: column;
    }
    
    .confirmation-buttons button[b-m9qgt9o19p] {
        width: 100%;
    }
    
    .verification-code-input[b-m9qgt9o19p] {
        flex-direction: column;
    }
    
    .match-confidence[b-m9qgt9o19p] {
        position: static;
        text-align: right;
        margin-top: 1rem;
    }
}

/* Verification styles */
.verification-notice[b-m9qgt9o19p] {
    background-color: #fff3cd;
    border: 1px solid #ffeaa7;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 2rem;
}

.verification-notice h3[b-m9qgt9o19p] {
    color: #856404;
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.verification-notice p[b-m9qgt9o19p] {
    color: #856404;
    margin-bottom: 0.5rem;
}

.verification-status[b-m9qgt9o19p] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
}

.verification-item[b-m9qgt9o19p] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background-color: white;
    border-radius: 4px;
    border: 1px solid #dee2e6;
}

.verification-icon[b-m9qgt9o19p] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.verification-icon.pending[b-m9qgt9o19p] {
    color: #ffc107;
}

.verification-icon.verified[b-m9qgt9o19p] {
    color: #28a745;
}

.verification-details[b-m9qgt9o19p] {
    flex: 1;
}

.verification-label[b-m9qgt9o19p] {
    font-weight: 600;
    color: #495057;
    display: block;
    margin-bottom: 0.25rem;
}

.verification-value[b-m9qgt9o19p] {
    color: #6c757d;
    font-size: 0.9rem;
}

.verification-actions[b-m9qgt9o19p] {
    margin-top: 1.5rem;
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.btn[b-m9qgt9o19p] {
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 4px;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    display: inline-block;
}

.match-details[b-m9qgt9o19p] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    margin-bottom: var(--space-3);
}

.detail-item[b-m9qgt9o19p] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.detail-label[b-m9qgt9o19p] {
    color: var(--text-secondary);
    font-size: 0.875rem;
    font-weight: 500;
    min-width: 100px;
}

.detail-item span:last-child[b-m9qgt9o19p] {
    color: var(--text-primary);
    font-size: 0.875rem;
}

.match-reasons[b-m9qgt9o19p] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin-top: var(--space-2);
}

.reason-chip[b-m9qgt9o19p] {
    background: var(--grey-100);
    color: var(--text-secondary);
    padding: var(--space-1) var(--space-2);
    border-radius: var(--border-radius-pill);
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.btn-confirm[b-m9qgt9o19p] {
    width: 100%;
    padding: var(--space-3);
    background: var(--brand-blue);
    color: var(--text-white);
    border: none;
    border-radius: var(--border-radius-md);
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-confirm:hover[b-m9qgt9o19p] {
    background: var(--brand-blue-700);
    transform: translateY(-1px);
    box-shadow: var(--shadow-md);
}

.no-match-option[b-m9qgt9o19p] {
    text-align: center;
    padding: var(--space-4);
    background: var(--surface-light);
    border-radius: var(--border-radius-lg);
}

.no-match-option p[b-m9qgt9o19p] {
    color: var(--text-secondary);
    margin-bottom: var(--space-3);
}

.btn-no-match[b-m9qgt9o19p] {
    padding: var(--space-3) var(--space-4);
    background: transparent;
    color: var(--brand-blue);
    border: 2px solid var(--brand-blue);
    border-radius: var(--border-radius-md);
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-no-match:hover[b-m9qgt9o19p] {
    background: var(--brand-blue);
    color: var(--text-white);
}

.btn-continue[b-m9qgt9o19p] {
    padding: var(--space-3) var(--space-5);
    background: var(--brand-blue);
    color: var(--text-white);
    border: none;
    border-radius: var(--border-radius-md);
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-continue:hover[b-m9qgt9o19p] {
    background: var(--brand-blue-700);
    transform: translateY(-1px);
    box-shadow: var(--shadow-md);
}

.btn-outline-secondary[b-m9qgt9o19p] {
    background-color: transparent;
    color: #6c757d;
    border: 1px solid #6c757d;
}

.btn-outline-secondary:hover[b-m9qgt9o19p] {
    background-color: #6c757d;
    color: white;
}

.btn:disabled[b-m9qgt9o19p] {
    opacity: 0.65;
    cursor: not-allowed;
}

.alert[b-m9qgt9o19p] {
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-danger[b-m9qgt9o19p] {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-success[b-m9qgt9o19p] {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-info[b-m9qgt9o19p] {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.badge[b-m9qgt9o19p] {
    display: inline-block;
    padding: 0.25em 0.6em;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.badge.bg-primary[b-m9qgt9o19p] {
    background-color: #0066cc;
    color: white;
}

.visually-hidden[b-m9qgt9o19p] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.spinner-border[b-m9qgt9o19p] {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border-b-m9qgt9o19p .75s linear infinite;
}

@keyframes spinner-border-b-m9qgt9o19p {
    to { transform: rotate(360deg); }
}

.text-muted[b-m9qgt9o19p] {
    color: #6c757d;
}

/* Mobile responsive styles */
@media (max-width: 768px) {
    .agent-confirmation-container[b-m9qgt9o19p] {
        padding: 1rem;
        margin: 1rem auto;
    }

    .confirmation-buttons[b-m9qgt9o19p] {
        flex-direction: column;
    }

    .btn[b-m9qgt9o19p] {
        width: 100%;
    }

    .verification-actions[b-m9qgt9o19p] {
        flex-direction: column;
    }
}
/* /Features/Account/Registration/ConflictResolution.razor.rz.scp.css */
.conflict-resolution-container[b-77lq40yxjj] {
    max-width: 600px;
    margin: 2rem auto;
    padding: 2rem;
}

.loading-container[b-77lq40yxjj] {
    text-align: center;
    padding: 3rem;
}

.loading-spinner[b-77lq40yxjj] {
    width: 50px;
    height: 50px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #1e88e5;
    border-radius: 50%;
    animation: spin-b-77lq40yxjj 1s linear infinite;
    margin: 0 auto 1rem;
}

@keyframes spin-b-77lq40yxjj {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.conflict-content[b-77lq40yxjj] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    padding: 2rem;
}

.warning-header[b-77lq40yxjj] {
    text-align: center;
    margin-bottom: 2rem;
}

.warning-icon[b-77lq40yxjj] {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.warning-header h2[b-77lq40yxjj] {
    color: #d32f2f;
    margin: 0;
}

.conflict-explanation[b-77lq40yxjj] {
    background: #fff3e0;
    border-left: 4px solid #ff9800;
    padding: 1rem;
    margin-bottom: 2rem;
}

.conflict-message[b-77lq40yxjj] {
    margin: 0 0 1rem 0;
    color: #333;
}

.conflict-details[b-77lq40yxjj] {
    margin-top: 1rem;
}

.conflict-item[b-77lq40yxjj] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid #ddd;
}

.conflict-item:last-child[b-77lq40yxjj] {
    border-bottom: none;
}

.conflict-label[b-77lq40yxjj] {
    font-weight: 500;
    color: #666;
}

.conflict-value[b-77lq40yxjj] {
    font-weight: bold;
    color: #333;
}

.resolution-section h3[b-77lq40yxjj] {
    color: #333;
    margin-bottom: 1rem;
}

.resolution-form[b-77lq40yxjj] {
    margin-top: 1.5rem;
}

.form-group[b-77lq40yxjj] {
    margin-bottom: 1.5rem;
}

.form-input[b-77lq40yxjj] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 1rem;
    transition: border-color 0.3s, background-color 0.3s;
}

.form-input:focus[b-77lq40yxjj] {
    outline: none;
    border-color: #1e88e5;
}

.form-input.changed[b-77lq40yxjj] {
    background-color: #e3f2fd;
    border-color: #1e88e5;
}

.change-indicator[b-77lq40yxjj] {
    display: inline-block;
    margin-top: 0.25rem;
    color: #4caf50;
    font-size: 0.875rem;
    font-weight: 500;
}

.validation-message[b-77lq40yxjj] {
    background: #ffebee;
    color: #c62828;
    padding: 0.75rem;
    border-radius: 4px;
    margin-bottom: 1rem;
}

.resolution-actions[b-77lq40yxjj] {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
}

.btn-primary[b-77lq40yxjj],
.btn-secondary[b-77lq40yxjj] {
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 4px;
    font-size: 1rem;
    cursor: pointer;
    transition: background-color 0.3s;
    flex: 1;
}

.btn-primary[b-77lq40yxjj] {
    background: #1e88e5;
    color: white;
}

.btn-primary:hover:not(:disabled)[b-77lq40yxjj] {
    background: #1976d2;
}

.btn-primary:disabled[b-77lq40yxjj] {
    background: #ccc;
    cursor: not-allowed;
}

.btn-secondary[b-77lq40yxjj] {
    background: #f5f5f5;
    color: #333;
    border: 1px solid #ddd;
}

.btn-secondary:hover[b-77lq40yxjj] {
    background: #e0e0e0;
}

.help-text[b-77lq40yxjj] {
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid #eee;
}

.help-text p[b-77lq40yxjj] {
    color: #666;
    margin: 0;
}

.error-message[b-77lq40yxjj] {
    background: #ffebee;
    color: #c62828;
    padding: 1rem;
    border-radius: 4px;
    margin-top: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.error-state[b-77lq40yxjj] {
    text-align: center;
    padding: 3rem;
}

.error-state h2[b-77lq40yxjj] {
    color: #666;
    margin-bottom: 1rem;
}

.error-state p[b-77lq40yxjj] {
    color: #999;
    margin-bottom: 2rem;
}
/* /Features/Account/ResetPassword/Components/ResetPasswordForm.razor.rz.scp.css */
/* Inherit login form styles */
.login-form[b-kt9qhwwhch] {
    max-width: 60rem;
    padding: 8rem;
    padding-top: 4rem;
    margin: 3.5rem auto;
    margin-top: 1.5rem;
    border: 2px solid var(--brand-blue);
    border-radius: var(--border-radius-xl);
    box-shadow: var(--shadow-md);
    transition: var(--input-transition);
}

.form-row-flex[b-kt9qhwwhch] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: var(--form-gap);
    margin-bottom: var(--form-gap);
}

.form-row[b-kt9qhwwhch] {
    display: block;
    margin-bottom: var(--form-gap);
}

.login-form .form-row:last-child[b-kt9qhwwhch] {
    margin-bottom: 0;
}

.form-group[b-kt9qhwwhch] {
    flex: 1;
}

[b-kt9qhwwhch] .nav-link {
    text-decoration: none;
    color: var(--brand-blue);
    font-weight: 400;
}

.validation-message[b-kt9qhwwhch] {
    color: var(--error-red);
    font-size: 1.2rem;
    margin-top: 0.5rem;
    opacity: 0;
    transform: translateY(-5px);
    transition: var(--input-transition);
}

.validation-message.show[b-kt9qhwwhch] {
    opacity: 1;
    transform: translateY(0);
}

.error-message[b-kt9qhwwhch] {
    color: var(--error-red);
    text-align: center;
    padding: 1rem;
    background-color: var(--error-light);
    border-radius: var(--border-radius-sm);
    margin-top: 1rem;
}

.success-message[b-kt9qhwwhch] {
    color: var(--success-green);
    text-align: center;
    padding: 1rem;
    background-color: var(--success-light);
    border-radius: var(--border-radius-sm);
    margin-top: 1rem;
}

.loading-spinner[b-kt9qhwwhch] {
    width: 2rem;
    height: 2rem;
    border: 2px solid var(--brand-light-blue);
    border-top: 2px solid var(--brand-blue);
    border-radius: 50%;
    animation: spin-b-kt9qhwwhch 1s linear infinite;
    margin: 0 auto;
}

@keyframes spin-b-kt9qhwwhch {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* /Features/Account/Setup/Agent/AgentSetupPage.razor.rz.scp.css */
.setup-steps[b-vxuahh7fj5] {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}

.step-indicators[b-vxuahh7fj5] {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}

.step[b-vxuahh7fj5] {
    padding: 0.75rem 1.5rem;
    margin: 0 0.5rem;
    border-radius: var(--border-radius-md);
    background-color: var(--brand-light-grey);
    color: var(--text-secondary);
    font-weight: 500;
}

    .step.active[b-vxuahh7fj5] {
        background-color: var(--primary);
        color: white;
    }
/* /Features/Account/Setup/Agent/Components/AgentMembership.razor.rz.scp.css */
.membership-selection-container[b-39b0td88gj] {
    max-width: 1000px;
    padding: 3rem;
    margin: 3.5rem auto;
    border: 2px solid var(--brand-light-grey);
    border-radius: var(--border-radius-xl);
    box-shadow: var(--shadow-md);
    transition: var(--input-transition);
}

.membership-header[b-39b0td88gj] {
    text-align: center;
    margin-bottom: 4rem;
}

.memberships-grid[b-39b0td88gj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
    margin-bottom: 4rem;
    grid-auto-rows: 1fr;
}

.membership-card[b-39b0td88gj] {
    display: flex;
    flex-direction: column;
    border-radius: var(--border-radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-md);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    height: 100%; 
}

    .membership-card:hover[b-39b0td88gj] {
        transform: translateY(-5px);
        box-shadow: var(--shadow-lg);
    }

    .membership-card.selected[b-39b0td88gj] {
        border: 3px solid var(--brand-blue);
        transform: translateY(-5px);
        box-shadow: var(--shadow-lg);
    }

    .membership-card .membership-header[b-39b0td88gj] {
        padding: 1.5rem;
        color: white;
        margin-bottom: 0;
    }

        .membership-card .membership-header h3[b-39b0td88gj] {
            margin: 0;
            font-weight: 600;
        }

        .membership-card .membership-header .price[b-39b0td88gj] {
            margin: 0.5rem 0 0;
            font-weight: 500;
        }

    .membership-card .membership-body[b-39b0td88gj] {
        padding: 1.5rem;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }

.membership-benefits[b-39b0td88gj] {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 2rem;
    flex-grow: 1;
    min-height: 180px;
}

    .membership-benefits li[b-39b0td88gj] {
        padding: 0.5rem 0;
        position: relative;
        padding-left: 1.8rem;
        margin-bottom: 0.5rem;
    }

        .membership-benefits li[b-39b0td88gj]:before {
            content: "✓";
            position: absolute;
            left: 0;
            color: var(--brand-blue);
            font-weight: bold;
        }

.form-row[b-39b0td88gj] {
    margin-top: 2rem;
    text-align: center;
    position: relative;
    z-index: 1;
}

.error-message[b-39b0td88gj] {
    color: var(--error-red);
    font-size: 1.2rem;
    margin-top: 0.5rem;
}

.success-message[b-39b0td88gj] {
    text-align: center;
    color: var(--success-green);
    margin-top: var(--form-gap);
    font-weight: 500;
}

/* Modal styles */
.modal-overlay[b-39b0td88gj] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-container[b-39b0td88gj] {
    background-color: white;
    border-radius: var(--border-radius-lg);
    width: 90%;
    max-width: 900px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: var(--shadow-lg);
    animation: modal-fade-in-b-39b0td88gj 0.3s ease-out;
}

@keyframes modal-fade-in-b-39b0td88gj {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

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

.modal-header[b-39b0td88gj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid var(--brand-light-grey);
}

    .modal-header h3[b-39b0td88gj] {
        margin: 0;
        font-size: 1.5rem;
        color: var(--text-primary);
    }

.close-btn[b-39b0td88gj] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: var(--text-secondary);
    transition: color 0.2s;
}

    .close-btn:hover[b-39b0td88gj] {
        color: var(--text-primary);
    }

.modal-body[b-39b0td88gj] {
    overflow-y: auto;
    flex-grow: 1;
    padding: 0;
    max-height: 60vh;
}

.modal-footer[b-39b0td88gj] {
    padding: 1.5rem;
    border-top: 1px solid var(--brand-light-grey);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.terms-acceptance[b-39b0td88gj] {
    display: flex;
    align-items: center;
}

.checkbox-container[b-39b0td88gj] {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 1rem;
    user-select: none;
}

    .checkbox-container input[b-39b0td88gj] {
        margin-right: 0.5rem;
    }

.btn-group[b-39b0td88gj] {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
}

/* Loading spinner for buttons */
.loading-spinner[b-39b0td88gj] {
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: var(--brand-white);
    animation: spin-b-39b0td88gj 1s ease-in-out infinite;
    margin-right: var(--space-2);
}

@keyframes spin-b-39b0td88gj {
    to {
        transform: rotate(360deg);
    }
}

button.loading[b-39b0td88gj] {
    display: flex;
    align-items: center;
    justify-content: center;
}

button .btn-text[b-39b0td88gj] {
    display: inline-block;
}

/* Bronze tier gradient */
.bronze-header[b-39b0td88gj] {
    background: radial-gradient(circle, #8B4513 0%, #CD7F32 40%, #CD7F32 100%);
    padding: 1.5rem;
    color: white;
    margin-bottom: 0;
    text-align: center;
}

/* Silver tier gradient */
.silver-header[b-39b0td88gj] {
    background: radial-gradient(circle, #808080 0%, #C0C0C0 40%, #C0C0C0 100%);
    padding: 1.5rem;
    color: white;
    margin-bottom: 0;
    text-align: center;
}

/* Gold tier gradient */
.gold-header[b-39b0td88gj] {
    background: radial-gradient(circle, #B8860B 0%, #FFD700 40%, #FFD700 100%);
    padding: 1.5rem;
    color: white;
    margin-bottom: 0;
    text-align: center;
}

/* Override the default header styling */
.membership-card .membership-header[b-39b0td88gj] {
    padding: 0;
    margin-bottom: 0;
}

.new-page-link[b-39b0td88gj] {
    color: var(--brand-blue);
    text-decoration: none;
    cursor: pointer;
}
/* /Features/Account/Setup/Agent/Components/AgentRegistration.razor.rz.scp.css */
.agent-details-form[b-uu1zjs4tjk] {
    max-width: 600px;
    padding: 3rem;
    margin: 3.5rem auto;
    border: 2px solid var(--brand-light-grey);
    border-radius: var(--border-radius-xl);
    box-shadow: var(--shadow-md);
    transition: var(--input-transition);
}

.form-row-flex[b-uu1zjs4tjk] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: var(--form-gap);
    margin-bottom: var(--form-gap);
}

.form-row[b-uu1zjs4tjk] {
    margin-bottom: var(--form-gap);
}

.contact-form .form-row:last-child[b-uu1zjs4tjk] {
    margin-bottom: 0;
}

.form-group[b-uu1zjs4tjk] {
    flex: 1;
}

.validation-message[b-uu1zjs4tjk] {
    color: var(--error-red);
    font-size: 1.2rem;
    margin-top: 0.5rem;
    opacity: 0;
    transform: translateY(-5px);
    transition: var(--input-transition);
}

    .validation-message.show[b-uu1zjs4tjk] {
        opacity: 1;
        transform: translateY(0);
    }

.hide[b-uu1zjs4tjk] {
    opacity: 0;
}

.success-message[b-uu1zjs4tjk] {
    text-align: center;
    color: var(--success-green);
    margin-top: var(--form-gap);
    font-weight: 500;
}

/* Loading spinner for buttons */
.loading-spinner[b-uu1zjs4tjk] {
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: var(--brand-white);
    animation: spin-b-uu1zjs4tjk 1s ease-in-out infinite;
    margin-right: var(--space-2);
}

@keyframes spin-b-uu1zjs4tjk {
    to {
        transform: rotate(360deg);
    }
}

button.loading[b-uu1zjs4tjk] {
    display: flex;
    align-items: center;
    justify-content: center;
}

button .btn-text[b-uu1zjs4tjk] {
    display: inline-block;
}

.profile-picture-wrapper[b-uu1zjs4tjk] {
    width: 150px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.profile-picture-label[b-uu1zjs4tjk] {
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px dashed #ccc;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
}

.profile-picture-img[b-uu1zjs4tjk] {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
}

.remove-button[b-uu1zjs4tjk] {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    background-color: #dc3545;
    border: none;
    color: white;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 14px;
    cursor: pointer;
    width: 150px;
}

    .remove-button:hover[b-uu1zjs4tjk] {
        background-color: #c82333;
    }

[b-uu1zjs4tjk] .d-none {
    display: none;
}

.profile-subtitle[b-uu1zjs4tjk] {
    margin-top: var(--space-2);
    text-align: center;
    width: 100%;
}

.loading-overlay[b-uu1zjs4tjk] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.spinner-container[b-uu1zjs4tjk] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.spinner[b-uu1zjs4tjk] {
    border: 3px solid rgba(0, 0, 0, 0.1);
    border-top: 3px solid #007bff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin-b-uu1zjs4tjk 1s linear infinite;
}

@keyframes spin-b-uu1zjs4tjk {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Twilio Opt-in Checkbox Styling */
.checkbox-container[b-uu1zjs4tjk] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.checkbox-input[b-uu1zjs4tjk] {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    cursor: pointer;
    accent-color: var(--primary-color, #007bff);
}

[b-uu1zjs4tjk] .checkbox-input {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
}

.checkbox-label[b-uu1zjs4tjk] {
    line-height: 1.5;
    cursor: pointer;
    user-select: none;
    color: var(--text-color, #333);
    font-size: 14px;
    text-align: justify;
}

.checkbox-label:hover[b-uu1zjs4tjk] {
    color: var(--primary-color, #007bff);
}

.checkbox-input:focus[b-uu1zjs4tjk] {
    outline: 2px solid var(--primary-color, #007bff);
    outline-offset: 2px;
}

.checkbox-input:disabled[b-uu1zjs4tjk] {
    cursor: not-allowed;
    opacity: 0.6;
}

.checkbox-label:has(+ .checkbox-input:disabled)[b-uu1zjs4tjk] {
    cursor: not-allowed;
    opacity: 0.6;
}

/* Mobile number input styling */
.mobile-number-container[b-uu1zjs4tjk] {
    margin-bottom: 20px;
}

.mobile-number-container .profile-subtitle[b-uu1zjs4tjk] {
    margin-top: 4px;
    color: var(--text-muted, #666);
    font-style: italic;
}

/* Form row styling adjustments for Twilio opt-in */
.form-row-flex .checkbox-container[b-uu1zjs4tjk] {
    width: 100%;
}

/* Enhanced accessibility */
@media (prefers-reduced-motion: reduce) {
    .validation-message.show[b-uu1zjs4tjk] {
        transition: none;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .checkbox-input[b-uu1zjs4tjk] {
        border: 2px solid;
    }
    
    .checkbox-label[b-uu1zjs4tjk] {
        font-weight: 600;
    }
}

.new-page-link[b-uu1zjs4tjk] {
    color: var(--brand-blue);
    text-decoration: none;
    cursor: pointer;
}

.privacy-policy-link[b-uu1zjs4tjk] {
    text-align: right;
    display: block;
}

.profile-picture-wrapper.is-invalid .profile-picture-label[b-uu1zjs4tjk] {
    border-color: #dc3545;
    border-width: 2px;
}

.profile-picture-wrapper.is-invalid .profile-subtitle[b-uu1zjs4tjk] {
    color: #dc3545;
}
/* /Features/Account/Setup/Homeowner/Components/PropertyAddress.razor.rz.scp.css */
.property-address-form[b-9yz3qpgb1p] {
  display: flex;
  flex-direction: column;
  padding-left: 25rem;
  padding-right: 25rem;
  gap: var(--form-gap);
}

.form-group[b-9yz3qpgb1p] {
  flex: 1;
}

.form-label[b-9yz3qpgb1p] {
  color: var(--text-primary);
  font-weight: 500;
  font-size: 1.6rem;
}

.required[b-9yz3qpgb1p]::after {
  content: "*";
  color: var(--error-red);
  margin-left: var(--space-1);
}

.form-control[b-9yz3qpgb1p],
.select-control[b-9yz3qpgb1p] {
  width: 100%;
  padding: var(--space-3);
  border: 1px solid var(--grey-300);
  border-radius: var(--border-radius-md);
  font-size: 1.6rem;
  transition: var(--input-transition);
}

.form-control:focus[b-9yz3qpgb1p],
.select-control:focus[b-9yz3qpgb1p] {
  border-color: var(--brand-blue);
  box-shadow: var(--input-focus-shadow);
  outline: none;
}

.form-control.invalid[b-9yz3qpgb1p],
.select-control.invalid[b-9yz3qpgb1p] {
  border-color: var(--error-red);
  background-color: rgba(216, 57, 51, 0.05);
}

/* Currency input styling */
.currency-input-group[b-9yz3qpgb1p] {
  position: relative;
}

.currency-input-group .form-control[b-9yz3qpgb1p] {
  padding-left: var(--space-5);
}

.currency-symbol[b-9yz3qpgb1p] {
  position: absolute;
  left: var(--space-3);
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-secondary);
  font-weight: 500;
}

/* Percentage input styling */
.percentage-input-group[b-9yz3qpgb1p] {
  position: relative;
}

.percentage-input-group .form-control[b-9yz3qpgb1p] {
  padding-right: var(--space-5);
}

.percentage-symbol[b-9yz3qpgb1p] {
  position: absolute;
  right: var(--space-3);
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-secondary);
  font-weight: 500;
}

.validation-message[b-9yz3qpgb1p] {
  color: var(--error-red);
  font-size: 1.4rem;
  margin-top: var(--space-1);
}

.form-helper-text[b-9yz3qpgb1p] {
  color: var(--text-secondary);
  font-size: 1.3rem;
  margin-top: var(--space-1);
}

.form-row[b-9yz3qpgb1p] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.form-row .form-group[b-9yz3qpgb1p] {
  flex: 1 1 45%;
}

.info-tooltip[b-9yz3qpgb1p] {
  display: inline-block;
  position: relative;
  margin-left: var(--space-1);
  cursor: help;
}

.info-icon[b-9yz3qpgb1p] {
  color: var(--brand-blue);
  font-size: 1.6rem;
}

.tooltip-content[b-9yz3qpgb1p] {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 220px;
  padding: var(--space-2);
  background-color: var(--grey-800);
  color: var(--brand-white);
  border-radius: var(--border-radius-sm);
  box-shadow: var(--shadow-md);
  font-size: 1.3rem;
  z-index: 10;
  text-align: center;
}

.info-tooltip:hover .tooltip-content[b-9yz3qpgb1p] {
  display: block;
}

.tooltip-content[b-9yz3qpgb1p]::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: var(--grey-800) transparent transparent transparent;
}

/* Mobile responsiveness */
@media screen and (max-width: 768px) {
  .form-row[b-9yz3qpgb1p] {
    flex-direction: column;
  }

  .form-row .form-group[b-9yz3qpgb1p] {
    flex: 1 1 100%;
  }

  .tooltip-content[b-9yz3qpgb1p] {
    width: 200px;
    font-size: 1.2rem;
  }
}

.service-area-notice[b-9yz3qpgb1p] {
  background-color: var(--grey-100, #f8f9fa);
  border: 1px solid var(--grey-300, #dee2e6);
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 24px;
}

.service-area-notice h3[b-9yz3qpgb1p] {
  color: var(--error-red, #dc3545);
  font-size: 1.5rem;
  margin-bottom: 16px;
  font-weight: 600;
}

.service-area-checkbox[b-9yz3qpgb1p] {
  display: flex;
  align-items: flex-start;
  margin: 24px 0;
}

/* Make checkbox larger and more clickable */
.service-area-checkbox input[type="checkbox"][b-9yz3qpgb1p] {
  width: 24px;
  height: 24px;
  margin-right: 12px;
  margin-top: 2px;
  cursor: pointer;
}

/* Style the label to be part of the clickable area */
.service-area-checkbox label[b-9yz3qpgb1p] {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  flex: 1;
}

/* Create proper button spacing with flex layout */
.service-area-buttons[b-9yz3qpgb1p] {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
  gap: 16px;
}

/* Ensure Continue button is right-aligned */
.service-area-buttons .solid-btn[b-9yz3qpgb1p] {
  margin-left: auto;
}

/* Give buttons enough padding to be easily clickable */
.service-area-buttons button[b-9yz3qpgb1p] {
  padding: 10px 20px;
  min-width: 120px;
}

@media (max-width: 768px) {
  .property-address-form[b-9yz3qpgb1p] {
    display: flex;
    flex-direction: column;
    padding-left: 0rem;
    padding-right: 0rem;
    gap: var(--form-gap);
  }

  .form-row .form-group[b-9yz3qpgb1p] {
    flex: 1 1 90%;
  }
}

/* Google Places Autocomplete Styling */
[b-9yz3qpgb1p] .pac-container {
  background-color: var(--brand-white);
  border: 1px solid var(--grey-300);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-lg);
  z-index: 1000;
  font-family: inherit;
  margin-top: 2px;
}

[b-9yz3qpgb1p] .pac-item {
  padding: var(--space-3);
  border-bottom: 1px solid var(--grey-200);
  cursor: pointer;
  font-size: 1.4rem;
  line-height: 1.4;
}

[b-9yz3qpgb1p] .pac-item:last-child {
  border-bottom: none;
}

[b-9yz3qpgb1p] .pac-item:hover {
  background-color: var(--grey-100);
}

[b-9yz3qpgb1p] .pac-item-selected {
  background-color: var(--brand-blue) !important;
  color: var(--brand-white) !important;
}

[b-9yz3qpgb1p] .pac-item-query {
  font-weight: 600;
  color: var(--text-primary);
}

[b-9yz3qpgb1p] .pac-item-selected .pac-item-query {
  color: var(--brand-white);
}

[b-9yz3qpgb1p] .pac-matched {
  font-weight: 700;
}

[b-9yz3qpgb1p] .pac-item-selected .pac-matched {
  color: var(--brand-white);
}

[b-9yz3qpgb1p] .pac-logo {
  display: none;
}

/* Override Google's default styling */
[b-9yz3qpgb1p] .pac-container .pac-item .pac-icon {
  background-image: none !important;
  width: 0 !important;
}

[b-9yz3qpgb1p] .pac-container .pac-item .pac-item-query .pac-matched {
  font-weight: 700;
}

/* Address Display Styles */
.selected-address-details[b-9yz3qpgb1p] {
  margin-top: var(--space-6);
  padding: var(--space-4);
  background-color: var(--grey-50);
  border-radius: var(--border-radius-md);
  border: 1px solid var(--grey-200);
}

.selected-address-details h4[b-9yz3qpgb1p] {
  margin-bottom: var(--space-4);
  color: var(--text-primary);
  font-weight: 600;
}

.address-display[b-9yz3qpgb1p] {
  padding: var(--space-3);
  background-color: white;
  border: 1px solid var(--grey-200);
  border-radius: var(--border-radius-sm);
  color: var(--text-primary);
  min-height: 2.4rem;
  display: flex;
  align-items: center;
}

.address-display:empty[b-9yz3qpgb1p] {
  background-color: var(--grey-50);
  color: var(--text-secondary);
}

.address-display:empty[b-9yz3qpgb1p]::before {
  content: "Not provided";
  font-style: italic;
  color: var(--text-muted);
}
/* /Features/Account/Setup/Homeowner/Components/PropertyDocuments.razor.rz.scp.css */
.documents-section[b-284g5qdj7e] {
    padding-left: 4rem;
    padding-right: 4rem;
}

/* Info Panel Styling */
.info-panel[b-284g5qdj7e] {
    background-color: var(--surface-light);
    border-radius: var(--border-radius-lg);
    padding: 2.5rem;
    margin-bottom: 3rem;
    box-shadow: var(--shadow-sm);
    border-left: 4px solid var(--brand-blue);
}

.info-subtitle[b-284g5qdj7e] {
    font-size: 1.6rem;
    color: var(--text-secondary);
    margin-bottom: 0;
}

/* Document Grid Layout */
.document-grid[b-284g5qdj7e] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    margin-bottom: 3rem;
}

/* Document Tile Styling */
.document-tile[b-284g5qdj7e] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2.5rem 2rem;
    border-radius: var(--border-radius-lg);
    background-color: white;
    box-shadow: var(--shadow-sm);
    transition: all 0.2s ease;
    overflow: hidden;
    height: auto;
    min-height: 260px;
}

    .document-tile:hover[b-284g5qdj7e] {
        transform: translateY(-3px);
        box-shadow: var(--shadow-md);
    }

    .document-tile.has-document[b-284g5qdj7e] {
        background-color: var(--brand-blue-100);
        border: 2px solid var(--brand-blue-300);
    }

.document-icon[b-284g5qdj7e] {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.document-info[b-284g5qdj7e] {
    text-align: center;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.document-name[b-284g5qdj7e] {
    margin: 0;
    font-family: var(--font-primary);
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--text-primary);
    margin-bottom: 1rem;
}

.document-description[b-284g5qdj7e] {
    font-size: 1.3rem;
    color: var(--text-secondary);
    margin-bottom: 1.5rem;
    line-height: 1.4;
}

.file-name[b-284g5qdj7e] {
    font-size: 1.3rem;
    color: var(--brand-blue-700);
    margin: 0.5rem 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.upload-btn[b-284g5qdj7e] {
    margin-top: 1rem;
    padding: 0.8rem 2rem;
    background-color: var(--surface-light);
    color: var(--brand-blue);
    border: 1px solid var(--brand-blue-300);
    border-radius: var(--border-radius-md);
    font-size: 1.4rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .upload-btn:hover[b-284g5qdj7e] {
        background-color: var(--brand-blue-100);
    }

.remove-btn[b-284g5qdj7e] {
    margin-top: 1rem;
    padding: 0.5rem;
    background: none;
    border: none;
    color: var(--error-red);
    cursor: pointer;
    font-size: 1.4rem;
}

    .remove-btn:hover[b-284g5qdj7e] {
        color: var(--brand-blue-700);
    }

.delete-icon[b-284g5qdj7e] {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d83933' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Document type icons - updated with more modern SVGs */
.doc-icon-1[b-284g5qdj7e] { /* Appraisal Report */
    width: 60px;
    height: 60px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%233182ce' viewBox='0 0 24 24'%3E%3Cpath d='M20 2H4C3 2 2 2.9 2 4v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 17c0 .3-.1.5-.3.7-.2.2-.4.3-.7.3H5c-.3 0-.5-.1-.7-.3-.2-.2-.3-.4-.3-.7V5c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3h14c.3 0 .5.1.7.3.2.2.3.4.3.7v14zM8 15h8v2H8v-2zm8-4H8v2h8v-2zm0-4H8v2h8V7z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.doc-icon-2[b-284g5qdj7e] { /* HOA Documents */
    width: 60px;
    height: 60px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e53e3e' viewBox='0 0 24 24'%3E%3Cpath d='M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 18H6V4h12v16zM8 6h8v2H8V6zm0 4h8v2H8v-2zm0 4h4v6H8v-6zm5 0h3v2h-3v-2zm0 4h3v2h-3v-2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.doc-icon-3[b-284g5qdj7e] { /* Survey */
    width: 60px;
    height: 60px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238b5cf6' viewBox='0 0 24 24'%3E%3Cpath d='M17.63 5.84C17.27 5.33 16.67 5 16 5H8C6.9 5 6 5.9 6 7v10c0 1.1.9 2 2 2h8c.67 0 1.27-.34 1.63-.85L22 12l-4.37-6.16zM16 17H8V7h8l3.55 5L16 17z'/%3E%3Cpath d='M10 15h6v2h-6z'/%3E%3Cpath d='M10 11h6v2h-6z'/%3E%3Cpath d='M10 7h6v2h-6z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.doc-icon-4[b-284g5qdj7e] { /* Utility Bill */
    width: 60px;
    height: 60px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2348bb78' viewBox='0 0 24 24'%3E%3Cpath d='M19.5 3.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2v14H3v3c0 1.66 1.34 3 3 3h12c1.66 0 3-1.34 3-3V2l-1.5 1.5zM19 19c0 .55-.45 1-1 1s-1-.45-1-1v-3H8V5h11v14z'/%3E%3Cpath d='M15 7H9v2h6V7z'/%3E%3Cpath d='M15 10H9v2h6v-2z'/%3E%3Cpath d='M15 13H9v2h6v-2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.doc-icon-5[b-284g5qdj7e] { /* Seller Disclosure */
    width: 60px;
    height: 60px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ed8936' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3Cpath d='M11 11h2v6h-2z'/%3E%3Ccircle cx='12' cy='7.5' r='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.doc-icon-6[b-284g5qdj7e] { /* Insurance Declaration */
    width: 60px;
    height: 60px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232b6cb0' viewBox='0 0 24 24'%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9V6zm9 14H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.doc-icon-7[b-284g5qdj7e] { /* Inspection Report */
    width: 60px;
    height: 60px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23805ad5' viewBox='0 0 24 24'%3E%3Cpath d='M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zM6 20V4h7v5h5v11H6z'/%3E%3Cpath d='M12 12l-2 3h4l-2-3z'/%3E%3Cpath d='M12 17h-2v2h2v-2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.doc-icon-8[b-284g5qdj7e] { /* Title Report */
    width: 60px;
    height: 60px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d69e2e' viewBox='0 0 24 24'%3E%3Cpath d='M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zM6 20V4h7v5h5v11H6z'/%3E%3Cpath d='M14 14H7v2h7v-2z'/%3E%3Cpath d='M17 11h-7v2h7v-2z'/%3E%3Cpath d='M17 17h-4v2h4v-2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.doc-icon-other[b-284g5qdj7e] {
    width: 60px;
    height: 60px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236B7280' viewBox='0 0 24 24'%3E%3Cpath d='M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z'/%3E%3Cpath d='M10 13h4v1h-4z'/%3E%3Cpath d='M10 16h4v1h-4z'/%3E%3Cpath d='M10 10h4v1h-4z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Media queries for responsive grid */
@media (max-width: 992px) {
    .document-grid[b-284g5qdj7e] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .document-grid[b-284g5qdj7e] {
        grid-template-columns: 1fr;
    }

    .document-tile[b-284g5qdj7e] {
        min-height: 220px;
    }

    .info-panel[b-284g5qdj7e] {
        padding: 2rem;
    }

    .info-subtitle[b-284g5qdj7e] {
        font-size: 1.4rem;
    }
}

.clickable-tile[b-284g5qdj7e] {
    cursor: pointer;
}

    .clickable-tile:hover[b-284g5qdj7e] {
        border: 1px dashed var(--brand-blue-300);
    }

/* Update existing styles */
.document-tile[b-284g5qdj7e] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2.5rem 2rem;
    border-radius: var(--border-radius-lg);
    background-color: white;
    box-shadow: var(--shadow-sm);
    transition: all 0.2s ease;
    overflow: hidden;
    height: auto;
    min-height: 260px;
}

    .document-tile:hover[b-284g5qdj7e] {
        transform: translateY(-3px);
        box-shadow: var(--shadow-md);
        padding: 2.5rem 2rem;
    }

    .document-tile.has-document[b-284g5qdj7e] {
        background-color: var(--brand-blue-100);
        border: 2px solid var(--brand-blue-300);
        cursor: default; /* Make it clear this isn't clickable */
    }
/* /Features/Account/Setup/Homeowner/Components/PropertyListingTerms.razor.rz.scp.css */
.listing-terms-form[b-19gol451ee] {
    display: flex;
    flex-direction: column;
    gap: 6rem;
    padding-left: 25rem;
    padding-right: 25rem;
}

.form-intro[b-19gol451ee] {
    margin-bottom: 1.5rem;
}

    .form-intro h3[b-19gol451ee] {
        color: var(--brand-blue);
        font-size: 1.8rem;
        font-weight: 600;
        margin-bottom: 0.5rem;
    }

.form-group[b-19gol451ee] {
    flex: 1;
}

.form-label[b-19gol451ee] {
    display: flex;
    align-items: center;
    color: black;
    font-weight: 500;
    font-size: 2.8rem;
    margin-bottom: 0.5rem;
}

.required[b-19gol451ee]::after {
    content: "*";
    color: var(--error-red);
    margin-left: var(--space-1);
}

/* Input and Select styling */
.input-field[b-19gol451ee] {
    width: 100%;
    padding: 1em;
    border: 1px solid var(--grey-300);
    border-radius: var(--border-radius-md);
    font-size: 1.6rem;
    transition: var(--input-transition);
}

    .input-field:focus[b-19gol451ee] {
        border-color: var(--brand-blue);
        box-shadow: var(--input-focus-shadow);
        outline: none;
    }

    .input-field.invalid[b-19gol451ee] {
        border-color: var(--error-red);
        background-color: rgba(216, 57, 51, 0.05);
    }

/* Currency input styling */
.currency-input-group[b-19gol451ee] {
    position: relative;
}

    .currency-input-group .input-field[b-19gol451ee] {
        padding-left: 2.5em;
    }

.currency-symbol[b-19gol451ee] {
    position: absolute;
    left: 1em;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-secondary);
    font-weight: 500;
}

/* Slider styling with SVG arrows */
.slider-container[b-19gol451ee] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    margin: 1.5rem 0 0.5rem 0;
    padding: 0;
}

.slider-min[b-19gol451ee], .slider-max[b-19gol451ee] {
    flex: 0 0 auto;
    width: 40px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
}

    .slider-min svg[b-19gol451ee], .slider-max svg[b-19gol451ee] {
        fill: var(--brand-blue);
        width: 20px;
        height: 20px;
    }

.slider-track-container[b-19gol451ee] {
    position: relative;
    flex: 1;
    height: 30px;
    display: flex;
    align-items: center;
    overflow: visible;
}

/* Slider input styling */
.slider-input[b-19gol451ee] {
    width: 100%;
    margin: 0;
    height: 6px;
    -webkit-appearance: none;
    appearance: none;
    background: var(--grey-200);
    border-radius: 3px;
    outline: none;
    cursor: pointer;
    position: relative;
}

    /* Thumb styling - make it larger and consistent across browsers */
    .slider-input[b-19gol451ee]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        background: var(--brand-blue);
        cursor: pointer;
        border: 2px solid white;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        position: relative;
        z-index: 1;
    }

    .slider-input[b-19gol451ee]::-moz-range-thumb {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        background: var(--brand-blue);
        cursor: pointer;
        border: 2px solid white;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        position: relative;
        z-index: 1;
    }

/* Style for the thumb label - positioned absolutely within the track container */
.slider-thumb-label[b-19gol451ee] {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 11px;
    font-weight: bold;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    top: 50%;
    pointer-events: none;
    user-select: none;
    z-index: 2;
}

/* Hide the ticks completely */
.slider-ticks[b-19gol451ee] {
    display: none;
}

/* Remove all tick position rules */
.form-group:has(#termLength) .slider-ticks span:nth-child(2)[b-19gol451ee],
.form-group:has(#termLength) .slider-ticks span:nth-child(3)[b-19gol451ee],
.form-group:has(#agentCommission) .slider-ticks span:nth-child(2)[b-19gol451ee],
.form-group:has(#agentCommission) .slider-ticks span:nth-child(3)[b-19gol451ee],
.form-group:has(#agentCommission) .slider-ticks span:nth-child(4)[b-19gol451ee],
.form-group:has(#agentCommission) .slider-ticks span:nth-child(5)[b-19gol451ee],
.form-group:has(#agentCommission) .slider-ticks span:nth-child(6)[b-19gol451ee],
.form-group:has(#agentCommission) .slider-ticks span:nth-child(7)[b-19gol451ee],
.form-group:has(#agentCommission) .slider-ticks span:nth-child(8)[b-19gol451ee],
.form-group:has(#buyerAgentCommission) .slider-ticks span:nth-child(2)[b-19gol451ee],
.form-group:has(#buyerAgentCommission) .slider-ticks span:nth-child(3)[b-19gol451ee],
.form-group:has(#buyerAgentCommission) .slider-ticks span:nth-child(4)[b-19gol451ee],
.form-group:has(#buyerAgentCommission) .slider-ticks span:nth-child(5)[b-19gol451ee],
.form-group:has(#buyerAgentCommission) .slider-ticks span:nth-child(6)[b-19gol451ee] {
    display: none;
}

/* Form helpers */
.validation-message[b-19gol451ee] {
    color: var(--error-red);
    font-size: 1.4rem;
    margin-top: var(--space-1);
}

.form-helper-text[b-19gol451ee] {
    color: black;
    font-size: 1.6rem;
    margin-top: var(--space-1);
}

.form-row[b-19gol451ee] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
}

    .form-row .form-group[b-19gol451ee] {
        flex: 1 1 45%;
    }

/* Info button styling */
.info-button[b-19gol451ee] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.5rem;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
}

.info-icon[b-19gol451ee] {
    width: 3.6rem;
    height: 3.4rem;
    fill: var(--brand-blue);
    transition: transform 0.2s ease;
}

.info-button:hover .info-icon[b-19gol451ee] {
    transform: scale(1.1);
}

/* Modal styling */
.modal-overlay[b-19gol451ee] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-container[b-19gol451ee] {
    background-color: white;
    border-radius: 8px;
    max-width: 90%;
    width: 800px;
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.modal-header[b-19gol451ee] {
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
}

.modal-title[b-19gol451ee] {
    margin: 0;
    font-size: 1.25rem;
}

.close-button[b-19gol451ee] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
}

.modal-body[b-19gol451ee] {
    padding: 1rem;
    overflow: auto;
    flex: 1;
}

.video-container[b-19gol451ee] {
    width: 100%;
}

.modal-footer[b-19gol451ee] {
    padding: 1rem;
    border-top: 1px solid #eee;
    display: flex;
    justify-content: flex-end;
}

.close-modal-btn[b-19gol451ee] {
    padding: 0.5rem 1rem;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

    .close-modal-btn:hover[b-19gol451ee] {
        background-color: #0069d9;
    }

.error-message[b-19gol451ee] {
    color: var(--error-red);
    background-color: rgba(216, 57, 51, 0.1);
    padding: 1rem;
    border-radius: 4px;
    margin-top: var(--space-2);
    font-size: 1.5rem;
}

/* Mobile responsiveness */
@media screen and (max-width: 768px) {
    .listing-terms-form[b-19gol451ee] {
        display: flex;
        flex-direction: column;
        gap: 6rem;
        padding-left: 0rem;
        padding-right: 0rem;
    }

    .form-row .form-group[b-19gol451ee] {
        flex: 1 1 90%;
    }

    .form-row[b-19gol451ee] {
        gap: var(--space-2);
    }

    .modal-container[b-19gol451ee] {
        width: 95%;
    }

    .modal-title[b-19gol451ee] {
        font-size: 1.1rem;
    }
}
/* /Features/Account/Setup/Homeowner/Components/PropertyOpenHouse.razor.rz.scp.css */
.open-house-form[b-0w6lxce9m8] {
    display: flex;
    flex-direction: column;
    padding-left: 4rem;
    padding-right: 4rem;
    gap: var(--form-gap);
}

.form-group[b-0w6lxce9m8] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    margin-bottom: var(--space-2);
    padding-left: 0;
    padding-right: 0;
}

.form-label[b-0w6lxce9m8] {
    color: var(--text-primary);
    font-weight: 500;
    font-size: 1.6rem;
}

.required[b-0w6lxce9m8]::after {
    content: "*";
    color: var(--error-red);
    margin-left: var(--space-1);
}

.date-picker[b-0w6lxce9m8], .time-picker[b-0w6lxce9m8] {
    width: 100%;
    padding: 1em;
    border: 1px solid var(--grey-300);
    border-radius: var(--border-radius-md);
    font-size: 1.6rem;
    transition: var(--input-transition);
}

    .date-picker:focus[b-0w6lxce9m8], .time-picker:focus[b-0w6lxce9m8] {
        border-color: var(--brand-blue);
        box-shadow: var(--input-focus-shadow);
        outline: none;
    }

    .date-picker.invalid[b-0w6lxce9m8], .time-picker.invalid[b-0w6lxce9m8] {
        border-color: var(--error-red);
        background-color: rgba(216, 57, 51, 0.05);
    }

.validation-message[b-0w6lxce9m8] {
    color: var(--error-red);
    font-size: 1.4rem;
    margin-top: var(--space-1);
}

.form-helper-text[b-0w6lxce9m8] {
    color: var(--text-secondary);
    font-size: 1.3rem;
    margin-top: var(--space-1);
}

.date-time-container[b-0w6lxce9m8] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.time-range-container[b-0w6lxce9m8] {
    display: flex;
    gap: var(--space-2);
    align-items: center;
}

    .time-range-container .form-group[b-0w6lxce9m8] {
        flex: 1;
    }

.time-separator[b-0w6lxce9m8] {
    margin-top: 1.5em;
    color: var(--text-secondary);
}

.info-box[b-0w6lxce9m8] {
    background-color: var(--brand-blue-100);
    border-left: 4px solid var(--brand-blue);
    padding: var(--space-3);
    border-radius: var(--border-radius-sm);
    margin-top: var(--space-3);
}

.info-box-title[b-0w6lxce9m8] {
    font-weight: 600;
    color: var(--brand-blue-800);
    margin-bottom: var(--space-1);
    font-size: 1.6rem;
}

.info-box-content[b-0w6lxce9m8] {
    color: var(--text-primary);
    font-size: 1.4rem;
}

/* Info Panel Styling */
.info-panel[b-0w6lxce9m8] {
    background-color: var(--surface-light);
    border-radius: var(--border-radius-lg);
    padding: 2.5rem;
    margin-bottom: 3rem;
    box-shadow: var(--shadow-sm);
    border-left: 4px solid var(--brand-blue);
}

.info-subtitle[b-0w6lxce9m8] {
    font-size: 1.6rem;
    color: var(--text-secondary);
    margin-bottom: 0;
}

.helper-text[b-0w6lxce9m8] {
    color: #718096;
    font-size: 0.875rem;
    margin-bottom: 1.5rem;
}

/* Mobile responsiveness */
@media screen and (max-width: 768px) {
    .open-house-form[b-0w6lxce9m8] {
        display: flex;
        flex-direction: column;
        padding-left: 0rem;
        padding-right: 0rem;
        gap: var(--form-gap);
    }

    .form-group[b-0w6lxce9m8] {
        padding-left: 0rem;
        padding-right: 0rem;
    }

    .form-row-flex .form-group[b-0w6lxce9m8] {
        flex: 1 1 90%;
    }

    .form-row .form-group[b-0w6lxce9m8] {
        flex: 1 1 90%;
    }

    .time-range-container[b-0w6lxce9m8] {
        flex-direction: column;
        align-items: flex-start;
    }

    .time-separator[b-0w6lxce9m8] {
        margin: 0;
        align-self: center;
    }
}

.custom-date-input[b-0w6lxce9m8] {
    position: relative;
    width: 100%;
}

    .custom-date-input input[readonly][b-0w6lxce9m8] {
        width: 100%;
        background-color: white;
        cursor: pointer;
    }

.hidden-date-input[b-0w6lxce9m8] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
}

.date-picker-wrapper[b-0w6lxce9m8] {
    position: relative;
    width: 100%;
    margin-bottom: 1.5rem;
}

.native-date-picker[b-0w6lxce9m8] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: all;
    z-index: 1;
}

.formatted-date-container[b-0w6lxce9m8] {
    display: flex;
    align-items: center;
    width: 100%;
    border: 1px solid var(--grey-300);
    border-radius: var(--border-radius-md);
    overflow: hidden;
}

.formatted-date[b-0w6lxce9m8] {
    flex: 1;
    padding: 1em;
    font-size: 1.6rem;
    color: var(--text-primary);
    background-color: white;
    text-align: start;
}

    .formatted-date.placeholder[b-0w6lxce9m8] {
        color: var(--text-secondary);
    }

.calendar-icon-button[b-0w6lxce9m8] {
    background: none;
    border: none;
    border-left: 1px solid var(--grey-300);
    padding: 0.5em 1em;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    transition: background-color 0.2s;
    position: relative; /* Added */
    z-index: 2; /* Added */
}

    .calendar-icon-button:hover[b-0w6lxce9m8] {
        background-color: var(--grey-100);
    }

.calendar-icon[b-0w6lxce9m8] {
    font-size: 1.8rem;
}

/* Add to PropertyOpenHouse.razor.css */
.inline-calendar-container[b-0w6lxce9m8] {
    margin-top: 10px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.openhouse-end[b-0w6lxce9m8] {
    text-align: center;
    color: var(--text-secondary);
    padding-top: 20px;
}

/* Make the calendar fully mobile-friendly */
@media (max-width: 768px) {
    .inline-calendar-container[b-0w6lxce9m8] {
        max-width: 100%;
    }

    .flatpickr-calendar.inline[b-0w6lxce9m8] {
        width: 100% !important;
        max-width: 100% !important;
    }

    .flatpickr-rContainer[b-0w6lxce9m8],
    .flatpickr-days[b-0w6lxce9m8],
    .dayContainer[b-0w6lxce9m8] {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }

    .flatpickr-day[b-0w6lxce9m8] {
        flex-basis: 14.28% !important;
    }
}

/* Safari-specific fixes */
@supports (-webkit-touch-callout: none) {
    .flatpickr-calendar.inline[b-0w6lxce9m8] {
        width: 100% !important;
    }

    .flatpickr-day[b-0w6lxce9m8] {
        max-width: 38px;
    }
}

.formatted-date-container[b-0w6lxce9m8] {
    display: flex;
    align-items: center;
    width: 100%;
    border: 1px solid var(--grey-300);
    border-radius: var(--border-radius-md);
    overflow: hidden;
    background: white;
}

.formatted-date-label[b-0w6lxce9m8] {
    display: flex;
    align-items: center;
    width: 310px;
    cursor: pointer;
    padding: 1em;
    gap: 0.5em;
    transition: background 0.15s;
    user-select: none;
}

    .formatted-date-label:focus[b-0w6lxce9m8] {
        outline: 2px solid var(--brand-blue);
        background: var(--grey-100);
    }

.formatted-date[b-0w6lxce9m8] {
    flex: 1;
    font-size: 1.6rem;
    color: var(--text-primary);
    background: transparent;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .formatted-date.placeholder[b-0w6lxce9m8] {
        color: var(--text-secondary);
    }

.calendar-icon[b-0w6lxce9m8] {
    display: flex;
    align-items: center;
    margin-left: 0.5em;
    color: var(--brand-blue);
    pointer-events: none; /* Icon does not handle pointer events */
}

.inline-calendar-container[b-0w6lxce9m8] {
    margin-top: 8px;
    width: 100%;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    overflow: hidden;
    z-index: 10;
    position: relative;
}

.form-row[b-0w6lxce9m8] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 310px; /* Limit width for desktop */
    margin-left: auto;
    margin-right: auto; /* Center horizontally */
    text-align: center;
    align-self: center;
    margin-bottom: var(--space-2);
}

/* Mobile responsiveness */
@media screen and (max-width: 768px) {
    .formatted-date-label[b-0w6lxce9m8] {
        min-width: 100%;
    }

    .form-row[b-0w6lxce9m8] {
        display: flex;
        flex-direction: column; /* Add this line to stack elements vertically */
        width: 100%; /* Ensure consistent width */
        text-align: center;
        align-self: center;
        margin-bottom: var(--space-2); /* Add spacing between rows */
    }
}
/* /Features/Account/Setup/Homeowner/Components/PropertyPhotos.razor.rz.scp.css */
.property-photos-container[b-h75eltcpyj] {
    padding-left: 4rem;
    padding-right: 4rem;
}

/* Info Panel Styling */
.info-panel[b-h75eltcpyj] {
    background-color: var(--surface-light);
    border-radius: var(--border-radius-lg);
    padding: 2.5rem;
    margin-bottom: 3rem;
    box-shadow: var(--shadow-sm);
    border-left: 4px solid var(--brand-blue);
}

.info-subtitle[b-h75eltcpyj] {
    font-size: 1.6rem;
    color: var(--text-secondary);
    margin-bottom: 0;
}

.helper-text[b-h75eltcpyj] {
    color: #718096;
    font-size: 0.875rem;
    margin-bottom: 1.5rem;
}

/* Modern upload area */
.modern-upload-area[b-h75eltcpyj] {
    position: relative;
    border: 2px dashed #cbd5e0;
    border-radius: 12px;
    padding: 30px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: #f9fafb;
}

    .modern-upload-area:hover[b-h75eltcpyj] {
        border-color: #3182ce;
        background-color: #ebf8ff;
    }

.file-input[b-h75eltcpyj] {
    display: none;
}

.upload-content[b-h75eltcpyj] {
    pointer-events: none;
}

.upload-icon[b-h75eltcpyj] {
    width: 60px;
    height: 60px;
    margin: 0 auto 1rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%233182ce' viewBox='0 0 24 24'%3E%3Cpath d='M19 7v2.99s-1.99.01-2 0V7h-3s.01-1.99 0-2h3V2h2v3h3v2h-3zm-3 4V8h-3V5H5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-8h-5zM5 19l3-4 2 3 3-4 4 5H5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Photo grid */
.photo-grid[b-h75eltcpyj] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 2rem;
}

.photo-card[b-h75eltcpyj] {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background-color: white;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    transition: transform 0.2s ease;
}

    .photo-card:hover[b-h75eltcpyj] {
        transform: translateY(-4px);
        box-shadow: 0 10px 15px rgba(0,0,0,0.1);
    }

.photo-preview[b-h75eltcpyj] {
    position: relative;
    aspect-ratio: 4/3;
    cursor: pointer;
}

    .photo-preview img[b-h75eltcpyj] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.photo-actions[b-h75eltcpyj] {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    gap: 8px;
    z-index: 10;
}

.action-button[b-h75eltcpyj] {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.85);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    cursor: pointer;
    transition: all 0.2s ease;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
}

    .action-button:hover[b-h75eltcpyj] {
        background-color: white;
        transform: scale(1.1);
    }

.zoom-button[b-h75eltcpyj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%233182ce' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zm.5-7H9v2H7v1h2v2h1v-2h2V9h-2V7z'/%3E%3C/svg%3E");
}

.delete-button[b-h75eltcpyj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e53e3e' viewBox='0 0 24 24'%3E%3Cpath d='M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z'/%3E%3C/svg%3E");
}

.set-main-button[b-h75eltcpyj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%233182ce' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");
}

.main-badge[b-h75eltcpyj] {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #3182ce;
    color: white;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 4px;
}

    .main-badge[b-h75eltcpyj]::before {
        content: '';
        width: 12px;
        height: 12px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        display: inline-block;
    }

.main-photo .photo-preview[b-h75eltcpyj]::after {
    content: '';
    position: absolute;
    inset: 0;
    border: 3px solid #3182ce;
    border-radius: 8px;
    pointer-events: none;
}

/* Empty state */
.empty-state[b-h75eltcpyj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    background-color: #f9fafb;
    border-radius: 10px;
    color: #718096;
    margin-top: 1rem;
}

.empty-icon[b-h75eltcpyj] {
    width: 60px;
    height: 60px;
    margin-bottom: 1rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23718096' viewBox='0 0 24 24'%3E%3Cpath d='M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4.86 8.86l-3 3.87L9 13.14 6 17h12l-3.86-5.14z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Loading overlay */
.loading-overlay[b-h75eltcpyj] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.spinner-container[b-h75eltcpyj] {
    background-color: white;
    padding: 2rem;
    border-radius: 10px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.spinner[b-h75eltcpyj] {
    width: 40px;
    height: 40px;
    margin: 0 auto 1rem;
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left-color: #3182ce;
    border-radius: 50%;
    animation: spin-b-h75eltcpyj 1s linear infinite;
}

@keyframes spin-b-h75eltcpyj {
    to {
        transform: rotate(360deg);
    }
}

/* Photo modal */
.photo-modal[b-h75eltcpyj] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
}

.modal-content[b-h75eltcpyj] {
    background-color: white;
    border-radius: 8px;
    max-width: 90vw;
    max-height: 90vh;
    width: auto;
    position: relative;
    overflow: hidden;
}

.modal-header[b-h75eltcpyj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid #e2e8f0;
}

.modal-title[b-h75eltcpyj] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 500;
}

.close-button[b-h75eltcpyj] {
    width: 24px;
    height: 24px;
    border: none;
    background-color: transparent;
    cursor: pointer;
    padding: 0;
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%234a5568' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.modal-body[b-h75eltcpyj] {
    padding: 1rem;
    display: flex;
    justify-content: center;
    max-height: 70vh;
    overflow: auto;
}

    .modal-body img[b-h75eltcpyj] {
        max-width: 100%;
        max-height: 70vh;
        object-fit: contain;
    }

.modal-footer[b-h75eltcpyj] {
    padding: 1rem;
    border-top: 1px solid #e2e8f0;
    display: flex;
    justify-content: flex-end;
}

/* Validation message */
.validation-message[b-h75eltcpyj] {
    color: #e53e3e;
    font-size: 0.875rem;
    margin-top: 0.5rem;
}

/* Media queries for responsive grid */
@media (max-width: 992px) {
    .photo-grid[b-h75eltcpyj] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .photo-grid[b-h75eltcpyj] {
        grid-template-columns: 1fr;
    }

    .modern-upload-area[b-h75eltcpyj] {
        padding: 20px;
    }
}

/* Mobile and small tablets - hide upload icon, show instruction */
@media (max-width: 991px) {
    .upload-icon[b-h75eltcpyj] {
        display: none;
    }
    
    .instruction[b-h75eltcpyj] {
        display: block;
        width: 120px;
        height: 120px;
        position: relative;
        margin: 0 auto 1rem;
        animation: RotatePhone-b-h75eltcpyj 2s linear 2s forwards;
    }
    
    .desktop-text[b-h75eltcpyj] {
        display: none;
    }
    
    .mobile-text[b-h75eltcpyj] {
        display: block;
    }

    .phone[b-h75eltcpyj] {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        translate: -50% -50%;
    }

    .arrow[b-h75eltcpyj] {
        width: 50%;
        position: absolute;
        top: -25%;
        right: 0%;
        opacity: 0;
        animation: ArrowFade-b-h75eltcpyj 2s linear 2s forwards;
    }

    @keyframes RotatePhone-b-h75eltcpyj {
        0% {
            transform: rotate(0deg) scale(1);
        }

        25% {
            transform: rotate(0deg) scale(0.8);
        }

        75% {
            transform: rotate(-90deg) scale(0.8);
        }

        100% {
            transform: rotate(-90deg) scale(1);
        }
    }

    @keyframes ArrowFade-b-h75eltcpyj {
        0% {
            opacity: 0;
        }

        25% {
            opacity: 0;
        }

        75% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }
}

/* Desktop and large tablets - show upload icon, hide instruction */
@media (min-width: 992px) {
    .instruction[b-h75eltcpyj] {
        display: none;
    }
    
    .upload-icon[b-h75eltcpyj] {
        display: block;
    }
    
    .desktop-text[b-h75eltcpyj] {
        display: block;
    }
    
    .mobile-text[b-h75eltcpyj] {
        display: none;
    }
}
/* /Features/Account/Setup/Homeowner/HomeownerSetupPage.razor.rz.scp.css */
.homeowner-setup[b-h1gdw06ux1] {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
    padding: var(--space-3);
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

/* Special styling for the agent step - remove horizontal padding */
.homeowner-setup-agent-step[b-h1gdw06ux1] {
    max-width: 1350px;
    padding: 0;
}

/* Flat stepper container without card look */
.stepper-container[b-h1gdw06ux1] {
    width: 100%;
    padding: var(--space-4) 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    transition: transform 0.4s ease, opacity 0.4s ease;
    animation: fade-in-b-h1gdw06ux1 0.5s ease-out;
    box-sizing: border-box;
    background-color: transparent;
}

/* Agent step container - no card look, remove horizontal padding */
.agent-step-container[b-h1gdw06ux1] {
    width: 100%;
    padding: var(--space-2) 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    transition: transform 0.4s ease, opacity 0.4s ease;
    animation: fade-in-b-h1gdw06ux1 0.5s ease-out;
    box-sizing: border-box;
    background-color: transparent;
}
/* Stepper header */
.stepper-header[b-h1gdw06ux1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: var(--space-4);
    box-sizing: border-box;
    padding: 0;
}

.step-wrapper[b-h1gdw06ux1] {
    display: flex;
    align-items: center;
    flex: 1;
    width: auto;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

    .step-wrapper:last-child[b-h1gdw06ux1] {
        flex: 0 0 auto;
    }


.step[b-h1gdw06ux1] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.2rem;
    height: 4.2rem;
    border-radius: 50%;
    background-color: var(--grey-300);
    color: var(--grey-600);
    transition: var(--input-transition);
    flex-shrink: 0;
    position: relative;
    box-shadow: var(--shadow-sm);
    z-index: 2;
    border: 2px solid transparent;
}

    .step.clickable[b-h1gdw06ux1] {
        cursor: pointer;
    }

        .step.clickable:hover[b-h1gdw06ux1] {
            transform: scale(1.15);
            background-color: var(--brand-blue-300);
        }

step-divider[b-h1gdw06ux1] {
    height: 3px;
    flex-grow: 1;
    background-color: var(--grey-300);
    margin: 0 -5px;
    transition: var(--input-transition);
    position: relative;
    z-index: 1;
}

.step-divider.completed[b-h1gdw06ux1] {
    background-color: #28a745;
}

.step-divider.active[b-h1gdw06ux1] {
    background-color: var(--brand-blue);
    animation: fill-divider-b-h1gdw06ux1 0.6s ease-in-out;
}

.step-icon[b-h1gdw06ux1] {
    width: 60%;
    height: 60%;
    fill: var(--grey-600);
    transition: var(--input-transition);
}

.step.active[b-h1gdw06ux1] {
    background-color: var(--brand-blue);
    transform: scale(1.1);
    box-shadow: var(--shadow-md);
    animation: pulse-in-b-h1gdw06ux1 0.5s ease-out;
}

    .step.active .step-icon[b-h1gdw06ux1] {
        fill: var(--brand-white);
    }

.step.completed[b-h1gdw06ux1] {
    background-color: var(--grey-100);
    border: 2px solid transparent;
    position: relative;
}

    .step.completed[b-h1gdw06ux1]::after {
        content: "";
        position: absolute;
        top: -6px;
        right: -6px;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background-color: #28a745;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 12px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        z-index: 3;
    }

@keyframes pulse-in-b-h1gdw06ux1 {
    0% {
        transform: scale(1);
        box-shadow: var(--shadow-sm);
    }

    50% {
        transform: scale(1.2);
        box-shadow: var(--shadow-lg);
    }

    100% {
        transform: scale(1.1);
        box-shadow: var(--shadow-md);
    }
}

.step-divider[b-h1gdw06ux1] {
    height: 3px;
    flex-grow: 1;
    background-color: var(--grey-300);
    margin: 0 -5px;
    transition: var(--input-transition);
    position: relative;
    z-index: 1;
}

    .step-divider.active[b-h1gdw06ux1] {
        background-color: var(--brand-blue);
        animation: fill-divider-b-h1gdw06ux1 0.6s ease-in-out;
    }

@keyframes fill-divider-b-h1gdw06ux1 {
    0% {
        background: linear-gradient(to right, var(--brand-blue) 0%, var(--grey-300) 0%);
    }

    100% {
        background: linear-gradient(to right, var(--brand-blue) 100%, var(--grey-300) 0%);
    }
}

/* Navigation container with title and buttons */
.step-navigation-container[b-h1gdw06ux1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-4);
    width: 100%;
    gap: var(--space-2);
}



/* Navigation buttons */
.nav-btn[b-h1gdw06ux1] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    min-width: 105px;
    padding: var(--space-2) var(--space-2);
    margin: 0;
    flex-shrink: 0;
    justify-content: center; /* Center all content */
    height: 40px; /* Fixed height for consistency */
}

.prev-btn[b-h1gdw06ux1] {
    justify-content: flex-start;
}

.next-btn[b-h1gdw06ux1] {
    justify-content: flex-end;
}

/* Step title container - centered with appropriate flex */
.step-title-container[b-h1gdw06ux1] {
    text-align: center;
    flex: 0 1 auto;
    margin: 0;
}

.step-title[b-h1gdw06ux1] {
    margin-bottom: var(--space-1);
    margin-top: 0;
}

.step-subtitle[b-h1gdw06ux1] {
    width: 80%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

    .step-subtitle h2[b-h1gdw06ux1] {
        width: 80%;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

/* Responsive styles for mobile - can now stack properly */
@media screen and (max-width: 768px) {
    .step-navigation-container[b-h1gdw06ux1] {
        flex-direction: column;
        gap: var(--space-3);
    }

    .nav-btn[b-h1gdw06ux1] {
        width: 100%;
        justify-content: center;
        margin-bottom: var(--space-2);
    }

    .prev-btn[b-h1gdw06ux1] {
        order: 2;
    }

    .step-title-container[b-h1gdw06ux1] {
        order: 1;
        margin-bottom: var(--space-3);
        max-width: 100%;
    }

    .next-btn[b-h1gdw06ux1] {
        order: 3;
    }
}

/* Step title container */
.step-title-container[b-h1gdw06ux1] {
    text-align: center;
    flex: 8;
    animation: fade-slide-down-b-h1gdw06ux1 0.4s ease-out;
    padding: 0 var(--space-2);
}

@keyframes fade-in-b-h1gdw06ux1 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

@keyframes fade-slide-down-b-h1gdw06ux1 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

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

.step-title[b-h1gdw06ux1] {
    color: var(--text-primary);
    font-family: var(--font-primary);
    margin-bottom: var(--space-2);
}

.step-subtitle[b-h1gdw06ux1] {
    color: var(--text-secondary);
}

/* Stepper body */
.stepper-body[b-h1gdw06ux1] {
    min-height: 350px;
    margin-bottom: var(--space-4);
    transition: var(--input-transition);
    animation: fade-slide-up-b-h1gdw06ux1 0.5s ease-out;
}

/* Agent step body - no fixed height */
.agent-step-body[b-h1gdw06ux1] {
    width: 100%;
    transition: var(--input-transition);
    animation: fade-slide-up-b-h1gdw06ux1 0.5s ease-out;
    flex: 1;
}

@keyframes fade-slide-up-b-h1gdw06ux1 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

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

/* Stepper footer */
.agent-step-footer[b-h1gdw06ux1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    padding-top: var(--space-3);
    margin-top: var(--space-4);
}

/* Agent step footer - same layout but without top border */
.agent-step-footer[b-h1gdw06ux1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    padding-top: var(--space-3);
    margin-top: var(--space-4);
}

    .stepper-footer button[b-h1gdw06ux1],
    .stepper-footer .step-indicator[b-h1gdw06ux1],
    .agent-step-footer button[b-h1gdw06ux1] {
        margin: 0 var(--space-2);
    }

.btn-secondary[b-h1gdw06ux1] {
    padding: var(--btn-padding);
    border: 2px solid var(--grey-400);
    border-radius: var(--border-radius-md);
    background-color: transparent;
    color: var(--text-secondary);
    text-transform: uppercase;
    cursor: pointer;
    transition: var(--input-transition);
    font-weight: 500;
}

    .btn-secondary:hover:not(:disabled)[b-h1gdw06ux1] {
        border-color: var(--grey-600);
        color: var(--text-primary);
    }

    .btn-secondary:disabled[b-h1gdw06ux1] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.step-indicator[b-h1gdw06ux1] {
    color: var(--text-secondary);
    font-weight: 500;
}

/* Error message */
.error-message[b-h1gdw06ux1] {
    background-color: rgba(216, 57, 51, 0.1);
    border-left: 4px solid var(--error-red);
    color: var(--error-red);
    padding: var(--space-3);
    border-radius: var(--border-radius-sm);
    margin: var(--space-3) auto;
    width: calc(40% + 3rem); /* Match the combined width of both buttons plus the gap */
    text-align: center;
}

/* Loading spinner */
.loading-spinner[b-h1gdw06ux1] {
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: var(--brand-white);
    animation: spin-b-h1gdw06ux1 1s ease-in-out infinite;
    margin-right: var(--space-2);
}

@keyframes spin-b-h1gdw06ux1 {
    to {
        transform: rotate(360deg);
    }
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
    .stepper-container[b-h1gdw06ux1],
    .agent-step-container[b-h1gdw06ux1] {
        padding: var(--space-3);
    }

    .stepper-header[b-h1gdw06ux1] {
        overflow-x: auto;
        padding-bottom: var(--space-2);
        justify-content: start;
    }

    .step[b-h1gdw06ux1] {
        width: 3.6rem;
        height: 3.6rem;
    }

    .stepper-footer[b-h1gdw06ux1],
    .agent-step-footer[b-h1gdw06ux1] {
        flex-direction: column;
        gap: var(--space-3);
    }

        .stepper-footer button[b-h1gdw06ux1],
        .agent-step-footer button[b-h1gdw06ux1] {
            width: 100%;
        }

    .step-indicator[b-h1gdw06ux1] {
        order: -1;
        margin-bottom: var(--space-3);
    }
}

@media screen and (max-width: 576px) {
    .homeowner-setup[b-h1gdw06ux1] {
        padding: var(--space-2);
    }

    .stepper-container[b-h1gdw06ux1],
    .agent-step-container[b-h1gdw06ux1] {
        padding: var(--space-2);
    }

    .step[b-h1gdw06ux1] {
        width: 3.2rem;
        height: 3.2rem;
    }

    .step-title[b-h1gdw06ux1] {
        font-size: 1.8rem;
    }

    .step-subtitle[b-h1gdw06ux1] {
        font-size: 1.4rem;
    }
}

/* High contrast mode support */
@media (forced-colors: active) {
    .step.active[b-h1gdw06ux1] {
        forced-color-adjust: none;
        background-color: Highlight;
        color: HighlightText;
    }

    .step-divider.active[b-h1gdw06ux1] {
        background-color: Highlight;
    }
}

/* Modals */
.modal-overlay[b-h1gdw06ux1] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.payment-modal[b-h1gdw06ux1] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--surface-light);
    border-radius: var(--border-radius-lg);
    box-shadow: var(--shadow-lg);
    padding: var(--space-5);
    z-index: 1001;
    width: 90%;
    max-width: 600px;
    max-height: 85vh;
    overflow-y: auto;
}

.payment-modal-header[b-h1gdw06ux1] {
    margin-bottom: var(--space-4);
    text-align: center;
}

    .payment-modal-header h3[b-h1gdw06ux1] {
        font-size: 2.4rem;
        margin-bottom: var(--space-2);
        color: var(--text-primary);
    }

    .payment-modal-header p[b-h1gdw06ux1] {
        color: var(--text-secondary);
        font-size: 1.6rem;
    }

.page-wrap[b-h1gdw06ux1] {
    margin-top: 0px;
    padding-top: 0px;
}

/* Refined transitions and card animations */
.stepper-container[b-h1gdw06ux1], .agent-step-container[b-h1gdw06ux1] {
    width: 100%;
    padding: var(--space-4) 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    opacity: 1;
    transform: translateY(0);
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    animation: slideUpFade-b-h1gdw06ux1 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    background-color: transparent;
}

@keyframes slideUpFade-b-h1gdw06ux1 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

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

.loading-spinner[b-h1gdw06ux1] {
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative;
    margin-right: var(--space-2);
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: var(--brand-blue);
    animation: spin-b-h1gdw06ux1 0.8s linear infinite;
}

@keyframes spin-b-h1gdw06ux1 {
    to {
        transform: rotate(360deg);
    }
}

.stepper-body[b-h1gdw06ux1], .agent-step-body[b-h1gdw06ux1] {
    min-height: 350px;
    margin-bottom: var(--space-4);
    transition: opacity 0.4s ease, transform 0.4s ease;
    position: relative;
}

    .stepper-body.fade-out[b-h1gdw06ux1], .agent-step-body.fade-out[b-h1gdw06ux1] {
        opacity: 0;
        transform: translateY(-10px);
    }

    .stepper-body.fade-in[b-h1gdw06ux1], .agent-step-body.fade-in[b-h1gdw06ux1] {
        opacity: 1;
        transform: translateY(0);
        animation: fadeInStep-b-h1gdw06ux1 0.4s ease forwards;
    }

@keyframes fadeInStep-b-h1gdw06ux1 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

/* Button content container */
.button-content[b-h1gdw06ux1] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
}

/* Icon within button */
.button-icon[b-h1gdw06ux1] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    display: block;
    object-fit: contain;
}

/* Specific styling for next/invite button */
.next-btn[b-h1gdw06ux1] {
    justify-content: flex-end;
    min-width: 105px;
}

/* These styles should already exist in your CSS file but verify they're there */
.modal-overlay[b-h1gdw06ux1] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-container[b-h1gdw06ux1] {
    background-color: white;
    border-radius: var(--border-radius-lg);
    width: 90%;
    max-width: 900px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
}

.modal-header[b-h1gdw06ux1] {
    padding: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--grey-200);
}

.modal-body[b-h1gdw06ux1] {
    overflow-y: auto;
    flex-grow: 1;
    max-height: 60vh;
}

.modal-footer[b-h1gdw06ux1] {
    padding: 1.5rem;
    border-top: 1px solid var(--brand-light-grey);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.terms-acceptance[b-h1gdw06ux1] {
    display: flex;
    align-items: center;
}

.checkbox-container[b-h1gdw06ux1] {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 1.8rem;
    user-select: none;
}

    .checkbox-container input[b-h1gdw06ux1] {
        margin-right: 0.5rem;
        height: 1.8rem;
        width: 1.8rem;
    }

.btn-group[b-h1gdw06ux1] {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    margin-top: 1rem;
}

.mobile[b-h1gdw06ux1] {
    display: none;
}

@media screen and (max-width: 768px) {
    .desktop[b-h1gdw06ux1] {
        display: none;
    }

    .mobile[b-h1gdw06ux1] {
        display: flex;
        order: 10;
        width: 100%;
        gap: 12px;
    }

    .nav-btn[b-h1gdw06ux1] {
        width: 49%;
    }

    .prev-btn[b-h1gdw06ux1] {
        justify-content: flex-start;
    }

    .next-btn[b-h1gdw06ux1] {
        justify-content: flex-end;
    }

    .step-subtitle[b-h1gdw06ux1] {
        width: 100%;
    }
}

.final-review-container[b-h1gdw06ux1] {
    background-color: white;
    border-radius: 8px;
    padding: 2rem;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.property-terms-summary[b-h1gdw06ux1] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin: 1.5rem 0;
}

.terms-section[b-h1gdw06ux1] {
    border-bottom: 1px solid #eee;
    padding-bottom: 1rem;
}

    .terms-section h4[b-h1gdw06ux1] {
        font-size: 1.1rem;
        margin-bottom: 0.75rem;
        color: #333;
    }

.term-item[b-h1gdw06ux1] {
    display: flex;
    margin-bottom: 0.5rem;
}

.term-label[b-h1gdw06ux1] {
    font-weight: 500;
    width: 40%;
    color: #666;
}

.term-value[b-h1gdw06ux1] {
    width: 60%;
}

.final-action-container[b-h1gdw06ux1] {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

.final-review-container[b-h1gdw06ux1] {
    background-color: white;
    border-radius: 8px;
    padding: 3rem;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    max-width: 900px;
    margin: 0 auto;
    animation: fade-in-b-h1gdw06ux1 0.4s ease;
}

    .final-review-container h3[b-h1gdw06ux1] {
        color: var(--brand-blue);
        font-size: 2.4rem;
        margin-bottom: 1rem;
        text-align: center;
    }

    .final-review-container p[b-h1gdw06ux1] {
        text-align: center;
        color: var(--text-secondary);
        margin-bottom: 2.5rem;
    }

.property-terms-summary[b-h1gdw06ux1] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin: 2rem 0;
}

.terms-section[b-h1gdw06ux1] {
    border-bottom: 1px solid var(--grey-200);
    padding-bottom: 1.5rem;
}

    .terms-section:last-child[b-h1gdw06ux1] {
        border-bottom: none;
    }

    .terms-section h4[b-h1gdw06ux1] {
        font-size: 1.8rem;
        margin-bottom: 1.2rem;
        color: var(--text-primary);
        font-weight: 600;
        position: relative;
        padding-left: 1.5rem;
    }

        .terms-section h4[b-h1gdw06ux1]::before {
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 5px;
            height: 18px;
            background-color: var(--brand-blue);
            border-radius: 3px;
        }

.term-item[b-h1gdw06ux1] {
    display: flex;
    margin-bottom: 1rem;
    line-height: 1.5;
}

.term-label[b-h1gdw06ux1] {
    font-weight: 500;
    width: 40%;
    color: var(--text-secondary);
    padding-right: 1rem;
}

.term-value[b-h1gdw06ux1] {
    width: 60%;
    color: var(--text-primary);
    font-weight: 500;
}

.final-action-buttons[b-h1gdw06ux1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3rem;
    gap: 1.5rem;
    flex-wrap: wrap;
}

    .final-action-buttons .btn-secondary[b-h1gdw06ux1] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding: 1rem 1.5rem;
        border-radius: var(--border-radius-md);
        background-color: transparent;
        border: 1px solid var(--grey-300);
        color: var(--text-secondary);
        transition: all 0.2s ease;
        flex: 1;
        justify-content: center;
        text-transform: none;
        font-weight: 500;
    }

        .final-action-buttons .btn-secondary:hover[b-h1gdw06ux1] {
            background-color: var(--grey-100);
            border-color: var(--grey-400);
        }

    .final-action-buttons .btn-primary[b-h1gdw06ux1] {
        padding: 1rem 1.5rem;
        border-radius: var(--border-radius-md);
        background-color: var(--brand-blue);
        color: white;
        border: none;
        transition: all 0.2s ease;
        flex: 2;
        font-weight: 500;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
    }

        .final-action-buttons .btn-primary:hover[b-h1gdw06ux1] {
            background-color: var(--brand-blue-600);
            transform: translateY(-2px);
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        }

        .final-action-buttons .btn-primary:disabled[b-h1gdw06ux1] {
            background-color: var(--grey-400);
            cursor: not-allowed;
            transform: none;
            box-shadow: none;
        }

@media screen and (max-width: 768px) {
    .final-review-container[b-h1gdw06ux1] {
        padding: 2rem;
    }

    .term-item[b-h1gdw06ux1] {
        flex-direction: column;
    }

    .term-label[b-h1gdw06ux1], .term-value[b-h1gdw06ux1] {
        width: 100%;
    }

    .term-value[b-h1gdw06ux1] {
        margin-top: 0.3rem;
        margin-bottom: 0.8rem;
    }

    .final-action-buttons[b-h1gdw06ux1] {
        flex-direction: column;
    }

        .final-action-buttons .btn-secondary[b-h1gdw06ux1],
        .final-action-buttons .btn-primary[b-h1gdw06ux1] {
            width: 100%;
        }

        .final-action-buttons .btn-secondary[b-h1gdw06ux1] {
            order: 2;
        }

        .final-action-buttons .btn-primary[b-h1gdw06ux1] {
            order: 1;
            margin-bottom: 1rem;
        }
}

/* Animations for the final review container */
@keyframes fade-in-b-h1gdw06ux1 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

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

.bottom-stepper-btns[b-h1gdw06ux1] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.8rem;
}

    .bottom-stepper-btns button[b-h1gdw06ux1] {
        width: 20%;
    }

    .bottom-stepper-btns .nav-btn.prev-btn[b-h1gdw06ux1],
    .bottom-stepper-btns .nav-btn.next-btn[b-h1gdw06ux1] {
        justify-content: center;
    }

.new-page-link[b-h1gdw06ux1] {
    color: var(--brand-blue);
    text-decoration: none;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .bottom-stepper-btns .prev-btn[b-h1gdw06ux1],
    .bottom-stepper-btns .next-btn[b-h1gdw06ux1] {
        order: initial;
    }

    .checkbox-container[b-h1gdw06ux1] {
        display: flex;
        align-items: flex-start;
        cursor: pointer;
        font-size: 1.8rem;
        user-select: none;
        gap: 0.75rem; /* Add space between checkbox and text */
    }

        .checkbox-container input[b-h1gdw06ux1] {
            margin-right: 1.5rem; /* Remove the existing margin since we're using gap */
            height: 2.5rem;
            width: 2.5rem;
            flex-shrink: 0; /* Prevent checkbox from shrinking */
            margin-top: 0.5rem; /* Slight adjustment to align with first line of text */
        }

        .checkbox-container span[b-h1gdw06ux1] {
            flex: 1; /* Allow text to take remaining space */
            line-height: 1.4; /* Improve text readability */
        }
}
/* /Features/Account/Setup/RoleSelectionPage.razor.rz.scp.css */
.role-selection-container[b-jwxoj223vq] {
    max-width: 1200px;
    margin: 0 auto;
    padding: var(--space-5) var(--space-3);
}

.role-selection-header[b-jwxoj223vq] {
    text-align: center;
    margin-bottom: var(--space-6);
}

    .role-selection-header h1[b-jwxoj223vq] {
        font-size: 4.5rem;
        font-weight: 500;
        margin-bottom: var(--space-2);
        font-family: var(--font-primary);
    }

.subtitle[b-jwxoj223vq] {
    font-size: 1.8rem;
    color: var(--text-secondary);
    max-width: 600px;
    margin: 0 auto;
    font-family: var(--font-secondary);
}

.roles-container[b-jwxoj223vq] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-5);
    justify-content: center;
    margin-bottom: var(--space-5);
}

.role-card[b-jwxoj223vq] {
    width: 360px;
    background-color: var(--brand-white);
    border-radius: var(--border-radius-xl);
    box-shadow: var(--shadow-md);
    overflow: hidden;
    transition: var(--input-transition);
    position: relative;
    cursor: pointer;
    border: 2px solid transparent;
    height: 100%;
}

    .role-card:hover[b-jwxoj223vq] {
        transform: translateY(-5px);
        box-shadow: var(--shadow-lg);
    }

    .role-card.selected[b-jwxoj223vq] {
        border-color: var(--brand-blue);
        box-shadow: 0 15px 35px rgba(0, 75, 187, 0.15);
    }

.role-header[b-jwxoj223vq] {
    text-align: center;
    padding: var(--space-5) var(--space-4);
    background-color: var(--surface-light);
    border-bottom: 1px solid var(--grey-300);
}

.role-icon[b-jwxoj223vq] {
    width: 100px;
    height: 100px;
    margin: 0 auto var(--space-4);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.agent-icon[b-jwxoj223vq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23004bbb'%3E%3Cpath d='M12 3C14.21 3 16 4.79 16 7S14.21 11 12 11 8 9.21 8 7 9.79 3 12 3M16 13.54C16 14.6 15.72 17.07 13.81 19.83L13 15L13.94 13.12C13.32 13.05 12.67 13 12 13S10.68 13.05 10.06 13.12L11 15L10.19 19.83C8.28 17.07 8 14.6 8 13.54C5.61 14.24 4 15.5 4 17V21H20V17C20 15.5 18.4 14.24 16 13.54Z'/%3E%3C/svg%3E");
}

.homeowner-icon[b-jwxoj223vq] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23004bbb'%3E%3Cpath d='M19.07,4.93C17.22,3 14.66,1.96 12,2C9.34,1.96 6.79,3 4.94,4.93C3,6.78 1.96,9.34 2,12C1.96,14.66 3,17.21 4.93,19.06C6.78,21 9.34,22.04 12,22C14.66,22.04 17.21,21 19.06,19.07C21,17.22 22.04,14.66 22,12C22.04,9.34 21,6.78 19.07,4.93M17,12V18H13.5V13H10.5V18H7V12H5L12,5L19.5,12H17Z'/%3E%3C/svg%3E");
}

.role-header h3[b-jwxoj223vq] {
    font-size: 2.4rem;
    font-weight: 500;
    margin: 0;
    color: var(--text-primary);
    font-family: var(--font-primary);
}

.role-content[b-jwxoj223vq] {
    padding: var(--space-4);
    display: flex;
    flex-direction: column;
    flex: 1;
}

.role-features[b-jwxoj223vq] {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .role-features li[b-jwxoj223vq] {
        margin-bottom: var(--space-3);
        position: relative;
        padding-left: var(--space-5);
        font-size: 1.4rem;
        color: var(--text-secondary);
        line-height: 1.5;
        font-family: var(--font-secondary);
    }

        .role-features li[b-jwxoj223vq]::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0.25rem;
            width: 1.25rem;
            height: 1.25rem;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23004bbb'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }

.confirm-button[b-jwxoj223vq] {
    max-width: 360px; 
    padding: var(--space-3) var(--space-4);
    background-color: var(--brand-blue);
    color: var(--brand-white);
    border: none;
    border-radius: var(--border-radius-md);
    font-weight: 600;
    font-size: 1.6rem;
    cursor: pointer;
    transition: var(--input-transition);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    transform: translateY(30px);
    opacity: 0;
    visibility: hidden;
}

    .confirm-button.visible[b-jwxoj223vq] {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }

    .confirm-button:hover[b-jwxoj223vq] {
        background-color: var(--btn-bg-hover);
    }

.button-icon[b-jwxoj223vq] {
    width: 1.25rem;
    height: 1.25rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Error message */
.error-message[b-jwxoj223vq] {
    max-width: 500px;
    margin: var(--space-5) auto;
    padding: var(--space-3) var(--space-4);
    background-color: #FEF2F2;
    border-left: 4px solid var(--error-red);
    border-radius: var(--border-radius-md);
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.error-icon[b-jwxoj223vq] {
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d83933'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.error-message p[b-jwxoj223vq] {
    margin: 0;
    color: #991B1B;
    font-size: 1.4rem;
}

/* Loading spinner */
.loading-container[b-jwxoj223vq] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.9);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.loading-spinner[b-jwxoj223vq] {
    width: 50px;
    height: 50px;
    border: 4px solid rgba(0, 75, 187, 0.1);
    border-left-color: var(--brand-blue);
    border-radius: 50%;
    margin-bottom: var(--space-3);
    animation: spin-b-jwxoj223vq 1s linear infinite;
}

@keyframes spin-b-jwxoj223vq {
    to {
        transform: rotate(360deg);
    }
}

.loading-container p[b-jwxoj223vq] {
    color: var(--text-primary);
    font-size: 1.6rem;
    font-weight: 500;
}

/* Responsive designs */
@media (max-width: 768px) {
    .role-selection-header h1[b-jwxoj223vq] {
        font-size: 3.6rem;
    }

    .subtitle[b-jwxoj223vq] {
        font-size: 1.6rem;
    }

    .role-card[b-jwxoj223vq] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .role-selection-header h1[b-jwxoj223vq] {
        font-size: 3.2rem;
    }

    .subtitle[b-jwxoj223vq] {
        font-size: 1.4rem;
    }

    .role-header[b-jwxoj223vq] {
        padding: var(--space-4) var(--space-3);
    }

    .role-icon[b-jwxoj223vq] {
        width: 80px;
        height: 80px;
    }
}

.proceed-button-container[b-jwxoj223vq] {
    display: flex;
    justify-content: center;
    margin-top: var(--space-4);
    width: 100%;
}
/* /Features/Account/Verify/EmailVerification.razor.rz.scp.css */
.verification-container[b-4vd7sahwgj] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70vh;
    padding: 2rem;
}

.verification-card[b-4vd7sahwgj] {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
    padding: 2rem;
    width: 100%;
    max-width: 500px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.verification-image[b-4vd7sahwgj] {
    width: 35%;
    height: auto;
    margin: 2rem 0;
}

.verification-actions[b-4vd7sahwgj] {
    display: flex;
    flex-wrap:wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 2rem;
    margin-top: 2rem;
}

.action-btn[b-4vd7sahwgj] {
    background-color: white;
    padding: 1rem 2rem;
    border: 2px solid var(--brand-blue);
    border-radius: 8px;
    cursor: pointer;
    color: var(--brand-blue);
    min-width: 200px;
}

    .action-btn:disabled[b-4vd7sahwgj] {
        opacity: 0.7;
        cursor: not-allowed;
    }

.loading-spinner[b-4vd7sahwgj] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-left-color: var(--brand-blue);
    border-radius: 50%;
    animation: spin-b-4vd7sahwgj 1s linear infinite;
    margin-right: 0.5rem;
}

.email-highlight[b-4vd7sahwgj] {
    color: var(--brand-blue);
    font-weight: bold;
}

.error-message[b-4vd7sahwgj] {
    color: #d32f2f;
    margin-top: 1rem;
    text-align: center;
}

.success-message[b-4vd7sahwgj] {
    color: #388e3c;
    margin-top: 1rem;
    text-align: center;
}

@keyframes spin-b-4vd7sahwgj {
    to {
        transform: rotate(360deg);
    }
}
/* /Features/Account/Verify/EmailVerificationCallback.razor.rz.scp.css */
.verification-container[b-oswj8y22lb] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70vh;
    padding: 2rem;
}

.verification-card[b-oswj8y22lb] {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
    padding: 2rem;
    width: 100%;
    max-width: 500px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.status-icon[b-oswj8y22lb] {
    width: 64px;
    height: 64px;
    margin: 2rem 0;
}

.loading-container[b-oswj8y22lb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 2rem 0;
}

.loading-spinner-large[b-oswj8y22lb] {
    width: 64px;
    height: 64px;
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left-color: var(--brand-blue);
    border-radius: 50%;
    animation: spin-b-oswj8y22lb 1s linear infinite;
    margin-bottom: 1rem;
}

.verification-actions[b-oswj8y22lb] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 2rem;
    margin-top: 2rem;
}

.action-btn[b-oswj8y22lb] {
    background-color: white;
    padding: 1rem 2rem;
    border: 2px solid var(--brand-blue);
    border-radius: 8px;
    cursor: pointer;
    color: var(--brand-blue);
    min-width: 200px;
}

@keyframes spin-b-oswj8y22lb {
    to {
        transform: rotate(360deg);
    }
}
/* /Features/Account/Verify/PhoneVerification.razor.rz.scp.css */
.verification-container[b-r4nvzklx0j] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70vh;
    padding: 2rem;
}

.verification-card[b-r4nvzklx0j] {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
    padding: 2rem;
    width: 100%;
    max-width: 500px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.verification-image[b-r4nvzklx0j] {
    width: 35%;
    height: auto;
    margin: 2rem 0;
}

.verification-actions[b-r4nvzklx0j] {
    display: flex;
    flex-wrap:wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 2rem;
    margin-top: 2rem;
}

.action-btn[b-r4nvzklx0j] {
    background-color: white;
    padding: 1rem 2rem;
    border: 2px solid var(--brand-blue);
    border-radius: 8px;
    cursor: pointer;
    color: var(--brand-blue);
    min-width: 200px;
}

    .action-btn:disabled[b-r4nvzklx0j] {
        opacity: 0.7;
        cursor: not-allowed;
    }

.loading-spinner[b-r4nvzklx0j] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-left-color: var(--brand-blue);
    border-radius: 50%;
    animation: spin-b-r4nvzklx0j 1s linear infinite;
    margin-right: 0.5rem;
}

.phone-highlight[b-r4nvzklx0j] {
    color: var(--brand-blue);
    font-weight: bold;
}

.error-message[b-r4nvzklx0j] {
    color: #d32f2f;
    margin-top: 1rem;
    text-align: center;
}

.success-message[b-r4nvzklx0j] {
    color: #388e3c;
    margin-top: 1rem;
    text-align: center;
}

@keyframes spin-b-r4nvzklx0j {
    to {
        transform: rotate(360deg);
    }
}
/* /Features/Account/Verify/PhoneVerificationCallback.razor.rz.scp.css */
.verification-container[b-jvrgb70108] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70vh;
    padding: 2rem;
}

.verification-card[b-jvrgb70108] {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
    padding: 2rem;
    width: 100%;
    max-width: 500px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.status-icon[b-jvrgb70108] {
    width: 64px;
    height: 64px;
    margin: 2rem 0;
}

.loading-container[b-jvrgb70108] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 2rem 0;
}

.loading-spinner-large[b-jvrgb70108] {
    width: 64px;
    height: 64px;
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left-color: var(--brand-blue);
    border-radius: 50%;
    animation: spin-b-jvrgb70108 1s linear infinite;
    margin-bottom: 1rem;
}

.verification-actions[b-jvrgb70108] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 2rem;
    margin-top: 2rem;
}

.action-btn[b-jvrgb70108] {
    background-color: white;
    padding: 1rem 2rem;
    border: 2px solid var(--brand-blue);
    border-radius: 8px;
    cursor: pointer;
    color: var(--brand-blue);
    min-width: 200px;
}

@keyframes spin-b-jvrgb70108 {
    to {
        transform: rotate(360deg);
    }
}
/* /Features/Auction/AuctionLauncher.razor.rz.scp.css */
/* Basic styling for auction components */
.auction-container[b-v3qif54pp8] {
  font-family: Arial, sans-serif;
  margin: 0 auto;
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  width: 50%;
}

.auction-header[b-v3qif54pp8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}

.auction-header h2[b-v3qif54pp8] {
  margin: 0;
  font-size: 1.5rem;
}

.auction-timer[b-v3qif54pp8] {
  font-size: 1.2rem;
  font-weight: bold;
  color: #333;
  padding: 8px 16px;
  border-radius: 4px;
  background-color: #f7f7f7;
}

.auction-timer.ending[b-v3qif54pp8] {
  color: #fff;
  background-color: #e74c3c;
}

.current-bid-section[b-v3qif54pp8] {
  background-color: #f9f9f9;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 20px;
}

.current-bid[b-v3qif54pp8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.bid-amount[b-v3qif54pp8] {
  font-size: 1.8rem;
  font-weight: bold;
  color: #2c3e50;
}

.min-bid-info[b-v3qif54pp8] {
  margin-bottom: 10px;
  font-weight: bold;
  color: #34495e;
}

.last-bid-time[b-v3qif54pp8] {
  font-size: 0.9rem;
  color: #7f8c8d;
  margin-left: 10px;
}

.bid-actions[b-v3qif54pp8] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bid-btn[b-v3qif54pp8] {
    background-color: #3498db;
    color: white;
    border: none;
    padding: 12px 24px;
    font-size: 1rem;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

    .bid-btn:hover[b-v3qif54pp8] {
        background-color: #2980b9;
    }

    .bid-btn:disabled[b-v3qif54pp8] {
        background-color: #95a5a6;
        cursor: not-allowed;
    }

.bid-history[b-v3qif54pp8] {
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
}

.bid-history h3[b-v3qif54pp8] {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 1.2rem;
  color: #34495e;
}

.bid-list[b-v3qif54pp8] {
  max-height: 300px;
  overflow-y: auto;
}

.bid-item[b-v3qif54pp8] {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  padding: 10px;
  border-bottom: 1px solid #eee;
}

.bid-item.current-user[b-v3qif54pp8] {
  background-color: #ebf5fb;
}

.bidder[b-v3qif54pp8] {
  font-weight: bold;
}

.amount[b-v3qif54pp8] {
  text-align: right;
  color: #27ae60;
  font-weight: bold;
}

.time[b-v3qif54pp8] {
  text-align: right;
  color: #7f8c8d;
  font-size: 0.9rem;
}

.no-bids[b-v3qif54pp8] {
  padding: 20px;
  text-align: center;
  color: #95a5a6;
  font-style: italic;
}

.loading-container[b-v3qif54pp8],
.error-container[b-v3qif54pp8] {
  padding: 30px;
  text-align: center;
  font-size: 1.1rem;
}

.loading-spinner[b-v3qif54pp8] {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 3px solid rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  border-top-color: #3498db;
  animation: spin-b-v3qif54pp8 1s linear infinite;
  margin-right: 10px;
  vertical-align: middle;
}

.error-container[b-v3qif54pp8] {
  color: #e74c3c;
}

.spinner[b-v3qif54pp8] {
    display: block;
    width: 18px;
    height: 18px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin-b-v3qif54pp8 1s linear infinite;
    flex-shrink: 0;
}

.alert[b-v3qif54pp8] {
  padding: 10px 15px;
  border-radius: 4px;
  margin-top: 20px;
}

.alert-danger[b-v3qif54pp8] {
  background-color: #f8d7da;
  color: #721c24;
}

.alert-success[b-v3qif54pp8] {
  background-color: #d4edda;
  color: #155724;
  animation: fadeOut-b-v3qif54pp8 5s forwards;
  animation-delay: 3s;
}

.overbid-warning[b-v3qif54pp8] {
  background-color: rgba(253, 184, 30, 0.1);
  border: 1px solid var(--warning-yellow);
  border-radius: var(--border-radius-sm);
  padding: var(--space-2);
  margin-bottom: var(--space-2);
  display: flex;
  align-items: center;
}

.overbid-warning .warning-icon[b-v3qif54pp8] {
  background-color: var(--warning-yellow);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z'/%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: var(--space-2);
}

.overbid-warning span[b-v3qif54pp8] {
  color: var(--text-primary);
  font-weight: 500;
}

.auction-info-container[b-v3qif54pp8] {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  margin-top: 1.5rem;
}

.bid-history-section[b-v3qif54pp8],
.participants-section[b-v3qif54pp8] {
  flex: 1;
  min-width: 0;
}

.bid-list[b-v3qif54pp8],
.participants-list[b-v3qif54pp8] {
  max-height: none;
  overflow-y: visible;
}

@keyframes fadeOut-b-v3qif54pp8 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes pulse-b-v3qif54pp8 {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.8;
  }

  100% {
    opacity: 1;
  }
}

@keyframes spin-b-v3qif54pp8 {
  to {
    transform: rotate(360deg);
  }
}

.fixed-width-container[b-v3qif54pp8] {
  max-width: 1000px;
  margin: 0 auto;
  width: 100%;
}

.auction-timer-section[b-v3qif54pp8] {
  padding: 1rem;
  background-color: var(--bs-primary-bg-subtle, #eaf5ff);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.auction-timer[b-v3qif54pp8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.timer-label[b-v3qif54pp8] {
  font-weight: 500;
  color: var(--bs-primary-text, #084298);
  font-size: 0.9rem;
}

.timer-value[b-v3qif54pp8] {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--bs-primary, #0d6efd);
  line-height: 1.2;
}

.auction-timer.ending[b-v3qif54pp8] {
  background-color: #e74c3c;
  animation: pulse-b-v3qif54pp8 1s infinite;
}

.auction-timer.ending .timer-value[b-v3qif54pp8],
.auction-timer.ending .timer-label[b-v3qif54pp8] {
  color: white;
}

/* Styling for scheduled-state before auction starts */
.auction-body.scheduled-state[b-v3qif54pp8] {
  text-align: center;
  padding: 1rem;
  background-color: #eaf5ff;
  /* light blue background */
  border: 1px dashed #0d6efd;
  /* primary blue dashed border */
  border-radius: 0.5rem;
  color: #084298;
  /* primary text color */
}

@media (max-width: 768px) {
  .auction-container[b-v3qif54pp8] {
    width: 100%;
  }
}

/* Processing results animation */
.processing-results[b-v3qif54pp8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.processing-results .loading-spinner[b-v3qif54pp8] {
  width: 16px;
  height: 16px;
  border-width: 2px;
}

.loading-section[b-v3qif54pp8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 0;
  text-align: center;
}

/* Processing results styling */
.processing-results-section[b-v3qif54pp8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 2rem;
}

.centered-text[b-v3qif54pp8] {
  text-align: center;
}

.solid-btn[b-v3qif54pp8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
/* /Features/Auction/HomeownerAuctionLauncher.razor.rz.scp.css */
/* Basic styling for auction components */
.auction-container[b-1iihkz9w4l] {
    font-family: Arial, sans-serif;
    margin: 0 auto;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    width: 50%;
}

.auction-header[b-1iihkz9w4l] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}

    .auction-header h2[b-1iihkz9w4l],
    .auction-header h3[b-1iihkz9w4l] {
        margin: 0;
        font-size: 1.5rem;
    }

.auction-timer[b-1iihkz9w4l] {
    font-size: 1.2rem;
    font-weight: bold;
    color: #333;
    padding: 8px 16px;
    border-radius: 4px;
    background-color: #f7f7f7;
}

    .auction-timer.ending[b-1iihkz9w4l] {
        color: #fff;
        background-color: #e74c3c;
        animation: pulse-b-1iihkz9w4l 1s infinite;
    }

        .auction-timer.ending .timer-value[b-1iihkz9w4l],
        .auction-timer.ending .timer-label[b-1iihkz9w4l] {
            color: white;
        }

.current-bid-section[b-1iihkz9w4l] {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.current-bid[b-1iihkz9w4l] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.bid-amount[b-1iihkz9w4l] {
    font-size: 1.8rem;
    font-weight: bold;
    color: #2c3e50;
}

.min-bid-info[b-1iihkz9w4l] {
    margin-bottom: 10px;
    font-weight: bold;
    color: #34495e;
}

.last-bid-time[b-1iihkz9w4l] {
    font-size: 0.9rem;
    color: #7f8c8d;
    margin-left: 10px;
}

.bid-actions[b-1iihkz9w4l] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.bid-btn[b-1iihkz9w4l] {
    background-color: #3498db;
    color: white;
    border: none;
    padding: 12px 24px;
    font-size: 1rem;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s;
    width: 100%;
}

    .bid-btn:hover[b-1iihkz9w4l] {
        background-color: #2980b9;
    }

    .bid-btn:disabled[b-1iihkz9w4l] {
        background-color: #95a5a6;
        cursor: not-allowed;
    }

.bid-history[b-1iihkz9w4l] {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
}

    .bid-history h3[b-1iihkz9w4l] {
        margin-top: 0;
        margin-bottom: 15px;
        font-size: 1.2rem;
        color: #34495e;
    }

.bid-list[b-1iihkz9w4l] {
    max-height: 300px;
    overflow-y: auto;
}

.bid-item[b-1iihkz9w4l] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    padding: 10px;
    border-bottom: 1px solid #eee;
}

    .bid-item.current-user[b-1iihkz9w4l] {
        background-color: #ebf5fb;
    }

.bidder[b-1iihkz9w4l] {
    font-weight: bold;
}

.amount[b-1iihkz9w4l] {
    text-align: right;
    color: #27ae60;
    font-weight: bold;
}

.time[b-1iihkz9w4l] {
    text-align: right;
    color: #7f8c8d;
    font-size: 0.9rem;
}

.no-bids[b-1iihkz9w4l] {
    padding: 20px;
    text-align: center;
    color: #95a5a6;
    font-style: italic;
}

.loading-container[b-1iihkz9w4l],
.error-container[b-1iihkz9w4l] {
    padding: 30px;
    text-align: center;
    font-size: 1.1rem;
}

.loading-spinner[b-1iihkz9w4l] {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 3px solid rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    border-top-color: #3498db;
    animation: spin-b-1iihkz9w4l 1s linear infinite;
    margin-right: 10px;
    vertical-align: middle;
}

.error-container[b-1iihkz9w4l] {
    color: #e74c3c;
}

.spinner[b-1iihkz9w4l] {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin-b-1iihkz9w4l 1s linear infinite;
    margin-right: 8px;
}

.alert[b-1iihkz9w4l] {
    padding: 10px 15px;
    border-radius: 4px;
    margin-top: 20px;
}

.alert-danger[b-1iihkz9w4l] {
    background-color: #f8d7da;
    color: #721c24;
}

.alert-success[b-1iihkz9w4l] {
    background-color: #d4edda;
    color: #155724;
    animation: fadeOut-b-1iihkz9w4l 5s forwards;
    animation-delay: 3s;
}

.overbid-warning[b-1iihkz9w4l] {
    background-color: rgba(253, 184, 30, 0.1);
    border: 1px solid #fdb81e;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.auction-info-container[b-1iihkz9w4l] {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
    margin-top: 1.5rem;
}

.bid-history-section[b-1iihkz9w4l],
.participants-section[b-1iihkz9w4l] {
    flex: 1;
    min-width: 0;
}

@keyframes fadeOut-b-1iihkz9w4l {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes pulse-b-1iihkz9w4l {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.8;
    }

    100% {
        opacity: 1;
    }
}

@keyframes spin-b-1iihkz9w4l {
    to {
        transform: rotate(360deg);
    }
}

@keyframes ending-pulse-b-1iihkz9w4l {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.7;
    }

    100% {
        opacity: 1;
    }
}

.fixed-width-container[b-1iihkz9w4l] {
    max-width: 1000px;
    margin: 0 auto;
    width: 100%;
}

.auction-timer-section[b-1iihkz9w4l] {
    padding: 1rem;
    background-color: #eaf5ff;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.timer-label[b-1iihkz9w4l] {
    font-weight: 500;
    color: #084298;
    font-size: 0.9rem;
}

.timer-value[b-1iihkz9w4l] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #0d6efd;
    line-height: 1.2;
}

.auction-timer.ending .timer-value[b-1iihkz9w4l] {
    color: white;
}

.auction-timer.ending .timer-label[b-1iihkz9w4l] {
    color: white;
}

@media (max-width: 768px) {
    .auction-container[b-1iihkz9w4l] {
        width: 100%;
    }

    .auction-info-container[b-1iihkz9w4l] {
        flex-direction: column;
    }

    .auction-status[b-1iihkz9w4l] {
        border-radius: 4px;
        font-size: 1.5rem;
        font-weight: 500;
        color: white;
    }
}

/* Additional homeowner-specific styles */
.auction-status[b-1iihkz9w4l] {
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 1.5rem;
    font-weight: 500;
    color: white;
}

    .auction-status.status-pending[b-1iihkz9w4l] {
        background-color: #ffc107;
    }

    .auction-status.status-upcoming[b-1iihkz9w4l] {
        background-color: #0d6efd;
    }

    .auction-status.status-active[b-1iihkz9w4l] {
        background-color: #0dcaf0;
    }

        .auction-status.status-active.ending[b-1iihkz9w4l] {
            background-color: #fd7e14;
        }

    .auction-status.status-ended[b-1iihkz9w4l] {
        background-color: #6c757d;
    }

    .auction-status.status-cancelled[b-1iihkz9w4l],
    .auction-status.status-error[b-1iihkz9w4l] {
        background-color: #dc3545;
    }

.auction-body[b-1iihkz9w4l] {
    padding: 20px;
}

/* Active auction specific styles */
.auction-main-info[b-1iihkz9w4l] {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.current-bid-display[b-1iihkz9w4l] {
    text-align: center;
    margin-bottom: 20px;
}

    .current-bid-display h3[b-1iihkz9w4l] {
        font-size: 1rem;
        color: #7f8c8d;
        margin: 25px 0 5px 0;
        font-weight: normal;
    }

    .current-bid-display .bid-amount[b-1iihkz9w4l] {
        font-size: 1.8rem;
        font-weight: bold;
        color: #2c3e50;
    }

.time-remaining-display[b-1iihkz9w4l] {
    text-align: center;
    padding: 15px;
    margin-top: 15px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

    .time-remaining-display span[b-1iihkz9w4l] {
        display: block;
        font-size: 1.5rem;
        color: #7f8c8d;
        margin-bottom: 5px;
    }

    .time-remaining-display .time-value[b-1iihkz9w4l] {
        font-size: 1.5rem;
        font-weight: bold;
        color: #333;
    }

        .time-remaining-display .time-value.ending[b-1iihkz9w4l] {
            color: #e74c3c;
            animation: pulse-b-1iihkz9w4l 1s infinite;
        }

/* Bid history container styling */
.bid-history-container[b-1iihkz9w4l] {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
}

    .bid-history-container h3[b-1iihkz9w4l] {
        margin-top: 0;
        margin-bottom: 15px;
        font-size: 1.2rem;
        color: #34495e;
    }

.bid-history-list[b-1iihkz9w4l] {
    overflow-y: hidden;
}

/* Style table to look like agent version */
.bid-table[b-1iihkz9w4l] {
    width: 100%;
    border-collapse: collapse;
}

    .bid-table tbody[b-1iihkz9w4l] {
        display: block;
        max-height: 100%;
        overflow-y: hidden;
    }

    .bid-table tr[b-1iihkz9w4l] {
        display: grid;
        grid-template-columns: 2fr 1fr 1fr;
        padding: 10px;
        border-bottom: 1px solid #eee;
    }

    .bid-table .bidder-name[b-1iihkz9w4l] {
        font-weight: bold;
        text-align: left;
    }

    .bid-table .bid-amount[b-1iihkz9w4l] {
        text-align: right;
        color: #27ae60;
        font-weight: bold;
    }

    .bid-table .bid-time[b-1iihkz9w4l] {
        text-align: right;
        color: #7f8c8d;
        font-size: 0.9rem;
    }

/* Other states */
.auction-time-remaining[b-1iihkz9w4l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.time-label[b-1iihkz9w4l] {
    font-weight: 500;
    color: #084298;
    font-size: 0.9rem;
}

.time-value[b-1iihkz9w4l] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #0d6efd;
    line-height: 1.2;
}

    .time-value.ending[b-1iihkz9w4l] {
        color: #dc3545;
        animation: pulse-b-1iihkz9w4l 2s infinite;
    }

.no-participants[b-1iihkz9w4l] {
    text-align: center;
    padding: 20px;
    color: #95a5a6;
    font-style: italic;
}

.participant-item[b-1iihkz9w4l] {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #eee;
}

.agent-name[b-1iihkz9w4l] {
    font-weight: 500;
}

.agent-rank[b-1iihkz9w4l] {
    color: #7f8c8d;
}

.auction-results[b-1iihkz9w4l] {
    margin-top: 20px;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #28a745;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

    .auction-results h3[b-1iihkz9w4l] {
        margin-bottom: 15px;
        color: #333;
    }

.winning-bid[b-1iihkz9w4l] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.winner-info[b-1iihkz9w4l],
.winner-bid[b-1iihkz9w4l] {
    display: flex;
    flex-direction: column;
}

.winner-label[b-1iihkz9w4l],
.winner-bid-label[b-1iihkz9w4l] {
    font-size: 0.9rem;
    color: #7f8c8d;
}

.winner-name[b-1iihkz9w4l],
.winner-bid-amount[b-1iihkz9w4l] {
    font-weight: 600;
    color: #28a745;
}

.connection-error[b-1iihkz9w4l] {
    margin-top: 15px;
    padding: 15px;
    background-color: #f8d7da;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.reconnect-btn[b-1iihkz9w4l] {
    background-color: #0d6efd;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 5px 15px;
    cursor: pointer;
    font-size: 0.9rem;
}

.pending-approval-message[b-1iihkz9w4l],
.upcoming-auction-message[b-1iihkz9w4l],
.cancelled-auction-message[b-1iihkz9w4l] {
    margin: 1.5rem;
    padding: 1rem;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pending-approval-message[b-1iihkz9w4l] {
    background-color: #fff3cd;
    color: #856404;
}

.custom-bid[b-1iihkz9w4l] {
    display: flex;
    width: 80%;
    gap: 0.5rem;
}

    .custom-bid input[b-1iihkz9w4l] {
        flex: 1;
        padding: 0.75rem;
        border: 1px solid #ccc;
        border-radius: 4px;
        font-size: 1rem;
    }

.bid-btn.custom[b-1iihkz9w4l] {
    width: auto;
    white-space: nowrap;
}

.info-icon[b-1iihkz9w4l],
.warning-icon[b-1iihkz9w4l] {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    flex-shrink: 0;
}

.scheduled-time-info[b-1iihkz9w4l] {
    margin-top: 10px;
    color: #6c757d;
}

.no-winner[b-1iihkz9w4l] {
    padding: 20px;
    text-align: center;
    color: #6c757d;
}
/* /Features/Faq/Components/List.razor.rz.scp.css */
.header[b-9ef4ysbbv4] {
    position: sticky;
    top: 0;
    background: white;
    padding: 4px 8px;
    z-index: 10;
    box-shadow: var(--shadow-sm);
}

.items .item[b-9ef4ysbbv4] {
    padding: 12px;
}

    .items .item:first-child[b-9ef4ysbbv4] {
        padding: 12px;
        padding-top: 0px;
    }

    .items .item:last-child[b-9ef4ysbbv4] {
        padding: 12px;
        padding-bottom: 0px;
    }

.item-question[b-9ef4ysbbv4] {
    padding: 10px 25px;
    border-radius: 3px 3px 0px 0px;
    background-color: var(--brand-light-grey);
    font-family: var(--font-primary);
    font-weight: 500;
}

.item-answer[b-9ef4ysbbv4] {
    padding: 10px 25px;
    border: solid 5px var(--brand-light-grey);
    border-radius: 0px 0px 3px 3px;
    font-family: var(--font-secondary);
    line-height: 1.6;
}
/* /Features/Faq/Components/Tabs.razor.rz.scp.css */
.content[b-ogyol3gy3y] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
}

.bottom-content[b-ogyol3gy3y] {
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
}

.bottom-content-text[b-ogyol3gy3y] {
    width: 100%;
    max-width: 1000px;
    text-align: center;
    padding: 0 var(--space-2);
}

@media screen and (max-width: 576px) {
    .bottom-content-text[b-ogyol3gy3y] {
        padding: 0 var(--space-3);
    }
    
    .content[b-ogyol3gy3y] {
        margin-top: 1rem;
        padding: 0 var(--space-2);
    }
    
    .faq-tabs[b-ogyol3gy3y] {
        width: 100%;
    }
    
    .tab-btn[b-ogyol3gy3y] {
        width: 150px;
        padding: 8px 12px;
        font-size: 1.4rem;
    }
    
    .tab-content[b-ogyol3gy3y] {
        border-radius: 0px 0px var(--border-radius-md) var(--border-radius-md);
    }
    
    .tab-content .scroll-container[b-ogyol3gy3y] {
        height: 400px;
    }
}

@media screen and (max-width: 768px) and (min-width: 577px) {
    .content[b-ogyol3gy3y] {
        padding: 0 var(--space-2);
    }
    
    .faq-tabs[b-ogyol3gy3y] {
        width: 100%;
        max-width: 700px;
    }
}

.faq-tabs[b-ogyol3gy3y] {
    width: 1000px;
    max-width: 100%;
    position: relative;
}

.tab-header[b-ogyol3gy3y] {
    position: absolute;
    width: 100%;
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
    display: flex;
    justify-content: center;
    gap: 5px;
}

.tab-btn[b-ogyol3gy3y] {
    border: solid 2px var(--brand-blue);
    border-bottom: 0px;
    padding: 10px 15px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    background-color: var(--brand-blue);
    border-radius: var(--border-radius-md) var(--border-radius-md) 0px 0px;
    display: inline;
    position: relative;
    color: white;
    width: 200px;
    font-weight: 500;
}

.active.tab-btn[b-ogyol3gy3y] {
    background-color: transparent;
    color: black;
}

.active.tab-btn[b-ogyol3gy3y]::after {
    content: '';
    height: 2px;
    width: 100%;
    background-color: white;
    position: absolute;
    bottom: -2px;
    left: 0;
}

.tab-content[b-ogyol3gy3y] {
    border: solid 2px var(--brand-blue);
    border-radius: var(--border-radius-md);
    padding: 2px;
}

    .tab-content .scroll-container[b-ogyol3gy3y] {
        height: 475px;
        margin: 0;
        overflow-y: auto;
    }

.new-page-link[b-ogyol3gy3y] {
    color: var(--brand-blue);
    text-decoration: none;
    cursor: pointer;
}
/* /Features/Home/Components/AgentBenefits.razor.rz.scp.css */
.background-wrap[b-jb83sh671r] {
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/images/AgentBenefitsHero.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: var(--space-content) 0;
}

.content[b-jb83sh671r] {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 2rem;
}

.cards[b-jb83sh671r] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 3rem;
    margin-top: 4rem;
}

.card[b-jb83sh671r] {
    background: linear-gradient(135deg, var(--brand-blue-600), var(--brand-blue-800));
    border-radius: var(--border-radius-lg);
    padding: 2rem 3rem;
    color: var(--brand-white);
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease;
}

    .card[b-jb83sh671r]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(45deg, transparent 45%, rgba(255, 255, 255, 0.1) 50%, transparent 55%);
        transform: translateX(-100%);
        transition: transform 0.6s ease;
    }

/* Apply hover effects only on devices that support hover */
@media (hover: hover) and (pointer: fine) {
    .card:hover[b-jb83sh671r] {
        transform: translateY(-10px);
    }

        .card:hover[b-jb83sh671r]::before {
            transform: translateX(100%);
        }
}

.card-text[b-jb83sh671r] {
    position: relative;
    z-index: 1;
}

.card h3[b-jb83sh671r] {
    font-size: 3.2rem;
    font-weight: 600;
    margin-bottom: 2rem;
    font-family: var(--font-primary);
    background: linear-gradient(to right, var(--brand-white), var(--brand-blue-200));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.2;
}

.card p[b-jb83sh671r] {
    font-size: 2rem;
    line-height: 1.5;
    color: var(--brand-blue-200);
    margin: 0;
}

@media screen and (max-width: 768px) {
    .background-wrap[b-jb83sh671r] {
        padding: 6rem 0;
    }

    .cards[b-jb83sh671r] {
        gap: 2rem;
        margin-top: 3rem;
    }

    .card[b-jb83sh671r] {
        padding: 3rem 2rem;
    }

        .card h3[b-jb83sh671r] {
            font-size: 2.8rem;
        }

        .card p[b-jb83sh671r] {
            font-size: 1.8rem;
        }
}

.card-img[b-jb83sh671r] {
    height: auto;
    max-height: 200px;
    margin-bottom: 1rem;
}

.img-1[b-jb83sh671r] {
    background-image: url(/images/HowItWorks1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
/* /Features/Home/Components/HeroBanner.razor.rz.scp.css */
.hero-banner[b-0a2gh3lt8y] {
    position: relative;
}

.hero-banner-content[b-0a2gh3lt8y] {
    position: relative;
    z-index: 10;
    min-height: calc(93vh - (2 * var(--nav-height)));
    padding: 8rem 0;
    display: flex;
    flex-direction: column;
    gap: 3rem;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}

    .hero-banner-content h1[b-0a2gh3lt8y] {
        text-shadow: var(--shadow-sm);
        line-height: 1.6;
    }

.hero-banner-background[b-0a2gh3lt8y] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

    .hero-banner-background video[b-0a2gh3lt8y] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        overflow: hidden;
    }

.hero-banner-content[b-0a2gh3lt8y] {
    position: relative;
    z-index: 10;
    min-height: calc(93vh - (2 * var(--nav-height)));
    padding: 8rem 0;
    display: flex;
    flex-direction: column;
    gap: 3rem;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}

    .hero-banner-content h1[b-0a2gh3lt8y] {
        text-shadow: var(--shadow-sm);
        line-height: 1.6;
    }

.hero-banner-background[b-0a2gh3lt8y] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

    .hero-banner-background video[b-0a2gh3lt8y] {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        transform: translate(-50%, -50%);
        object-fit: cover;
    }

.authorize-net-container[b-0a2gh3lt8y] {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 72px;
    z-index: 20; /* Ensure it's above other content */
}

.auth-net-img[b-0a2gh3lt8y] {
    display: inline-block;
    opacity: 0.4;
}

@media only screen and (max-width: 768px) {
    .hero-banner-content[b-0a2gh3lt8y] {
        min-height: calc(40vh - (2 * var(--nav-height)));
        padding: 4rem 1.5rem 4rem 1.5rem; /* Reduced padding for mobile */
        gap: 1.5rem; /* Smaller gap between elements */
    }

    /* For mobile specifically, ensure full coverage */
    .hero-banner-background video[b-0a2gh3lt8y] {
        width: auto;
        height: 100%;
        min-width: 100%;
        min-height: 100%;
    }

    /* Mobile-specific positioning for the seal */
    .authorize-net-container[b-0a2gh3lt8y] {
        position: relative; /* Change to relative on mobile */
        bottom: auto;
        margin-top: 1rem; /* Add some space above */
        min-height: 60px; /* Slightly smaller height */
    }

    .auth-net-img[b-0a2gh3lt8y] {
        transform: scale(0.9); /* Slightly smaller image */
        height: 50px;
    }

    .text-h3[b-0a2gh3lt8y] {
        font-size: 2.5rem;
    }
}
/* /Features/Home/Components/HomeownerBenefits.razor.rz.scp.css */
.background-wrap[b-ae3ny7s1nb] {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/BenefitsHero.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: var(--space-content) 0;
}

.content[b-ae3ny7s1nb] {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 2rem;
}

.benefits[b-ae3ny7s1nb] {
    background: rgba(255, 255, 255, 0.7);
    border-radius: var(--border-radius-lg);
    border: 2px solid var(--brand-blue);
    padding: 3rem 4rem;
    position: relative;
    box-shadow: var(--shadow-lg);
    max-width: 800px;
    margin: 3rem auto;
}

.benefit[b-ae3ny7s1nb] {
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 2rem;
    padding: 1.5rem 0;
    border-bottom: 1px solid var(--brand-blue-200);
    transition: transform 0.2s ease;
}

    .benefit:hover[b-ae3ny7s1nb] {
        transform: translateX(10px);
    }

    .benefit:last-child[b-ae3ny7s1nb] {
        border-bottom: none;
    }

    .benefit svg[b-ae3ny7s1nb] {
        width: 60px;
        height: 60px;
        fill: var(--brand-blue);
    }

    .benefit h3[b-ae3ny7s1nb] {
        color: var(--grey-700);
        font-size: 2rem;
        font-weight: 600;
        margin-bottom: 0.5rem;
        font-family: var(--font-primary);
    }

    .benefit p[b-ae3ny7s1nb] {
        color: var(--accent-grey-cool);
        font-size: 1.6rem;
        line-height: 1.4;
        margin: 0;
    }

@media screen and (max-width: 768px) {
    .benefits[b-ae3ny7s1nb] {
        padding: 2rem;
        margin: 2rem 1rem;
    }

    .benefit[b-ae3ny7s1nb] {
        grid-template-columns: 40px 1fr;
        gap: 1.5rem;
    }

        .benefit svg[b-ae3ny7s1nb] {
            width: 40px;
            height: 40px;
        }

        .benefit h3[b-ae3ny7s1nb] {
            font-size: 1.8rem;
        }

        .benefit p[b-ae3ny7s1nb] {
            font-size: 1.4rem;
        }
}
/* /Features/Home/Components/HowItWorks.razor.rz.scp.css */
.content[b-8uezb31wzp] {
    max-width: 1300px;
    margin: 0 auto;
    padding-bottom: var(--space-content);
    padding: 10rem 0;
    padding-top: 0rem;
}

    .content h1[b-8uezb31wzp] {
        color: var(--brand-dark-grey);
        padding: 2rem 8rem;
    }

.cards[b-8uezb31wzp] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-5);
    padding: 0 var(--space-4);
    max-width: 1200px;
    margin: 0 auto;
}

.card[b-8uezb31wzp] {
    border-radius: var(--border-radius-lg);
    box-shadow: var(--shadow-md);
    padding: var(--space-5);
    background: var(--brand-white);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .card:hover[b-8uezb31wzp] {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px var(--brand-blue-300);
    }

.card-img[b-8uezb31wzp] {
    width: 120px;
    height: 120px;
    margin-bottom: var(--space-4);
}

.img-1[b-8uezb31wzp] {
    background-image: url('/images/HowItWorks1.png');
}

.img-2[b-8uezb31wzp] {
    background-image: url('/images/HowItWorks2.png');
}

.img-3[b-8uezb31wzp] {
    background-image: url('/images/HowItWorks3.png');
}

.img-4[b-8uezb31wzp] {
    background-image: url('/images/HowItWorks4.png');
}

.img-1[b-8uezb31wzp],
.img-2[b-8uezb31wzp],
.img-3[b-8uezb31wzp],
.img-4[b-8uezb31wzp] {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.card-text[b-8uezb31wzp] {
    text-align: center;
    width: 100%;
}

.card h3[b-8uezb31wzp] {
    color: var(--brand-blue);
    margin-bottom: var(--space-4);
}

.card p[b-8uezb31wzp] {
    line-height: 1.5;
    color: var(--text-secondary);
    margin-bottom: var(--space-2);
}

@media screen and (min-width: 1200px) {
    .cards[b-8uezb31wzp] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (max-width: 768px) {
    .content[b-8uezb31wzp] {
        padding: var(--space-5) var(--space-3);
        padding-bottom: var(--space-6);
        margin-bottom: var(--space-6);
    }

        .content h1[b-8uezb31wzp] {
            margin-bottom: var(--space-5);
        }
}
/* /Features/Home/Components/LogoBanner.razor.rz.scp.css */
.logo-banner[b-9qhr6o1623] {
    width: 100%;
    min-height: 10vh;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.logo[b-9qhr6o1623] {
    background-image: url(/images/Logo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 120px;
    min-height: 10vh;
}
/* /Features/Home/Components/SuccessStories.razor.rz.scp.css */
.success-background[b-ilfhuskilg] {
    background: var(--brand-blue);
    padding: var(--space-content) 0;
}

.success-content[b-ilfhuskilg] {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    color: var(--brand-white);
    padding: var(--space-4);
}

.carousel-container[b-ilfhuskilg] {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: var(--space-4);
    padding: 0 var(--space-2);
    overflow: hidden;
}

.carousel-wrapper[b-ilfhuskilg] {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-items: center;
    gap: 2rem;
}

.carousel-track[b-ilfhuskilg] {
    display: flex;
    overflow: hidden;
    gap: var(--space-4);
    align-items: center;
    justify-content: center;
}

    .carousel-track:hover[b-ilfhuskilg] {
        animation-play-state: paused;
    }

.card[b-ilfhuskilg] {
    display: flex;
    width: 100%;
    height: auto;
    min-height: 30rem;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-color: var(--brand-white);
    color: var(--text-primary);
    box-shadow: var(--shadow-md);
    position: relative;
    border: none;
    border-radius: 12px;
    padding: 2rem 1.6rem;
    margin-top: 60px;
}

.card-img[b-ilfhuskilg] {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    border: 5px solid var(--brand-blue);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

    .card-img img[b-ilfhuskilg] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.carousel-controls[b-ilfhuskilg] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel-arrow-btn[b-ilfhuskilg] {
    border: none;
    background-color: transparent;
    color: white;
    margin: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    padding: 0;
}

    .carousel-arrow-btn:hover[b-ilfhuskilg] {
        background-color: rgba(255, 255, 255, 0.2);
    }

.carousel-arrow[b-ilfhuskilg] {
    width: 3rem;
    height: 3rem;
    fill: var(--brand-white);
}

.quote[b-ilfhuskilg] {
    height: 24px;
    width: 24px;
    fill: var(--brand-blue);
    vertical-align: middle;
}

.quote-open[b-ilfhuskilg] {
    margin-right: 0.5rem;
    transform: translateY(-8px);
}

.quote-close[b-ilfhuskilg] {
    margin-left: 0.5rem;
    transform: translateY(8px);
    margin-bottom: 8px;
}

.stars-container[b-ilfhuskilg] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin: 1rem 0;
    width: 100%;
}

.star[b-ilfhuskilg] {
    width: 25px;
    height: 25px;
    fill: var(--brand-blue-500);
    filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.3));
}

.divider[b-ilfhuskilg] {
    width: 80%;
    height: 1px;
    background-color: var(--grey-300);
    margin: 0.5rem 0 1rem 0;
}

.card-text[b-ilfhuskilg] {
    padding-top: 60px;
    padding-bottom: 1rem;
    margin-left: 0;
    margin-right: 0;
    line-height: 1.6;
    text-align: center;
    flex-grow: 1;
    display: flex;
    align-items: center;
}

    .card-text p[b-ilfhuskilg] {
        max-width: 90%;
        margin: 0 auto;
    }

.card-user[b-ilfhuskilg] {
    width: 100%;
    text-align: center;
    padding: 0.5rem 0;
}

.user-name[b-ilfhuskilg] {
    font-size: 2rem;
    margin-bottom: 0.3rem;
    font-weight: 600;
    color: var(--brand-blue);
}

.user-location[b-ilfhuskilg] {
    margin: 0;
    color: var(--text-secondary);
}

/* Mobile Responsive Styles */
@media (max-width: 768px) {
    .success-content[b-ilfhuskilg] {
        padding: var(--space-3) var(--space-2);
    }

    .card[b-ilfhuskilg] {
        min-height: auto;
        padding: 1.6rem 1rem;
    }

    .stars-container[b-ilfhuskilg] {
        gap: 2px;
    }

    .star[b-ilfhuskilg] {
        width: 20px;
        height: 20px;
    }

    .quote[b-ilfhuskilg] {
        height: 20px;
        width: 20px;
    }

    .user-name[b-ilfhuskilg] {
        font-size: 1.8rem;
    }
}

@media (max-width: 576px) {
    .carousel-wrapper[b-ilfhuskilg] {
        gap: 0.5rem;
    }

    .card[b-ilfhuskilg] {
        margin-top: 50px;
        padding: 1.5rem 1rem 1rem;
    }

    .card-img[b-ilfhuskilg] {
        width: 100px;
        height: 100px;
    }

    .stars-container[b-ilfhuskilg] {
        gap: 2px;
        margin: 0.5rem 0;
    }

    .star[b-ilfhuskilg] {
        width: 18px;
        height: 18px;
    }

    .divider[b-ilfhuskilg] {
        margin: 0.3rem 0 0.5rem 0;
    }

    .user-name[b-ilfhuskilg] {
        font-size: 1.6rem;
    }

    .user-location[b-ilfhuskilg] {
        font-size: 1.2rem;
    }
}

@media (max-width: 480px) {
    .card[b-ilfhuskilg] {
        min-width: 100%;
        width: 100%;
        margin-top: 40px;
    }

    .card-img[b-ilfhuskilg] {
        width: 80px;
        height: 80px;
        border-width: 3px;
    }

    .card-text[b-ilfhuskilg] {
        padding-top: 35px;
    }

        .card-text p[b-ilfhuskilg] {
            max-width: 100%;
            margin: 0 auto;
        }

    .quote[b-ilfhuskilg] {
        height: 16px;
        width: 16px;
    }

    .carousel-arrow[b-ilfhuskilg] {
        width: 2.5rem;
        height: 2.5rem;
    }

    .carousel-arrow-btn[b-ilfhuskilg] {
        width: 4rem;
        height: 4rem;
    }
}
/* /Features/Home/Components/WhyUse.razor.rz.scp.css */
.content[b-iz8g092jtd] {
    padding: var(--space-content) 0;
    padding-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-5);
    background: var(--gradient-blue-vertical);
}

.video-container[b-iz8g092jtd] {
    width: 100%;
    max-width: 1200px;
    padding: 0 var(--space-4);
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-wrapper[b-iz8g092jtd] {
    position: relative;
    width: 100%;
    max-width: 960px;
    border-radius: var(--border-radius-lg);
    box-shadow: var(--shadow-lg);
    overflow: hidden; /* Ensures the border-radius clips the iframe */
}

    /* Style for the iframe */
    .video-wrapper iframe[b-iz8g092jtd] {
        border: none;
        display: block; /* Removes bottom margin/whitespace */
    }

    /* Apply styles to the container with aspect ratio */
    .video-wrapper > div[b-iz8g092jtd] {
        border-radius: var(--border-radius-lg);
        overflow: hidden;
        cursor: pointer;
    }

.play-button[b-iz8g092jtd] {
    width: 6rem;
    height: 6rem;
    background: var(--brand-blue);
    border-radius: 50%;
    border: 2px solid var(--brand-white); /* Added white border */
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--shadow-md);
    z-index: 11;
    pointer-events: auto;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateZ(0);
}

/* Only apply hover effects on non-touch devices */
@media (hover: hover) and (pointer: fine) {
    .play-button:hover[b-iz8g092jtd] {
        transform: scale(1.15);
        background: rgba(0, 75, 187, 0.2); /* Semi-transparent brand-blue */
        box-shadow: var(--shadow-lg);
        border: 2px solid var(--brand-white); /* Ensure border stays visible on hover */
    }

    .play-overlay:hover[b-iz8g092jtd] {
        background-color: rgba(0, 0, 0, 0.2); /* Keep transparency consistent */
    }
}

.play-overlay[b-iz8g092jtd] {
    position: absolute;
    left: 0;
    right: 0;
    /* Position the stripe in the middle third of the video */
    top: 33.333%;
    height: 33.333%; /* Makes the overlay exactly 1/3 of the video height */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.2);
    /* Keep border radius only on the sides */
    border-radius: 0;
    transition: background-color 0.3s ease;
}

.play-icon[b-iz8g092jtd] {
    width: 4rem;
    height: 4rem;
    fill: var(--brand-white);
    transform: translateX(5%);
    transition: transform 0.3s ease;
}

@media screen and (max-width: 768px) {
    .content[b-iz8g092jtd] {
        padding: var(--space-5) 0;
        gap: var(--space-4);
    }

    .video-container[b-iz8g092jtd] {
        padding: 0 var(--space-3);
    }

    .play-button[b-iz8g092jtd] {
        width: var(--space-10);
        height: var(--space-10);
    }

    .play-icon[b-iz8g092jtd] {
        width: var(--space-6);
        height: var(--space-6);
    }
}
/* /Features/PrivacyPolicy/PrivacyPolicy.razor.rz.scp.css */
.terms-conditions-content[b-m9g0rjis9r] {
    padding: var(--space-4);
    font-family: var(--font-secondary);
    line-height: 1.6;
    color: var(--text-primary);
    font-size: 1.6rem;
}

    .terms-conditions-content h4[b-m9g0rjis9r] {
        font-family: var(--font-primary);
        color: var(--brand-blue-700);
        margin-top: var(--space-5);
        margin-bottom: var(--space-3);
        font-size: 2.2rem;
        border-bottom: 1px solid var(--grey-200);
        padding-bottom: var(--space-2);
        font-weight: 500;
    }

        .terms-conditions-content h4:first-child[b-m9g0rjis9r] {
            margin-top: 0;
        }

    .terms-conditions-content p[b-m9g0rjis9r] {
        margin-bottom: var(--space-3);
        text-align: justify;
    }

    /* List styling improvements */
    .terms-conditions-content ul[b-m9g0rjis9r],
    .terms-conditions-content ol[b-m9g0rjis9r] {
        margin-left: var(--space-4);
        margin-bottom: var(--space-3);
        padding-left: var(--space-4);
    }

    .terms-conditions-content li[b-m9g0rjis9r] {
        margin-bottom: var(--space-2);
        position: relative;
        padding-left: var(--space-1);
    }

    .terms-conditions-content ul[b-m9g0rjis9r] {
        list-style-type: disc;
        list-style-position: outside;
    }

    .terms-conditions-content ol[b-m9g0rjis9r] {
        list-style-type: decimal;
        list-style-position: outside;
    }

        /* For nested lists */
        .terms-conditions-content ul ul[b-m9g0rjis9r],
        .terms-conditions-content ol ol[b-m9g0rjis9r],
        .terms-conditions-content ul ol[b-m9g0rjis9r],
        .terms-conditions-content ol ul[b-m9g0rjis9r] {
            margin-top: var(--space-2);
            margin-bottom: 0;
        }

    .terms-conditions-content strong[b-m9g0rjis9r] {
        color: var(--brand-blue-800);
        font-weight: 600;
    }

    .terms-conditions-content a.blue-text[b-m9g0rjis9r] {
        color: var(--brand-blue);
        text-decoration: none;
        transition: var(--input-transition);
        border-bottom: 1px dotted var(--brand-blue-300);
    }

        .terms-conditions-content a.blue-text:hover[b-m9g0rjis9r] {
            color: var(--brand-blue-700);
            border-bottom: 1px solid var(--brand-blue-700);
        }

.highlighted-section[b-m9g0rjis9r] {
    background-color: var(--brand-blue-100);
    padding: var(--space-3);
    margin: var(--space-3) 0;
    border-radius: var(--border-radius-md);
    border-left: 3px solid var(--brand-blue-500);
}

@media screen and (max-width: 768px) {
    .terms-conditions-content[b-m9g0rjis9r] {
        font-size: 1.4rem;
    }

        .terms-conditions-content h4[b-m9g0rjis9r] {
            font-size: 1.8rem;
        }
}
/* /Features/TermsAndConditions/TermsAndConditionsPage.razor.rz.scp.css */
.terms-conditions-content[b-iz78zl0q92] {
    padding: var(--space-4);
    font-family: var(--font-secondary);
    line-height: 1.6;
    color: var(--text-primary);
    font-size: 1.6rem;
}

    .terms-conditions-content h4[b-iz78zl0q92] {
        font-family: var(--font-primary);
        color: var(--brand-blue-700);
        margin-top: var(--space-5);
        margin-bottom: var(--space-3);
        font-size: 2.2rem;
        border-bottom: 1px solid var(--grey-200);
        padding-bottom: var(--space-2);
        font-weight: 500;
    }

        .terms-conditions-content h4:first-child[b-iz78zl0q92] {
            margin-top: 0;
        }

    .terms-conditions-content p[b-iz78zl0q92] {
        margin-bottom: var(--space-3);
        text-align: justify;
    }

    /* List styling improvements */
    .terms-conditions-content ul[b-iz78zl0q92],
    .terms-conditions-content ol[b-iz78zl0q92] {
        margin-left: var(--space-4);
        margin-bottom: var(--space-3);
        padding-left: var(--space-4);
    }

    .terms-conditions-content li[b-iz78zl0q92] {
        margin-bottom: var(--space-2);
        position: relative;
        padding-left: var(--space-1);
    }

    .terms-conditions-content ul[b-iz78zl0q92] {
        list-style-type: disc;
        list-style-position: outside;
    }

    .terms-conditions-content ol[b-iz78zl0q92] {
        list-style-type: decimal;
        list-style-position: outside;
    }

        /* For nested lists */
        .terms-conditions-content ul ul[b-iz78zl0q92],
        .terms-conditions-content ol ol[b-iz78zl0q92],
        .terms-conditions-content ul ol[b-iz78zl0q92],
        .terms-conditions-content ol ul[b-iz78zl0q92] {
            margin-top: var(--space-2);
            margin-bottom: 0;
        }

    .terms-conditions-content strong[b-iz78zl0q92] {
        color: var(--brand-blue-800);
        font-weight: 600;
    }

    .terms-conditions-content a.blue-text[b-iz78zl0q92] {
        color: var(--brand-blue);
        text-decoration: none;
        transition: var(--input-transition);
        border-bottom: 1px dotted var(--brand-blue-300);
    }

        .terms-conditions-content a.blue-text:hover[b-iz78zl0q92] {
            color: var(--brand-blue-700);
            border-bottom: 1px solid var(--brand-blue-700);
        }

.highlighted-section[b-iz78zl0q92] {
    background-color: var(--brand-blue-100);
    padding: var(--space-3);
    margin: var(--space-3) 0;
    border-radius: var(--border-radius-md);
    border-left: 3px solid var(--brand-blue-500);
}

@media screen and (max-width: 768px) {
    .terms-conditions-content[b-iz78zl0q92] {
        font-size: 1.4rem;
    }

        .terms-conditions-content h4[b-iz78zl0q92] {
            font-size: 1.8rem;
        }
}