@import '_content/Listico.UI/Listico.UI.qi45b0qk58.bundle.scp.css';

/* _content/Listico.Web/Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-tub2d9z53a] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-tub2d9z53a] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/Listico.Web/Components/Layout/NavMenu.razor.rz.scp.css */
/* NavMenu - unused, all pages use specific layouts */
/* _content/Listico.Web/Components/Pages/Admin/ActivityLogs.razor.rz.scp.css */
    .logs-page[b-6stdvjwvsw] {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .stats-row[b-6stdvjwvsw] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .stat-card[b-6stdvjwvsw] {
        background: var(--color-bg-card);
        border-radius: var(--radius-lg);
        padding: 20px 24px;
    }

    .stat-label[b-6stdvjwvsw] {
        display: block;
        font-size: 14px;
        color: var(--color-text-secondary);
        margin-bottom: 8px;
    }

    .stat-value[b-6stdvjwvsw] {
        display: block;
        font-size: 28px;
        font-weight: 700;
        color: var(--color-text-primary);
    }

    .table-header[b-6stdvjwvsw] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    .table-title[b-6stdvjwvsw] {
        font-size: 18px;
        font-weight: 600;
        color: var(--color-text-primary);
        margin: 0;
    }

    .table-actions[b-6stdvjwvsw] {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .btn-icon[b-6stdvjwvsw] {
        width: 40px;
        height: 40px;
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        background: var(--color-bg-card);
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--color-text-secondary);
    }

    .btn-icon:disabled[b-6stdvjwvsw] {
        opacity: 0.5;
        cursor: not-allowed;
    }

    .btn-icon svg[b-6stdvjwvsw] {
        width: 18px;
        height: 18px;
    }

    .btn-outline[b-6stdvjwvsw] {
        padding: 10px 20px;
        background: transparent;
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        font-size: 14px;
        color: var(--color-text-secondary);
        cursor: pointer;
    }

    .btn-outline:hover[b-6stdvjwvsw] {
        border-color: var(--color-primary);
        color: var(--color-primary);
    }

    .table-search-row[b-6stdvjwvsw] {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 12px;
        margin-bottom: 20px;
    }

    .table-search[b-6stdvjwvsw] {
        position: relative;
        width: 280px;
    }

    .table-search svg[b-6stdvjwvsw] {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        width: 18px;
        height: 18px;
        color: var(--color-text-muted);
    }

    .table-search input[b-6stdvjwvsw] {
        width: 100%;
        padding: 10px 12px 10px 40px;
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        font-size: 14px;
        background: var(--color-bg-page);
    }

    .table-search input:focus[b-6stdvjwvsw] {
        outline: none;
        border-color: var(--color-primary);
        background: var(--color-bg-card);
    }

    .btn-secondary[b-6stdvjwvsw] {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 16px;
        background: var(--color-bg-card);
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        font-size: 14px;
        color: var(--color-text-secondary);
        cursor: pointer;
    }

    .btn-secondary:hover[b-6stdvjwvsw] {
        border-color: var(--color-primary);
        color: var(--color-primary);
    }

    .btn-secondary svg[b-6stdvjwvsw] {
        width: 16px;
        height: 16px;
    }

    .checkbox-col[b-6stdvjwvsw] {
        width: 40px;
        text-align: center;
    }

    .checkbox-col input[b-6stdvjwvsw] {
        width: 18px;
        height: 18px;
        cursor: pointer;
        accent-color: var(--color-primary);
    }

    .user-cell[b-6stdvjwvsw] {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .user-cell-avatar[b-6stdvjwvsw] {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        overflow: hidden;
    }

    .user-cell-avatar img[b-6stdvjwvsw] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .user-cell-name[b-6stdvjwvsw] {
        font-weight: 500;
    }

    .log-type[b-6stdvjwvsw] {
        color: #2563EB;
        font-size: 14px;
    }

    .result-badge[b-6stdvjwvsw] {
        display: inline-block;
        padding: 4px 12px;
        border-radius: 20px;
        font-size: 12px;
        font-weight: 500;
    }

    .result-badge.success[b-6stdvjwvsw] {
        background-color: #DCFCE7;
        color: #16A34A;
    }

    .result-badge.failure[b-6stdvjwvsw] {
        background-color: #FEE2E2;
        color: #DC2626;
    }

    .pagination[b-6stdvjwvsw] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid var(--color-border-light);
    }

    .page-btn[b-6stdvjwvsw] {
        width: 36px;
        height: 36px;
        border: none;
        background: transparent;
        cursor: pointer;
        color: var(--color-text-secondary);
        font-size: 14px;
        border-radius: var(--radius-sm);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .page-btn:hover:not(:disabled)[b-6stdvjwvsw] {
        background-color: var(--color-bg-page);
    }

    .page-btn.active[b-6stdvjwvsw] {
        background-color: var(--color-primary);
        color: white;
    }

    .page-btn:disabled[b-6stdvjwvsw] {
        opacity: 0.5;
        cursor: not-allowed;
    }

    .page-btn svg[b-6stdvjwvsw] {
        width: 16px;
        height: 16px;
    }

    .page-ellipsis[b-6stdvjwvsw] {
        color: var(--color-text-muted);
    }

    .page-total[b-6stdvjwvsw] {
        color: var(--color-text-secondary);
        font-size: 14px;
    }

    /* Modal */
    .form-group[b-6stdvjwvsw] {
        margin-bottom: 16px;
    }

    .form-group label[b-6stdvjwvsw] {
        display: block;
        font-size: 14px;
        font-weight: 500;
        color: var(--color-text-primary);
        margin-bottom: 8px;
    }

    .form-group select[b-6stdvjwvsw],
    .form-group input[b-6stdvjwvsw] {
        width: 100%;
        padding: 12px 16px;
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        font-size: 14px;
        color: var(--color-text-primary);
        background: var(--color-bg-card);
    }

    .date-range[b-6stdvjwvsw] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

    .modal-actions[b-6stdvjwvsw] {
        display: flex;
        gap: 12px;
        margin-top: 24px;
    }

    .modal-actions .btn[b-6stdvjwvsw] {
        flex: 1;
        justify-content: center;
    }

    .btn-primary[b-6stdvjwvsw] {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 12px 24px;
        background-color: var(--color-secondary);
        color: white;
        border: none;
        border-radius: var(--radius-md);
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
    }

    .loading-state[b-6stdvjwvsw] {
        padding: 60px 20px;
        text-align: center;
        color: var(--color-text-muted);
    }

    .spinner[b-6stdvjwvsw] {
        width: 48px;
        height: 48px;
        border: 3px solid var(--color-border);
        border-top-color: var(--color-primary);
        border-radius: 50%;
        animation: spin-b-6stdvjwvsw 1s linear infinite;
        margin: 0 auto 16px;
    }

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

    /* Mobile accordion cards - hidden on desktop */
    .mobile-accordion-list[b-6stdvjwvsw] {
        display: none;
        flex-direction: column;
        gap: 8px;
    }

    .accordion-card[b-6stdvjwvsw] {
        background: var(--color-bg-card);
        border: 1px solid var(--color-border-light);
        border-radius: var(--radius-md);
        cursor: pointer;
        transition: box-shadow 0.2s;
    }

    .accordion-card:hover[b-6stdvjwvsw] {
        box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    }

    .accordion-card.expanded[b-6stdvjwvsw] {
        border-color: var(--color-primary);
    }

    .accordion-header[b-6stdvjwvsw] {
        padding: 14px 16px;
        position: relative;
    }

    .accordion-summary[b-6stdvjwvsw] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 4px;
        padding-right: 24px;
    }

    .accordion-title[b-6stdvjwvsw] {
        font-size: 14px;
        font-weight: 500;
        color: var(--color-text-primary);
    }

    .accordion-meta[b-6stdvjwvsw] {
        display: flex;
        gap: 12px;
        font-size: 12px;
        color: var(--color-text-muted);
        padding-right: 24px;
    }

    .accordion-chevron[b-6stdvjwvsw] {
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        width: 16px;
        height: 16px;
        color: var(--color-text-muted);
        transition: transform 0.2s;
    }

    .accordion-card.expanded .accordion-chevron[b-6stdvjwvsw] {
        transform: translateY(-50%) rotate(180deg);
    }

    .accordion-body[b-6stdvjwvsw] {
        padding: 0 16px 14px;
        border-top: 1px solid var(--color-border-light);
        margin-top: 4px;
        padding-top: 12px;
    }

    .accordion-row[b-6stdvjwvsw] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 6px 0;
        font-size: 13px;
    }

    .accordion-label[b-6stdvjwvsw] {
        color: var(--color-text-muted);
        font-weight: 500;
    }

    @media (max-width: 768px) {
        .stats-row[b-6stdvjwvsw] {
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
        }

        .stat-card[b-6stdvjwvsw] {
            padding: 14px;
        }

        .stat-value[b-6stdvjwvsw] {
            font-size: 18px;
        }

        .table-card[b-6stdvjwvsw] {
            padding: 16px;
        }

        /* Hide desktop table, show accordion */
        .desktop-table[b-6stdvjwvsw] {
            display: none;
        }

        .mobile-accordion-list[b-6stdvjwvsw] {
            display: flex;
        }

        .table-header[b-6stdvjwvsw] {
            flex-direction: column;
            align-items: stretch;
            gap: 12px;
        }

        .table-search-row[b-6stdvjwvsw] {
            flex-direction: column;
            align-items: stretch;
        }

        .table-search[b-6stdvjwvsw] {
            width: 100%;
        }

        .modal-content[b-6stdvjwvsw] {
            max-width: 95vw;
            padding: 20px;
        }

        .date-range[b-6stdvjwvsw] {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 480px) {
        .stats-row[b-6stdvjwvsw] {
            grid-template-columns: 1fr;
        }
    }
/* _content/Listico.Web/Components/Pages/Admin/Agencies.razor.rz.scp.css */
    .agencies-page[b-482rmqehhc] {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .breadcrumb[b-482rmqehhc] {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 14px;
        color: var(--color-text-secondary);
        margin-bottom: 8px;
    }

    .breadcrumb-link[b-482rmqehhc] {
        color: var(--color-text-secondary);
        text-decoration: none;
        transition: color 0.2s;
    }

    .breadcrumb-link:hover[b-482rmqehhc] {
        color: var(--color-primary);
    }

    .breadcrumb svg[b-482rmqehhc] {
        width: 16px;
        height: 16px;
        color: var(--color-text-muted);
    }

    .breadcrumb-current[b-482rmqehhc] {
        color: var(--color-text-primary);
        font-weight: 500;
    }

    .page-header[b-482rmqehhc] {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .page-title[b-482rmqehhc] {
        font-size: 24px;
        font-weight: 600;
        color: var(--color-text-primary);
        margin: 0;
    }

    .header-actions[b-482rmqehhc] {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .btn-icon[b-482rmqehhc] {
        width: 40px;
        height: 40px;
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        background: var(--color-bg-card);
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--color-text-secondary);
    }

    .btn-icon:disabled[b-482rmqehhc] { opacity: 0.5; cursor: not-allowed; }
    .btn-icon svg[b-482rmqehhc] { width: 18px; height: 18px; }

    .btn-primary[b-482rmqehhc] {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 20px;
        background-color: var(--color-secondary);
        color: white;
        border: none;
        border-radius: var(--radius-md);
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
    }

    .btn-primary:hover[b-482rmqehhc] { background-color: var(--color-secondary-hover); }
    .btn-primary svg[b-482rmqehhc] { width: 16px; height: 16px; }

    .btn-secondary[b-482rmqehhc] {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 16px;
        background: var(--color-bg-card);
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        font-size: 14px;
        color: var(--color-text-secondary);
        cursor: pointer;
    }

    .btn-secondary:hover[b-482rmqehhc] { border-color: var(--color-primary); color: var(--color-primary); }
    .btn-secondary svg[b-482rmqehhc] { width: 16px; height: 16px; }

    .btn-danger[b-482rmqehhc] {
        background-color: #DC2626;
        color: white;
        border: none;
        padding: 10px 20px;
        border-radius: var(--radius-md);
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
    }

    .btn-danger:hover[b-482rmqehhc] { background-color: #B91C1C; }

    .table-card[b-482rmqehhc] {
        background: var(--color-bg-card);
        border-radius: var(--radius-lg);
        padding: 24px;
        border: 1px solid var(--color-border-light);
    }

    .table-header[b-482rmqehhc] {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 12px;
        margin-bottom: 20px;
    }

    .table-search[b-482rmqehhc] {
        position: relative;
        width: 280px;
    }

    .table-search svg[b-482rmqehhc] {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        width: 18px;
        height: 18px;
        color: var(--color-text-muted);
    }

    .table-search input[b-482rmqehhc] {
        width: 100%;
        padding: 10px 12px 10px 40px;
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        font-size: 14px;
        background: var(--color-bg-page);
    }

    .table-search input:focus[b-482rmqehhc] {
        outline: none;
        border-color: var(--color-primary);
        background: var(--color-bg-card);
    }

    .data-table[b-482rmqehhc] {
        width: 100%;
        border-collapse: collapse;
    }

    .data-table th[b-482rmqehhc] {
        text-align: left;
        padding: 12px 16px;
        font-size: 12px;
        font-weight: 600;
        color: var(--color-text-secondary);
        text-transform: uppercase;
        letter-spacing: 0.5px;
        border-bottom: 1px solid var(--color-border-light);
    }

    .data-table td[b-482rmqehhc] {
        padding: 16px;
        border-bottom: 1px solid var(--color-border-light);
        font-size: 14px;
        color: var(--color-text-primary);
    }

    .data-table tbody tr:hover[b-482rmqehhc] {
        background-color: var(--color-bg-page);
    }

    .data-table tbody tr.selected[b-482rmqehhc] {
        background-color: rgba(212, 160, 60, 0.05);
    }

    .checkbox-col[b-482rmqehhc] { width: 40px; text-align: center; }
    .checkbox-col input[b-482rmqehhc] { width: 18px; height: 18px; cursor: pointer; accent-color: var(--color-primary); }

    .agency-cell[b-482rmqehhc] {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .agency-icon[b-482rmqehhc] {
        width: 36px;
        height: 36px;
        background: #FEF3C7;
        border-radius: var(--radius-sm);
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--color-primary);
    }

    .agency-icon svg[b-482rmqehhc] { width: 20px; height: 20px; }
    .agency-name[b-482rmqehhc] { font-weight: 500; }

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

    .status-badge.active[b-482rmqehhc] { background-color: #DCFCE7; color: #16A34A; }
    .status-badge.inactive[b-482rmqehhc] { background-color: #FEE2E2; color: #DC2626; }

    .actions-cell[b-482rmqehhc] {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .btn-icon-action[b-482rmqehhc] {
        width: 32px;
        height: 32px;
        border: none;
        background: transparent;
        cursor: pointer;
        color: var(--color-text-muted);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: var(--radius-sm);
    }

    .btn-icon-action:hover[b-482rmqehhc] { background-color: var(--color-bg-page); color: var(--color-text-primary); }
    .btn-icon-action svg[b-482rmqehhc] { width: 16px; height: 16px; }

    .btn-icon-delete[b-482rmqehhc] {
        width: 32px;
        height: 32px;
        border: none;
        background: transparent;
        cursor: pointer;
        color: #DC2626;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: var(--radius-sm);
    }

    .btn-icon-delete:hover[b-482rmqehhc] { background-color: #FEE2E2; }
    .btn-icon-delete svg[b-482rmqehhc] { width: 16px; height: 16px; }

    .pagination[b-482rmqehhc] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid var(--color-border-light);
    }

    .page-btn[b-482rmqehhc] {
        width: 36px;
        height: 36px;
        border: none;
        background: transparent;
        cursor: pointer;
        color: var(--color-text-secondary);
        font-size: 14px;
        border-radius: var(--radius-sm);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .page-btn:hover:not(:disabled)[b-482rmqehhc] { background-color: var(--color-bg-page); }
    .page-btn.active[b-482rmqehhc] { background-color: var(--color-primary); color: white; }
    .page-btn:disabled[b-482rmqehhc] { opacity: 0.5; cursor: not-allowed; }
    .page-btn svg[b-482rmqehhc] { width: 16px; height: 16px; }

    .page-ellipsis[b-482rmqehhc] {
        color: var(--color-text-muted);
        padding: 0 4px;
    }

    .page-total[b-482rmqehhc] {
        color: var(--color-text-secondary);
        font-size: 14px;
    }

    .loading-state[b-482rmqehhc], .empty-state[b-482rmqehhc] {
        padding: 60px 20px;
        text-align: center;
        color: var(--color-text-muted);
    }

    .empty-state svg[b-482rmqehhc] {
        width: 80px;
        height: 80px;
        margin-bottom: 16px;
        color: var(--color-text-muted);
    }

    .spinner[b-482rmqehhc] {
        width: 48px;
        height: 48px;
        border: 3px solid var(--color-border);
        border-top-color: var(--color-primary);
        border-radius: 50%;
        animation: spin-b-482rmqehhc 1s linear infinite;
        margin: 0 auto 16px;
    }

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

    /* Modal */
    .modal-overlay[b-482rmqehhc] {
        position: fixed;
        inset: 0;
        background-color: rgba(0, 0, 0, 0.5);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1000;
        animation: fadeIn-b-482rmqehhc 0.2s ease;
    }

    .modal-content[b-482rmqehhc] {
        background: var(--color-bg-card);
        border-radius: var(--radius-lg);
        padding: 32px;
        max-width: 500px;
        width: 90%;
        position: relative;
        box-shadow: var(--shadow-lg);
        animation: slideUp-b-482rmqehhc 0.3s ease;
    }

    .modal-close[b-482rmqehhc] {
        position: absolute;
        top: 16px;
        right: 16px;
        width: 32px;
        height: 32px;
        border: none;
        background: transparent;
        cursor: pointer;
        color: var(--color-text-muted);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: var(--radius-sm);
    }

    .modal-close:hover[b-482rmqehhc] {
        background-color: var(--color-bg-page);
    }

    .modal-close svg[b-482rmqehhc] {
        width: 20px;
        height: 20px;
    }

    .modal-title[b-482rmqehhc] {
        font-size: 20px;
        font-weight: 600;
        color: var(--color-text-primary);
        margin: 0 0 24px 0;
    }

    .modal-message[b-482rmqehhc] {
        font-size: 14px;
        color: var(--color-text-secondary);
        line-height: 1.6;
        margin-bottom: 24px;
    }

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

    .form-group label[b-482rmqehhc] {
        display: block;
        font-size: 14px;
        font-weight: 500;
        color: var(--color-text-primary);
        margin-bottom: 8px;
    }

    .form-group select[b-482rmqehhc] {
        width: 100%;
        padding: 12px 16px;
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        font-size: 14px;
        color: var(--color-text-primary);
        background: var(--color-bg-card);
    }

    .form-group select:focus[b-482rmqehhc] {
        outline: none;
        border-color: var(--color-primary);
    }

    .modal-actions[b-482rmqehhc] {
        display: flex;
        gap: 12px;
        margin-top: 24px;
    }

    .modal-actions .btn[b-482rmqehhc] {
        flex: 1;
        justify-content: center;
    }

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

    @keyframes slideUp-b-482rmqehhc {
        from {
            opacity: 0;
            transform: translateY(20px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
/* _content/Listico.Web/Components/Pages/Admin/AgencyAssign.razor.rz.scp.css */
    .agencies-page[b-6gx5bmvwra] {
        padding: 24px;
        max-width: 1400px;
        margin: 0 auto;
    }

    .page-breadcrumb[b-6gx5bmvwra] {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 20px;
        font-size: 14px;
    }

    .page-breadcrumb a[b-6gx5bmvwra] {
        color: #2563EB;
        text-decoration: none;
    }

    .page-breadcrumb a:hover[b-6gx5bmvwra] {
        text-decoration: underline;
    }

    .page-breadcrumb .separator[b-6gx5bmvwra] {
        color: #9CA3AF;
    }

    .page-breadcrumb .current[b-6gx5bmvwra] {
        color: #6B7280;
    }

    .page-header[b-6gx5bmvwra] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 24px;
    }

    .page-header h1[b-6gx5bmvwra] {
        font-size: 28px;
        font-weight: 600;
        color: #111827;
        margin: 0;
    }

    .header-actions[b-6gx5bmvwra] {
        display: flex;
        gap: 12px;
    }

    .btn[b-6gx5bmvwra] {
        padding: 10px 20px;
        border-radius: 8px;
        border: none;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.2s;
        display: inline-flex;
        align-items: center;
        gap: 8px;
    }

    .btn-primary[b-6gx5bmvwra] {
        background: #2563EB;
        color: white;
    }

    .btn-primary:hover[b-6gx5bmvwra] {
        background: #1D4ED8;
    }

    .btn-primary:disabled[b-6gx5bmvwra] {
        background: #93C5FD;
        cursor: not-allowed;
    }

    .btn-secondary[b-6gx5bmvwra] {
        background: #F3F4F6;
        color: #374151;
    }

    .btn-secondary:hover[b-6gx5bmvwra] {
        background: #E5E7EB;
    }

    .empty-state-card[b-6gx5bmvwra] {
        background: white;
        border-radius: 12px;
        padding: 80px 40px;
        text-align: center;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }

    .empty-illustration[b-6gx5bmvwra] {
        width: 120px;
        height: 120px;
        margin: 0 auto 24px;
    }

    .empty-illustration svg[b-6gx5bmvwra] {
        width: 100%;
        height: 100%;
    }

    .empty-state-card p[b-6gx5bmvwra] {
        font-size: 16px;
        color: #6B7280;
        margin: 0;
    }

    .table-card[b-6gx5bmvwra] {
        background: white;
        border-radius: 12px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        overflow: hidden;
    }

    .data-table[b-6gx5bmvwra] {
        overflow-x: auto;
    }

    .data-table table[b-6gx5bmvwra] {
        width: 100%;
        border-collapse: collapse;
    }

    .data-table thead[b-6gx5bmvwra] {
        background: #F9FAFB;
        border-bottom: 1px solid #E5E7EB;
    }

    .data-table th[b-6gx5bmvwra] {
        padding: 12px 16px;
        text-align: left;
        font-size: 12px;
        font-weight: 600;
        color: #6B7280;
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

    .data-table td[b-6gx5bmvwra] {
        padding: 16px;
        border-bottom: 1px solid #F3F4F6;
    }

    .data-table tbody tr:hover[b-6gx5bmvwra] {
        background: #F9FAFB;
    }

    .status-badge[b-6gx5bmvwra] {
        display: inline-flex;
        align-items: center;
        padding: 4px 12px;
        border-radius: 12px;
        font-size: 12px;
        font-weight: 500;
    }

    .status-badge.active[b-6gx5bmvwra] {
        background: #D1FAE5;
        color: #065F46;
    }

    .status-badge.inactive[b-6gx5bmvwra] {
        background: #FEE2E2;
        color: #991B1B;
    }

    .btn-icon-action[b-6gx5bmvwra] {
        background: transparent;
        border: none;
        cursor: pointer;
        padding: 6px;
        border-radius: 6px;
        color: #6B7280;
        transition: all 0.2s;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .btn-icon-action:hover[b-6gx5bmvwra] {
        background: #F3F4F6;
        color: #111827;
    }

    .modal-overlay[b-6gx5bmvwra] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1000;
        padding: 20px;
    }

    .modal-content[b-6gx5bmvwra] {
        background: white;
        border-radius: 12px;
        max-width: 600px;
        width: 100%;
        max-height: 90vh;
        overflow-y: auto;
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    }

    .modal-header[b-6gx5bmvwra] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 24px;
        border-bottom: 1px solid #E5E7EB;
    }

    .modal-header h2[b-6gx5bmvwra] {
        font-size: 20px;
        font-weight: 600;
        color: #111827;
        margin: 0;
    }

    .modal-close[b-6gx5bmvwra] {
        background: transparent;
        border: none;
        font-size: 28px;
        color: #9CA3AF;
        cursor: pointer;
        line-height: 1;
        padding: 0;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
    }

    .modal-close:hover[b-6gx5bmvwra] {
        background: #F3F4F6;
        color: #111827;
    }

    .modal-body[b-6gx5bmvwra] {
        padding: 24px;
    }

    .modal-footer[b-6gx5bmvwra] {
        display: flex;
        justify-content: flex-end;
        gap: 12px;
        padding: 24px;
        border-top: 1px solid #E5E7EB;
    }

    .form-group[b-6gx5bmvwra] {
        margin-bottom: 20px;
        position: relative;
    }

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

    .form-control[b-6gx5bmvwra] {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #D1D5DB;
        border-radius: 8px;
        font-size: 14px;
        color: #111827;
        transition: border-color 0.2s;
    }

    .form-control:focus[b-6gx5bmvwra] {
        outline: none;
        border-color: #2563EB;
        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
    }

    .search-input-wrapper[b-6gx5bmvwra] {
        position: relative;
    }

    .search-dropdown[b-6gx5bmvwra] {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: white;
        border: 1px solid #E5E7EB;
        border-radius: 8px;
        margin-top: 4px;
        max-height: 240px;
        overflow-y: auto;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        z-index: 1100;
    }

    .search-dropdown-item[b-6gx5bmvwra] {
        padding: 12px;
        cursor: pointer;
        border-bottom: 1px solid #F3F4F6;
        transition: background 0.2s;
    }

    .search-dropdown-item:last-child[b-6gx5bmvwra] {
        border-bottom: none;
    }

    .search-dropdown-item:hover[b-6gx5bmvwra] {
        background: #F9FAFB;
    }

    .agent-info[b-6gx5bmvwra] {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .agent-name[b-6gx5bmvwra] {
        font-size: 14px;
        font-weight: 500;
        color: #111827;
    }

    .agent-email[b-6gx5bmvwra] {
        font-size: 12px;
        color: #6B7280;
    }

    .selected-agent[b-6gx5bmvwra] {
        margin-top: 8px;
        padding: 8px 12px;
        background: #EFF6FF;
        border: 1px solid #BFDBFE;
        border-radius: 6px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 14px;
        color: #1E40AF;
    }

    .selected-agent button[b-6gx5bmvwra] {
        background: transparent;
        border: none;
        color: #1E40AF;
        font-size: 20px;
        cursor: pointer;
        padding: 0;
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
    }

    .selected-agent button:hover[b-6gx5bmvwra] {
        background: rgba(30, 64, 175, 0.1);
    }

    .alert[b-6gx5bmvwra] {
        padding: 12px 16px;
        border-radius: 8px;
        margin-bottom: 20px;
        font-size: 14px;
    }

    .alert-error[b-6gx5bmvwra] {
        background: #FEE2E2;
        color: #991B1B;
        border: 1px solid #FCA5A5;
    }

    /* Dark mode */
    [data-theme="dark"] .empty-state-card[b-6gx5bmvwra] { background: #1e293b; box-shadow: 0 1px 3px rgba(0,0,0,0.3); }
    [data-theme="dark"] .empty-state-card p[b-6gx5bmvwra] { color: #94a3b8; }
    [data-theme="dark"] .table-card[b-6gx5bmvwra] { background: #1e293b; box-shadow: 0 1px 3px rgba(0,0,0,0.3); }
    [data-theme="dark"] .data-table thead[b-6gx5bmvwra] { background: #0f172a; border-color: #334155; }
    [data-theme="dark"] .data-table th[b-6gx5bmvwra] { color: #94a3b8; }
    [data-theme="dark"] .data-table td[b-6gx5bmvwra] { color: #e2e8f0; border-color: #334155; }
    [data-theme="dark"] .data-table tbody tr:hover[b-6gx5bmvwra] { background: #334155; }
    [data-theme="dark"] .status-badge.active[b-6gx5bmvwra] { background: rgba(5,150,105,0.15); color: #34d399; }
    [data-theme="dark"] .status-badge.inactive[b-6gx5bmvwra] { background: rgba(220,38,38,0.1); color: #f87171; }
    [data-theme="dark"] .btn-icon-action[b-6gx5bmvwra] { color: #94a3b8; }
    [data-theme="dark"] .btn-icon-action:hover[b-6gx5bmvwra] { background: #334155; color: #e2e8f0; }
    [data-theme="dark"] .alert-error[b-6gx5bmvwra] { background: rgba(220,38,38,0.1); color: #fca5a5; border-color: #7f1d1d; }
/* _content/Listico.Web/Components/Pages/Admin/AgencyCreate.razor.rz.scp.css */
.agency-form-page[b-ndxty17guq] {
    padding: 24px;
    max-width: 800px;
    margin: 0 auto;
}

.page-breadcrumb[b-ndxty17guq] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    margin-bottom: 16px;
    color: var(--color-text-secondary);
}

.page-breadcrumb a[b-ndxty17guq] {
    color: var(--color-text-secondary);
    text-decoration: none;
}

.page-breadcrumb a:hover[b-ndxty17guq] {
    color: var(--color-primary);
}

.page-breadcrumb .separator[b-ndxty17guq] {
    color: var(--color-text-muted);
}

.page-breadcrumb .current[b-ndxty17guq] {
    color: var(--color-text-primary);
    font-weight: 500;
}

.form-card[b-ndxty17guq] {
    background: white;
    border-radius: 12px;
    padding: 32px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.form-group[b-ndxty17guq] {
    margin-bottom: 24px;
}

.form-group label[b-ndxty17guq] {
    display: block;
    font-weight: 500;
    margin-bottom: 8px;
    color: var(--color-text-primary);
}

.form-group input[b-ndxty17guq],
.form-group select[b-ndxty17guq] {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    font-size: 14px;
}

.form-hint[b-ndxty17guq] {
    font-size: 12px;
    color: var(--color-text-muted);
    margin-top: 4px;
}

.form-error[b-ndxty17guq] {
    padding: 12px 16px;
    background: #FEE2E2;
    border: 1px solid #FCA5A5;
    border-radius: 8px;
    color: #DC2626;
    margin-bottom: 16px;
}

.validation-error[b-ndxty17guq] {
    font-size: 12px;
    color: #DC2626;
    margin-top: 4px;
}

label.required[b-ndxty17guq]::after {
    content: ' *';
    color: #DC2626;
}

.coverage-grid-create[b-ndxty17guq] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 16px;
    padding: 14px;
    border: 1px solid var(--color-border, #d1d5db);
    border-radius: 8px;
    background: #f9fafb;
}

.coverage-opt[b-ndxty17guq] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--color-text-primary, #374151);
    cursor: pointer;
    font-weight: 400;
}

.coverage-opt input[type="checkbox"][b-ndxty17guq] {
    width: 16px;
    height: 16px;
    min-width: 16px;
    accent-color: #2563eb;
    cursor: pointer;
    margin: 0;
}

.form-actions[b-ndxty17guq] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid var(--color-border-light);
}

/* Status Toggle */
.status-group[b-ndxty17guq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.toggle[b-ndxty17guq] {
    position: relative;
    width: 48px;
    height: 24px;
}

.toggle input[b-ndxty17guq] {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-slider[b-ndxty17guq] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.3s;
    border-radius: 24px;
}

.toggle-slider[b-ndxty17guq]:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: 0.3s;
    border-radius: 50%;
}

.toggle input:checked + .toggle-slider[b-ndxty17guq] {
    background-color: #10B981;
}

.toggle input:checked + .toggle-slider[b-ndxty17guq]:before {
    transform: translateX(24px);
}

/* Upload Area - Reuse from Agencies.razor */
.upload-area[b-ndxty17guq] {
    border: 2px dashed var(--color-border);
    border-radius: 12px;
    padding: 32px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s;
}

.upload-area:hover[b-ndxty17guq] {
    border-color: var(--color-primary);
    background-color: rgba(212, 160, 60, 0.02);
}

.upload-area svg[b-ndxty17guq] {
    width: 48px;
    height: 48px;
    color: var(--color-text-muted);
    margin-bottom: 12px;
}

.upload-area span[b-ndxty17guq] {
    display: block;
    font-size: 14px;
    color: var(--color-text-secondary);
}

.upload-hint[b-ndxty17guq] {
    font-size: 12px;
    color: var(--color-text-muted);
    margin-top: 4px;
}

.uploaded-file[b-ndxty17guq] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.uploaded-file img[b-ndxty17guq] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
}

.file-info[b-ndxty17guq] {
    flex: 1;
    text-align: left;
}

.file-name[b-ndxty17guq] {
    display: block;
    font-weight: 500;
    color: var(--color-text-primary);
}

.file-size[b-ndxty17guq] {
    display: block;
    font-size: 12px;
    color: var(--color-text-muted);
    margin-top: 4px;
}

/* Success Popup */
.modal-overlay[b-ndxty17guq] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.success-popup[b-ndxty17guq] {
    background: white;
    border-radius: 16px;
    padding: 40px;
    text-align: center;
    max-width: 400px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}

.success-popup svg[b-ndxty17guq] {
    width: 64px;
    height: 64px;
    color: #10B981;
    margin-bottom: 16px;
}

.success-popup h3[b-ndxty17guq] {
    font-size: 20px;
    font-weight: 600;
    color: var(--color-text-primary);
    margin-bottom: 24px;
}

.agency-id-row[b-ndxty17guq] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 12px 16px;
    background: var(--color-bg-page);
    border-radius: 8px;
    margin-bottom: 24px;
}

.agency-id-row span[b-ndxty17guq] {
    font-family: monospace;
    font-size: 14px;
    color: var(--color-text-secondary);
}

.btn-copy[b-ndxty17guq] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: white;
    border: 1px solid var(--color-border);
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    color: var(--color-text-secondary);
}

.btn-copy:hover[b-ndxty17guq] {
    background: var(--color-bg-hover);
}

.spinner-sm[b-ndxty17guq] {
    width: 20px;
    height: 20px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid var(--color-primary);
    border-radius: 50%;
    animation: spin-b-ndxty17guq 0.8s linear infinite;
    margin: 0 auto;
}

@keyframes spin-b-ndxty17guq {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* _content/Listico.Web/Components/Pages/Admin/AgencyEdit.razor.rz.scp.css */
*[b-umjom9ethq] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.page-container[b-umjom9ethq] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px;
}

.stats-cards[b-umjom9ethq] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.stat-card[b-umjom9ethq] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 1.25rem;
    text-align: center;
}

.stat-value[b-umjom9ethq] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #111827;
}

.stat-label[b-umjom9ethq] {
    font-size: 0.8rem;
    color: #6b7280;
    margin-top: 0.25rem;
}

/* Breadcrumb */
.breadcrumb[b-umjom9ethq] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    font-size: 14px;
}

.breadcrumb-link[b-umjom9ethq] {
    color: #2563eb;
    text-decoration: none;
}

.breadcrumb-link:hover[b-umjom9ethq] {
    text-decoration: underline;
}

.breadcrumb-separator[b-umjom9ethq] {
    color: #9ca3af;
}

.breadcrumb-current[b-umjom9ethq] {
    color: #6b7280;
}

/* Page Header */
.page-header[b-umjom9ethq] {
    margin-bottom: 24px;
}

.page-header h1[b-umjom9ethq] {
    font-size: 28px;
    font-weight: 600;
    color: #111827;
}

/* Loading & Not Found */
.loading-container[b-umjom9ethq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 64px 24px;
}

.spinner[b-umjom9ethq] {
    width: 40px;
    height: 40px;
    border: 4px solid #e5e7eb;
    border-top-color: #2563eb;
    border-radius: 50%;
    animation: spin-b-umjom9ethq 0.8s linear infinite;
}

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

.loading-container p[b-umjom9ethq] {
    margin-top: 16px;
    color: #6b7280;
}

.not-found[b-umjom9ethq], .unauthorized[b-umjom9ethq] {
    text-align: center;
    padding: 64px 24px;
}

.not-found h3[b-umjom9ethq], .unauthorized h3[b-umjom9ethq] {
    font-size: 20px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 8px;
}

.not-found p[b-umjom9ethq], .unauthorized p[b-umjom9ethq] {
    color: #6b7280;
    margin-bottom: 24px;
}

.btn[b-umjom9ethq] {
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    border: none;
    font-family: inherit;
}

.btn-primary[b-umjom9ethq] {
    background: #2563eb;
    color: white;
}

.btn-primary:hover:not(:disabled)[b-umjom9ethq] {
    background: #1d4ed8;
}

/* Success Toast */
.success-toast[b-umjom9ethq] {
    position: fixed;
    top: 24px;
    right: 24px;
    background: #10b981;
    color: white;
    padding: 16px 20px;
    border-radius: 8px;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    gap: 12px;
    z-index: 2000;
    animation: slideIn-b-umjom9ethq 0.3s ease-out;
}

@keyframes slideIn-b-umjom9ethq {
    from {
        transform: translateX(400px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.toast-icon[b-umjom9ethq] {
    width: 24px;
    height: 24px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.toast-content strong[b-umjom9ethq] {
    display: block;
    font-size: 14px;
    margin-bottom: 2px;
}

.toast-content p[b-umjom9ethq] {
    font-size: 13px;
    opacity: 0.9;
    margin: 0;
}

@media (max-width: 768px) {
    .stats-cards[b-umjom9ethq] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Dark mode */
[data-theme="dark"] .stat-card[b-umjom9ethq] {
    background: #1e293b;
    border-color: #334155;
}
[data-theme="dark"] .stat-value[b-umjom9ethq] { color: #f1f5f9; }
[data-theme="dark"] .stat-label[b-umjom9ethq] { color: #94a3b8; }
[data-theme="dark"] .page-header h1[b-umjom9ethq] { color: #f1f5f9; }
[data-theme="dark"] .breadcrumb-current[b-umjom9ethq] { color: #94a3b8; }
[data-theme="dark"] .breadcrumb-separator[b-umjom9ethq] { color: #475569; }
/* _content/Listico.Web/Components/Pages/Admin/AgencyEditComponents/AgencyEditForm.razor.rz.scp.css */
.edit-form-card[b-v64a2xfk6h] {
    background: white;
    border-radius: 12px;
    padding: 32px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.edit-field[b-v64a2xfk6h] {
    margin-bottom: 24px;
}

.edit-field > label[b-v64a2xfk6h] {
    display: block;
    font-weight: 500;
    margin-bottom: 8px;
    color: #374151;
    font-size: 14px;
}

.edit-field > label.required[b-v64a2xfk6h]::after {
    content: ' *';
    color: #DC2626;
}

.edit-field input[type="text"][b-v64a2xfk6h],
.edit-field input[type="url"][b-v64a2xfk6h],
.edit-field input[type="tel"][b-v64a2xfk6h],
.edit-field input[type="number"][b-v64a2xfk6h],
.edit-field input[type="date"][b-v64a2xfk6h],
.edit-field select[b-v64a2xfk6h] {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 14px;
    font-family: inherit;
    transition: border-color 0.2s;
}

.edit-field input:focus[b-v64a2xfk6h],
.edit-field select:focus[b-v64a2xfk6h] {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.edit-hint[b-v64a2xfk6h] {
    font-size: 12px;
    color: #6b7280;
    margin-top: 4px;
    display: block;
}

.edit-row[b-v64a2xfk6h] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.edit-row-3[b-v64a2xfk6h] {
    grid-template-columns: 1fr 1fr 1fr;
}

.coverage-grid[b-v64a2xfk6h] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 16px;
    padding: 14px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #f9fafb;
}

.coverage-option[b-v64a2xfk6h] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #374151;
    cursor: pointer;
    font-weight: 400;
}

.coverage-option input[type="checkbox"][b-v64a2xfk6h] {
    width: 16px;
    height: 16px;
    min-width: 16px;
    accent-color: #2563eb;
    cursor: pointer;
    margin: 0;
}

.logo-upload-box[b-v64a2xfk6h] {
    border: 2px dashed #d1d5db;
    border-radius: 12px;
    padding: 24px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    color: #6b7280;
}

.logo-upload-box:hover[b-v64a2xfk6h] {
    border-color: #2563eb;
    background: #f0f7ff;
}

.logo-upload-box span[b-v64a2xfk6h] {
    font-size: 14px;
}

.logo-upload-box small[b-v64a2xfk6h] {
    font-size: 12px;
}

.logo-uploaded[b-v64a2xfk6h] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.logo-uploaded img[b-v64a2xfk6h] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
}

.btn-remove-logo[b-v64a2xfk6h] {
    background: none;
    border: none;
    color: #ef4444;
    cursor: pointer;
    font-size: 13px;
    font-family: inherit;
}

.btn-remove-logo:hover[b-v64a2xfk6h] {
    text-decoration: underline;
}

.status-row[b-v64a2xfk6h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.toggle[b-v64a2xfk6h] {
    position: relative;
    width: 48px;
    height: 24px;
    display: inline-block;
}

.toggle input[b-v64a2xfk6h] {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle .toggle-slider[b-v64a2xfk6h] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.3s;
    border-radius: 24px;
}

.toggle .toggle-slider[b-v64a2xfk6h]:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: 0.3s;
    border-radius: 50%;
}

.toggle input:checked + .toggle-slider[b-v64a2xfk6h] {
    background-color: #10B981;
}

.toggle input:checked + .toggle-slider[b-v64a2xfk6h]:before {
    transform: translateX(24px);
}

.edit-error[b-v64a2xfk6h] {
    padding: 12px 16px;
    background: #FEE2E2;
    border: 1px solid #FCA5A5;
    border-radius: 8px;
    color: #DC2626;
    margin-bottom: 16px;
    font-size: 14px;
}

.edit-actions[b-v64a2xfk6h] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 24px;
    border-top: 1px solid #e5e7eb;
}

.btn[b-v64a2xfk6h] {
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    border: none;
    font-family: inherit;
}

.btn-primary[b-v64a2xfk6h] {
    background: #2563eb;
    color: white;
}

.btn-primary:hover:not(:disabled)[b-v64a2xfk6h] {
    background: #1d4ed8;
}

.btn-primary:disabled[b-v64a2xfk6h] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-secondary[b-v64a2xfk6h] {
    background: #f3f4f6;
    color: #374151;
}

.btn-secondary:hover[b-v64a2xfk6h] {
    background: #e5e7eb;
}

.spinner[b-v64a2xfk6h] {
    width: 40px;
    height: 40px;
    border: 4px solid #e5e7eb;
    border-top-color: #2563eb;
    border-radius: 50%;
    animation: spin-b-v64a2xfk6h 0.8s linear infinite;
}

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

@media (max-width: 768px) {
    .edit-row[b-v64a2xfk6h],
    .edit-row-3[b-v64a2xfk6h],
    .coverage-grid[b-v64a2xfk6h] {
        grid-template-columns: 1fr;
    }
}

/* Dark mode */
[data-theme="dark"] .edit-form-card[b-v64a2xfk6h] {
    background: #1e293b;
    box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
[data-theme="dark"] .edit-field > label[b-v64a2xfk6h] { color: #cbd5e1; }
[data-theme="dark"] .edit-hint[b-v64a2xfk6h] { color: #64748b; }
[data-theme="dark"] .edit-field input[type="text"][b-v64a2xfk6h],
[data-theme="dark"] .edit-field input[type="url"][b-v64a2xfk6h],
[data-theme="dark"] .edit-field input[type="tel"][b-v64a2xfk6h],
[data-theme="dark"] .edit-field input[type="number"][b-v64a2xfk6h],
[data-theme="dark"] .edit-field input[type="date"][b-v64a2xfk6h],
[data-theme="dark"] .edit-field select[b-v64a2xfk6h] {
    background: #0f172a;
    border-color: #334155;
    color: #e2e8f0;
}
[data-theme="dark"] .edit-field input:focus[b-v64a2xfk6h],
[data-theme="dark"] .edit-field select:focus[b-v64a2xfk6h] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}
[data-theme="dark"] .coverage-grid[b-v64a2xfk6h] {
    background: #0f172a;
    border-color: #334155;
}
[data-theme="dark"] .coverage-option[b-v64a2xfk6h] { color: #cbd5e1; }
[data-theme="dark"] .logo-upload-box[b-v64a2xfk6h] {
    border-color: #334155;
    color: #94a3b8;
}
/* _content/Listico.Web/Components/Pages/Admin/AgencyEditComponents/AgencyMemberDialogs.razor.rz.scp.css */
.modal-overlay[b-dkkhcydbgg] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 24px;
}

.modal-content[b-dkkhcydbgg] {
    background: white;
    border-radius: 8px;
    width: 100%;
    max-width: 500px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}

.modal-content.modal-sm[b-dkkhcydbgg] {
    max-width: 400px;
}

.modal-header[b-dkkhcydbgg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid #e5e7eb;
}

.modal-header h3[b-dkkhcydbgg] {
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

.btn-close[b-dkkhcydbgg] {
    background: transparent;
    border: none;
    font-size: 28px;
    line-height: 1;
    color: #6b7280;
    cursor: pointer;
    padding: 0;
    width: 32px;
    height: 32px;
}

.btn-close:hover[b-dkkhcydbgg] {
    color: #111827;
}

.modal-body[b-dkkhcydbgg] {
    padding: 24px;
}

.modal-body p[b-dkkhcydbgg] {
    color: #374151;
    margin-bottom: 16px;
    line-height: 1.5;
}

.modal-actions[b-dkkhcydbgg] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 16px 24px;
    border-top: 1px solid #e5e7eb;
}

.input-with-icon[b-dkkhcydbgg] {
    position: relative;
}

.input-icon[b-dkkhcydbgg] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #9ca3af;
}

.input-with-icon .form-control[b-dkkhcydbgg] {
    padding-left: 36px;
}

.form-control[b-dkkhcydbgg] {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 14px;
    font-family: inherit;
}

.form-control:focus[b-dkkhcydbgg] {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

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

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

.form-label.required[b-dkkhcydbgg]::after {
    content: ' *';
    color: #DC2626;
}

.form-hint[b-dkkhcydbgg] {
    font-size: 12px;
    color: #6b7280;
    margin-top: 4px;
    display: block;
}

.search-results[b-dkkhcydbgg] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    margin-top: 4px;
    max-height: 240px;
    overflow-y: auto;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 10;
}

.search-result-item[b-dkkhcydbgg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    cursor: pointer;
    border-bottom: 1px solid #f3f4f6;
}

.search-result-item:last-child[b-dkkhcydbgg] {
    border-bottom: none;
}

.search-result-item:hover[b-dkkhcydbgg] {
    background: #f9fafb;
}

.user-info[b-dkkhcydbgg] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.user-info strong[b-dkkhcydbgg] {
    font-size: 14px;
    color: #111827;
}

.user-info small[b-dkkhcydbgg] {
    font-size: 13px;
    color: #6b7280;
}

.selected-agent[b-dkkhcydbgg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    background: #f0f7ff;
    border: 1px solid #bfdbfe;
    border-radius: 6px;
    margin-top: 8px;
    font-size: 14px;
    color: #1e40af;
}

.btn-close-small[b-dkkhcydbgg] {
    background: transparent;
    border: none;
    font-size: 20px;
    color: #6b7280;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}

.btn-close-small:hover[b-dkkhcydbgg] {
    color: #111827;
}

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

.role-badge.role-agent[b-dkkhcydbgg] {
    background: #dbeafe;
    color: #1e40af;
}

.role-badge.role-broker[b-dkkhcydbgg] {
    background: #d1fae5;
    color: #065f46;
}

.btn[b-dkkhcydbgg] {
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    border: none;
    font-family: inherit;
}

.btn-primary[b-dkkhcydbgg] {
    background: #2563eb;
    color: white;
}

.btn-primary:hover:not(:disabled)[b-dkkhcydbgg] {
    background: #1d4ed8;
}

.btn-primary:disabled[b-dkkhcydbgg] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-secondary[b-dkkhcydbgg] {
    background: #f3f4f6;
    color: #374151;
}

.btn-secondary:hover[b-dkkhcydbgg] {
    background: #e5e7eb;
}

.btn-danger[b-dkkhcydbgg] {
    background: #ef4444;
    color: white;
}

.btn-danger:hover:not(:disabled)[b-dkkhcydbgg] {
    background: #dc2626;
}

/* Dark mode */
[data-theme="dark"] .modal-content[b-dkkhcydbgg] {
    background: #1e293b;
    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.5);
}
[data-theme="dark"] .modal-header[b-dkkhcydbgg] { border-bottom-color: #334155; }
[data-theme="dark"] .modal-header h3[b-dkkhcydbgg] { color: #f1f5f9; }
[data-theme="dark"] .modal-body p[b-dkkhcydbgg] { color: #cbd5e1; }
[data-theme="dark"] .modal-actions[b-dkkhcydbgg] { border-top-color: #334155; }
[data-theme="dark"] .btn-close[b-dkkhcydbgg] { color: #94a3b8; }
[data-theme="dark"] .btn-close:hover[b-dkkhcydbgg] { color: #f1f5f9; }
[data-theme="dark"] .search-results[b-dkkhcydbgg] {
    background: #1e293b;
    border-color: #334155;
}
[data-theme="dark"] .search-result-item[b-dkkhcydbgg] { background: #1e293b; border-bottom-color: #334155; }
[data-theme="dark"] .search-result-item:hover[b-dkkhcydbgg] { background: #273549; }
[data-theme="dark"] .user-info strong[b-dkkhcydbgg] { color: #f1f5f9; }
[data-theme="dark"] .user-info small[b-dkkhcydbgg] { color: #94a3b8; }
[data-theme="dark"] .selected-agent[b-dkkhcydbgg] {
    background: #1a3352;
    border-color: #4b6a9b;
    color: #93c5fd;
}
[data-theme="dark"] .form-control[b-dkkhcydbgg] {
    background: #0f172a;
    border-color: #334155;
    color: #e2e8f0;
}
[data-theme="dark"] .form-label[b-dkkhcydbgg] { color: #cbd5e1; }
[data-theme="dark"] .role-badge.role-agent[b-dkkhcydbgg] { background: #1e3a5f; color: #93c5fd; }
[data-theme="dark"] .role-badge.role-broker[b-dkkhcydbgg] { background: #064e3b; color: #6ee7b7; }
/* _content/Listico.Web/Components/Pages/Admin/AgencyEditComponents/AgencyMembersTable.razor.rz.scp.css */
.members-section[b-s4dgjarmwy] {
    margin-top: 32px;
}

.section-header[b-s4dgjarmwy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.section-header h2[b-s4dgjarmwy] {
    font-size: 20px;
    font-weight: 600;
    color: #111827;
}

.section-actions[b-s4dgjarmwy] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.member-filters[b-s4dgjarmwy] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.member-filters input[type="text"][b-s4dgjarmwy] {
    flex: 1;
    max-width: 320px;
    padding: 8px 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 14px;
}

.member-filters input[type="text"]:focus[b-s4dgjarmwy] {
    outline: none;
    border-color: #2563eb;
}

.loading-container[b-s4dgjarmwy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 64px 24px;
}

.spinner[b-s4dgjarmwy] {
    width: 40px;
    height: 40px;
    border: 4px solid #e5e7eb;
    border-top-color: #2563eb;
    border-radius: 50%;
    animation: spin-b-s4dgjarmwy 0.8s linear infinite;
}

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

.loading-container p[b-s4dgjarmwy] {
    margin-top: 16px;
    color: #6b7280;
}

.empty-state[b-s4dgjarmwy] {
    background: white;
    border-radius: 8px;
    padding: 64px 24px;
    text-align: center;
    color: #6b7280;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.table-container[b-s4dgjarmwy] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.data-table[b-s4dgjarmwy] {
    width: 100%;
    border-collapse: collapse;
}

.data-table thead[b-s4dgjarmwy] {
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
}

.data-table th[b-s4dgjarmwy] {
    padding: 12px 16px;
    text-align: left;
    font-size: 13px;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.data-table td[b-s4dgjarmwy] {
    padding: 16px;
    border-bottom: 1px solid #e5e7eb;
}

.data-table tbody tr:hover[b-s4dgjarmwy] {
    background: #f9fafb;
}

.user-cell[b-s4dgjarmwy] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.avatar[b-s4dgjarmwy] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #e0e7ff;
    color: #3730a3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 600;
    overflow: hidden;
}

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

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

.role-badge.role-agent[b-s4dgjarmwy] {
    background: #dbeafe;
    color: #1e40af;
}

.role-badge.role-broker[b-s4dgjarmwy] {
    background: #d1fae5;
    color: #065f46;
}

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

.btn[b-s4dgjarmwy] {
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    border: none;
    font-family: inherit;
}

.btn-primary[b-s4dgjarmwy] {
    background: #2563eb;
    color: white;
}

.btn-primary:hover:not(:disabled)[b-s4dgjarmwy] {
    background: #1d4ed8;
}

.btn-outline[b-s4dgjarmwy] {
    background: transparent;
    border: 1px solid #d1d5db;
    color: #374151;
    padding: 6px 12px;
    font-size: 13px;
}

.btn-outline:hover[b-s4dgjarmwy] {
    background: #f9fafb;
    border-color: #2563eb;
    color: #2563eb;
}

.btn-icon[b-s4dgjarmwy] {
    background: transparent;
    border: none;
    padding: 6px;
    cursor: pointer;
    font-size: 16px;
    color: #6b7280;
    transition: all 0.2s;
}

.btn-icon:hover:not(:disabled)[b-s4dgjarmwy] {
    color: #ef4444;
}

.btn-icon:disabled[b-s4dgjarmwy] {
    opacity: 0.3;
    cursor: not-allowed;
}

@media (max-width: 768px) {
    .section-header[b-s4dgjarmwy] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .table-container[b-s4dgjarmwy] {
        overflow-x: auto;
    }
}

/* Dark mode */
[data-theme="dark"] .section-header h2[b-s4dgjarmwy] { color: #f1f5f9; }
[data-theme="dark"] .empty-state[b-s4dgjarmwy] {
    background: #1e293b;
    color: #94a3b8;
    box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
[data-theme="dark"] .table-container[b-s4dgjarmwy] {
    background: #1e293b;
    box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
[data-theme="dark"] .data-table thead[b-s4dgjarmwy] {
    background: #0f172a;
    border-bottom-color: #334155;
}
[data-theme="dark"] .data-table th[b-s4dgjarmwy] { color: #94a3b8; }
[data-theme="dark"] .data-table td[b-s4dgjarmwy] { border-bottom-color: #334155; color: #e2e8f0; }
[data-theme="dark"] .data-table tbody tr:hover[b-s4dgjarmwy] { background: #273549; }
[data-theme="dark"] .role-badge.role-agent[b-s4dgjarmwy] { background: #1e3a5f; color: #93c5fd; }
[data-theme="dark"] .role-badge.role-broker[b-s4dgjarmwy] { background: #064e3b; color: #6ee7b7; }
/* _content/Listico.Web/Components/Pages/Admin/Billing.razor.rz.scp.css */
    .billing-page[b-uvee2sqd8f] {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

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

    .page-title[b-uvee2sqd8f] {
        font-size: 24px;
        font-weight: 600;
        color: var(--color-text-primary);
        margin: 0;
    }

    .stats-row[b-uvee2sqd8f] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }

    .stat-card[b-uvee2sqd8f] {
        background: var(--color-bg-card);
        border-radius: var(--radius-lg);
        padding: 20px 24px;
    }

    .stat-header[b-uvee2sqd8f] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 8px;
    }

    .stat-label[b-uvee2sqd8f] {
        font-size: 14px;
        color: var(--color-text-secondary);
    }

    .stat-change[b-uvee2sqd8f] {
        font-size: 13px;
        font-weight: 500;
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .stat-change.positive[b-uvee2sqd8f] { color: #16A34A; }
    .stat-change.negative[b-uvee2sqd8f] { color: #DC2626; }

    .stat-change.positive[b-uvee2sqd8f]::after {
        content: "";
        width: 12px;
        height: 12px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316A34A' stroke-width='2'%3E%3Cpolyline points='23 6 13.5 15.5 8.5 10.5 1 18'%3E%3C/polyline%3E%3Cpolyline points='17 6 23 6 23 12'%3E%3C/polyline%3E%3C/svg%3E");
        background-size: contain;
        background-repeat: no-repeat;
    }

    .stat-change.negative[b-uvee2sqd8f]::after {
        content: "";
        width: 12px;
        height: 12px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DC2626' stroke-width='2'%3E%3Cpolyline points='23 18 13.5 8.5 8.5 13.5 1 6'%3E%3C/polyline%3E%3Cpolyline points='17 18 23 18 23 12'%3E%3C/polyline%3E%3C/svg%3E");
        background-size: contain;
        background-repeat: no-repeat;
    }

    .stat-value[b-uvee2sqd8f] {
        font-size: 32px;
        font-weight: 700;
        color: var(--color-text-primary);
    }

    .charts-row[b-uvee2sqd8f] {
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: 20px;
    }

    .chart-card[b-uvee2sqd8f] {
        background: var(--color-bg-card);
        border-radius: var(--radius-lg);
        padding: 24px;
    }

    .chart-card.full-width[b-uvee2sqd8f] {
        grid-column: 1 / -1;
    }

    .chart-header[b-uvee2sqd8f] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    .chart-header h3[b-uvee2sqd8f] {
        font-size: 16px;
        font-weight: 600;
        color: var(--color-text-primary);
        margin: 0;
    }

    .chart-period[b-uvee2sqd8f] {
        padding: 6px 12px;
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        font-size: 13px;
        color: var(--color-text-secondary);
        background: var(--color-bg-card);
    }

    .chart-container[b-uvee2sqd8f] {
        height: 280px;
    }

    .line-chart[b-uvee2sqd8f] { width: 100%; height: 100%; }

    .donut-chart[b-uvee2sqd8f] {
        display: flex;
        justify-content: center;
        padding: 20px 0;
    }

    .donut-chart svg[b-uvee2sqd8f] {
        width: 180px;
        height: 180px;
    }

    .chart-legend[b-uvee2sqd8f] {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .legend-item[b-uvee2sqd8f] {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .legend-dot[b-uvee2sqd8f] {
        width: 12px;
        height: 12px;
        border-radius: 50%;
    }

    .legend-dot.featured[b-uvee2sqd8f] { background-color: #234B6E; }
    .legend-dot.premium[b-uvee2sqd8f] { background-color: #D4A03C; }
    .legend-dot.basic[b-uvee2sqd8f] { background-color: #CBD5E1; }

    /* Tabs */
    .billing-tabs[b-uvee2sqd8f] {
        display: flex;
        gap: 4px;
        background: var(--color-bg-card);
        padding: 4px;
        border-radius: var(--radius-lg);
        margin-bottom: 24px;
    }

    .tab-btn[b-uvee2sqd8f] {
        flex: 1;
        padding: 10px 20px;
        border: none;
        background: transparent;
        font-size: 14px;
        font-weight: 500;
        color: var(--color-text-secondary);
        cursor: pointer;
        border-radius: var(--radius-md);
        transition: all 0.2s;
    }

    .tab-btn:hover[b-uvee2sqd8f] { color: var(--color-text-primary); }
    .tab-btn.active[b-uvee2sqd8f] {
        background: var(--color-primary);
        color: white;
    }

    /* Plans Grid */
    .plans-grid[b-uvee2sqd8f] {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        gap: 24px;
    }

    .plan-card[b-uvee2sqd8f] {
        background: var(--color-bg-card);
        border-radius: var(--radius-lg);
        padding: 24px;
        position: relative;
        border: 2px solid transparent;
    }

    .plan-card.popular[b-uvee2sqd8f] { border-color: var(--color-primary); }

    .plan-popular-label[b-uvee2sqd8f] {
        display: block;
        text-align: center;
        font-size: 13px;
        font-weight: 600;
        color: var(--color-text-primary);
        margin: -24px -24px 16px;
        padding: 8px;
        background: #F8F9FA;
        border-radius: var(--radius-lg) var(--radius-lg) 0 0;
        border-bottom: 1px solid var(--color-border-light);
    }

    .plan-card-header[b-uvee2sqd8f] {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 8px;
    }

    .plan-icon[b-uvee2sqd8f] {
        width: 28px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--color-secondary);
    }

    .plan-badge[b-uvee2sqd8f] {
        display: inline-block;
        padding: 4px 10px;
        border-radius: 20px;
        font-size: 11px;
        font-weight: 600;
        margin-left: auto;
    }

    .active-badge[b-uvee2sqd8f] { background: #DCFCE7; color: #16A34A; }
    .inactive-badge[b-uvee2sqd8f] { background: #FEE2E2; color: #DC2626; }

    .plan-name[b-uvee2sqd8f] {
        font-size: 18px;
        font-weight: 700;
        color: var(--color-text-primary);
        margin: 0;
    }

    .plan-description[b-uvee2sqd8f] {
        font-size: 13px;
        color: var(--color-text-secondary);
        margin: 0 0 16px;
        line-height: 1.5;
    }

    .plan-pricing[b-uvee2sqd8f] {
        display: flex;
        align-items: baseline;
        gap: 2px;
        margin-bottom: 16px;
    }

    .plan-price[b-uvee2sqd8f] {
        font-size: 32px;
        font-weight: 700;
        color: var(--color-text-primary);
    }

    .plan-period[b-uvee2sqd8f] {
        font-size: 14px;
        color: var(--color-text-secondary);
    }

    .plan-features[b-uvee2sqd8f] {
        list-style: none;
        padding: 0;
        margin: 0 0 20px;
    }

    .plan-features li[b-uvee2sqd8f] {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 6px 0;
        font-size: 14px;
        color: var(--color-text-secondary);
    }

    .plan-actions[b-uvee2sqd8f] {
        display: flex;
        gap: 8px;
    }

    .btn-sm[b-uvee2sqd8f] {
        padding: 6px 14px;
        font-size: 13px;
    }

    .btn-danger-outline[b-uvee2sqd8f] {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        padding: 6px 14px;
        background: transparent;
        border: 1px solid #FCA5A5;
        border-radius: var(--radius-md);
        font-size: 13px;
        color: #DC2626;
        cursor: pointer;
    }

    .btn-danger-outline:hover[b-uvee2sqd8f] { background: #FEE2E2; }

    .btn-danger[b-uvee2sqd8f] {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 12px 24px;
        background: #DC2626;
        color: white;
        border: none;
        border-radius: var(--radius-md);
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
    }

    .btn-danger:hover[b-uvee2sqd8f] { background: #B91C1C; }

    /* Plan Modal */
    .plan-modal[b-uvee2sqd8f] { max-width: 520px; }

    .form-row-two[b-uvee2sqd8f] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }

    .form-group input[b-uvee2sqd8f],
    .form-group textarea[b-uvee2sqd8f] {
        width: 100%;
        padding: 10px 14px;
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        font-size: 14px;
        background: var(--color-bg-card);
        font-family: inherit;
    }

    .form-group textarea[b-uvee2sqd8f] { resize: vertical; }

    .form-checkboxes[b-uvee2sqd8f] {
        display: flex;
        flex-direction: column;
        gap: 8px;
        justify-content: flex-end;
        padding-bottom: 4px;
    }

    .checkbox-label[b-uvee2sqd8f] {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 14px;
        color: var(--color-text-primary);
        cursor: pointer;
    }

    .checkbox-label input[b-uvee2sqd8f] { accent-color: var(--color-primary); }

    .features-list[b-uvee2sqd8f] { display: flex; flex-direction: column; gap: 8px; }

    .feature-row[b-uvee2sqd8f] {
        display: flex;
        gap: 8px;
        align-items: center;
    }

    .feature-row input[b-uvee2sqd8f] { flex: 1; }

    .btn-icon-sm[b-uvee2sqd8f] {
        width: 28px;
        height: 28px;
        border: 1px solid var(--color-border);
        border-radius: var(--radius-sm);
        background: transparent;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--color-text-muted);
    }

    .btn-icon-sm:hover[b-uvee2sqd8f] { border-color: #FCA5A5; color: #DC2626; }

    /* Assign Modal */
    .assign-users-list[b-uvee2sqd8f] {
        max-height: 300px;
        overflow-y: auto;
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
    }

    .assign-user-row[b-uvee2sqd8f] {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 10px 14px;
        cursor: pointer;
        border-bottom: 1px solid var(--color-border-light);
    }

    .assign-user-row:last-child[b-uvee2sqd8f] { border-bottom: none; }
    .assign-user-row:hover[b-uvee2sqd8f] { background: var(--color-bg-page); }
    .assign-user-row.selected[b-uvee2sqd8f] { background: var(--color-bg-page); }
    .assign-user-row input[b-uvee2sqd8f] { accent-color: var(--color-primary); }

    .assign-user-avatar[b-uvee2sqd8f] {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        overflow: hidden;
        flex-shrink: 0;
    }

    .assign-user-avatar img[b-uvee2sqd8f] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .assign-search-wrapper[b-uvee2sqd8f] {
        position: relative;
        display: flex;
        align-items: center;
    }

    .assign-search-icon[b-uvee2sqd8f] {
        position: absolute;
        left: 12px;
        width: 18px;
        height: 18px;
        color: var(--color-text-muted);
        pointer-events: none;
    }

    .assign-search-input[b-uvee2sqd8f] {
        width: 100%;
        padding: 10px 60px 10px 40px !important;
    }

    .assign-search-clear[b-uvee2sqd8f] {
        position: absolute;
        right: 12px;
        background: none;
        border: none;
        color: var(--color-text-secondary);
        font-size: 13px;
        cursor: pointer;
        padding: 0;
    }

    .assign-search-clear:hover[b-uvee2sqd8f] { color: var(--color-text-primary); }

    .modal-sm[b-uvee2sqd8f] { max-width: 400px; }
    .modal-text[b-uvee2sqd8f] { font-size: 14px; color: var(--color-text-secondary); line-height: 1.5; margin: 0 0 16px; }

    .empty-state[b-uvee2sqd8f] {
        background: var(--color-bg-card);
        border-radius: var(--radius-lg);
        padding: 60px 20px;
        text-align: center;
        color: var(--color-text-muted);
    }

    .legend-label[b-uvee2sqd8f] {
        flex: 1;
        font-size: 14px;
        color: var(--color-text-primary);
    }

    .legend-value[b-uvee2sqd8f] {
        font-size: 14px;
        color: var(--color-text-secondary);
    }

    .bar-chart-container[b-uvee2sqd8f] { height: 200px; }
    .bar-chart[b-uvee2sqd8f] { width: 100%; height: 100%; }

    /* Table styles */
    .table-header[b-uvee2sqd8f] {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 12px;
        margin-bottom: 20px;
    }

    .table-search[b-uvee2sqd8f] {
        position: relative;
        width: 280px;
    }

    .table-search svg[b-uvee2sqd8f] {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        width: 18px;
        height: 18px;
        color: var(--color-text-muted);
    }

    .table-search input[b-uvee2sqd8f] {
        width: 100%;
        padding: 10px 12px 10px 40px;
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        font-size: 14px;
        background: var(--color-bg-page);
    }

    .checkbox-col[b-uvee2sqd8f] { width: 40px; text-align: center; }
    .checkbox-col input[b-uvee2sqd8f] { width: 18px; height: 18px; cursor: pointer; accent-color: var(--color-primary); }

    .user-cell[b-uvee2sqd8f] {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .user-cell-avatar[b-uvee2sqd8f] {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        overflow: hidden;
    }

    .user-cell-avatar img[b-uvee2sqd8f] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .user-cell-name[b-uvee2sqd8f] { font-weight: 500; }

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

    .status-badge.active[b-uvee2sqd8f] { background-color: #DCFCE7; color: #16A34A; }
    .status-badge.expired[b-uvee2sqd8f] { background-color: #FEE2E2; color: #DC2626; }
    .status-badge.expiring[b-uvee2sqd8f] { background-color: #FEF3C7; color: #D97706; }

    .btn-icon-action[b-uvee2sqd8f] {
        width: 32px;
        height: 32px;
        border: none;
        background: transparent;
        cursor: pointer;
        color: var(--color-text-muted);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: var(--radius-sm);
    }

    .btn-icon-action:hover[b-uvee2sqd8f], .btn-icon-action.active[b-uvee2sqd8f] {
        background-color: var(--color-primary);
        color: white;
    }

    .btn-icon-action svg[b-uvee2sqd8f] { width: 16px; height: 16px; }

    .pagination[b-uvee2sqd8f] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid var(--color-border-light);
    }

    .page-btn[b-uvee2sqd8f] {
        width: 36px;
        height: 36px;
        border: none;
        background: transparent;
        cursor: pointer;
        color: var(--color-text-secondary);
        font-size: 14px;
        border-radius: var(--radius-sm);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .page-btn:hover:not(:disabled)[b-uvee2sqd8f] { background-color: var(--color-bg-page); }
    .page-btn.active[b-uvee2sqd8f] { background-color: var(--color-primary); color: white; }
    .page-btn:disabled[b-uvee2sqd8f] { opacity: 0.5; cursor: not-allowed; }
    .page-btn svg[b-uvee2sqd8f] { width: 16px; height: 16px; }

    /* Modal */
    .subscription-modal[b-uvee2sqd8f] { max-width: 420px; }

    .subscription-header[b-uvee2sqd8f] {
        display: flex;
        align-items: center;
        gap: 16px;
        margin-bottom: 24px;
    }

    .subscription-avatar[b-uvee2sqd8f] {
        position: relative;
        width: 64px;
        height: 64px;
    }

    .subscription-avatar img[b-uvee2sqd8f] {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
    }

    .avatar-edit-btn[b-uvee2sqd8f] {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 24px;
        height: 24px;
        background: var(--color-bg-card);
        border: 1px solid var(--color-border);
        border-radius: 50%;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--color-text-secondary);
    }

    .avatar-edit-btn svg[b-uvee2sqd8f] { width: 12px; height: 12px; }

    .subscription-info h3[b-uvee2sqd8f] {
        font-size: 18px;
        font-weight: 600;
        color: var(--color-text-primary);
        margin: 0 0 4px;
    }

    .subscription-info p[b-uvee2sqd8f] {
        font-size: 14px;
        color: var(--color-text-muted);
        margin: 0;
    }

    .form-row-inline[b-uvee2sqd8f] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 16px;
    }

    .form-row-inline label[b-uvee2sqd8f] {
        font-size: 14px;
        color: var(--color-text-secondary);
    }

    .form-row-inline select[b-uvee2sqd8f],
    .form-row-inline input[b-uvee2sqd8f] {
        width: 200px;
        padding: 10px 12px;
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        font-size: 14px;
        background: var(--color-bg-card);
    }

    .status-select.active[b-uvee2sqd8f] { color: #16A34A; }
    .status-select.expired[b-uvee2sqd8f] { color: #DC2626; }
    .status-select.deactivated[b-uvee2sqd8f] { color: #D97706; }

    .btn-full[b-uvee2sqd8f] { width: 100%; justify-content: center; margin-top: 24px; }

    .btn-primary[b-uvee2sqd8f] {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 12px 24px;
        background-color: var(--color-secondary);
        color: white;
        border: none;
        border-radius: var(--radius-md);
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
    }

    .btn-secondary[b-uvee2sqd8f] {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 16px;
        background: var(--color-bg-card);
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        font-size: 14px;
        color: var(--color-text-secondary);
        cursor: pointer;
    }

    .btn-icon[b-uvee2sqd8f] {
        width: 40px;
        height: 40px;
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        background: var(--color-bg-card);
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--color-text-secondary);
    }

    .btn-icon:disabled[b-uvee2sqd8f] { opacity: 0.5; }
    .btn-icon svg[b-uvee2sqd8f] { width: 18px; height: 18px; }

    .form-error[b-uvee2sqd8f] {
        padding: 12px;
        background-color: #FEE2E2;
        border: 1px solid #FECACA;
        border-radius: var(--radius-md);
        color: #DC2626;
        font-size: 14px;
        margin-bottom: 16px;
    }

    .loading-state[b-uvee2sqd8f] {
        padding: 60px 20px;
        text-align: center;
        color: var(--color-text-muted);
    }

    .spinner[b-uvee2sqd8f] {
        width: 48px;
        height: 48px;
        border: 3px solid var(--color-border);
        border-top-color: var(--color-primary);
        border-radius: 50%;
        animation: spin-b-uvee2sqd8f 1s linear infinite;
        margin: 0 auto 16px;
    }

    .spinner-sm[b-uvee2sqd8f] {
        width: 18px;
        height: 18px;
        border: 2px solid rgba(255,255,255,0.3);
        border-top-color: white;
        border-radius: 50%;
        animation: spin-b-uvee2sqd8f 1s linear infinite;
        display: inline-block;
    }

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

    .form-group[b-uvee2sqd8f] { margin-bottom: 16px; }
    .form-group label[b-uvee2sqd8f] {
        display: block;
        font-size: 14px;
        font-weight: 500;
        color: var(--color-text-primary);
        margin-bottom: 8px;
    }

    .form-group select[b-uvee2sqd8f] {
        width: 100%;
        padding: 12px 16px;
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        font-size: 14px;
        background: var(--color-bg-card);
    }

    .modal-actions[b-uvee2sqd8f] {
        display: flex;
        gap: 12px;
        margin-top: 24px;
    }

    .modal-actions .btn[b-uvee2sqd8f] { flex: 1; justify-content: center; }

    /* Payment History in Plans tab */
    .payment-history-section[b-uvee2sqd8f] {
        margin-top: 32px;
    }

    .payment-history-mobile[b-uvee2sqd8f] {
        display: none;
    }

    .section-title[b-uvee2sqd8f] {
        font-size: 20px;
        font-weight: 600;
        color: var(--color-text-primary);
        margin: 0;
    }

    /* Toggle Switch */
    .toggle-group[b-uvee2sqd8f] { margin-bottom: 16px; }

    .toggle-row[b-uvee2sqd8f] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 16px;
        background: var(--color-bg-page);
        border-radius: var(--radius-md);
        border: 1px solid var(--color-border);
    }

    .toggle-plan-name[b-uvee2sqd8f] {
        font-size: 14px;
        font-weight: 500;
        color: var(--color-text-primary);
    }

    .toggle-switch[b-uvee2sqd8f] {
        position: relative;
        display: inline-block;
        width: 44px;
        height: 24px;
        cursor: pointer;
    }

    .toggle-switch input[b-uvee2sqd8f] { opacity: 0; width: 0; height: 0; }

    .toggle-slider[b-uvee2sqd8f] {
        position: absolute;
        top: 0; left: 0; right: 0; bottom: 0;
        background-color: #CBD5E1;
        border-radius: 24px;
        transition: 0.3s;
    }

    .toggle-slider[b-uvee2sqd8f]::before {
        position: absolute;
        content: "";
        width: 18px;
        height: 18px;
        left: 3px;
        bottom: 3px;
        background: white;
        border-radius: 50%;
        transition: 0.3s;
    }

    .toggle-switch input:checked + .toggle-slider[b-uvee2sqd8f] { background-color: #D4A03C; }
    .toggle-switch input:checked + .toggle-slider[b-uvee2sqd8f]::before { transform: translateX(20px); }

    /* Price Input */
    .price-input-wrapper[b-uvee2sqd8f] {
        position: relative;
        display: flex;
        align-items: center;
    }

    .price-prefix[b-uvee2sqd8f] {
        position: absolute;
        left: 14px;
        font-size: 14px;
        color: var(--color-text-secondary);
        font-weight: 500;
    }

    .price-input[b-uvee2sqd8f] {
        width: 100%;
        padding: 10px 14px 10px 28px !important;
    }

    /* Modal Header Row */
    .modal-header-row[b-uvee2sqd8f] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 16px;
    }

    .modal-header-row .modal-title[b-uvee2sqd8f] { margin-bottom: 0; }

    .modal-divider[b-uvee2sqd8f] {
        border: none;
        border-top: 1px solid var(--color-border-light);
        margin: 0 0 16px;
    }

    .btn-link[b-uvee2sqd8f] {
        background: none;
        border: none;
        color: var(--color-primary);
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        padding: 0;
    }

    .btn-link:hover[b-uvee2sqd8f] { text-decoration: underline; }

    /* Property Filter */
    .date-range-row[b-uvee2sqd8f],
    .price-range-row[b-uvee2sqd8f] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

    .date-range-row input[b-uvee2sqd8f],
    .price-range-row input[b-uvee2sqd8f] {
        width: 100%;
        padding: 10px 14px;
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        font-size: 14px;
        background: var(--color-bg-card);
    }

    .range-labels[b-uvee2sqd8f] {
        display: flex;
        justify-content: space-between;
        font-size: 12px;
        color: var(--color-primary);
        margin-top: 8px;
    }

    .price-slider[b-uvee2sqd8f] {
        width: 100%;
        margin-top: 4px;
        accent-color: var(--color-primary);
    }

    /* Delete selected confirm */
    .status-badge.suspended[b-uvee2sqd8f] { background-color: #FEF3C7; color: #D97706; }
    .status-badge.deactivated[b-uvee2sqd8f] { background-color: #FEE2E2; color: #DC2626; }
    .status-select.suspended[b-uvee2sqd8f] { color: #D97706; }

    .setting-key[b-uvee2sqd8f] {
        display: block;
        font-size: 12px;
        color: var(--color-text-muted);
        margin-top: 4px;
    }

    .header-actions[b-uvee2sqd8f] {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    @media (max-width: 1200px) {
        .stats-row[b-uvee2sqd8f] {
            grid-template-columns: repeat(2, 1fr);
        }

        .charts-row[b-uvee2sqd8f] {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 768px) {
        .billing-page[b-uvee2sqd8f] {
            gap: 16px;
        }

        .page-header[b-uvee2sqd8f] {
            flex-direction: column;
            align-items: stretch;
            gap: 12px;
        }

        .page-title[b-uvee2sqd8f] {
            font-size: 20px;
        }

        .header-actions[b-uvee2sqd8f] {
            flex-wrap: wrap;
        }

        .billing-tabs[b-uvee2sqd8f] {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }

        .tab-btn[b-uvee2sqd8f] {
            flex: none;
            white-space: nowrap;
            padding: 8px 14px;
            font-size: 13px;
        }

        .stats-row[b-uvee2sqd8f] {
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
        }

        .stat-card[b-uvee2sqd8f] {
            padding: 14px;
        }

        .stat-value[b-uvee2sqd8f] {
            font-size: 22px;
        }

        .chart-card[b-uvee2sqd8f] {
            padding: 16px;
            overflow: hidden;
        }

        .chart-header[b-uvee2sqd8f] {
            flex-direction: column;
            align-items: flex-start;
            gap: 8px;
        }

        .chart-container[b-uvee2sqd8f] {
            height: 200px;
            overflow-x: auto;
        }

        .table-card[b-uvee2sqd8f] {
            padding: 16px;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }

        .data-table[b-uvee2sqd8f] {
            min-width: 700px;
        }

        .data-table th[b-uvee2sqd8f],
        .data-table td[b-uvee2sqd8f] {
            padding: 10px 12px;
            font-size: 13px;
            white-space: nowrap;
        }

        .table-header[b-uvee2sqd8f] {
            flex-direction: column;
            align-items: stretch;
            gap: 12px;
        }

        .table-search[b-uvee2sqd8f] {
            width: 100%;
        }

        .plans-grid[b-uvee2sqd8f] {
            grid-template-columns: 1fr;
        }

        .payment-history-mobile[b-uvee2sqd8f] {
            display: block;
            margin-top: 24px;
        }

        .modal-content[b-uvee2sqd8f] {
            max-width: 95vw;
            padding: 20px;
        }

        .date-range-row[b-uvee2sqd8f],
        .price-range-row[b-uvee2sqd8f] {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 480px) {
        .stats-row[b-uvee2sqd8f] {
            grid-template-columns: 1fr;
        }

        .stat-value[b-uvee2sqd8f] {
            font-size: 18px;
        }
    }
/* _content/Listico.Web/Components/Pages/Admin/CMS.razor.rz.scp.css */
    .cms-page .page-header[b-o7gx5o6if6] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 24px;
    }

    .cms-page .header-left h1[b-o7gx5o6if6] {
        font-size: 24px;
        font-weight: 600;
        color: var(--color-text-primary);
        margin: 0 0 4px;
    }

    .cms-page .header-left p[b-o7gx5o6if6] {
        font-size: 14px;
        color: var(--color-text-muted);
        margin: 0;
    }

    .cms-page .header-actions[b-o7gx5o6if6] {
        display: flex;
        gap: 12px;
    }

    .cms-page .btn-primary[b-o7gx5o6if6] {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 20px;
        background-color: var(--color-secondary);
        color: white;
        border: none;
        border-radius: var(--radius-md);
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
    }

    .cms-page .btn-primary:hover[b-o7gx5o6if6] { opacity: 0.9; }
    .cms-page .btn-primary:disabled[b-o7gx5o6if6] { opacity: 0.6; cursor: not-allowed; }

    .cms-page .btn-secondary[b-o7gx5o6if6] {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 20px;
        background: var(--color-bg-card);
        color: var(--color-text-secondary);
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        font-size: 14px;
        cursor: pointer;
    }

    .cms-page .btn-secondary:hover[b-o7gx5o6if6] {
        border-color: var(--color-primary);
        color: var(--color-primary);
    }

    .cms-tabs[b-o7gx5o6if6] {
        display: flex;
        gap: 4px;
        background: var(--color-bg-card);
        border-radius: var(--radius-lg);
        padding: 4px;
        margin-bottom: 24px;
        overflow-x: auto;
    }

    .tab-btn[b-o7gx5o6if6] {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 10px 16px;
        background: transparent;
        border: none;
        border-radius: var(--radius-md);
        font-size: 14px;
        color: var(--color-text-muted);
        cursor: pointer;
        white-space: nowrap;
        transition: all 0.2s;
    }

    .tab-btn:hover[b-o7gx5o6if6] { color: var(--color-text-primary); background: var(--color-bg-page); }
    .tab-btn.active[b-o7gx5o6if6] { background: var(--color-primary); color: white; }
    .tab-btn svg[b-o7gx5o6if6] { width: 18px; height: 18px; }

    .cms-content[b-o7gx5o6if6] { min-height: 300px; }

    .loading-state[b-o7gx5o6if6] { padding: 60px 20px; text-align: center; color: var(--color-text-muted); }

    .spinner[b-o7gx5o6if6] {
        width: 48px; height: 48px;
        border: 3px solid var(--color-border);
        border-top-color: var(--color-primary);
        border-radius: 50%;
        animation: cms-spin-b-o7gx5o6if6 1s linear infinite;
        margin: 0 auto 16px;
    }

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

    .spinner-small[b-o7gx5o6if6] {
        width: 16px; height: 16px;
        border: 2px solid rgba(255,255,255,0.3);
        border-top-color: white;
        border-radius: 50%;
        animation: cms-spin-b-o7gx5o6if6 1s linear infinite;
        display: inline-block;
    }

    .list-header[b-o7gx5o6if6] { margin-bottom: 20px; }

    .search-filter[b-o7gx5o6if6] { display: flex; gap: 12px; align-items: center; }

    .search-filter .search-box[b-o7gx5o6if6] {
        position: relative; flex: 1; max-width: 300px;
    }

    .search-filter .search-box svg[b-o7gx5o6if6] {
        position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--color-text-muted);
    }

    .search-filter .search-box input[b-o7gx5o6if6] {
        width: 100%; padding: 10px 12px 10px 40px;
        border: 1px solid var(--color-border); border-radius: var(--radius-md);
        font-size: 14px; background: var(--color-bg-card);
    }

    .search-filter .search-box input:focus[b-o7gx5o6if6] { outline: none; border-color: var(--color-primary); }

    .search-filter select[b-o7gx5o6if6] {
        padding: 10px 12px; border: 1px solid var(--color-border);
        border-radius: var(--radius-md); font-size: 14px; background: var(--color-bg-card);
    }

    .data-table[b-o7gx5o6if6] {
        width: 100%; border-collapse: collapse;
        background: var(--color-bg-card); border-radius: var(--radius-lg); overflow: hidden;
    }

    .data-table th[b-o7gx5o6if6] {
        padding: 12px 16px; text-align: left; font-size: 12px; font-weight: 600;
        color: var(--color-text-muted); text-transform: uppercase; letter-spacing: 0.05em;
        border-bottom: 1px solid var(--color-border-light);
    }

    .data-table td[b-o7gx5o6if6] {
        padding: 14px 16px; font-size: 14px; color: var(--color-text-primary);
        border-bottom: 1px solid var(--color-border-light);
    }

    .data-table tr:last-child td[b-o7gx5o6if6] { border-bottom: none; }

    .data-table code[b-o7gx5o6if6] {
        font-size: 13px; color: var(--color-primary);
        background: rgba(59,130,246,0.1); padding: 2px 8px; border-radius: 4px;
    }

    .status-badge[b-o7gx5o6if6] { display: inline-block; padding: 4px 12px; border-radius: 20px; font-size: 12px; font-weight: 500; }
    .status-badge.published[b-o7gx5o6if6] { background: #DCFCE7; color: #16A34A; }
    .status-badge.draft[b-o7gx5o6if6] { background: #FEF3C7; color: #D97706; }

    .action-buttons[b-o7gx5o6if6] { display: flex; gap: 8px; }

    .action-btn[b-o7gx5o6if6] {
        width: 32px; height: 32px;
        border: 1px solid var(--color-border); border-radius: var(--radius-sm);
        background: var(--color-bg-card); cursor: pointer;
        display: flex; align-items: center; justify-content: center;
        color: var(--color-text-muted); transition: all 0.2s;
    }

    .action-btn:hover[b-o7gx5o6if6] { border-color: var(--color-primary); color: var(--color-primary); }
    .action-btn.danger:hover[b-o7gx5o6if6] { border-color: #DC2626; color: #DC2626; }

    .blog-grid[b-o7gx5o6if6] { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }

    .blog-card[b-o7gx5o6if6] { background: var(--color-bg-card); border-radius: var(--radius-lg); overflow: hidden; }
    .blog-image[b-o7gx5o6if6] { position: relative; height: 180px; overflow: hidden; }
    .blog-image img[b-o7gx5o6if6] { width: 100%; height: 100%; object-fit: cover; }
    .blog-category[b-o7gx5o6if6] { position: absolute; top: 12px; left: 12px; padding: 4px 10px; background: rgba(0,0,0,0.6); color: white; border-radius: 20px; font-size: 12px; }
    .blog-content[b-o7gx5o6if6] { padding: 16px; }
    .blog-content h3[b-o7gx5o6if6] { font-size: 16px; font-weight: 600; margin: 0 0 8px; color: var(--color-text-primary); }
    .blog-content p[b-o7gx5o6if6] { font-size: 13px; color: var(--color-text-muted); margin: 0 0 12px; line-height: 1.5; }
    .blog-meta[b-o7gx5o6if6] { display: flex; justify-content: space-between; font-size: 12px; color: var(--color-text-muted); margin-bottom: 12px; }
    .blog-actions[b-o7gx5o6if6] { display: flex; justify-content: space-between; align-items: center; }

    .faq-list[b-o7gx5o6if6] { display: flex; flex-direction: column; gap: 8px; }
    .faq-item[b-o7gx5o6if6] { background: var(--color-bg-card); border-radius: var(--radius-lg); padding: 16px 20px; cursor: pointer; transition: all 0.2s; }
    .faq-item:hover[b-o7gx5o6if6] { box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
    .faq-header[b-o7gx5o6if6] { display: flex; justify-content: space-between; align-items: center; }
    .faq-info[b-o7gx5o6if6] { flex: 1; }
    .faq-category[b-o7gx5o6if6] { display: inline-block; font-size: 11px; color: var(--color-primary); background: rgba(59,130,246,0.1); padding: 2px 8px; border-radius: 10px; margin-bottom: 6px; }
    .faq-info h4[b-o7gx5o6if6] { font-size: 15px; font-weight: 500; margin: 0; color: var(--color-text-primary); }
    .faq-controls[b-o7gx5o6if6] { display: flex; align-items: center; gap: 8px; }
    .faq-order[b-o7gx5o6if6] { font-size: 12px; color: var(--color-text-muted); }
    .expand-icon[b-o7gx5o6if6] { transition: transform 0.2s; color: var(--color-text-muted); }
    .faq-item.expanded .expand-icon[b-o7gx5o6if6] { transform: rotate(180deg); }
    .faq-answer[b-o7gx5o6if6] { padding-top: 12px; margin-top: 12px; border-top: 1px solid var(--color-border-light); }
    .faq-answer p[b-o7gx5o6if6] { font-size: 14px; color: var(--color-text-secondary); line-height: 1.6; margin: 0; }

    .testimonials-grid[b-o7gx5o6if6] { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }
    .testimonial-card[b-o7gx5o6if6] { background: var(--color-bg-card); border-radius: var(--radius-lg); padding: 20px; }
    .testimonial-header[b-o7gx5o6if6] { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
    .testimonial-avatar[b-o7gx5o6if6] { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }
    .testimonial-info[b-o7gx5o6if6] { flex: 1; }
    .testimonial-info h4[b-o7gx5o6if6] { font-size: 15px; font-weight: 600; margin: 0; color: var(--color-text-primary); }
    .testimonial-info p[b-o7gx5o6if6] { font-size: 13px; color: var(--color-text-muted); margin: 2px 0 0; }
    .testimonial-rating[b-o7gx5o6if6] { color: #F59E0B; display: flex; gap: 2px; }
    .testimonial-card blockquote[b-o7gx5o6if6] { font-size: 14px; color: var(--color-text-secondary); line-height: 1.6; margin: 0 0 16px; font-style: italic; }
    .testimonial-footer[b-o7gx5o6if6] { display: flex; justify-content: space-between; align-items: center; }

    .banners-grid[b-o7gx5o6if6] { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 20px; }
    .banner-card[b-o7gx5o6if6] { background: var(--color-bg-card); border-radius: var(--radius-lg); overflow: hidden; }
    .banner-preview[b-o7gx5o6if6] { position: relative; height: 160px; overflow: hidden; }
    .banner-preview img[b-o7gx5o6if6] { width: 100%; height: 100%; object-fit: cover; }
    .banner-overlay[b-o7gx5o6if6] { position: absolute; bottom: 0; left: 0; right: 0; padding: 8px 12px; background: linear-gradient(transparent, rgba(0,0,0,0.6)); }
    .banner-position[b-o7gx5o6if6] { color: white; font-size: 12px; }
    .banner-info[b-o7gx5o6if6] { padding: 16px; }
    .banner-info h4[b-o7gx5o6if6] { font-size: 15px; font-weight: 600; margin: 0 0 4px; color: var(--color-text-primary); }
    .banner-link[b-o7gx5o6if6] { font-size: 13px; color: var(--color-text-muted); margin: 0 0 12px; word-break: break-all; }
    .banner-meta[b-o7gx5o6if6] { display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: var(--color-text-muted); margin-bottom: 12px; }

    .media-toolbar[b-o7gx5o6if6] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
    .media-grid[b-o7gx5o6if6] { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 16px; }
    .media-item[b-o7gx5o6if6] { background: var(--color-bg-card); border-radius: var(--radius-lg); overflow: hidden; cursor: pointer; border: 2px solid transparent; transition: border-color 0.2s; }
    .media-item.selected[b-o7gx5o6if6] { border-color: var(--color-primary); }
    .media-preview[b-o7gx5o6if6] { height: 140px; display: flex; align-items: center; justify-content: center; background: var(--color-bg-page); overflow: hidden; }
    .media-preview img[b-o7gx5o6if6] { width: 100%; height: 100%; object-fit: cover; }
    .media-details[b-o7gx5o6if6] { padding: 12px; }
    .media-details p[b-o7gx5o6if6] { font-size: 13px; margin: 0; color: var(--color-text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .media-details span[b-o7gx5o6if6] { font-size: 12px; color: var(--color-text-muted); }

    /* Modals */
    .cms-page .modal-overlay[b-o7gx5o6if6] {
        position: fixed; inset: 0;
        background: rgba(0,0,0,0.5);
        display: flex; align-items: center; justify-content: center;
        z-index: 9999;
    }

    .cms-page .modal-content[b-o7gx5o6if6] {
        background: var(--color-bg-card); border-radius: var(--radius-lg);
        padding: 32px; width: 100%; max-width: 480px;
        position: relative; max-height: 90vh; overflow-y: auto;
    }

    .cms-page .modal-content.modal-large[b-o7gx5o6if6] { max-width: 700px; }

    .cms-page .modal-close[b-o7gx5o6if6] {
        position: absolute; top: 16px; right: 16px;
        width: 32px; height: 32px;
        border: none; background: transparent; cursor: pointer;
        color: var(--color-text-muted);
        display: flex; align-items: center; justify-content: center;
        border-radius: var(--radius-sm);
    }

    .cms-page .modal-close:hover[b-o7gx5o6if6] { background: var(--color-bg-page); color: var(--color-text-primary); }

    .cms-page .modal-content h3[b-o7gx5o6if6] {
        font-size: 18px; font-weight: 600; margin: 0 0 20px; color: var(--color-text-primary);
    }

    .cms-page .modal-actions[b-o7gx5o6if6] {
        display: flex; gap: 12px; margin-top: 20px;
    }

    .cms-page .modal-actions button[b-o7gx5o6if6] { flex: 1; justify-content: center; }

    /* Forms */
    .cms-page .form-group[b-o7gx5o6if6] { margin-bottom: 16px; }

    .cms-page .form-group label[b-o7gx5o6if6] {
        display: block; font-size: 14px; font-weight: 500;
        color: var(--color-text-primary); margin-bottom: 6px;
    }

    .cms-page .form-group input[b-o7gx5o6if6],
    .cms-page .form-group select[b-o7gx5o6if6],
    .cms-page .form-group textarea[b-o7gx5o6if6] {
        width: 100%; padding: 10px 14px;
        border: 1px solid var(--color-border); border-radius: var(--radius-md);
        font-size: 14px; color: var(--color-text-primary);
        background: var(--color-bg-card); font-family: inherit;
    }

    .cms-page .form-group input:focus[b-o7gx5o6if6],
    .cms-page .form-group select:focus[b-o7gx5o6if6],
    .cms-page .form-group textarea:focus[b-o7gx5o6if6] {
        outline: none; border-color: var(--color-primary);
    }

    .cms-page .form-group textarea[b-o7gx5o6if6] { resize: vertical; min-height: 80px; }

    .cms-page .form-row[b-o7gx5o6if6] {
        display: grid; grid-template-columns: 1fr 1fr; gap: 16px;
    }

    .cms-page .checkbox-label[b-o7gx5o6if6] {
        display: flex; align-items: center; gap: 8px; cursor: pointer;
    }

    .cms-page .checkbox-label input[type="checkbox"][b-o7gx5o6if6] { width: auto; }

    .error-message[b-o7gx5o6if6] {
        padding: 10px 14px; background: #FEE2E2; border: 1px solid #FECACA;
        border-radius: var(--radius-md); color: #DC2626; font-size: 13px; margin-bottom: 12px;
    }

    .delete-warning[b-o7gx5o6if6] { color: var(--color-text-secondary); font-size: 14px; margin-bottom: 20px; }
    .delete-warning strong[b-o7gx5o6if6] { color: var(--color-text-primary); }

    .btn-danger[b-o7gx5o6if6] {
        display: inline-flex; align-items: center; gap: 8px;
        padding: 10px 20px; background: #DC2626; color: white; border: none;
        border-radius: var(--radius-md); font-size: 14px; font-weight: 500; cursor: pointer;
    }

    .btn-danger:hover[b-o7gx5o6if6] { background: #B91C1C; }
    .btn-danger:disabled[b-o7gx5o6if6] { opacity: 0.6; cursor: not-allowed; }

    .item-title[b-o7gx5o6if6] { font-weight: 500; }

    .image-upload-field[b-o7gx5o6if6] {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .image-preview[b-o7gx5o6if6] {
        position: relative;
        display: inline-block;
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        overflow: hidden;
        max-width: 200px;
    }

    .image-preview img[b-o7gx5o6if6] {
        display: block;
        width: 100%;
        height: auto;
        max-height: 150px;
        object-fit: cover;
    }

    .image-preview.avatar-preview[b-o7gx5o6if6] {
        max-width: 80px;
        border-radius: 50%;
    }

    .image-preview.avatar-preview img[b-o7gx5o6if6] {
        max-height: 80px;
    }

    .remove-image-btn[b-o7gx5o6if6] {
        position: absolute;
        top: 4px;
        right: 4px;
        background: rgba(0,0,0,0.6);
        color: white;
        border: none;
        border-radius: 4px;
        padding: 2px 8px;
        font-size: 11px;
        cursor: pointer;
    }

    .remove-image-btn:hover[b-o7gx5o6if6] { background: rgba(220,38,38,0.9); }

    .upload-input-row[b-o7gx5o6if6] {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .upload-input-row[b-o7gx5o6if6]  input[type="file"] {
        font-size: 13px;
        color: var(--color-text-secondary);
    }

    .upload-status[b-o7gx5o6if6] {
        font-size: 13px;
        color: var(--color-primary);
        font-weight: 500;
    }

    @media (max-width: 768px) {
        .cms-page .page-header[b-o7gx5o6if6] {
            flex-direction: column;
            align-items: stretch;
            gap: 12px;
        }

        .cms-page .header-left h1[b-o7gx5o6if6] {
            font-size: 20px;
        }

        .cms-page .header-actions[b-o7gx5o6if6] {
            flex-wrap: wrap;
        }

        .cms-tabs[b-o7gx5o6if6] {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            flex-wrap: nowrap;
        }

        .tab-btn[b-o7gx5o6if6] {
            flex-shrink: 0;
            padding: 8px 14px;
            font-size: 13px;
        }

        .blog-grid[b-o7gx5o6if6], .testimonials-grid[b-o7gx5o6if6], .banners-grid[b-o7gx5o6if6] { grid-template-columns: 1fr; }
        .cms-page .form-row[b-o7gx5o6if6] { grid-template-columns: 1fr; }

        .search-filter[b-o7gx5o6if6] {
            flex-direction: column;
            align-items: stretch;
        }

        .search-filter .search-box[b-o7gx5o6if6] {
            max-width: none;
        }

        .data-table[b-o7gx5o6if6] {
            display: block;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }

        .data-table th[b-o7gx5o6if6],
        .data-table td[b-o7gx5o6if6] {
            padding: 10px 12px;
            font-size: 13px;
            white-space: nowrap;
        }

        .modal-content[b-o7gx5o6if6] {
            max-width: 95vw;
        }
    }
/* _content/Listico.Web/Components/Pages/Admin/Dashboard.razor.rz.scp.css */
.dashboard-page[b-xvo9e5tojb] {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 24px;
    padding: 24px;
    min-height: calc(100vh - 80px);
    min-width: 0;
}

.dashboard-main[b-xvo9e5tojb] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 0;
}

/* Stats Cards */
.stats-row[b-xvo9e5tojb] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.stat-card[b-xvo9e5tojb] {
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    padding: 20px;
    border: 1px solid var(--color-border-light);
    min-width: 0;
    overflow: hidden;
}

.stat-label[b-xvo9e5tojb] {
    font-size: 14px;
    color: var(--color-text-muted);
    margin-bottom: 8px;
}

.stat-value-row[b-xvo9e5tojb] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: nowrap;
    min-width: 0;
}

.stat-value[b-xvo9e5tojb] {
    font-size: clamp(22px, 2.5vw, 32px);
    font-weight: 700;
    color: var(--color-text-primary);
    white-space: nowrap;
    flex-shrink: 0;
}

.stat-growth[b-xvo9e5tojb] {
    font-size: clamp(11px, 1.2vw, 13px);
    font-weight: 500;
    white-space: nowrap;
    flex-shrink: 0;
}

.stat-growth.positive[b-xvo9e5tojb] {
    color: #16A34A;
}

.stat-growth.negative[b-xvo9e5tojb] {
    color: #DC2626;
}

.stat-growth svg[b-xvo9e5tojb] {
    width: 14px;
    height: 14px;
}

/* Chart Card */
.chart-card[b-xvo9e5tojb] {
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    padding: 24px;
    border: 1px solid var(--color-border-light);
    min-width: 0;
    overflow: hidden;
}

.chart-header[b-xvo9e5tojb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.chart-header h3[b-xvo9e5tojb] {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text-primary);
    margin: 0;
}

.chart-controls[b-xvo9e5tojb] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.year-toggle[b-xvo9e5tojb] {
    display: flex;
    gap: 8px;
}

.year-toggle button[b-xvo9e5tojb] {
    padding: 6px 12px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--color-text-secondary);
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s;
}

.year-toggle button.active[b-xvo9e5tojb] {
    background: var(--color-primary);
    color: white;
    border-color: var(--color-primary);
}

.month-select[b-xvo9e5tojb] {
    padding: 6px 12px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-bg-card);
    color: var(--color-text-secondary);
    font-size: 13px;
    cursor: pointer;
}

.chart-container[b-xvo9e5tojb] {
    height: 300px;
}

.growth-chart[b-xvo9e5tojb] {
    width: 100%;
    height: 100%;
}

/* Recent Users Table */
.recent-users-card[b-xvo9e5tojb] {
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    padding: 24px;
    border: 1px solid var(--color-border-light);
    min-width: 0;
    overflow-x: auto;
}

.card-header[b-xvo9e5tojb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.card-header h3[b-xvo9e5tojb] {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text-primary);
    margin: 0;
}

.btn-icon[b-xvo9e5tojb] {
    width: 32px;
    height: 32px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-muted);
}

.btn-icon svg[b-xvo9e5tojb] {
    width: 16px;
    height: 16px;
}

.users-table[b-xvo9e5tojb] {
    width: 100%;
    border-collapse: collapse;
}

.users-table thead th[b-xvo9e5tojb] {
    text-align: left;
    padding: 12px 16px;
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text-muted);
    border-bottom: 1px solid var(--color-border-light);
}

.users-table tbody td[b-xvo9e5tojb] {
    padding: 16px;
    border-bottom: 1px solid var(--color-border-light);
}

.user-cell[b-xvo9e5tojb] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.user-avatar[b-xvo9e5tojb] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
}

.plan-badge[b-xvo9e5tojb] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
}

.plan-badge.plan-featured[b-xvo9e5tojb] {
    background: #DBEAFE;
    color: #1E40AF;
}

.plan-badge.plan-premium[b-xvo9e5tojb] {
    background: #FEF3C7;
    color: #92400E;
}

.plan-badge.plan-basic[b-xvo9e5tojb] {
    background: #E5E7EB;
    color: #374151;
}

.role-text[b-xvo9e5tojb] {
    font-size: 14px;
    color: var(--color-text-secondary);
}

/* Sidebar */
.dashboard-sidebar[b-xvo9e5tojb] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 0;
    overflow: hidden;
}

/* Reports Section */
.reports-section[b-xvo9e5tojb] {
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    padding: 20px;
    border: 1px solid var(--color-border-light);
    min-width: 0;
    overflow: hidden;
}

.reports-section h3[b-xvo9e5tojb] {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-primary);
    margin: 0 0 16px 0;
}

.report-item[b-xvo9e5tojb] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: background 0.2s;
}

.report-item:hover[b-xvo9e5tojb] {
    background: var(--color-bg-page);
}

.report-icon[b-xvo9e5tojb] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #DBEAFE;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.report-icon svg[b-xvo9e5tojb] {
    width: 20px;
    height: 20px;
    color: #3B82F6;
}

.report-icon.violation[b-xvo9e5tojb] {
    background: #FEE2E2;
}

.report-icon.violation svg[b-xvo9e5tojb] {
    color: #DC2626;
}

.report-icon.subscription[b-xvo9e5tojb] {
    background: #FEF3C7;
}

.report-icon.subscription svg[b-xvo9e5tojb] {
    color: #D97706;
}

.report-content[b-xvo9e5tojb] {
    flex: 1;
}

.report-label[b-xvo9e5tojb] {
    font-size: 14px;
    color: var(--color-text-secondary);
    margin-bottom: 2px;
}

.report-count[b-xvo9e5tojb] {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text-primary);
}

/* Activities Section */
.activities-section[b-xvo9e5tojb] {
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    padding: 20px;
    border: 1px solid var(--color-border-light);
    min-width: 0;
    overflow: hidden;
}

.activities-header[b-xvo9e5tojb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.activities-header h3[b-xvo9e5tojb] {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-primary);
    margin: 0;
}

.see-all[b-xvo9e5tojb] {
    font-size: 13px;
    color: var(--color-primary);
    text-decoration: none;
}

.see-all:hover[b-xvo9e5tojb] {
    text-decoration: underline;
}

.activities-list[b-xvo9e5tojb] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.activity-item[b-xvo9e5tojb] {
    display: flex;
    gap: 12px;
}

.activity-avatar[b-xvo9e5tojb] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.activity-content[b-xvo9e5tojb] {
    flex: 1;
}

.activity-text[b-xvo9e5tojb] {
    font-size: 13px;
    color: var(--color-text-primary);
    line-height: 1.5;
    margin-bottom: 4px;
    overflow-wrap: break-word;
    word-break: break-word;
}

.activity-time[b-xvo9e5tojb] {
    font-size: 12px;
    color: var(--color-text-muted);
}

/* Loading State */
.loading-state[b-xvo9e5tojb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    color: var(--color-text-muted);
}

.spinner[b-xvo9e5tojb] {
    width: 48px;
    height: 48px;
    border: 3px solid var(--color-border);
    border-top-color: var(--color-primary);
    border-radius: 50%;
    animation: spin-b-xvo9e5tojb 1s linear infinite;
    margin-bottom: 16px;
}

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

@media (max-width: 1200px) {
    .dashboard-page[b-xvo9e5tojb] {
        grid-template-columns: 1fr;
    }

    .stats-row[b-xvo9e5tojb] {
        grid-template-columns: repeat(2, 1fr);
    }

    .dashboard-sidebar[b-xvo9e5tojb] {
        flex-direction: row;
    }

    .reports-section[b-xvo9e5tojb],
    .activities-section[b-xvo9e5tojb] {
        flex: 1;
    }
}

@media (max-width: 768px) {
    .dashboard-page[b-xvo9e5tojb] {
        padding: 12px;
        gap: 16px;
    }

    .dashboard-main[b-xvo9e5tojb] {
        gap: 16px;
    }

    .dashboard-sidebar[b-xvo9e5tojb] {
        flex-direction: column;
    }

    .stats-row[b-xvo9e5tojb] {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .stat-card[b-xvo9e5tojb] {
        padding: 14px;
    }

    .stat-value[b-xvo9e5tojb] {
        font-size: 24px;
    }

    .chart-card[b-xvo9e5tojb] {
        padding: 16px;
    }

    .chart-header[b-xvo9e5tojb] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .chart-controls[b-xvo9e5tojb] {
        width: 100%;
        flex-wrap: wrap;
    }

    .chart-container[b-xvo9e5tojb] {
        height: 220px;
        overflow-x: auto;
    }

    .recent-users-card[b-xvo9e5tojb] {
        padding: 16px;
    }

    .users-table[b-xvo9e5tojb] {
        min-width: 500px;
    }

    .reports-section[b-xvo9e5tojb],
    .activities-section[b-xvo9e5tojb] {
        padding: 16px;
    }

    .report-label[b-xvo9e5tojb] {
        font-size: 13px;
    }

    .report-count[b-xvo9e5tojb] {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .stats-row[b-xvo9e5tojb] {
        grid-template-columns: 1fr;
    }

    .stat-value[b-xvo9e5tojb] {
        font-size: 20px;
    }

    .chart-container[b-xvo9e5tojb] {
        height: 180px;
    }
}
/* _content/Listico.Web/Components/Pages/Admin/Listings.razor.rz.scp.css */
    .listings-page[b-apm7iu7eyx] {
    }

    .page-header[b-apm7iu7eyx] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 32px;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        padding: 24px;
        border-radius: 16px;
        box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
    }

    .page-title[b-apm7iu7eyx] {
        font-size: 28px;
        font-weight: 700;
        color: white;
        margin: 0;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }

    .header-actions[b-apm7iu7eyx] {
        display: flex;
        gap: 12px;
    }

    .btn[b-apm7iu7eyx] {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 12px 20px;
        border-radius: 10px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        border: none;
        transition: all 0.3s ease;
    }

    .btn svg[b-apm7iu7eyx] {
        width: 18px;
        height: 18px;
    }

    .btn-primary[b-apm7iu7eyx] {
        background: white;
        color: var(--color-primary);
        box-shadow: 0 4px 15px rgba(245, 87, 108, 0.4);
    }

    .btn-primary:hover[b-apm7iu7eyx] {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(245, 87, 108, 0.5);
    }

    .btn-secondary[b-apm7iu7eyx] {
        background: rgba(255, 255, 255, 0.95);
        color: var(--color-text-primary);
        border: 2px solid rgba(255, 255, 255, 0.3);
    }

    .btn-secondary:hover[b-apm7iu7eyx] {
        background: rgba(255, 255, 255, 0.9);
        transform: translateY(-2px);
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    }

    .btn-danger[b-apm7iu7eyx] {
        background: #dc2626;
        color: white;
    }

    .btn-danger:hover[b-apm7iu7eyx] {
        background: #b91c1c;
        transform: translateY(-2px);
        box-shadow: 0 4px 15px rgba(220, 38, 38, 0.4);
    }

    .filters-bar[b-apm7iu7eyx] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 24px;
        gap: 16px;
        flex-wrap: wrap;
    }

    .search-box[b-apm7iu7eyx] {
        display: flex;
        align-items: center;
        background: var(--color-bg-card);
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        padding: 0 12px;
        flex: 1;
        max-width: 400px;
    }

    .search-box svg[b-apm7iu7eyx] {
        width: 20px;
        height: 20px;
        color: var(--color-text-muted);
    }

    .search-box input[b-apm7iu7eyx] {
        border: none;
        background: none;
        padding: 12px;
        font-size: 14px;
        width: 100%;
        outline: none;
    }

    .filter-group[b-apm7iu7eyx] {
        display: flex;
        gap: 12px;
    }

    .filter-group select[b-apm7iu7eyx] {
        padding: 10px 32px 10px 12px;
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        background: var(--color-bg-card);
        font-size: 14px;
        cursor: pointer;
        appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 10px center;
    }

    .loading-state[b-apm7iu7eyx] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 60px;
        color: var(--color-text-muted);
    }

    .spinner[b-apm7iu7eyx] {
        width: 40px;
        height: 40px;
        border: 3px solid var(--color-border);
        border-top-color: var(--color-primary);
        border-radius: 50%;
        animation: spin-b-apm7iu7eyx 1s linear infinite;
        margin-bottom: 16px;
    }

    .spinner-small[b-apm7iu7eyx] {
        width: 16px;
        height: 16px;
        border: 2px solid var(--color-border);
        border-top-color: var(--color-primary);
        border-radius: 50%;
        animation: spin-b-apm7iu7eyx 1s linear infinite;
    }

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

    .empty-state-card[b-apm7iu7eyx] {
        background: var(--color-bg-card);
        border-radius: var(--radius-lg);
        padding: 60px;
        text-align: center;
    }

    .empty-state-card svg[b-apm7iu7eyx] {
        width: 64px;
        height: 64px;
        color: var(--color-text-muted);
        margin-bottom: 16px;
    }

    .empty-state-card h3[b-apm7iu7eyx] {
        font-size: 18px;
        font-weight: 600;
        margin: 0 0 8px;
    }

    .empty-state-card p[b-apm7iu7eyx] {
        color: var(--color-text-muted);
        margin: 0;
    }

    .table-card[b-apm7iu7eyx] {
        background: white;
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        border: 1px solid rgba(0, 0, 0, 0.05);
    }

    .data-table[b-apm7iu7eyx] {
        width: 100%;
        border-collapse: collapse;
    }

    .data-table th[b-apm7iu7eyx],
    .data-table td[b-apm7iu7eyx] {
        padding: 18px;
        text-align: left;
        border-bottom: 1px solid #f1f3f5;
    }

    .data-table th[b-apm7iu7eyx] {
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        color: #6b7280;
        background: linear-gradient(to bottom, #f9fafb 0%, #f3f4f6 100%);
    }

    .data-table tbody tr[b-apm7iu7eyx] {
        transition: all 0.2s ease;
    }

    .data-table tbody tr:hover[b-apm7iu7eyx] {
        background: linear-gradient(to right, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.05) 100%);
        transform: scale(1.01);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    }

    .data-table td[b-apm7iu7eyx] {
        font-size: 14px;
        color: #374151;
    }

    .property-info[b-apm7iu7eyx] {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .property-thumb[b-apm7iu7eyx] {
        width: 48px;
        height: 36px;
        border-radius: var(--radius-sm);
        object-fit: cover;
        background: var(--color-bg-page);
    }

    .property-title[b-apm7iu7eyx] {
        display: block;
        font-weight: 500;
    }

    .property-id[b-apm7iu7eyx] {
        font-size: 12px;
        color: var(--color-text-muted);
    }

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

    .status-active[b-apm7iu7eyx] {
        background: #d1fae5;
        color: #065f46;
    }

    .status-pending[b-apm7iu7eyx] {
        background: #fef3c7;
        color: #d97706;
    }

    .status-sold[b-apm7iu7eyx] {
        background: #dbeafe;
        color: #065f46;
    }

    .status-expired[b-apm7iu7eyx] {
        background: #fee2e2;
        color: #b91c1c;
    }

    .status-draft[b-apm7iu7eyx] {
        background: #f3f4f6;
        color: #6b7280;
    }

    .action-buttons[b-apm7iu7eyx] {
        display: flex;
        gap: 4px;
    }

    .btn-icon[b-apm7iu7eyx] {
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        background: none;
        color: var(--color-text-muted);
        border-radius: var(--radius-sm);
        cursor: pointer;
    }

    .btn-icon:hover[b-apm7iu7eyx] {
        background: var(--color-bg-hover);
        color: var(--color-text-primary);
    }

    .btn-icon svg[b-apm7iu7eyx] {
        width: 16px;
        height: 16px;
    }

    .btn-approve:hover[b-apm7iu7eyx] {
        color: #16a34a;
    }

    .btn-reject:hover[b-apm7iu7eyx] {
        color: #dc2626;
    }

    .btn-delete:hover[b-apm7iu7eyx] {
        color: #b91c1c;
    }

    .pagination[b-apm7iu7eyx] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 24px;
    }

    .pagination-info[b-apm7iu7eyx] {
        font-size: 14px;
        color: var(--color-text-muted);
    }

    .pagination-controls[b-apm7iu7eyx] {
        display: flex;
        gap: 4px;
    }

    .page-btn[b-apm7iu7eyx] {
        min-width: 36px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--color-border);
        background: var(--color-bg-card);
        border-radius: var(--radius-md);
        font-size: 14px;
        cursor: pointer;
    }

    .page-btn:hover:not(:disabled)[b-apm7iu7eyx] {
        background: var(--color-bg-hover);
    }

    .page-btn.active[b-apm7iu7eyx] {
        background: var(--color-primary);
        color: white;
        border-color: var(--color-primary);
    }

    .page-btn:disabled[b-apm7iu7eyx] {
        opacity: 0.5;
        cursor: not-allowed;
    }

    .page-btn svg[b-apm7iu7eyx] {
        width: 16px;
        height: 16px;
    }

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

    .modal-content[b-apm7iu7eyx] {
        background: white;
        border-radius: 12px;
        padding: 32px;
        max-width: 400px;
        width: 90%;
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
        animation: modalSlideIn-b-apm7iu7eyx 0.3s ease;
    }

    @keyframes modalSlideIn-b-apm7iu7eyx {
        from {
            opacity: 0;
            transform: translateY(-20px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .modal-close[b-apm7iu7eyx] {
        position: absolute;
        top: 16px;
        right: 16px;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        background: none;
        font-size: 24px;
        color: var(--color-text-muted);
        cursor: pointer;
        border-radius: 50%;
        transition: all 0.2s ease;
    }

    .modal-close:hover[b-apm7iu7eyx] {
        background: var(--color-bg-hover);
        color: var(--color-text-primary);
    }

    .delete-modal h3[b-apm7iu7eyx] {
        margin: 0 0 16px;
        font-size: 20px;
        color: var(--color-text-primary);
    }

    .delete-modal p[b-apm7iu7eyx] {
        color: var(--color-text-muted);
        margin: 0 0 16px;
        line-height: 1.6;
    }

    .warning-text[b-apm7iu7eyx] {
        color: #dc2626;
        font-size: 13px;
        margin: 16px 0 24px;
        line-height: 1.5;
        background: #fee2e2;
        padding: 12px 16px;
        border-radius: 8px;
        border-left: 4px solid #dc2626;
    }

    .modal-actions[b-apm7iu7eyx] {
        display: flex;
        justify-content: flex-end;
        gap: 12px;
        margin-top: 24px;
    }

    .modal-actions .btn[b-apm7iu7eyx] {
        padding: 12px 24px;
    }

    /* ── Card Grid ── */
    .listings-grid[b-apm7iu7eyx] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
        margin-bottom: 24px;
    }

    .listing-card[b-apm7iu7eyx] {
        display: flex;
        background: white;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 2px 8px rgba(0,0,0,0.07);
        border: 1px solid rgba(0,0,0,0.06);
        transition: box-shadow 0.2s ease;
    }

    .listing-card:hover[b-apm7iu7eyx] {
        box-shadow: 0 4px 18px rgba(0,0,0,0.12);
    }

    .listing-card-img[b-apm7iu7eyx] {
        width: 180px;
        flex-shrink: 0;
        position: relative;
        overflow: hidden;
        min-height: 160px;
        background: #f3f4f6;
    }

    .listing-card-img img[b-apm7iu7eyx] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .sale-badge[b-apm7iu7eyx] {
        position: absolute;
        top: 10px;
        left: 10px;
        padding: 4px 10px;
        border-radius: 4px;
        font-size: 11px;
        font-weight: 600;
        color: white;
    }

    .badge-sale[b-apm7iu7eyx] { background: #234B6E; }
    .badge-rent[b-apm7iu7eyx] { background: #059669; }

    .listing-card-body[b-apm7iu7eyx] {
        flex: 1;
        padding: 14px 16px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-width: 0;
    }

    .listing-card-info[b-apm7iu7eyx] { flex: 1; }

    .listing-title[b-apm7iu7eyx] {
        font-size: 14px;
        font-weight: 600;
        color: #1f2937;
        margin: 0 0 3px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .listing-type[b-apm7iu7eyx] {
        font-size: 12px;
        color: #6b7280;
        margin: 0 0 5px;
    }

    .listing-price[b-apm7iu7eyx] {
        font-size: 16px;
        font-weight: 700;
        color: #D4A03C;
        margin: 0 0 3px;
    }

    .listing-date[b-apm7iu7eyx] {
        font-size: 11px;
        color: #9ca3af;
        margin: 0 0 8px;
    }

    .listing-features[b-apm7iu7eyx] {
        display: flex;
        gap: 12px;
    }

    .feat[b-apm7iu7eyx] {
        display: flex;
        align-items: center;
        gap: 4px;
        font-size: 13px;
        color: #6b7280;
    }

    .listing-card-actions[b-apm7iu7eyx] {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid #f3f4f6;
    }

    .btn-card-show[b-apm7iu7eyx] {
        flex: 1;
        padding: 7px 10px;
        border: 1.5px solid #d1d5db;
        background: white;
        border-radius: 8px;
        font-size: 13px;
        font-weight: 500;
        color: #374151;
        cursor: pointer;
        transition: all 0.15s;
    }

    .btn-card-show:hover[b-apm7iu7eyx] {
        border-color: #9ca3af;
        background: #f9fafb;
    }

    .btn-card-reject[b-apm7iu7eyx] {
        flex: 1;
        padding: 7px 10px;
        border: 1.5px solid #fca5a5;
        background: white;
        border-radius: 8px;
        font-size: 13px;
        font-weight: 500;
        color: #dc2626;
        cursor: pointer;
        transition: all 0.15s;
    }

    .btn-card-reject:hover[b-apm7iu7eyx] { background: #fee2e2; }

    .btn-card-accept[b-apm7iu7eyx] {
        flex: 1;
        padding: 7px 10px;
        border: none;
        background: #16a34a;
        border-radius: 8px;
        font-size: 13px;
        font-weight: 500;
        color: white;
        cursor: pointer;
        transition: all 0.15s;
    }

    .btn-card-accept:hover[b-apm7iu7eyx] { background: #15803d; }

    .btn-card-more[b-apm7iu7eyx] {
        width: 34px;
        height: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1.5px solid #d1d5db;
        background: white;
        border-radius: 8px;
        cursor: pointer;
        color: #6b7280;
        transition: all 0.15s;
    }

    .btn-card-more:hover[b-apm7iu7eyx] {
        background: #f9fafb;
        color: #374151;
    }

    .card-dropdown-menu[b-apm7iu7eyx] {
        position: absolute;
        right: 0;
        bottom: calc(100% + 4px);
        background: white;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        box-shadow: 0 4px 16px rgba(0,0,0,0.12);
        min-width: 160px;
        z-index: 100;
        overflow: hidden;
    }

    .card-dropdown-menu button[b-apm7iu7eyx] {
        display: block;
        width: 100%;
        padding: 10px 14px;
        text-align: left;
        background: none;
        border: none;
        font-size: 14px;
        color: #374151;
        cursor: pointer;
    }

    .card-dropdown-menu button:hover[b-apm7iu7eyx] { background: #f9fafb; }

    .card-dropdown-menu button.dd-danger[b-apm7iu7eyx] { color: #dc2626; }
    .card-dropdown-menu button.dd-danger:hover[b-apm7iu7eyx] { background: #fee2e2; }

    @media (max-width: 1024px) {
        .listings-grid[b-apm7iu7eyx] { grid-template-columns: 1fr; }
    }

    @media (max-width: 768px) {
        .page-header[b-apm7iu7eyx] {
            flex-direction: column;
            align-items: stretch;
            padding: 16px;
            margin-bottom: 20px;
        }

        .page-title[b-apm7iu7eyx] {
            font-size: 20px;
        }

        .header-actions[b-apm7iu7eyx] {
            flex-wrap: wrap;
        }

        .header-actions .btn[b-apm7iu7eyx] {
            flex: 1;
            min-width: 0;
            justify-content: center;
            padding: 10px 14px;
            font-size: 13px;
        }

        .filters-bar[b-apm7iu7eyx] {
            flex-direction: column;
            align-items: stretch;
        }

        .search-box[b-apm7iu7eyx] {
            max-width: none;
        }

        .filter-group[b-apm7iu7eyx] {
            flex-wrap: wrap;
        }

        .filter-group select[b-apm7iu7eyx] {
            flex: 1;
            min-width: 120px;
        }

        .listing-card[b-apm7iu7eyx] {
            flex-direction: column;
        }

        .listing-card-img[b-apm7iu7eyx] {
            width: 100%;
            height: 160px;
            min-height: auto;
        }

        .pagination[b-apm7iu7eyx] {
            flex-direction: column;
            gap: 12px;
            align-items: center;
        }

        .pagination-info[b-apm7iu7eyx] {
            font-size: 12px;
        }

        .modal-content[b-apm7iu7eyx] {
            max-width: 95vw;
            padding: 20px;
        }
    }

    @media (max-width: 480px) {
        .listings-grid[b-apm7iu7eyx] {
            gap: 12px;
        }

        .listing-card-body[b-apm7iu7eyx] {
            padding: 12px;
        }
    }

    /* ── Dark Mode ── */
    [data-theme="dark"] .listing-card[b-apm7iu7eyx] {
        background: #1e293b;
        border-color: #334155;
        box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    }
    [data-theme="dark"] .listing-card:hover[b-apm7iu7eyx] {
        box-shadow: 0 4px 18px rgba(0,0,0,0.4);
    }
    [data-theme="dark"] .listing-card-img[b-apm7iu7eyx] {
        background: #0f172a;
    }
    [data-theme="dark"] .listing-title[b-apm7iu7eyx] {
        color: #e2e8f0;
    }
    [data-theme="dark"] .listing-type[b-apm7iu7eyx] {
        color: #94a3b8;
    }
    [data-theme="dark"] .listing-date[b-apm7iu7eyx] {
        color: #64748b;
    }
    [data-theme="dark"] .listing-card-actions[b-apm7iu7eyx] {
        border-top-color: #334155;
    }
    [data-theme="dark"] .btn-card-show[b-apm7iu7eyx] {
        background: #1e293b;
        border-color: #475569;
        color: #e2e8f0;
    }
    [data-theme="dark"] .btn-card-show:hover[b-apm7iu7eyx] {
        background: #334155;
        border-color: #64748b;
    }
    [data-theme="dark"] .btn-card-more[b-apm7iu7eyx] {
        background: #1e293b;
        border-color: #475569;
        color: #94a3b8;
    }
    [data-theme="dark"] .btn-card-more:hover[b-apm7iu7eyx] {
        background: #334155;
        color: #e2e8f0;
    }
    [data-theme="dark"] .btn-card-reject[b-apm7iu7eyx] {
        background: #1e293b;
        border-color: #7f1d1d;
        color: #ef4444;
    }
    [data-theme="dark"] .card-dropdown-menu[b-apm7iu7eyx] {
        background: #1e293b;
        border-color: #334155;
        box-shadow: 0 4px 16px rgba(0,0,0,0.4);
    }
    [data-theme="dark"] .card-dropdown-menu button[b-apm7iu7eyx] {
        color: #e2e8f0;
    }
    [data-theme="dark"] .card-dropdown-menu button:hover[b-apm7iu7eyx] {
        background: #334155;
    }
    [data-theme="dark"] .card-dropdown-menu button.dd-danger[b-apm7iu7eyx] {
        color: #ef4444;
    }
    [data-theme="dark"] .card-dropdown-menu button.dd-danger:hover[b-apm7iu7eyx] {
        background: rgba(127,29,29,0.3);
    }
    [data-theme="dark"] .table-card[b-apm7iu7eyx] {
        background: #1e293b;
        border-color: #334155;
        box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    }
    [data-theme="dark"] .data-table th[b-apm7iu7eyx] {
        background: linear-gradient(to bottom, #0f172a, #1e293b);
        color: #94a3b8;
        border-bottom-color: #334155;
    }
    [data-theme="dark"] .data-table td[b-apm7iu7eyx] {
        color: #e2e8f0;
        border-bottom-color: #334155;
    }
    [data-theme="dark"] .data-table tbody tr:hover[b-apm7iu7eyx] {
        background: rgba(102,126,234,0.08);
    }
    [data-theme="dark"] .feat[b-apm7iu7eyx] {
        color: #94a3b8;
    }
    [data-theme="dark"] .modal-content[b-apm7iu7eyx] {
        background: #1e293b;
        box-shadow: 0 20px 60px rgba(0,0,0,0.5);
    }
    [data-theme="dark"] .status-draft[b-apm7iu7eyx] {
        background: #334155;
        color: #94a3b8;
    }
    [data-theme="dark"] .empty-state-card[b-apm7iu7eyx] {
        background: #1e293b;
    }
    [data-theme="dark"] .empty-state-card h3[b-apm7iu7eyx] {
        color: #e2e8f0;
    }
    [data-theme="dark"] .empty-state-card p[b-apm7iu7eyx] {
        color: #94a3b8;
    }
/* _content/Listico.Web/Components/Pages/Admin/LiveChats.razor.rz.scp.css */
.lci-page[b-g3avwdr4r0] {
    display: flex;
    height: calc(100vh - 70px);
    background: #f8fafc;
    overflow: hidden;
}

/* Sidebar */
.lci-sidebar[b-g3avwdr4r0] {
    width: 300px;
    flex-shrink: 0;
    background: white;
    border-right: 1px solid #e2e8f0;
    display: flex;
    flex-direction: column;
}
.lci-sidebar-header[b-g3avwdr4r0] {
    padding: 20px 16px 14px;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    gap: 8px;
}
.lci-title[b-g3avwdr4r0] { font-size: 1.1rem; font-weight: 700; color: #1e293b; margin: 0; }
.lci-unread-badge[b-g3avwdr4r0] {
    background: #ef4444;
    color: white;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 10px;
    line-height: 1.4;
}
.lci-sessions[b-g3avwdr4r0] { flex: 1; overflow-y: auto; }
.lci-empty[b-g3avwdr4r0] {
    padding: 40px 20px;
    text-align: center;
    color: #94a3b8;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}
.lci-empty p[b-g3avwdr4r0] { font-size: 0.875rem; margin: 0; }

.lci-session[b-g3avwdr4r0] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    cursor: pointer;
    border-bottom: 1px solid #f1f5f9;
    transition: background 0.12s;
}
.lci-session:hover[b-g3avwdr4r0] { background: #f8fafc; }
.lci-session--active[b-g3avwdr4r0] { background: #eff6ff !important; }
.lci-session--unread[b-g3avwdr4r0] { background: #fefce8; }
.lci-session-ava[b-g3avwdr4r0] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #083169;
    color: white;
    font-weight: 700;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.lci-session-info[b-g3avwdr4r0] { flex: 1; min-width: 0; }
.lci-session-name[b-g3avwdr4r0] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 5px;
}
.lci-dot[b-g3avwdr4r0] {
    width: 7px;
    height: 7px;
    background: #083169;
    border-radius: 50%;
    flex-shrink: 0;
}
.lci-session-preview[b-g3avwdr4r0] {
    font-size: 0.78rem;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 1px;
}
.lci-session-meta[b-g3avwdr4r0] { flex-shrink: 0; }
.lci-session-time[b-g3avwdr4r0] { font-size: 0.72rem; color: #94a3b8; }

/* Main area */
.lci-main[b-g3avwdr4r0] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.lci-no-selection[b-g3avwdr4r0] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #94a3b8;
    font-size: 0.9rem;
}
.lci-chat-header[b-g3avwdr4r0] {
    padding: 14px 20px;
    background: white;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}
.lci-chat-ava[b-g3avwdr4r0] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #083169;
    color: white;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.lci-chat-name[b-g3avwdr4r0] { font-size: 0.95rem; font-weight: 700; color: #1e293b; }
.lci-chat-meta[b-g3avwdr4r0] {
    font-size: 0.76rem;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
    margin-top: 2px;
}
.lci-end-btn[b-g3avwdr4r0] {
    margin-left: auto;
    padding: 6px 14px;
    background: transparent;
    border: 1.5px solid #ef4444;
    color: #ef4444;
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
}
.lci-end-btn:hover[b-g3avwdr4r0] { background: #fef2f2; }

.lci-messages[b-g3avwdr4r0] {
    flex: 1;
    overflow-y: auto;
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    scroll-behavior: smooth;
}
.lci-msg[b-g3avwdr4r0] { display: flex; }
.lci-msg--agent[b-g3avwdr4r0] { justify-content: flex-start; }
.lci-msg--visitor[b-g3avwdr4r0] { justify-content: flex-end; }
.lci-msg-body[b-g3avwdr4r0] { max-width: 70%; display: flex; flex-direction: column; gap: 3px; }
.lci-msg--visitor .lci-msg-body[b-g3avwdr4r0] { align-items: flex-end; }
.lci-bubble[b-g3avwdr4r0] {
    padding: 9px 13px;
    border-radius: 16px;
    font-size: 0.875rem;
    line-height: 1.45;
    word-break: break-word;
}
.lci-msg--agent .lci-bubble[b-g3avwdr4r0] { background: white; color: #1e293b; border: 1px solid #e2e8f0; border-bottom-left-radius: 4px; }
.lci-msg--visitor .lci-bubble[b-g3avwdr4r0] { background: #eff6ff; color: #083169; border-bottom-right-radius: 4px; }
.lci-msg-time[b-g3avwdr4r0] { font-size: 0.7rem; color: #94a3b8; padding: 0 4px; }

.lci-reply-bar[b-g3avwdr4r0] {
    padding: 12px 16px;
    background: white;
    border-top: 1px solid #e2e8f0;
    display: flex;
    gap: 10px;
    align-items: flex-end;
    flex-shrink: 0;
}
.lci-reply-input[b-g3avwdr4r0] {
    flex: 1;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    padding: 10px 12px;
    font-size: 0.875rem;
    resize: none;
    outline: none;
    font-family: inherit;
    transition: border-color 0.15s;
}
.lci-reply-input:focus[b-g3avwdr4r0] { border-color: #083169; }
.lci-reply-btn[b-g3avwdr4r0] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 18px;
    background: #083169;
    color: white;
    border: none;
    border-radius: 10px;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
    flex-shrink: 0;
    align-self: flex-end;
    height: 40px;
    line-height: 1;
}
.lci-reply-btn:hover:not(:disabled)[b-g3avwdr4r0] { background: #0a3d80; }
.lci-reply-btn:disabled[b-g3avwdr4r0] { opacity: 0.5; cursor: not-allowed; }

@media (max-width: 768px) {
    .lci-sidebar[b-g3avwdr4r0] { width: 240px; }
}
/* _content/Listico.Web/Components/Pages/Admin/MLS.razor.rz.scp.css */
.mls-page[b-hqrbufk5nt] { padding: 0; }
.page-header[b-hqrbufk5nt] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; }
.header-left h1[b-hqrbufk5nt] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.header-left p[b-hqrbufk5nt] { color: #6b7280; margin: 0.25rem 0 0; font-size: 0.875rem; }

.mls-tabs[b-hqrbufk5nt] { display: flex; border-bottom: 2px solid #e5e7eb; margin-bottom: 1.5rem; overflow-x: auto; }
.tab-btn[b-hqrbufk5nt] { padding: 0.75rem 1.5rem; border: none; background: none; cursor: pointer; font-size: 0.875rem; font-weight: 500; color: #6b7280; border-bottom: 2px solid transparent; margin-bottom: -2px; white-space: nowrap; }
.tab-btn.active[b-hqrbufk5nt] { color: #2563eb; border-bottom-color: #2563eb; }
.tab-btn:hover[b-hqrbufk5nt] { color: #374151; }

.tab-content h2[b-hqrbufk5nt] { font-size: 1.1rem; font-weight: 600; margin: 0 0 0.25rem; }
.tab-description[b-hqrbufk5nt] { font-size: 0.8rem; color: #6b7280; margin: 0 0 1rem; }

.sources-header[b-hqrbufk5nt] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }
.sources-header h2[b-hqrbufk5nt] { margin: 0; }
.add-provider-form[b-hqrbufk5nt] { background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 0.75rem; padding: 1.25rem; margin-bottom: 1rem; }
.add-provider-form h3[b-hqrbufk5nt] { font-size: 1rem; font-weight: 600; margin: 0 0 0.75rem; }
.sources-grid[b-hqrbufk5nt] { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1rem; }
.source-card[b-hqrbufk5nt] { background: white; border: 1px solid #e5e7eb; border-radius: 0.75rem; padding: 1.25rem; }
.source-header[b-hqrbufk5nt] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem; }
.source-header h3[b-hqrbufk5nt] { font-size: 1rem; font-weight: 600; margin: 0; }
.source-desc[b-hqrbufk5nt] { font-size: 0.8rem; color: #6b7280; margin: 0 0 0.75rem; }
.source-stats[b-hqrbufk5nt] { display: flex; gap: 1.5rem; font-size: 0.8rem; color: #6b7280; margin-bottom: 0.75rem; }
.source-actions[b-hqrbufk5nt] { display: flex; gap: 0.5rem; }

.status-badge[b-hqrbufk5nt] { padding: 0.2rem 0.6rem; border-radius: 999px; font-size: 0.7rem; font-weight: 500; }
.status-badge.active[b-hqrbufk5nt] { background: #d1fae5; color: #065f46; }
.status-badge.inactive[b-hqrbufk5nt] { background: #f3f4f6; color: #6b7280; }

.btn-primary[b-hqrbufk5nt] { background: #2563eb; color: white; border: none; padding: 0.5rem 1rem; border-radius: 0.5rem; cursor: pointer; font-size: 0.875rem; font-weight: 500; display: flex; align-items: center; gap: 0.5rem; }
.btn-primary:hover[b-hqrbufk5nt] { background: #1d4ed8; }
.btn-primary:disabled[b-hqrbufk5nt] { opacity: 0.6; cursor: not-allowed; }
.btn-primary.btn-sm[b-hqrbufk5nt] { padding: 0.25rem 0.75rem; font-size: 0.8rem; }
.btn-secondary[b-hqrbufk5nt] { background: #f3f4f6; color: #374151; border: 1px solid #d1d5db; padding: 0.5rem 1rem; border-radius: 0.5rem; cursor: pointer; font-size: 0.875rem; display: flex; align-items: center; gap: 0.5rem; }
.btn-secondary.btn-sm[b-hqrbufk5nt] { padding: 0.25rem 0.75rem; font-size: 0.8rem; }
.btn-outline[b-hqrbufk5nt] { background: transparent; color: #2563eb; border: 1px solid #2563eb; padding: 0.5rem 1rem; border-radius: 0.5rem; cursor: pointer; font-size: 0.875rem; display: flex; align-items: center; gap: 0.5rem; }
.btn-outline:hover[b-hqrbufk5nt] { background: #eff6ff; }
.btn-outline.btn-sm[b-hqrbufk5nt] { padding: 0.25rem 0.75rem; font-size: 0.8rem; }

.sync-form[b-hqrbufk5nt], .search-form[b-hqrbufk5nt], .schedule-form[b-hqrbufk5nt] { background: white; border: 1px solid #e5e7eb; border-radius: 0.75rem; padding: 1.25rem; margin-bottom: 1rem; }
.form-row[b-hqrbufk5nt] { display: flex; gap: 1rem; align-items: flex-start; flex-wrap: wrap; margin-bottom: 1rem; }
.form-row:last-child[b-hqrbufk5nt] { margin-bottom: 0; }
.form-group[b-hqrbufk5nt] { flex: 1; min-width: 200px; }
.form-group label[b-hqrbufk5nt] { display: block; font-size: 0.8rem; font-weight: 500; color: #374151; margin-bottom: 0.25rem; }
.form-group input[b-hqrbufk5nt], .form-group select[b-hqrbufk5nt] { width: 100%; padding: 0.5rem; border: 1px solid #d1d5db; border-radius: 0.5rem; font-size: 0.875rem; box-sizing: border-box; }
.form-group input[type="number"][b-hqrbufk5nt] { -moz-appearance: textfield; }

.form-actions[b-hqrbufk5nt] { display: flex; justify-content: flex-end; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #f3f4f6; }

/* Toggle switch */
.toggle-wrapper[b-hqrbufk5nt] { display: flex; align-items: center; gap: 0.75rem; padding-top: 0.25rem; }
.toggle[b-hqrbufk5nt] { position: relative; display: inline-block; width: 44px; height: 24px; cursor: pointer; }
.toggle input[b-hqrbufk5nt] { opacity: 0; width: 0; height: 0; }
.toggle-slider[b-hqrbufk5nt] { position: absolute; inset: 0; background: #d1d5db; border-radius: 999px; transition: background 0.2s; }
.toggle-slider[b-hqrbufk5nt]::before { content: ""; position: absolute; height: 18px; width: 18px; left: 3px; bottom: 3px; background: white; border-radius: 50%; transition: transform 0.2s; }
.toggle input:checked + .toggle-slider[b-hqrbufk5nt] { background: #2563eb; }
.toggle input:checked + .toggle-slider[b-hqrbufk5nt]::before { transform: translateX(20px); }
.toggle-label[b-hqrbufk5nt] { font-size: 0.8rem; color: #374151; font-weight: 500; }

.alert[b-hqrbufk5nt] { padding: 0.75rem 1rem; border-radius: 0.5rem; font-size: 0.875rem; margin-top: 1rem; }
.alert-success[b-hqrbufk5nt] { background: #d1fae5; color: #065f46; }
.alert-error[b-hqrbufk5nt] { background: #fef2f2; color: #991b1b; }

.sync-results[b-hqrbufk5nt] { background: white; border: 1px solid #e5e7eb; border-radius: 0.75rem; padding: 1.25rem; }
.sync-results h3[b-hqrbufk5nt] { font-size: 1rem; font-weight: 600; margin: 0 0 0.75rem; }
.results-grid[b-hqrbufk5nt] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: 0.75rem; }
.result-item .label[b-hqrbufk5nt] { font-size: 0.75rem; color: #6b7280; display: block; }
.result-item .value[b-hqrbufk5nt] { font-size: 1.25rem; font-weight: 700; }
.sync-msg[b-hqrbufk5nt] { font-size: 0.875rem; color: #6b7280; margin: 0.5rem 0 0; }

.results-count[b-hqrbufk5nt] { font-size: 0.875rem; color: #6b7280; margin-bottom: 0.75rem; }
.results-table[b-hqrbufk5nt] { width: 100%; border-collapse: collapse; background: white; border: 1px solid #e5e7eb; border-radius: 0.5rem; overflow: hidden; }
.results-table th[b-hqrbufk5nt] { text-align: left; padding: 0.75rem 1rem; font-size: 0.75rem; font-weight: 600; color: #6b7280; background: #f9fafb; border-bottom: 1px solid #e5e7eb; }
.results-table td[b-hqrbufk5nt] { padding: 0.75rem 1rem; font-size: 0.875rem; border-bottom: 1px solid #f3f4f6; }

/* Conflicts */
.conflicts-list[b-hqrbufk5nt] { display: flex; flex-direction: column; gap: 1rem; }
.conflict-card[b-hqrbufk5nt] { background: white; border: 1px solid #e5e7eb; border-radius: 0.75rem; padding: 1.25rem; }
.conflict-header[b-hqrbufk5nt] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 0.5rem; }
.conflict-info[b-hqrbufk5nt] { display: flex; align-items: center; gap: 0.75rem; }
.conflict-info h3[b-hqrbufk5nt] { font-size: 0.95rem; font-weight: 600; margin: 0; }
.conflict-type[b-hqrbufk5nt] { padding: 0.15rem 0.5rem; border-radius: 999px; font-size: 0.7rem; font-weight: 500; background: #fef3c7; color: #92400e; }
.conflict-date[b-hqrbufk5nt] { font-size: 0.75rem; color: #9ca3af; }
.conflict-property[b-hqrbufk5nt] { font-size: 0.85rem; color: #374151; margin: 0 0 0.75rem; }
.conflict-details[b-hqrbufk5nt] { display: flex; gap: 2rem; margin-bottom: 1rem; padding: 0.75rem; background: #f9fafb; border-radius: 0.5rem; }
.conflict-field[b-hqrbufk5nt] { flex: 1; }
.field-label[b-hqrbufk5nt] { display: block; font-size: 0.7rem; font-weight: 600; color: #6b7280; text-transform: uppercase; letter-spacing: 0.03em; margin-bottom: 0.2rem; }
.field-value[b-hqrbufk5nt] { font-size: 0.85rem; color: #111827; }
.conflict-actions[b-hqrbufk5nt] { display: flex; gap: 0.5rem; }

.loading-state[b-hqrbufk5nt], .empty-state[b-hqrbufk5nt] { text-align: center; padding: 3rem; color: #6b7280; }
.empty-state svg[b-hqrbufk5nt] { margin-bottom: 1rem; opacity: 0.4; }
.empty-state p[b-hqrbufk5nt] { font-size: 1rem; font-weight: 500; margin: 0 0 0.25rem; }
.empty-state-hint[b-hqrbufk5nt] { font-size: 0.8rem; color: #9ca3af; }
.spinner[b-hqrbufk5nt] { width: 2rem; height: 2rem; border: 3px solid #e5e7eb; border-top-color: #2563eb; border-radius: 50%; animation: spin-b-hqrbufk5nt 0.8s linear infinite; margin: 0 auto 1rem; }
@keyframes spin-b-hqrbufk5nt { to { transform: rotate(360deg); } }

@media (max-width: 768px) {
    .page-header[b-hqrbufk5nt] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .header-left h1[b-hqrbufk5nt] {
        font-size: 1.25rem;
    }

    .form-row[b-hqrbufk5nt] { flex-direction: column; }
    .form-group[b-hqrbufk5nt] { min-width: 0; }
    .results-grid[b-hqrbufk5nt] { grid-template-columns: repeat(2, 1fr); }
    .sources-grid[b-hqrbufk5nt] { grid-template-columns: 1fr; }
    .conflict-details[b-hqrbufk5nt] { flex-direction: column; gap: 0.75rem; }
    .conflict-actions[b-hqrbufk5nt] { flex-wrap: wrap; }
    .mls-tabs[b-hqrbufk5nt] { gap: 0; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .tab-btn[b-hqrbufk5nt] { padding: 0.75rem 1rem; font-size: 0.8rem; flex-shrink: 0; }

    .results-table[b-hqrbufk5nt] {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .results-table th[b-hqrbufk5nt],
    .results-table td[b-hqrbufk5nt] {
        white-space: nowrap;
        font-size: 0.8rem;
        padding: 0.5rem 0.75rem;
    }

    .source-stats[b-hqrbufk5nt] {
        flex-wrap: wrap;
        gap: 0.75rem;
    }

    .source-actions[b-hqrbufk5nt] {
        flex-wrap: wrap;
    }

    .sync-form[b-hqrbufk5nt], .search-form[b-hqrbufk5nt], .schedule-form[b-hqrbufk5nt] {
        padding: 1rem;
    }
}

@media (max-width: 480px) {
    .results-grid[b-hqrbufk5nt] {
        grid-template-columns: 1fr;
    }
}

/* Dark mode */
[data-theme="dark"] .source-card[b-hqrbufk5nt] { background: #1e293b; border-color: #334155; }
[data-theme="dark"] .source-header h3[b-hqrbufk5nt] { color: #e2e8f0; }
[data-theme="dark"] .source-desc[b-hqrbufk5nt] { color: #94a3b8; }
[data-theme="dark"] .source-stats[b-hqrbufk5nt] { color: #94a3b8; }
[data-theme="dark"] .add-provider-form[b-hqrbufk5nt] { background: #0f172a; border-color: #334155; }
[data-theme="dark"] .add-provider-form h3[b-hqrbufk5nt] { color: #e2e8f0; }
[data-theme="dark"] .sync-form[b-hqrbufk5nt], [data-theme="dark"] .search-form[b-hqrbufk5nt], [data-theme="dark"] .schedule-form[b-hqrbufk5nt] { background: #1e293b; border-color: #334155; }
[data-theme="dark"] .form-group label[b-hqrbufk5nt] { color: #e2e8f0; }
[data-theme="dark"] .form-group input[b-hqrbufk5nt], [data-theme="dark"] .form-group select[b-hqrbufk5nt] { background: #0f172a; color: #e2e8f0; border-color: #334155; }
[data-theme="dark"] .btn-secondary[b-hqrbufk5nt] { background: #334155; color: #e2e8f0; border-color: #475569; }
[data-theme="dark"] .toggle-label[b-hqrbufk5nt] { color: #e2e8f0; }
[data-theme="dark"] .toggle-slider[b-hqrbufk5nt] { background: #475569; }
[data-theme="dark"] .sync-results[b-hqrbufk5nt] { background: #1e293b; border-color: #334155; }
[data-theme="dark"] .sync-results h3[b-hqrbufk5nt] { color: #e2e8f0; }
[data-theme="dark"] .result-item .label[b-hqrbufk5nt] { color: #94a3b8; }
[data-theme="dark"] .result-item .value[b-hqrbufk5nt] { color: #e2e8f0; }
[data-theme="dark"] .sync-msg[b-hqrbufk5nt] { color: #94a3b8; }
[data-theme="dark"] .results-table[b-hqrbufk5nt] { background: #1e293b; border-color: #334155; }
[data-theme="dark"] .results-table th[b-hqrbufk5nt] { background: #0f172a; color: #94a3b8; border-color: #334155; }
[data-theme="dark"] .results-table td[b-hqrbufk5nt] { color: #e2e8f0; border-color: #334155; }
[data-theme="dark"] .conflict-card[b-hqrbufk5nt] { background: #1e293b; border-color: #334155; }
[data-theme="dark"] .conflict-info h3[b-hqrbufk5nt] { color: #e2e8f0; }
[data-theme="dark"] .conflict-property[b-hqrbufk5nt] { color: #cbd5e1; }
[data-theme="dark"] .conflict-details[b-hqrbufk5nt] { background: #0f172a; }
[data-theme="dark"] .field-label[b-hqrbufk5nt] { color: #94a3b8; }
[data-theme="dark"] .field-value[b-hqrbufk5nt] { color: #e2e8f0; }
[data-theme="dark"] .status-badge.active[b-hqrbufk5nt] { background: rgba(5,150,105,0.15); color: #34d399; }
[data-theme="dark"] .status-badge.inactive[b-hqrbufk5nt] { background: #334155; color: #94a3b8; }
[data-theme="dark"] .alert-error[b-hqrbufk5nt] { background: rgba(220,38,38,0.1); color: #fca5a5; border-color: #7f1d1d; }
[data-theme="dark"] .form-actions[b-hqrbufk5nt] { border-color: #334155; }
[data-theme="dark"] .results-count[b-hqrbufk5nt] { color: #94a3b8; }
/* _content/Listico.Web/Components/Pages/Admin/Moderation.razor.rz.scp.css */
    .moderation-page[b-bx4nzkr3qd] {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .moderation-page-header[b-bx4nzkr3qd] {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .moderation-page-title[b-bx4nzkr3qd] {
        font-size: 24px;
        font-weight: 600;
        color: var(--color-text-primary);
        margin: 0;
    }

    /* Tabs (direct children of Moderation.razor) */
    .moderation-tabs[b-bx4nzkr3qd] {
        display: flex;
        gap: 4px;
        background: var(--color-bg-card);
        padding: 4px;
        border-radius: var(--radius-lg);
    }

    .moderation-tab-btn[b-bx4nzkr3qd] {
        flex: 1;
        padding: 10px 20px;
        border: none;
        background: transparent;
        font-size: 14px;
        font-weight: 500;
        color: var(--color-text-secondary);
        cursor: pointer;
        border-radius: var(--radius-md);
        transition: all 0.2s;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
    }

    .moderation-tab-btn:hover[b-bx4nzkr3qd] { color: var(--color-text-primary); }

    .moderation-tab-btn.active[b-bx4nzkr3qd] {
        background: var(--color-primary);
        color: white;
    }

    .moderation-tab-badge[b-bx4nzkr3qd] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 20px;
        height: 20px;
        padding: 0 6px;
        border-radius: 10px;
        font-size: 11px;
        font-weight: 600;
        background: rgba(255, 255, 255, 0.25);
        color: inherit;
    }

    .moderation-tab-btn:not(.active) .moderation-tab-badge[b-bx4nzkr3qd] {
        background: #FEE2E2;
        color: #DC2626;
    }

    /* ===== All child component styles via ::deep ===== */

    /* Stats Row */
    [b-bx4nzkr3qd] .moderation-stats-row {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }

    [b-bx4nzkr3qd] .moderation-stat-card {
        background: var(--color-bg-card);
        border-radius: var(--radius-lg);
        padding: 20px 24px;
    }

    [b-bx4nzkr3qd] .moderation-stat-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 12px;
    }

    [b-bx4nzkr3qd] .moderation-stat-label {
        font-size: 14px;
        color: var(--color-text-secondary);
    }

    [b-bx4nzkr3qd] .moderation-stat-icon {
        width: 40px;
        height: 40px;
        border-radius: var(--radius-md);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    [b-bx4nzkr3qd] .moderation-stat-icon svg {
        width: 20px;
        height: 20px;
    }

    [b-bx4nzkr3qd] .moderation-stat-icon.orange { background: #FFF7ED; color: #EA580C; }
    [b-bx4nzkr3qd] .moderation-stat-icon.red { background: #FEF2F2; color: #DC2626; }
    [b-bx4nzkr3qd] .moderation-stat-icon.green { background: #F0FDF4; color: #16A34A; }
    [b-bx4nzkr3qd] .moderation-stat-icon.blue { background: #EFF6FF; color: #2563EB; }

    [b-bx4nzkr3qd] .moderation-stat-value {
        font-size: 32px;
        font-weight: 700;
        color: var(--color-text-primary);
    }

    /* Filters */
    [b-bx4nzkr3qd] .moderation-filters {
        display: flex;
        gap: 16px;
        align-items: flex-end;
        flex-wrap: wrap;
        background: var(--color-bg-card);
        padding: 16px 20px;
        border-radius: var(--radius-lg);
    }

    [b-bx4nzkr3qd] .moderation-filter-group {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    [b-bx4nzkr3qd] .moderation-filter-group label {
        font-size: 13px;
        font-weight: 500;
        color: var(--color-text-secondary);
    }

    [b-bx4nzkr3qd] .moderation-filter-group select {
        padding: 8px 12px;
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        font-size: 14px;
        background: var(--color-bg-page);
        color: var(--color-text-primary);
        min-width: 160px;
    }

    [b-bx4nzkr3qd] .moderation-checkbox-label {
        display: flex !important;
        flex-direction: row !important;
        align-items: center;
        gap: 8px;
        font-size: 14px;
        color: var(--color-text-primary);
        cursor: pointer;
        padding: 8px 0;
    }

    [b-bx4nzkr3qd] .moderation-checkbox-label input {
        accent-color: var(--color-primary);
        width: 16px;
        height: 16px;
    }

    /* Table Card */
    [b-bx4nzkr3qd] .moderation-table-card {
        background: var(--color-bg-card);
        border-radius: var(--radius-lg);
        padding: 0;
        overflow: hidden;
    }

    [b-bx4nzkr3qd] .moderation-data-table {
        width: 100%;
        border-collapse: collapse;
        font-size: 14px;
    }

    [b-bx4nzkr3qd] .moderation-data-table thead {
        background: var(--color-bg-page);
    }

    [b-bx4nzkr3qd] .moderation-data-table th {
        padding: 12px 16px;
        text-align: left;
        font-weight: 500;
        color: var(--color-text-secondary);
        font-size: 13px;
        border-bottom: 1px solid var(--color-border-light);
        white-space: nowrap;
    }

    [b-bx4nzkr3qd] .moderation-data-table td {
        padding: 14px 16px;
        color: var(--color-text-primary);
        border-bottom: 1px solid var(--color-border-light);
        vertical-align: middle;
    }

    [b-bx4nzkr3qd] .moderation-data-table tbody tr:hover {
        background: var(--color-bg-page);
    }

    [b-bx4nzkr3qd] .moderation-data-table tbody tr:last-child td {
        border-bottom: none;
    }

    /* Content Preview */
    [b-bx4nzkr3qd] .moderation-content-preview {
        display: flex;
        flex-direction: column;
        gap: 4px;
        max-width: 300px;
    }

    [b-bx4nzkr3qd] .moderation-content-text {
        font-size: 14px;
        color: var(--color-text-primary);
        line-height: 1.4;
    }

    [b-bx4nzkr3qd] .moderation-content-author {
        font-size: 12px;
        color: var(--color-text-muted);
    }

    /* Badges */
    [b-bx4nzkr3qd] .moderation-type-badge {
        display: inline-block;
        padding: 3px 10px;
        border-radius: 20px;
        font-size: 12px;
        font-weight: 500;
    }

    [b-bx4nzkr3qd] .moderation-type-badge.listing { background: #EFF6FF; color: #2563EB; }
    [b-bx4nzkr3qd] .moderation-type-badge.review { background: #F5F3FF; color: #7C3AED; }
    [b-bx4nzkr3qd] .moderation-type-badge.comment { background: #FFF7ED; color: #EA580C; }
    [b-bx4nzkr3qd] .moderation-type-badge.image { background: #FDF2F8; color: #DB2777; }
    [b-bx4nzkr3qd] .moderation-type-badge.profile { background: #ECFDF5; color: #059669; }
    [b-bx4nzkr3qd] .moderation-type-badge.user { background: #F0FDF4; color: #16A34A; }

    [b-bx4nzkr3qd] .moderation-status-badge {
        display: inline-block;
        padding: 3px 10px;
        border-radius: 20px;
        font-size: 12px;
        font-weight: 500;
    }

    [b-bx4nzkr3qd] .moderation-status-badge.pending { background: #FEF3C7; color: #D97706; }
    [b-bx4nzkr3qd] .moderation-status-badge.flagged { background: #FEE2E2; color: #DC2626; }
    [b-bx4nzkr3qd] .moderation-status-badge.approved { background: #DCFCE7; color: #16A34A; }
    [b-bx4nzkr3qd] .moderation-status-badge.rejected { background: #FEE2E2; color: #DC2626; }
    [b-bx4nzkr3qd] .moderation-status-badge.open { background: #FEF3C7; color: #D97706; }
    [b-bx4nzkr3qd] .moderation-status-badge.underreview { background: #DBEAFE; color: #2563EB; }
    [b-bx4nzkr3qd] .moderation-status-badge.resolved { background: #DCFCE7; color: #16A34A; }
    [b-bx4nzkr3qd] .moderation-status-badge.dismissed { background: #F3F4F6; color: #6B7280; }
    [b-bx4nzkr3qd] .moderation-status-badge.appealed { background: #FEF3C7; color: #B45309; }

    /* Appeal Section */
    [b-bx4nzkr3qd] .moderation-appeal-section {
        border: 1px solid #FDE68A;
        background: #FFFBEB;
        border-radius: var(--radius-md);
        padding: 16px;
        margin-bottom: 16px;
    }

    [b-bx4nzkr3qd] .moderation-appeal-header {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 12px;
    }

    [b-bx4nzkr3qd] .moderation-appeal-header h4 {
        font-size: 15px;
        font-weight: 600;
        color: #92400E;
        margin: 0;
        flex: 1;
    }

    [b-bx4nzkr3qd] .moderation-appeal-icon {
        width: 20px;
        height: 20px;
        color: #B45309;
        flex-shrink: 0;
    }

    [b-bx4nzkr3qd] .moderation-appeal-actions {
        display: flex;
        gap: 10px;
        margin-top: 12px;
    }

    [b-bx4nzkr3qd] .moderation-btn-reinstate {
        flex: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 10px 16px;
        background: #16A34A;
        color: white;
        border: none;
        border-radius: var(--radius-md);
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        transition: opacity 0.15s;
    }

    [b-bx4nzkr3qd] .moderation-btn-reinstate:hover { opacity: 0.9; }
    [b-bx4nzkr3qd] .moderation-btn-reinstate:disabled { opacity: 0.6; cursor: not-allowed; }
    [b-bx4nzkr3qd] .moderation-btn-reinstate svg { width: 16px; height: 16px; }

    [b-bx4nzkr3qd] .moderation-btn-deny-appeal {
        flex: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 10px 16px;
        background: #DC2626;
        color: white;
        border: none;
        border-radius: var(--radius-md);
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        transition: opacity 0.15s;
    }

    [b-bx4nzkr3qd] .moderation-btn-deny-appeal:hover { opacity: 0.9; }
    [b-bx4nzkr3qd] .moderation-btn-deny-appeal:disabled { opacity: 0.6; cursor: not-allowed; }
    [b-bx4nzkr3qd] .moderation-btn-deny-appeal svg { width: 16px; height: 16px; }

    [b-bx4nzkr3qd] .moderation-priority-badge {
        display: inline-block;
        padding: 3px 10px;
        border-radius: 20px;
        font-size: 12px;
        font-weight: 500;
    }

    [b-bx4nzkr3qd] .moderation-priority-badge.low { background: #F3F4F6; color: #6B7280; }
    [b-bx4nzkr3qd] .moderation-priority-badge.medium { background: #FEF3C7; color: #D97706; }
    [b-bx4nzkr3qd] .moderation-priority-badge.high { background: #FED7AA; color: #EA580C; }
    [b-bx4nzkr3qd] .moderation-priority-badge.critical { background: #FEE2E2; color: #DC2626; }

    /* Risk Score */
    [b-bx4nzkr3qd] .moderation-risk-score {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    [b-bx4nzkr3qd] .moderation-risk-bar {
        width: 80px;
        height: 6px;
        background: var(--color-border-light);
        border-radius: 3px;
        overflow: hidden;
    }

    [b-bx4nzkr3qd] .moderation-risk-fill {
        height: 100%;
        border-radius: 3px;
        transition: width 0.3s ease;
    }

    [b-bx4nzkr3qd] .moderation-risk-fill.low { background: #16A34A; }
    [b-bx4nzkr3qd] .moderation-risk-fill.medium { background: #D97706; }
    [b-bx4nzkr3qd] .moderation-risk-fill.high { background: #EA580C; }
    [b-bx4nzkr3qd] .moderation-risk-fill.critical { background: #DC2626; }

    [b-bx4nzkr3qd] .moderation-risk-label {
        font-size: 13px;
        font-weight: 500;
        color: var(--color-text-secondary);
    }

    [b-bx4nzkr3qd] .moderation-risk-label.low { color: #16A34A; }
    [b-bx4nzkr3qd] .moderation-risk-label.medium { color: #D97706; }
    [b-bx4nzkr3qd] .moderation-risk-label.high { color: #EA580C; }
    [b-bx4nzkr3qd] .moderation-risk-label.critical { color: #DC2626; }

    /* Date & Time */
    [b-bx4nzkr3qd] .moderation-date {
        display: block;
        font-size: 14px;
        color: var(--color-text-primary);
    }

    [b-bx4nzkr3qd] .moderation-time {
        display: block;
        font-size: 12px;
        color: var(--color-text-muted);
    }

    /* Action Buttons */
    [b-bx4nzkr3qd] .moderation-action-buttons {
        display: flex;
        gap: 6px;
    }

    [b-bx4nzkr3qd] .moderation-btn-action {
        width: 32px;
        height: 32px;
        border: 1px solid var(--color-border);
        background: transparent;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: var(--radius-sm);
        transition: all 0.15s;
    }

    [b-bx4nzkr3qd] .moderation-btn-action svg {
        width: 16px;
        height: 16px;
    }

    [b-bx4nzkr3qd] .moderation-btn-action.approve { color: #16A34A; }
    [b-bx4nzkr3qd] .moderation-btn-action.approve:hover { background: #DCFCE7; border-color: #16A34A; }

    [b-bx4nzkr3qd] .moderation-btn-action.reject { color: #DC2626; }
    [b-bx4nzkr3qd] .moderation-btn-action.reject:hover { background: #FEE2E2; border-color: #DC2626; }

    [b-bx4nzkr3qd] .moderation-btn-action.review { color: var(--color-text-secondary); }
    [b-bx4nzkr3qd] .moderation-btn-action.review:hover { background: var(--color-primary); color: white; border-color: var(--color-primary); }

    /* Reporter Cell */
    [b-bx4nzkr3qd] .moderation-reporter-cell {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    [b-bx4nzkr3qd] .moderation-reporter-name {
        font-weight: 500;
        color: var(--color-text-primary);
    }

    [b-bx4nzkr3qd] .moderation-target-text {
        font-size: 14px;
        color: var(--color-text-primary);
    }

    [b-bx4nzkr3qd] .moderation-reason-text {
        font-size: 14px;
        color: var(--color-text-secondary);
    }

    /* Pagination */
    [b-bx4nzkr3qd] .moderation-pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 16px 20px;
        border-top: 1px solid var(--color-border-light);
    }

    [b-bx4nzkr3qd] .moderation-page-btn {
        width: 36px;
        height: 36px;
        border: none;
        background: transparent;
        cursor: pointer;
        color: var(--color-text-secondary);
        font-size: 14px;
        border-radius: var(--radius-sm);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    [b-bx4nzkr3qd] .moderation-page-btn:hover:not(:disabled) { background: var(--color-bg-page); }
    [b-bx4nzkr3qd] .moderation-page-btn.active { background: var(--color-primary); color: white; }
    [b-bx4nzkr3qd] .moderation-page-btn:disabled { opacity: 0.5; cursor: not-allowed; }
    [b-bx4nzkr3qd] .moderation-page-btn svg { width: 16px; height: 16px; }

    [b-bx4nzkr3qd] .moderation-page-ellipsis {
        color: var(--color-text-muted);
        padding: 0 4px;
    }

    [b-bx4nzkr3qd] .moderation-page-total {
        font-size: 14px;
        color: var(--color-text-muted);
    }

    /* Loading & Empty States */
    [b-bx4nzkr3qd] .moderation-loading-state {
        background: var(--color-bg-card);
        border-radius: var(--radius-lg);
        padding: 60px 20px;
        text-align: center;
        color: var(--color-text-muted);
    }

    [b-bx4nzkr3qd] .moderation-spinner {
        width: 48px;
        height: 48px;
        border: 3px solid var(--color-border);
        border-top-color: var(--color-primary);
        border-radius: 50%;
        animation: moderation-spin-b-bx4nzkr3qd 1s linear infinite;
        margin: 0 auto 16px;
    }

    [b-bx4nzkr3qd] .moderation-spinner-sm {
        width: 18px;
        height: 18px;
        border: 2px solid rgba(255, 255, 255, 0.3);
        border-top-color: white;
        border-radius: 50%;
        animation: moderation-spin-b-bx4nzkr3qd 1s linear infinite;
        display: inline-block;
    }

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

    [b-bx4nzkr3qd] .moderation-empty-state {
        background: var(--color-bg-card);
        border-radius: var(--radius-lg);
        padding: 60px 20px;
        text-align: center;
    }

    [b-bx4nzkr3qd] .moderation-empty-icon {
        width: 48px;
        height: 48px;
        color: var(--color-text-muted);
        margin-bottom: 16px;
    }

    [b-bx4nzkr3qd] .moderation-empty-state h3 {
        font-size: 18px;
        font-weight: 600;
        color: var(--color-text-primary);
        margin: 0 0 8px;
    }

    [b-bx4nzkr3qd] .moderation-empty-state p {
        font-size: 14px;
        color: var(--color-text-muted);
        margin: 0;
    }

    /* Modal */
    [b-bx4nzkr3qd] .moderation-modal-overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1000;
        padding: 20px;
    }

    [b-bx4nzkr3qd] .moderation-modal-content {
        background: var(--color-bg-card);
        border-radius: var(--radius-lg);
        padding: 24px;
        width: 100%;
        max-width: 560px;
        max-height: 90vh;
        overflow-y: auto;
        position: relative;
    }

    [b-bx4nzkr3qd] .moderation-modal-close {
        position: absolute;
        top: 16px;
        right: 16px;
        width: 32px;
        height: 32px;
        border: none;
        background: transparent;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--color-text-muted);
        border-radius: var(--radius-sm);
    }

    [b-bx4nzkr3qd] .moderation-modal-close:hover { background: var(--color-bg-page); }
    [b-bx4nzkr3qd] .moderation-modal-close svg { width: 18px; height: 18px; }

    [b-bx4nzkr3qd] .moderation-modal-title {
        font-size: 18px;
        font-weight: 600;
        color: var(--color-text-primary);
        margin: 0 0 16px;
    }

    [b-bx4nzkr3qd] .moderation-modal-divider {
        border: none;
        border-top: 1px solid var(--color-border-light);
        margin: 0 0 20px;
    }

    [b-bx4nzkr3qd] .moderation-modal-preview {
        background: var(--color-bg-page);
        border: 1px solid var(--color-border-light);
        border-radius: var(--radius-md);
        padding: 16px;
        margin-bottom: 20px;
    }

    [b-bx4nzkr3qd] .moderation-modal-preview-header {
        display: flex;
        gap: 8px;
        margin-bottom: 12px;
    }

    [b-bx4nzkr3qd] .moderation-modal-preview-text {
        font-size: 14px;
        color: var(--color-text-primary);
        line-height: 1.5;
        margin: 0 0 8px;
    }

    [b-bx4nzkr3qd] .moderation-modal-preview-author {
        font-size: 12px;
        color: var(--color-text-muted);
    }

    [b-bx4nzkr3qd] .moderation-modal-risk {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid var(--color-border-light);
        font-size: 13px;
        color: var(--color-text-secondary);
    }

    [b-bx4nzkr3qd] .moderation-review-ratings {
        margin: 12px 0;
        padding: 12px 16px;
        background: var(--color-bg-page);
        border-radius: 8px;
        border: 1px solid var(--color-border-light);
        color: var(--color-text-secondary);
    }

    [b-bx4nzkr3qd] .moderation-review-ratings span:last-child {
        color: #f59e0b;
        letter-spacing: 1px;
    }

    /* Report Details in Modal */
    [b-bx4nzkr3qd] .moderation-report-detail-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 8px 0;
        border-bottom: 1px solid var(--color-border-light);
    }

    [b-bx4nzkr3qd] .moderation-report-detail-row:last-of-type {
        border-bottom: none;
    }

    [b-bx4nzkr3qd] .moderation-detail-label {
        font-size: 13px;
        color: var(--color-text-muted);
        font-weight: 500;
    }

    [b-bx4nzkr3qd] .moderation-detail-value {
        font-size: 14px;
        color: var(--color-text-primary);
    }

    [b-bx4nzkr3qd] .moderation-report-description {
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid var(--color-border-light);
    }

    [b-bx4nzkr3qd] .moderation-report-description p {
        font-size: 14px;
        color: var(--color-text-primary);
        line-height: 1.5;
        margin: 8px 0 0;
    }

    /* Form Groups */
    [b-bx4nzkr3qd] .moderation-form-group {
        margin-bottom: 16px;
    }

    [b-bx4nzkr3qd] .moderation-form-group > label {
        display: block;
        font-size: 14px;
        font-weight: 500;
        color: var(--color-text-primary);
        margin-bottom: 8px;
    }

    [b-bx4nzkr3qd] .moderation-form-group select {
        width: 100%;
        padding: 10px 14px;
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        font-size: 14px;
        background: var(--color-bg-card);
        color: var(--color-text-primary);
    }

    [b-bx4nzkr3qd] .moderation-form-group textarea {
        width: 100%;
        padding: 10px 14px;
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        font-size: 14px;
        background: var(--color-bg-card);
        font-family: inherit;
        resize: vertical;
        color: var(--color-text-primary);
    }

    /* Action Options (Radio Buttons) */
    [b-bx4nzkr3qd] .moderation-action-options {
        display: flex;
        gap: 8px;
    }

    [b-bx4nzkr3qd] .moderation-radio-label {
        flex: 1;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 10px 14px;
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        cursor: pointer;
        transition: all 0.15s;
        font-size: 14px;
        color: var(--color-text-primary);
    }

    [b-bx4nzkr3qd] .moderation-radio-label:hover {
        border-color: var(--color-primary);
    }

    [b-bx4nzkr3qd] .moderation-radio-label.selected {
        border-color: var(--color-primary);
        background: #F0F7FF;
    }

    [b-bx4nzkr3qd] .moderation-radio-label input[type="radio"] {
        display: none;
    }

    [b-bx4nzkr3qd] .moderation-radio-icon {
        width: 18px;
        height: 18px;
        flex-shrink: 0;
    }

    [b-bx4nzkr3qd] .moderation-radio-icon.approve { color: #16A34A; }
    [b-bx4nzkr3qd] .moderation-radio-icon.reject { color: #DC2626; }
    [b-bx4nzkr3qd] .moderation-radio-icon.flag { color: #D97706; }

    /* Form Messages */
    [b-bx4nzkr3qd] .moderation-form-error {
        padding: 12px;
        background: #FEE2E2;
        border: 1px solid #FECACA;
        border-radius: var(--radius-md);
        color: #DC2626;
        font-size: 14px;
        margin-bottom: 16px;
    }

    [b-bx4nzkr3qd] .moderation-form-success {
        padding: 12px;
        background: #DCFCE7;
        border: 1px solid #BBF7D0;
        border-radius: var(--radius-md);
        color: #16A34A;
        font-size: 14px;
        margin-bottom: 16px;
    }

    /* Modal Actions */
    [b-bx4nzkr3qd] .moderation-modal-actions {
        display: flex;
        gap: 12px;
        margin-top: 24px;
    }

    [b-bx4nzkr3qd] .moderation-modal-actions button { flex: 1; justify-content: center; }

    [b-bx4nzkr3qd] .moderation-btn-primary {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 12px 24px;
        background: var(--color-secondary);
        color: white;
        border: none;
        border-radius: var(--radius-md);
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        transition: opacity 0.15s;
    }

    [b-bx4nzkr3qd] .moderation-btn-primary:hover { opacity: 0.9; }
    [b-bx4nzkr3qd] .moderation-btn-primary:disabled { opacity: 0.6; cursor: not-allowed; }

    [b-bx4nzkr3qd] .moderation-btn-secondary {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 12px 24px;
        background: var(--color-bg-card);
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        font-size: 14px;
        color: var(--color-text-secondary);
        cursor: pointer;
        transition: all 0.15s;
    }

    [b-bx4nzkr3qd] .moderation-btn-secondary:hover { background: var(--color-bg-page); }

    /* Responsive */
    @media (max-width: 1024px) {
        [b-bx4nzkr3qd] .moderation-stats-row {
            grid-template-columns: repeat(2, 1fr);
        }

        [b-bx4nzkr3qd] .moderation-filters {
            flex-direction: column;
            gap: 12px;
        }

        [b-bx4nzkr3qd] .moderation-filter-group select {
            min-width: 100%;
        }

        [b-bx4nzkr3qd] .moderation-data-table {
            font-size: 13px;
        }

        [b-bx4nzkr3qd] .moderation-data-table th,
        [b-bx4nzkr3qd] .moderation-data-table td {
            padding: 10px 12px;
        }
    }

    @media (max-width: 768px) {
        [b-bx4nzkr3qd] .moderation-stats-row {
            grid-template-columns: 1fr;
        }

        [b-bx4nzkr3qd] .moderation-action-options {
            flex-direction: column;
        }

        [b-bx4nzkr3qd] .moderation-modal-content {
            max-width: 100%;
            margin: 10px;
        }
    }
/* _content/Listico.Web/Components/Pages/Admin/Profile.razor.rz.scp.css */
.profile-page[b-qmqz1i20i6] {
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    padding: 32px;
}

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

.profile-avatar-section[b-qmqz1i20i6] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.profile-avatar[b-qmqz1i20i6] {
    position: relative;
    width: 80px;
    height: 80px;
}

.profile-avatar img[b-qmqz1i20i6] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.avatar-edit-btn[b-qmqz1i20i6] {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 28px;
    height: 28px;
    background: var(--color-bg-card);
    border: 1px solid var(--color-border);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.avatar-edit-btn:hover[b-qmqz1i20i6] {
    background: var(--color-bg-page);
}

.avatar-edit-btn svg[b-qmqz1i20i6] {
    width: 14px;
    height: 14px;
    color: var(--color-text-secondary);
}

.profile-info[b-qmqz1i20i6] {
    display: flex;
    flex-direction: column;
}

.profile-name[b-qmqz1i20i6] {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text-primary);
    margin: 0;
}

.profile-email[b-qmqz1i20i6] {
    font-size: 14px;
    color: var(--color-text-muted);
    margin: 4px 0 0;
}

.profile-divider[b-qmqz1i20i6] {
    height: 1px;
    background: var(--color-border-light);
    margin: 24px 0;
}

.profile-form[b-qmqz1i20i6] {
}

.form-section-title[b-qmqz1i20i6] {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-primary);
    margin: 0 0 20px;
}

.form-grid[b-qmqz1i20i6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.form-group[b-qmqz1i20i6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-label[b-qmqz1i20i6] {
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text-primary);
}

.form-input[b-qmqz1i20i6],
.form-select[b-qmqz1i20i6] {
    padding: 12px 16px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    font-size: 14px;
    color: var(--color-text-primary);
    background: var(--color-bg-card);
    transition: border-color var(--transition-fast);
}

.form-input:focus[b-qmqz1i20i6],
.form-select:focus[b-qmqz1i20i6] {
    outline: none;
    border-color: var(--color-primary);
}

.form-input:disabled[b-qmqz1i20i6] {
    background: var(--color-bg-page);
    color: var(--color-text-muted);
    cursor: not-allowed;
}

.form-input[b-qmqz1i20i6]::placeholder {
    color: var(--color-text-muted);
}

.password-input[b-qmqz1i20i6] {
    position: relative;
    display: flex;
    align-items: center;
}

.password-input .form-input[b-qmqz1i20i6] {
    width: 100%;
    padding-right: 60px;
}

.password-toggle[b-qmqz1i20i6] {
    position: absolute;
    right: 16px;
    background: none;
    border: none;
    color: var(--color-text-secondary);
    font-size: 13px;
    cursor: pointer;
    font-weight: 500;
}

.password-toggle:hover[b-qmqz1i20i6] {
    color: var(--color-primary);
}

.form-actions[b-qmqz1i20i6] {
    display: flex;
    justify-content: flex-end;
    margin-top: 32px;
}

.form-actions .btn[b-qmqz1i20i6] {
    min-width: 200px;
}

.alert[b-qmqz1i20i6] {
    padding: 12px 16px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.alert-error[b-qmqz1i20i6] {
    background: #FEE2E2;
    color: #DC2626;
}

.alert-success[b-qmqz1i20i6] {
    background: #D1FAE5;
    color: #059669;
}

.alert-close[b-qmqz1i20i6] {
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
    color: inherit;
    opacity: 0.7;
}

.alert-close:hover[b-qmqz1i20i6] {
    opacity: 1;
}

@media (max-width: 768px) {
    .form-grid[b-qmqz1i20i6] {
        grid-template-columns: 1fr;
    }

    .profile-avatar-section[b-qmqz1i20i6] {
        flex-direction: column;
        text-align: center;
    }
}
/* _content/Listico.Web/Components/Pages/Admin/Reports.razor.rz.scp.css */
.reports-page[b-5pyzlq286f] {
}

.page-header[b-5pyzlq286f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.page-title[b-5pyzlq286f] {
    font-size: 24px;
    font-weight: 600;
    color: var(--color-text-primary);
    margin: 0;
}

.header-actions[b-5pyzlq286f] {
    display: flex;
    gap: 12px;
}

.header-actions select[b-5pyzlq286f] {
    padding: 10px 32px 10px 12px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-bg-card);
    font-size: 14px;
    cursor: pointer;
}

.btn[b-5pyzlq286f] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: var(--radius-md);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    border: none;
}

.btn svg[b-5pyzlq286f] {
    width: 18px;
    height: 18px;
}

.btn-secondary[b-5pyzlq286f] {
    background: var(--color-bg-card);
    color: var(--color-text-primary);
    border: 1px solid var(--color-border);
}

.btn-secondary:hover[b-5pyzlq286f] {
    background: var(--color-bg-hover);
}

.stats-grid[b-5pyzlq286f] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-bottom: 24px;
}

.stat-card[b-5pyzlq286f] {
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    padding: 24px;
    display: flex;
    gap: 16px;
}

.stat-icon[b-5pyzlq286f] {
    width: 48px;
    height: 48px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.stat-icon svg[b-5pyzlq286f] {
    width: 24px;
    height: 24px;
}

.stat-icon.blue[b-5pyzlq286f] {
    background: #DBEAFE;
    color: #2563EB;
}

.stat-icon.green[b-5pyzlq286f] {
    background: #DCFCE7;
    color: #16A34A;
}

.stat-icon.gold[b-5pyzlq286f] {
    background: #FEF3C7;
    color: #D97706;
}

.stat-icon.purple[b-5pyzlq286f] {
    background: #EDE9FE;
    color: #7C3AED;
}

.stat-content[b-5pyzlq286f] {
    display: flex;
    flex-direction: column;
}

.stat-label[b-5pyzlq286f] {
    font-size: 14px;
    color: var(--color-text-muted);
    margin-bottom: 4px;
}

.stat-value[b-5pyzlq286f] {
    font-size: 24px;
    font-weight: 600;
    color: var(--color-text-primary);
}

.stat-change[b-5pyzlq286f] {
    font-size: 12px;
    margin-top: 4px;
}

.stat-change.positive[b-5pyzlq286f] {
    color: #16A34A;
}

.stat-change.negative[b-5pyzlq286f] {
    color: #DC2626;
}

.reports-grid[b-5pyzlq286f] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.report-card[b-5pyzlq286f] {
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    padding: 24px;
}

.card-header[b-5pyzlq286f] {
    margin-bottom: 20px;
}

.card-header h3[b-5pyzlq286f] {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-primary);
    margin: 0;
}

.chart-placeholder[b-5pyzlq286f] {
    width: 100%;
}

.pie-chart-container[b-5pyzlq286f] {
    display: flex;
    justify-content: center;
    padding: 20px;
}

.pie-legend[b-5pyzlq286f] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.legend-item[b-5pyzlq286f] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

.legend-color[b-5pyzlq286f] {
    width: 12px;
    height: 12px;
    border-radius: 3px;
}

.agents-list[b-5pyzlq286f] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.agent-row[b-5pyzlq286f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

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

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

.agent-name[b-5pyzlq286f] {
    display: block;
    font-weight: 500;
}

.agent-sales[b-5pyzlq286f] {
    font-size: 13px;
    color: var(--color-text-muted);
}

.agent-revenue[b-5pyzlq286f] {
    font-weight: 600;
    color: var(--color-text-primary);
}

@media (max-width: 1200px) {
    .stats-grid[b-5pyzlq286f] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .page-header[b-5pyzlq286f] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .page-title[b-5pyzlq286f] {
        font-size: 20px;
    }

    .header-actions[b-5pyzlq286f] {
        flex-wrap: wrap;
    }

    .header-actions select[b-5pyzlq286f] {
        flex: 1;
    }

    .header-actions .btn[b-5pyzlq286f] {
        flex: 1;
        justify-content: center;
    }

    .stats-grid[b-5pyzlq286f] {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .stat-card[b-5pyzlq286f] {
        padding: 16px;
        gap: 12px;
    }

    .stat-icon[b-5pyzlq286f] {
        width: 40px;
        height: 40px;
    }

    .stat-value[b-5pyzlq286f] {
        font-size: 20px;
    }

    .reports-grid[b-5pyzlq286f] {
        grid-template-columns: 1fr;
    }

    .report-card[b-5pyzlq286f] {
        padding: 16px;
        overflow: hidden;
    }

    .chart-placeholder[b-5pyzlq286f] {
        overflow-x: auto;
    }
}

@media (max-width: 480px) {
    .stats-grid[b-5pyzlq286f] {
        grid-template-columns: 1fr;
    }

    .stat-card[b-5pyzlq286f] {
        flex-direction: row;
        align-items: center;
    }
}

@media print {
    .admin-sidebar[b-5pyzlq286f],
    .admin-topbar[b-5pyzlq286f],
    .page-header .export-btn[b-5pyzlq286f],
    .page-header .refresh-btn[b-5pyzlq286f],
    .report-controls[b-5pyzlq286f],
    .stats-grid .stat-card .stat-icon[b-5pyzlq286f] { display: none !important; }

    .admin-layout[b-5pyzlq286f] { display: block !important; }
    .admin-main[b-5pyzlq286f] { margin: 0 !important; padding: 0 !important; }
    .admin-content[b-5pyzlq286f] { padding: 0 !important; margin: 0 !important; }
    .reports-page[b-5pyzlq286f] { padding: 0 !important; }

    body[b-5pyzlq286f], .admin-layout[b-5pyzlq286f], .admin-main[b-5pyzlq286f], .admin-content[b-5pyzlq286f] {
        background: white !important;
        color: black !important;
    }

    .stat-card[b-5pyzlq286f], .chart-section[b-5pyzlq286f], .table-section[b-5pyzlq286f] {
        box-shadow: none !important;
        border: 1px solid #ddd !important;
        break-inside: avoid;
    }

    .stats-grid[b-5pyzlq286f] {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}
/* _content/Listico.Web/Components/Pages/Admin/Settings.razor.rz.scp.css */
.settings-page[b-p4zi9zw8nx] { }

.page-header[b-p4zi9zw8nx] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; }
.header-left h1[b-p4zi9zw8nx] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.header-left p[b-p4zi9zw8nx] { color: #6b7280; margin: 0.25rem 0 0; font-size: 0.875rem; }

/* Tabs */
.system-settings-section[b-p4zi9zw8nx] { }

.settings-tabs[b-p4zi9zw8nx] {
    display: flex;
    border-bottom: 2px solid #e5e7eb;
    margin-bottom: 1.5rem;
    overflow-x: auto;
}

.tab-btn[b-p4zi9zw8nx] {
    padding: 0.75rem 1.5rem;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 500;
    color: #6b7280;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    white-space: nowrap;
}

.tab-btn.active[b-p4zi9zw8nx] { color: #2563eb; border-bottom-color: #2563eb; }
.tab-btn:hover[b-p4zi9zw8nx] { color: #374151; }

/* Tab content */
.tab-content[b-p4zi9zw8nx] {
    background: var(--color-bg-card, #fff);
    border: 1px solid #e5e7eb;
    border-radius: 0.75rem;
    padding: 24px;
}

.tab-header[b-p4zi9zw8nx] { margin-bottom: 1.5rem; }
.tab-header h2[b-p4zi9zw8nx] { font-size: 1.1rem; font-weight: 600; margin: 0 0 0.25rem; }
.tab-description[b-p4zi9zw8nx] { font-size: 0.8rem; color: #6b7280; margin: 0; }

.settings-form-grid[b-p4zi9zw8nx] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

/* Auth tab grouped sections */
.settings-group[b-p4zi9zw8nx] {
    grid-column: 1 / -1;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 1.25rem;
    background: #fafafa;
}

.settings-group-header[b-p4zi9zw8nx] {
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e5e7eb;
}

.settings-group-header h3[b-p4zi9zw8nx] {
    font-size: 0.95rem;
    font-weight: 600;
    margin: 0;
    color: var(--color-text-primary);
}

.settings-group-header p[b-p4zi9zw8nx] {
    font-size: 0.8rem;
    color: #6b7280;
    margin: 0.25rem 0 0;
}

.settings-group .setting-field[b-p4zi9zw8nx] {
    margin-bottom: 0.75rem;
}

.settings-group .setting-field:last-child[b-p4zi9zw8nx] {
    margin-bottom: 0;
}

.setting-field[b-p4zi9zw8nx] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.setting-field > label[b-p4zi9zw8nx] {
    font-size: 13px;
    font-weight: 500;
    color: var(--color-text-primary);
}

.setting-field input[b-p4zi9zw8nx],
.setting-field select[b-p4zi9zw8nx] {
    padding: 10px 14px;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    font-size: 13px;
    color: var(--color-text-primary);
    background: var(--color-bg-card, #fff);
}

.setting-field input:focus[b-p4zi9zw8nx],
.setting-field select:focus[b-p4zi9zw8nx] {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.setting-key[b-p4zi9zw8nx] {
    font-size: 11px;
    color: #9ca3af;
    font-family: monospace;
}

/* Secret toggle */
.input-with-icon[b-p4zi9zw8nx] {
    position: relative;
    display: flex;
}

.input-with-icon input[b-p4zi9zw8nx] {
    flex: 1;
    width: 100%;
    padding: 10px 40px 10px 14px;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    font-size: 13px;
    color: var(--color-text-primary);
    background: var(--color-bg-card, #fff);
}

.input-with-icon input:focus[b-p4zi9zw8nx] {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.toggle-secret[b-p4zi9zw8nx] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    color: #9ca3af;
    display: flex;
    align-items: center;
    z-index: 2;
}

.toggle-secret:hover[b-p4zi9zw8nx] { color: #6b7280; }

/* Toggle switch */
.toggle[b-p4zi9zw8nx] {
    position: relative;
    width: 44px;
    height: 24px;
    display: inline-block;
}

.toggle input[b-p4zi9zw8nx] {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-slider[b-p4zi9zw8nx] {
    position: absolute;
    inset: 0;
    background-color: #e5e7eb;
    border-radius: 24px;
    cursor: pointer;
    transition: background-color 0.2s;
}

.toggle-slider[b-p4zi9zw8nx]::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    left: 2px;
    bottom: 2px;
    background: white;
    border-radius: 50%;
    transition: transform 0.2s;
}

.toggle input:checked + .toggle-slider[b-p4zi9zw8nx] {
    background-color: #2563eb;
}

.toggle input:checked + .toggle-slider[b-p4zi9zw8nx]::before {
    transform: translateX(20px);
}

/* Actions */
.form-actions[b-p4zi9zw8nx] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #e5e7eb;
}

.btn-primary[b-p4zi9zw8nx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 32px;
    background: #2563eb;
    color: white;
    border: none;
    border-radius: 0.5rem;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.btn-primary:hover[b-p4zi9zw8nx] { background: #1d4ed8; }
.btn-primary:disabled[b-p4zi9zw8nx] { opacity: 0.5; cursor: not-allowed; }

/* Alerts */
.alert[b-p4zi9zw8nx] { padding: 10px 14px; border-radius: 0.5rem; font-size: 13px; }
.alert-error[b-p4zi9zw8nx] { background: #fef2f2; border: 1px solid #fecaca; color: #dc2626; }
.alert-success[b-p4zi9zw8nx] { background: #f0fdf4; border: 1px solid #86efac; color: #16a34a; }

.loading-state[b-p4zi9zw8nx] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 2rem;
    color: #6b7280;
    font-size: 0.875rem;
}

.spinner[b-p4zi9zw8nx] {
    width: 24px; height: 24px;
    border: 3px solid #e5e7eb;
    border-top-color: #2563eb;
    border-radius: 50%;
    animation: spin-b-p4zi9zw8nx 0.8s linear infinite;
}

.spinner-sm[b-p4zi9zw8nx] {
    width: 16px; height: 16px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-p4zi9zw8nx 0.8s linear infinite;
    display: inline-block;
}

/* Image upload */
.image-upload-field[b-p4zi9zw8nx] { grid-column: span 2; }

.image-upload-box[b-p4zi9zw8nx] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.image-preview[b-p4zi9zw8nx] {
    width: 80px;
    height: 80px;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #f9fafb;
    flex-shrink: 0;
}

.image-preview img[b-p4zi9zw8nx] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.upload-controls[b-p4zi9zw8nx] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex-shrink: 0;
}

.upload-controls[b-p4zi9zw8nx]  input[type="file"] {
    font-size: 12px;
    color: #6b7280;
}

.upload-status[b-p4zi9zw8nx] {
    font-size: 12px;
    color: #2563eb;
}

.image-upload-box input[type="text"][b-p4zi9zw8nx] {
    flex: 1;
    padding: 10px 14px;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    font-size: 13px;
    color: var(--color-text-primary);
    background: var(--color-bg-card, #fff);
}

.image-upload-box input[type="text"]:focus[b-p4zi9zw8nx] {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

/* Textarea */
.setting-field textarea[b-p4zi9zw8nx] {
    padding: 10px 14px;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    font-size: 13px;
    color: var(--color-text-primary);
    background: var(--color-bg-card, #fff);
    resize: vertical;
    font-family: inherit;
}

.setting-field textarea:focus[b-p4zi9zw8nx] {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.no-settings[b-p4zi9zw8nx] { color: #9ca3af; font-size: 0.875rem; }

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

@media (max-width: 900px) {
    .settings-grid-top[b-p4zi9zw8nx] { grid-template-columns: 1fr; }
    .settings-form-grid[b-p4zi9zw8nx] { grid-template-columns: 1fr; }
    .settings-tabs[b-p4zi9zw8nx] { gap: 0; }
    /* Prevent span 2 from creating implicit columns in 1-col grid */
    .image-upload-field[b-p4zi9zw8nx] { grid-column: 1 / -1 !important; }
    .setting-field[style*="grid-column"][b-p4zi9zw8nx] { grid-column: 1 / -1 !important; }
}

@media (max-width: 640px) {
    /* Stack image upload vertically */
    .image-upload-box[b-p4zi9zw8nx] {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .image-preview[b-p4zi9zw8nx] {
        width: 64px;
        height: 64px;
        align-self: flex-start;
    }

    /* Make file input container full width and style it */
    .upload-controls[b-p4zi9zw8nx] {
        width: 100%;
        flex-shrink: 1;
    }

    .upload-controls[b-p4zi9zw8nx]  input[type="file"] {
        width: 100%;
        max-width: 100%;
        font-size: 13px;
    }

    /* URL text input full width */
    .image-upload-box input[type="text"][b-p4zi9zw8nx] {
        width: 100%;
        box-sizing: border-box;
    }

    /* Regular fields full width */
    .setting-field input[b-p4zi9zw8nx],
    .setting-field select[b-p4zi9zw8nx],
    .setting-field textarea[b-p4zi9zw8nx] {
        width: 100%;
        box-sizing: border-box;
    }

    /* Tab scroll on small screens */
    .settings-tabs[b-p4zi9zw8nx] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap;
        padding-bottom: 2px;
    }

    .settings-tabs .tab-btn[b-p4zi9zw8nx] {
        white-space: nowrap;
        flex-shrink: 0;
    }
}
/* _content/Listico.Web/Components/Pages/Admin/SocialMedia.razor.rz.scp.css */
.social-media-admin-page[b-92lk9etore] { padding: 1.5rem; }

.page-header[b-92lk9etore] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    gap: 1rem;
}

.page-subtitle[b-92lk9etore] { color: #64748b; font-size: 0.875rem; margin-top: 0.25rem; }

.platform-icon-preview[b-92lk9etore] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.platform-icon-preview.large[b-92lk9etore] { width: 40px; height: 40px; }
.platform-icon-preview svg[b-92lk9etore] { width: 100%; height: 100%; }

.icon-preview-row[b-92lk9etore] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background: #f8fafc;
    border-radius: 8px;
    margin-bottom: 1rem;
    font-size: 0.875rem;
    color: #64748b;
}

.color-input-row[b-92lk9etore] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.color-picker[b-92lk9etore] {
    width: 44px;
    height: 40px;
    padding: 2px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    cursor: pointer;
    background: transparent;
}

.platform-name[b-92lk9etore] { font-weight: 500; color: #1e293b; }

.status-badge[b-92lk9etore] { font-size: 0.75rem; font-weight: 500; padding: 0.25rem 0.6rem; border-radius: 20px; }
.badge-active[b-92lk9etore] { background: #dcfce7; color: #16a34a; }
.badge-inactive[b-92lk9etore] { background: #f1f5f9; color: #94a3b8; }

.row-actions[b-92lk9etore] { display: flex; gap: 0.5rem; }
.btn-icon-sm[b-92lk9etore] {
    width: 30px; height: 30px;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    background: white;
    cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: all 0.15s;
}
.btn-icon-sm.btn-edit:hover[b-92lk9etore] { background: #eff6ff; border-color: #3b82f6; color: #3b82f6; }
.btn-icon-sm.btn-delete:hover[b-92lk9etore] { background: #fef2f2; border-color: #ef4444; color: #ef4444; }

.empty-state-table[b-92lk9etore] { text-align: center; padding: 3rem; color: #94a3b8; }
.empty-state-table svg[b-92lk9etore] { margin-bottom: 1rem; }
.empty-state-table p[b-92lk9etore] { font-size: 0.9rem; }

.form-check-inline[b-92lk9etore] { display: flex; align-items: center; gap: 0.5rem; }
.form-check-inline input[type="checkbox"][b-92lk9etore] { width: 16px; height: 16px; cursor: pointer; }
.form-check-inline label[b-92lk9etore] { margin: 0; cursor: pointer; }

.form-grid-2[b-92lk9etore] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.form-hint[b-92lk9etore] { font-size: 0.78rem; color: #94a3b8; margin-top: 4px; display: block; }

.modal-md[b-92lk9etore] { max-width: 560px; }
.modal-sm[b-92lk9etore] { max-width: 400px; }

.text-muted[b-92lk9etore] { color: #64748b; }
.small[b-92lk9etore] { font-size: 0.8rem; }
.text-center[b-92lk9etore] { text-align: center; }
.required[b-92lk9etore] { color: #ef4444; }

.btn-danger[b-92lk9etore] {
    background: #ef4444;
    color: white;
    border: none;
    padding: 0.6rem 1.25rem;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 500;
}
.btn-danger:hover[b-92lk9etore] { background: #dc2626; }
.btn-danger:disabled[b-92lk9etore] { opacity: 0.6; cursor: not-allowed; }

.alert[b-92lk9etore] { padding: 0.75rem 1rem; border-radius: 8px; font-size: 0.875rem; margin-bottom: 1rem; }
.alert-error[b-92lk9etore] { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }

.loading-state[b-92lk9etore] { text-align: center; padding: 3rem; color: #94a3b8; }
.spinner[b-92lk9etore] {
    width: 32px; height: 32px;
    border: 3px solid #e2e8f0;
    border-top-color: #3b82f6;
    border-radius: 50%;
    animation: spin-b-92lk9etore 0.8s linear infinite;
    margin: 0 auto 1rem;
}
@keyframes spin-b-92lk9etore { to { transform: rotate(360deg); } }

@media (max-width: 768px) {
    .social-media-admin-page[b-92lk9etore] { padding: 1rem; }

    .page-header[b-92lk9etore] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .page-header .btn[b-92lk9etore] {
        align-self: flex-start;
    }

    .page-title[b-92lk9etore] {
        font-size: 20px;
    }

    .table-card[b-92lk9etore] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .data-table[b-92lk9etore] {
        min-width: 650px;
    }

    .data-table th[b-92lk9etore],
    .data-table td[b-92lk9etore] {
        padding: 10px 12px;
        font-size: 13px;
        white-space: nowrap;
    }

    .modal-content[b-92lk9etore] {
        max-width: 95vw;
    }

    .form-grid-2[b-92lk9etore] {
        grid-template-columns: 1fr;
    }
}
/* _content/Listico.Web/Components/Pages/Admin/UserComponents/UserDeleteModal.razor.rz.scp.css */
.modal-warning-icon[b-hkp7tv7jst] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color: #FEE2E2;
    color: #DC2626;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
}

.modal-warning-icon svg[b-hkp7tv7jst] {
    width: 24px;
    height: 24px;
}

.btn-danger[b-hkp7tv7jst] {
    background-color: #DC2626;
    color: white;
    border: none;
}

.btn-danger:hover[b-hkp7tv7jst] {
    background-color: #B91C1C;
}

.form-error[b-hkp7tv7jst] {
    padding: 12px;
    background-color: #FEE2E2;
    border: 1px solid #FECACA;
    border-radius: var(--radius-md);
    color: #DC2626;
    font-size: 14px;
    margin-bottom: 16px;
}

.spinner-sm[b-hkp7tv7jst] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-hkp7tv7jst 1s linear infinite;
    display: inline-block;
}

@keyframes spin-b-hkp7tv7jst {
    to { transform: rotate(360deg); }
}
/* _content/Listico.Web/Components/Pages/Admin/UserComponents/UserFilterModal.razor.rz.scp.css */
.filter-modal[b-x5oinq0ezj] {
    max-width: 420px;
}

.date-range[b-x5oinq0ezj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
/* _content/Listico.Web/Components/Pages/Admin/UserComponents/UserFormModal.razor.rz.scp.css */
.user-modal[b-70jham9w8w] {
    max-width: 420px;
}

.user-modal-header[b-70jham9w8w] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
}

.user-modal-header.create-mode[b-70jham9w8w] {
    justify-content: center;
}

.user-modal-avatar[b-70jham9w8w] {
    position: relative;
    width: 64px;
    height: 64px;
}

.user-modal-avatar img[b-70jham9w8w] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.avatar-edit-btn[b-70jham9w8w] {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 24px;
    height: 24px;
    background: var(--color-bg-card);
    border: 1px solid var(--color-border);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-secondary);
}

.avatar-edit-btn svg[b-70jham9w8w] {
    width: 12px;
    height: 12px;
}

.user-modal-info h3[b-70jham9w8w] {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text-primary);
    margin: 0 0 4px;
}

.user-modal-info p[b-70jham9w8w] {
    font-size: 14px;
    color: var(--color-text-muted);
    margin: 0;
}

.avatar-upload[b-70jham9w8w] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px dashed var(--color-border);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    color: var(--color-text-muted);
    transition: all var(--transition-fast);
}

.avatar-upload:hover[b-70jham9w8w] {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.avatar-upload svg[b-70jham9w8w] {
    width: 32px;
    height: 32px;
}

.upload-hint[b-70jham9w8w] {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 24px;
    height: 24px;
    background: var(--color-bg-card);
    border: 1px solid var(--color-border);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.upload-hint svg[b-70jham9w8w] {
    width: 12px;
    height: 12px;
}

.status-select.active[b-70jham9w8w] {
    color: #16A34A;
}

.status-select.suspended[b-70jham9w8w] {
    color: #D97706;
}

.status-select.deactivated[b-70jham9w8w] {
    color: #DC2626;
}

.form-error[b-70jham9w8w] {
    padding: 12px;
    background-color: #FEE2E2;
    border: 1px solid #FECACA;
    border-radius: var(--radius-md);
    color: #DC2626;
    font-size: 14px;
    margin-bottom: 16px;
}

.btn-full[b-70jham9w8w] {
    width: 100%;
    justify-content: center;
}

.spinner-sm[b-70jham9w8w] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-70jham9w8w 1s linear infinite;
    display: inline-block;
}

@keyframes spin-b-70jham9w8w {
    to { transform: rotate(360deg); }
}
/* _content/Listico.Web/Components/Pages/Admin/UserComponents/UserResetPasswordModal.razor.rz.scp.css */
.pwd-rules[b-p9t0o8b2oj] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.pwd-rule[b-p9t0o8b2oj] {
    font-size: 11px;
    font-weight: 500;
    padding: 3px 8px;
    border-radius: 12px;
    transition: all 0.2s;
}

.pwd-rule.ok[b-p9t0o8b2oj] {
    background: #DCFCE7;
    color: #16A34A;
}

.pwd-rule.fail[b-p9t0o8b2oj] {
    background: #FEE2E2;
    color: #DC2626;
}

.form-control[b-p9t0o8b2oj] {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    font-size: 14px;
    color: var(--color-text-primary);
    background: var(--color-bg-card);
    box-sizing: border-box;
}

.form-control:focus[b-p9t0o8b2oj] {
    outline: none;
    border-color: var(--color-primary);
}

.btn-warning[b-p9t0o8b2oj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 20px;
    background-color: #D97706;
    color: white;
    border: none;
    border-radius: var(--radius-md);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-warning:hover[b-p9t0o8b2oj] {
    background-color: #B45309;
}

.btn-warning:disabled[b-p9t0o8b2oj] {
    opacity: 0.6;
    cursor: not-allowed;
}

.form-error[b-p9t0o8b2oj] {
    padding: 12px;
    background-color: #FEE2E2;
    border: 1px solid #FECACA;
    border-radius: var(--radius-md);
    color: #DC2626;
    font-size: 14px;
    margin-bottom: 16px;
}

.spinner-sm[b-p9t0o8b2oj] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-p9t0o8b2oj 1s linear infinite;
    display: inline-block;
}

@keyframes spin-b-p9t0o8b2oj {
    to { transform: rotate(360deg); }
}
/* _content/Listico.Web/Components/Pages/Admin/UserComponents/UserRoleChangeModal.razor.rz.scp.css */
.btn-warning[b-83rxojvuq0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 20px;
    background-color: #D97706;
    color: white;
    border: none;
    border-radius: var(--radius-md);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-warning:hover[b-83rxojvuq0] {
    background-color: #B45309;
}

.btn-warning:disabled[b-83rxojvuq0] {
    opacity: 0.6;
    cursor: not-allowed;
}

.form-error[b-83rxojvuq0] {
    padding: 12px;
    background-color: #FEE2E2;
    border: 1px solid #FECACA;
    border-radius: var(--radius-md);
    color: #DC2626;
    font-size: 14px;
    margin-bottom: 16px;
}

.spinner-sm[b-83rxojvuq0] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-83rxojvuq0 1s linear infinite;
    display: inline-block;
}

@keyframes spin-b-83rxojvuq0 {
    to { transform: rotate(360deg); }
}
/* _content/Listico.Web/Components/Pages/Admin/UserComponents/UserTable.razor.rz.scp.css */
.user-cell[b-zrut5hyg60] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.user-cell-avatar[b-zrut5hyg60] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

.user-cell-avatar img[b-zrut5hyg60] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.user-cell-name[b-zrut5hyg60] {
    font-weight: 500;
}

.role-cell[b-zrut5hyg60] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.role-badge[b-zrut5hyg60] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
}

.role-badge.agent[b-zrut5hyg60] {
    background-color: var(--color-role-agent-bg);
    color: var(--color-role-agent);
}

.role-badge.broker[b-zrut5hyg60] {
    background-color: var(--color-role-broker-bg);
    color: var(--color-role-broker);
}

.role-badge.public-user[b-zrut5hyg60] {
    background-color: var(--color-role-public-bg);
    color: var(--color-role-public);
}

.role-badge.agency-manager[b-zrut5hyg60] {
    background-color: var(--color-role-agency-manager-bg);
    color: var(--color-role-agency-manager);
}

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

.status-badge.active[b-zrut5hyg60] {
    background-color: #DCFCE7;
    color: #16A34A;
}

.status-badge.suspended[b-zrut5hyg60] {
    background-color: #FEF3C7;
    color: #D97706;
}

.status-badge.deactivated[b-zrut5hyg60] {
    background-color: #FEE2E2;
    color: #DC2626;
}

.status-badge.pending[b-zrut5hyg60] {
    background-color: #DBEAFE;
    color: #2563EB;
}

.checkbox-col[b-zrut5hyg60] {
    width: 40px;
    text-align: center;
}

.checkbox-col input[b-zrut5hyg60] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: var(--color-primary);
}

.data-table tr.selected td[b-zrut5hyg60] {
    background-color: rgba(212, 160, 60, 0.08);
}

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

.btn-icon-action[b-zrut5hyg60] {
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    cursor: pointer;
    color: var(--color-text-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-sm);
    transition: all var(--transition-fast);
}

.btn-icon-action:hover[b-zrut5hyg60] {
    background-color: var(--color-primary);
    color: white;
}

.btn-icon-action.btn-icon-danger:hover[b-zrut5hyg60] {
    background-color: #DC2626;
    color: white;
}

.btn-icon-action.btn-icon-warning[b-zrut5hyg60] {
    color: #D97706;
}

.btn-icon-action.btn-icon-warning:hover[b-zrut5hyg60] {
    background-color: #D97706;
    color: white;
}

.btn-icon-action svg[b-zrut5hyg60] {
    width: 16px;
    height: 16px;
}

.btn-promote[b-zrut5hyg60],
.btn-demote[b-zrut5hyg60] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    border: none;
    border-radius: 14px;
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
    transition: all var(--transition-fast);
    white-space: nowrap;
}

.btn-promote[b-zrut5hyg60] {
    background-color: rgba(37, 99, 235, 0.1);
    color: #2563EB;
}

.btn-promote:hover[b-zrut5hyg60] {
    background-color: rgba(37, 99, 235, 0.2);
}

.btn-demote[b-zrut5hyg60] {
    background-color: rgba(217, 119, 6, 0.1);
    color: #D97706;
}

.btn-demote:hover[b-zrut5hyg60] {
    background-color: rgba(217, 119, 6, 0.2);
}

.btn-promote svg[b-zrut5hyg60],
.btn-demote svg[b-zrut5hyg60] {
    width: 12px;
    height: 12px;
}

.btn-promote:disabled[b-zrut5hyg60],
.btn-demote:disabled[b-zrut5hyg60] {
    opacity: 0.6;
    cursor: not-allowed;
}

.pagination[b-zrut5hyg60] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--color-border-light);
}

.page-btn[b-zrut5hyg60] {
    width: 36px;
    height: 36px;
    border: none;
    background: transparent;
    cursor: pointer;
    color: var(--color-text-secondary);
    font-size: 14px;
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all var(--transition-fast);
}

.page-btn:hover:not(:disabled)[b-zrut5hyg60] {
    background-color: var(--color-bg-page);
}

.page-btn.active[b-zrut5hyg60] {
    background-color: var(--color-primary);
    color: white;
}

.page-btn:disabled[b-zrut5hyg60] {
    opacity: 0.5;
    cursor: not-allowed;
}

.page-btn svg[b-zrut5hyg60] {
    width: 16px;
    height: 16px;
}

.page-ellipsis[b-zrut5hyg60] {
    color: var(--color-text-muted);
}

.page-total[b-zrut5hyg60] {
    color: var(--color-text-secondary);
    font-size: 14px;
}

.loading-state[b-zrut5hyg60],
.empty-state[b-zrut5hyg60] {
    padding: 60px 20px;
    text-align: center;
    color: var(--color-text-muted);
}

.loading-state .spinner[b-zrut5hyg60],
.empty-state svg[b-zrut5hyg60] {
    width: 48px;
    height: 48px;
    margin-bottom: 16px;
}

.spinner[b-zrut5hyg60] {
    border: 3px solid var(--color-border);
    border-top-color: var(--color-primary);
    border-radius: 50%;
    animation: spin-b-zrut5hyg60 1s linear infinite;
    margin: 0 auto;
}

@keyframes spin-b-zrut5hyg60 {
    to { transform: rotate(360deg); }
}
/* _content/Listico.Web/Components/Pages/Admin/Users.razor.rz.scp.css */
.users-page[b-ay5ed96rkr] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

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

.page-title[b-ay5ed96rkr] {
    font-size: 24px;
    font-weight: 600;
    color: var(--color-text-primary);
    margin: 0;
}

.header-actions[b-ay5ed96rkr] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.btn-icon[b-ay5ed96rkr] {
    width: 40px;
    height: 40px;
    border: 1px solid #FECACA;
    border-radius: var(--radius-md);
    background: #FEF2F2;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #DC2626;
    transition: all var(--transition-fast);
}

.btn-icon:hover:not(:disabled)[b-ay5ed96rkr] {
    background: #DC2626;
    border-color: #DC2626;
    color: white;
}

.btn-icon:disabled[b-ay5ed96rkr] {
    opacity: 0.4;
    cursor: not-allowed;
}

.btn-icon svg[b-ay5ed96rkr] {
    width: 18px;
    height: 18px;
}

.btn-primary[b-ay5ed96rkr] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background-color: var(--color-primary);
    color: white;
    border: none;
    border-radius: var(--radius-md);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-primary:hover[b-ay5ed96rkr] {
    background-color: var(--color-primary-hover);
}

.btn-primary svg[b-ay5ed96rkr] {
    width: 16px;
    height: 16px;
}

.table-header[b-ay5ed96rkr] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    margin-bottom: 20px;
}

.table-search[b-ay5ed96rkr] {
    position: relative;
    width: 280px;
}

.table-search svg[b-ay5ed96rkr] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    color: var(--color-text-muted);
}

.table-search input[b-ay5ed96rkr] {
    width: 100%;
    padding: 10px 12px 10px 40px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    font-size: 14px;
    background: var(--color-bg-page);
}

.table-search input:focus[b-ay5ed96rkr] {
    outline: none;
    border-color: var(--color-primary);
    background: var(--color-bg-card);
}

.btn-secondary[b-ay5ed96rkr] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background: var(--color-bg-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    font-size: 14px;
    color: var(--color-text-secondary);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-secondary:hover[b-ay5ed96rkr] {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.btn-secondary svg[b-ay5ed96rkr] {
    width: 16px;
    height: 16px;
}

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

.form-group label[b-ay5ed96rkr] {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text-primary);
    margin-bottom: 8px;
}

.form-group input[b-ay5ed96rkr],
.form-group select[b-ay5ed96rkr] {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    font-size: 14px;
    color: var(--color-text-primary);
    background: var(--color-bg-card);
}

.form-group input:focus[b-ay5ed96rkr],
.form-group select:focus[b-ay5ed96rkr] {
    outline: none;
    border-color: var(--color-primary);
}

.form-group input:disabled[b-ay5ed96rkr] {
    background-color: var(--color-bg-page);
    color: var(--color-text-muted);
}

.form-group input[b-ay5ed96rkr]::placeholder {
    color: var(--color-text-muted);
}
/* _content/Listico.Web/Components/Pages/Agent/AddProperty.razor.rz.scp.css */
[data-theme="dark"] .add-property-page[b-au5bfedpyy] {
    color: #e2e8f0;
}

[data-theme="dark"] .add-property-page .page-header-section[b-au5bfedpyy] {
    box-shadow: 0 10px 30px rgba(102, 126, 234, 0.15);
}

[data-theme="dark"] .add-property-page .back-link[b-au5bfedpyy] {
    color: #94a3b8;
}

[data-theme="dark"] .add-property-page h1[b-au5bfedpyy] {
    color: #e2e8f0;
}

[data-theme="dark"] .property-form[b-au5bfedpyy] {
    background: #1e293b;
    border-color: #334155;
    color: #e2e8f0;
}

[data-theme="dark"] .property-form h2[b-au5bfedpyy],
[data-theme="dark"] .property-form h3[b-au5bfedpyy] {
    color: #e2e8f0;
}

[data-theme="dark"] .form-progress[b-au5bfedpyy] {
    background: #1e293b;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

[data-theme="dark"] .step-number[b-au5bfedpyy] {
    background: #1e293b;
    border-color: #475569;
    color: #94a3b8;
}

[data-theme="dark"] .step-label[b-au5bfedpyy] {
    color: #94a3b8;
}

[data-theme="dark"] .progress-line[b-au5bfedpyy] {
    background: #334155;
}

[data-theme="dark"] .form-section[b-au5bfedpyy] {
    border-bottom-color: #334155;
}

[data-theme="dark"] .form-group label[b-au5bfedpyy] {
    color: #cbd5e1;
}

[data-theme="dark"] .form-group input[b-au5bfedpyy],
[data-theme="dark"] .form-group select[b-au5bfedpyy],
[data-theme="dark"] .form-group textarea[b-au5bfedpyy] {
    background: #0f172a;
    border-color: #334155;
    color: #e2e8f0;
}

[data-theme="dark"] .form-group input[b-au5bfedpyy]::placeholder,
[data-theme="dark"] .form-group textarea[b-au5bfedpyy]::placeholder {
    color: #64748b;
}

[data-theme="dark"] .form-group input:focus[b-au5bfedpyy],
[data-theme="dark"] .form-group select:focus[b-au5bfedpyy],
[data-theme="dark"] .form-group textarea:focus[b-au5bfedpyy] {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102,126,234,0.15);
}

[data-theme="dark"] .form-actions[b-au5bfedpyy] {
    background: #1e293b;
    border-top-color: #334155;
}

[data-theme="dark"] .form-actions .btn-secondary[b-au5bfedpyy] {
    background: #1e293b;
    border-color: #334155;
    color: #e2e8f0;
}

[data-theme="dark"] .image-upload-area[b-au5bfedpyy] {
    background: #0f172a;
    border-color: #334155;
    color: #94a3b8;
}

[data-theme="dark"] .image-upload-area:hover[b-au5bfedpyy] {
    border-color: #667eea;
    background: rgba(102,126,234,0.05);
}

[data-theme="dark"] .input-with-prefix .prefix[b-au5bfedpyy] {
    color: #64748b;
}

[data-theme="dark"] .char-count[b-au5bfedpyy] {
    color: #64748b;
}

[data-theme="dark"] .details-subsection[b-au5bfedpyy] {
    background: #0f172a;
    border-color: #334155;
}

[data-theme="dark"] .subsection-header[b-au5bfedpyy] {
    border-bottom-color: #334155;
}

[data-theme="dark"] .subsection-header h3[b-au5bfedpyy] {
    color: #e2e8f0;
}

[data-theme="dark"] .feature-checkbox[b-au5bfedpyy] {
    border-color: #334155;
    color: #cbd5e1;
}

[data-theme="dark"] .feature-checkbox:has(input:checked)[b-au5bfedpyy] {
    background: rgba(102,126,234,0.1);
    border-color: #667eea;
}

[data-theme="dark"] .feature-checkbox span[b-au5bfedpyy] {
    color: #cbd5e1;
}

[data-theme="dark"] .step-btn[b-au5bfedpyy] {
    background: #1e293b;
    border-color: #334155;
    color: #94a3b8;
}

[data-theme="dark"] .step-btn.active[b-au5bfedpyy] {
    color: #e2e8f0;
}

[data-theme="dark"] .upload-section[b-au5bfedpyy] {
    border-top-color: #334155;
}

[data-theme="dark"] .upload-zone[b-au5bfedpyy] {
    border-color: rgba(102, 126, 234, 0.25);
    background: linear-gradient(to bottom, rgba(102, 126, 234, 0.04), rgba(118, 75, 162, 0.04));
}

[data-theme="dark"] .upload-zone:hover[b-au5bfedpyy] {
    background: linear-gradient(to bottom, rgba(102, 126, 234, 0.08), rgba(118, 75, 162, 0.08));
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.2);
}

[data-theme="dark"] .map-picker[b-au5bfedpyy] {
    border-color: #334155;
}

[data-theme="dark"] .coords-display[b-au5bfedpyy] {
    background: rgba(5, 150, 105, 0.1);
    color: #34d399;
}
/* _content/Listico.Web/Components/Pages/Agent/Analytics.razor.rz.scp.css */
.loading-container[b-wl06ilr89l], .error-container[b-wl06ilr89l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    gap: 1rem;
}

.loading-spinner[b-wl06ilr89l] {
    width: 48px;
    height: 48px;
    border: 4px solid #e2e8f0;
    border-top-color: var(--primary-color, #3b82f6);
    border-radius: 50%;
    animation: spin-b-wl06ilr89l 1s linear infinite;
}

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

.btn-primary[b-wl06ilr89l] {
    background: var(--primary-color, #3b82f6);
    color: white;
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 500;
}

.no-data[b-wl06ilr89l] {
    text-align: center;
    color: #64748b;
    padding: 2rem;
}

.export-dropdown[b-wl06ilr89l] { position: relative; display: inline-block; }
.export-btn[b-wl06ilr89l] { display: flex; align-items: center; gap: 0.4rem; background: #f1f5f9; border: 1px solid #e2e8f0; padding: 0.5rem 1rem; border-radius: 8px; cursor: pointer; font-size: 0.875rem; }
.export-btn:hover[b-wl06ilr89l] { background: #e2e8f0; }
.export-menu[b-wl06ilr89l] { position: absolute; right: 0; top: 100%; margin-top: 4px; background: white; border: 1px solid #e2e8f0; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); z-index: 50; min-width: 160px; }
.export-menu button[b-wl06ilr89l] { display: block; width: 100%; text-align: left; padding: 0.6rem 1rem; border: none; background: none; cursor: pointer; font-size: 0.875rem; }
.export-menu button:hover[b-wl06ilr89l] { background: #f1f5f9; }

.listing-img-placeholder[b-wl06ilr89l] {
    width: 60px;
    height: 40px;
    background: #e2e8f0;
    border-radius: 4px;
}
/* _content/Listico.Web/Components/Pages/Agent/BulkUpload.razor.rz.scp.css */
.toast-notification[b-vcqo1bb4y8] { position: fixed; bottom: 2rem; right: 2rem; display: flex; align-items: center; gap: 0.75rem; padding: 1rem 1.5rem; border-radius: 0.75rem; font-size: 0.9375rem; font-weight: 500; z-index: 2000; animation: toast-slide-in-b-vcqo1bb4y8 0.3s ease-out; box-shadow: 0 4px 20px rgba(0,0,0,0.15); max-width: 420px; }
.toast-notification.success[b-vcqo1bb4y8] { background: #059669; color: white; }
.toast-notification.error[b-vcqo1bb4y8] { background: #dc2626; color: white; }
.toast-notification.info[b-vcqo1bb4y8] { background: #2563eb; color: white; }
@keyframes toast-slide-in-b-vcqo1bb4y8 { from { transform: translateY(1rem); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
/* _content/Listico.Web/Components/Pages/Agent/Clients.razor.rz.scp.css */
.toast-notification[b-wp77j9je55] { position: fixed; bottom: 2rem; right: 2rem; display: flex; align-items: center; gap: 0.75rem; padding: 1rem 1.5rem; border-radius: 0.75rem; font-size: 0.9375rem; font-weight: 500; z-index: 2000; animation: toast-slide-in-b-wp77j9je55 0.3s ease-out; box-shadow: 0 4px 20px rgba(0,0,0,0.15); max-width: 420px; }
.toast-notification.success[b-wp77j9je55] { background: #059669; color: white; }
.toast-notification.error[b-wp77j9je55] { background: #dc2626; color: white; }
.toast-notification.info[b-wp77j9je55] { background: #2563eb; color: white; }
@keyframes toast-slide-in-b-wp77j9je55 { from { transform: translateY(1rem); opacity: 0; } to { transform: translateY(0); opacity: 1; } }

.clients-page[b-wp77j9je55] { }
.client-stats[b-wp77j9je55] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: 1.5rem; }
.client-stats .stat-box[b-wp77j9je55] { display: flex; align-items: center; gap: 1rem; background: white; border: 1px solid var(--border-color); border-radius: var(--radius-lg); padding: 1.25rem; }
.client-stats .stat-icon[b-wp77j9je55] { width: 48px; height: 48px; border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.client-stats .stat-icon.blue[b-wp77j9je55] { background: rgba(8,49,105,0.1); color: var(--primary-blue); }
.client-stats .stat-icon.green[b-wp77j9je55] { background: rgba(5,150,105,0.1); color: #059669; }
.client-stats .stat-icon.yellow[b-wp77j9je55] { background: rgba(212,168,83,0.1); color: #d4a853; }
.client-stats .stat-icon.purple[b-wp77j9je55] { background: rgba(124,58,237,0.1); color: #7c3aed; }
.stat-info[b-wp77j9je55] { flex: 1; } .stat-number[b-wp77j9je55] { display: block; font-size: 1.5rem; font-weight: 700; color: var(--text-dark); line-height: 1; margin-bottom: 0.25rem; } .stat-label[b-wp77j9je55] { font-size: 0.875rem; color: var(--text-gray); }

.clients-list[b-wp77j9je55] { display: flex; flex-direction: column; gap: 0.75rem; }
.client-card[b-wp77j9je55] { display: flex; align-items: center; gap: 1rem; background: white; border: 1px solid var(--border-color); border-radius: var(--radius-lg); padding: 1rem 1.25rem; transition: box-shadow 0.2s; }
.client-card:hover[b-wp77j9je55] { box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
.client-avatar[b-wp77j9je55] { width: 44px; height: 44px; border-radius: 50%; background: var(--primary-blue); color: white; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 1.125rem; flex-shrink: 0; }
.client-info[b-wp77j9je55] { flex: 1; min-width: 0; }
.client-info h3[b-wp77j9je55] { font-size: 0.9375rem; font-weight: 600; color: var(--text-dark); margin-bottom: 0.25rem; }
.client-contact-row[b-wp77j9je55] { display: flex; gap: 1rem; font-size: 0.8125rem; color: var(--text-gray); margin-bottom: 0.375rem; }
.client-tags[b-wp77j9je55] { display: flex; gap: 0.375rem; flex-wrap: wrap; }
.type-tag[b-wp77j9je55] { font-size: 0.6875rem; font-weight: 600; padding: 0.15rem 0.5rem; border-radius: 10px; }
.type-tag.active[b-wp77j9je55] { background: rgba(5,150,105,0.1); color: #059669; }
.type-tag.prospect[b-wp77j9je55] { background: rgba(245,158,11,0.1); color: #d97706; }
.type-tag.past[b-wp77j9je55] { background: rgba(107,114,128,0.1); color: #6b7280; }
.client-tag[b-wp77j9je55] { font-size: 0.6875rem; font-weight: 500; padding: 0.15rem 0.5rem; border-radius: 10px; background: rgba(8,49,105,0.06); color: var(--primary-blue); }
.client-meta[b-wp77j9je55] { display: flex; flex-direction: column; align-items: flex-end; gap: 0.25rem; min-width: 120px; }
.meta-label[b-wp77j9je55] { font-size: 0.75rem; color: var(--text-gray); }
.meta-label.followup[b-wp77j9je55] { font-weight: 600; color: #059669; }
.meta-label.followup.overdue[b-wp77j9je55] { color: #dc2626; }
.meta-value[b-wp77j9je55] { font-size: 0.75rem; color: var(--text-dark); font-weight: 500; }
.client-actions[b-wp77j9je55] { display: flex; gap: 0.375rem; }

/* Modal */
.modal-overlay[b-wp77j9je55] { position: fixed; inset: 0; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 1000; padding: 1rem; }
.modal-dialog[b-wp77j9je55] { background: white; border-radius: var(--radius-lg); width: 100%; max-width: 500px; max-height: 90vh; overflow-y: auto; box-shadow: 0 20px 60px rgba(0,0,0,0.2); }
.modal-header[b-wp77j9je55] { display: flex; justify-content: space-between; align-items: center; padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--border-color); }
.modal-header h3[b-wp77j9je55] { font-size: 1.125rem; font-weight: 700; margin: 0; }
.modal-close[b-wp77j9je55] { background: none; border: none; font-size: 1.5rem; cursor: pointer; color: var(--text-gray); }
.modal-body[b-wp77j9je55] { padding: 1.5rem; }
.modal-body .form-group[b-wp77j9je55] { margin-bottom: 1rem; }
.modal-body .form-group label[b-wp77j9je55] { display: block; font-size: 0.875rem; font-weight: 600; color: var(--text-dark); margin-bottom: 0.375rem; }
.modal-body .form-group input[b-wp77j9je55], .modal-body .form-group select[b-wp77j9je55], .modal-body .form-group textarea[b-wp77j9je55] { width: 100%; border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 0.625rem 0.875rem; font-size: 0.9375rem; font-family: inherit; box-sizing: border-box; }
.modal-body .form-group input:focus[b-wp77j9je55], .modal-body .form-group select:focus[b-wp77j9je55], .modal-body .form-group textarea:focus[b-wp77j9je55] { outline: none; border-color: var(--primary-blue); }
.modal-footer[b-wp77j9je55] { display: flex; justify-content: flex-end; gap: 0.75rem; padding: 1rem 1.5rem; border-top: 1px solid var(--border-color); }
.tag-picker[b-wp77j9je55] { display: flex; gap: 0.375rem; flex-wrap: wrap; }
.tag-btn[b-wp77j9je55] { padding: 0.25rem 0.75rem; border: 1px solid var(--border-color); border-radius: 1rem; background: white; font-size: 0.8125rem; cursor: pointer; transition: all 0.2s; }
.tag-btn.active[b-wp77j9je55] { background: rgba(8,49,105,0.1); border-color: var(--primary-blue); color: var(--primary-blue); }

@media (max-width: 1024px) { .client-stats[b-wp77j9je55] { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) {
    .client-stats[b-wp77j9je55] { grid-template-columns: 1fr; }
    .client-card[b-wp77j9je55] { flex-wrap: wrap; }
    .client-meta[b-wp77j9je55] { align-items: flex-start; width: 100%; flex-direction: row; gap: 1rem; }
    .client-actions[b-wp77j9je55] { width: 100%; justify-content: flex-end; }
}

/* Dark mode */
[data-theme="dark"] .client-stats .stat-box[b-wp77j9je55] { background: #1e293b; border-color: #334155; }
[data-theme="dark"] .client-card[b-wp77j9je55] { background: #1e293b; border-color: #334155; }
[data-theme="dark"] .client-card:hover[b-wp77j9je55] { box-shadow: 0 2px 8px rgba(0,0,0,0.3); }
[data-theme="dark"] .modal-dialog[b-wp77j9je55] { background: #1e293b; }
[data-theme="dark"] .modal-header[b-wp77j9je55] { border-color: #334155; }
[data-theme="dark"] .modal-header h3[b-wp77j9je55] { color: #e2e8f0; }
[data-theme="dark"] .modal-footer[b-wp77j9je55] { border-color: #334155; }
[data-theme="dark"] .modal-body .form-group input[b-wp77j9je55],
[data-theme="dark"] .modal-body .form-group select[b-wp77j9je55],
[data-theme="dark"] .modal-body .form-group textarea[b-wp77j9je55] { background: #0f172a; color: #e2e8f0; border-color: #334155; }
[data-theme="dark"] .tag-btn[b-wp77j9je55] { background: #0f172a; color: #94a3b8; border-color: #334155; }
[data-theme="dark"] .tag-btn.active[b-wp77j9je55] { background: rgba(8,49,105,0.2); }
/* _content/Listico.Web/Components/Pages/Agent/Commissions.razor.rz.scp.css */
.commissions-page[b-o4zmr0kdnf] { padding: 1.5rem; }
.page-header[b-o4zmr0kdnf] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; flex-wrap: wrap; gap: 0.75rem; }
.page-header h1[b-o4zmr0kdnf] { font-size: 1.5rem; font-weight: 700; color: #1e293b; margin: 0; }
.header-filters[b-o4zmr0kdnf] { display: flex; gap: 0.5rem; }
.filter-select[b-o4zmr0kdnf] { padding: 0.4rem 0.75rem; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 0.875rem; background: white; }
.stats-row[b-o4zmr0kdnf] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: 1.5rem; }
.stat-card[b-o4zmr0kdnf] { background: white; border: 1px solid #e2e8f0; border-radius: 12px; padding: 1.25rem; }
.stat-label[b-o4zmr0kdnf] { display: block; font-size: 0.8125rem; color: #64748b; margin-bottom: 0.25rem; }
.stat-value[b-o4zmr0kdnf] { font-size: 1.5rem; font-weight: 700; color: #1e293b; }

/* Monthly Chart */
.chart-card[b-o4zmr0kdnf] { background: white; border: 1px solid #e2e8f0; border-radius: 12px; padding: 1.25rem; margin-bottom: 1.5rem; }
.chart-card h2[b-o4zmr0kdnf] { font-size: 1rem; font-weight: 600; color: #1e293b; margin: 0 0 1rem; }
.bar-chart[b-o4zmr0kdnf] { display: flex; align-items: flex-end; gap: 4px; height: 160px; padding-top: 1.5rem; }
.bar-col[b-o4zmr0kdnf] { flex: 1; display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: flex-end; position: relative; }
.bar[b-o4zmr0kdnf] { width: 100%; max-width: 40px; background: linear-gradient(180deg, #059669, #10b981); border-radius: 4px 4px 0 0; min-height: 2px; transition: height 0.3s; }
.bar-col:hover .bar[b-o4zmr0kdnf] { background: linear-gradient(180deg, #047857, #059669); }
.bar-col:hover .bar-tooltip[b-o4zmr0kdnf] { opacity: 1; }
.bar-label[b-o4zmr0kdnf] { font-size: 0.6875rem; color: #94a3b8; margin-top: 6px; }
.bar-tooltip[b-o4zmr0kdnf] { position: absolute; top: -8px; font-size: 0.6875rem; font-weight: 600; color: #059669; opacity: 0; transition: opacity 0.2s; white-space: nowrap; }

/* Table */
.commission-table-wrap[b-o4zmr0kdnf] { background: white; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; }
.commission-table[b-o4zmr0kdnf] { width: 100%; border-collapse: collapse; }
.commission-table th[b-o4zmr0kdnf] { background: #f8fafc; padding: 0.75rem 1rem; text-align: left; font-size: 0.8125rem; font-weight: 600; color: #64748b; border-bottom: 1px solid #e2e8f0; }
.commission-table th.sortable[b-o4zmr0kdnf] { cursor: pointer; user-select: none; }
.commission-table th.sortable:hover[b-o4zmr0kdnf] { color: #1e293b; }
.commission-table td[b-o4zmr0kdnf] { padding: 0.75rem 1rem; font-size: 0.875rem; color: #374151; border-bottom: 1px solid #f1f5f9; }
.commission-amount[b-o4zmr0kdnf] { font-weight: 600; color: #059669; }
.rate-cell[b-o4zmr0kdnf] { color: #6366f1; font-weight: 500; }
.btn-invoice[b-o4zmr0kdnf] { background: none; border: 1px solid #e2e8f0; border-radius: 6px; padding: 4px 6px; cursor: pointer; color: #64748b; transition: all 0.2s; }
.btn-invoice:hover[b-o4zmr0kdnf] { border-color: #2563eb; color: #2563eb; background: #eff6ff; }
.role-badge[b-o4zmr0kdnf] { font-size: 0.75rem; padding: 2px 8px; border-radius: 4px; background: #eff6ff; color: #1d4ed8; }
.status-badge[b-o4zmr0kdnf] { font-size: 0.75rem; padding: 2px 8px; border-radius: 4px; }
.status-badge.closed[b-o4zmr0kdnf] { background: #dcfce7; color: #166534; }
.status-badge.offerpending[b-o4zmr0kdnf], .status-badge.undercontract[b-o4zmr0kdnf], .status-badge.loanprocessing[b-o4zmr0kdnf] { background: #fef3c7; color: #92400e; }
.status-badge.offeraccepted[b-o4zmr0kdnf], .status-badge.cleartoclose[b-o4zmr0kdnf], .status-badge.loanapproved[b-o4zmr0kdnf] { background: #dbeafe; color: #1e40af; }
.status-badge.cancelled[b-o4zmr0kdnf], .status-badge.offerrejected[b-o4zmr0kdnf] { background: #fee2e2; color: #991b1b; }
.export-dropdown[b-o4zmr0kdnf] { position: relative; display: inline-block; }
.export-btn[b-o4zmr0kdnf] { display: flex; align-items: center; gap: 0.4rem; background: #f1f5f9; border: 1px solid #e2e8f0; padding: 0.4rem 0.75rem; border-radius: 8px; cursor: pointer; font-size: 0.875rem; }
.export-btn:hover[b-o4zmr0kdnf] { background: #e2e8f0; }
.export-menu[b-o4zmr0kdnf] { position: absolute; right: 0; top: 100%; margin-top: 4px; background: white; border: 1px solid #e2e8f0; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); z-index: 50; min-width: 180px; }
.export-menu button[b-o4zmr0kdnf] { display: block; width: 100%; text-align: left; padding: 0.6rem 1rem; border: none; background: none; cursor: pointer; font-size: 0.875rem; }
.export-menu button:hover[b-o4zmr0kdnf] { background: #f1f5f9; }
.export-menu hr[b-o4zmr0kdnf] { margin: 0.25rem 0; border: none; border-top: 1px solid #e2e8f0; }
.error-container[b-o4zmr0kdnf] { text-align: center; padding: 3rem 1.5rem; }
.btn-retry[b-o4zmr0kdnf] { padding: 0.5rem 1.25rem; background: #2563eb; color: white; border: none; border-radius: 8px; font-size: 0.875rem; cursor: pointer; }
.btn-retry:hover[b-o4zmr0kdnf] { background: #1d4ed8; }

@media (max-width: 768px) {
    .stats-row[b-o4zmr0kdnf] { grid-template-columns: repeat(2, 1fr); }
    .commission-table-wrap[b-o4zmr0kdnf] { overflow-x: auto; }
    .bar-chart[b-o4zmr0kdnf] { height: 120px; }
    .page-header[b-o4zmr0kdnf] { flex-direction: column; align-items: stretch; }
    .header-filters[b-o4zmr0kdnf] { flex-wrap: wrap; }
    .filter-select[b-o4zmr0kdnf] { flex: 1 1 140px; min-width: 120px; }
}

/* Dark Mode */
[data-theme="dark"] .page-header h1[b-o4zmr0kdnf] { color: #e2e8f0; }
[data-theme="dark"] .filter-select[b-o4zmr0kdnf] { background: #1e293b; color: #e2e8f0; border-color: #334155; }
[data-theme="dark"] .stat-card[b-o4zmr0kdnf] { background: #1e293b; border-color: #334155; }
[data-theme="dark"] .stat-label[b-o4zmr0kdnf] { color: #94a3b8; }
[data-theme="dark"] .stat-value[b-o4zmr0kdnf] { color: #e2e8f0; }
[data-theme="dark"] .chart-card[b-o4zmr0kdnf] { background: #1e293b; border-color: #334155; }
[data-theme="dark"] .chart-card h2[b-o4zmr0kdnf] { color: #e2e8f0; }
[data-theme="dark"] .commission-table-wrap[b-o4zmr0kdnf] { background: #1e293b; border-color: #334155; }
[data-theme="dark"] .commission-table th[b-o4zmr0kdnf] { background: #0f172a; color: #94a3b8; border-color: #334155; }
[data-theme="dark"] .commission-table td[b-o4zmr0kdnf] { color: #e2e8f0; border-color: #334155; }
[data-theme="dark"] .role-badge[b-o4zmr0kdnf] { background: rgba(29,78,216,0.15); }
[data-theme="dark"] .export-btn[b-o4zmr0kdnf] { background: #334155; color: #e2e8f0; border-color: #475569; }
[data-theme="dark"] .export-btn:hover[b-o4zmr0kdnf] { background: #475569; }
[data-theme="dark"] .export-menu[b-o4zmr0kdnf] { background: #1e293b; border-color: #334155; }
[data-theme="dark"] .export-menu button[b-o4zmr0kdnf] { color: #e2e8f0; }
[data-theme="dark"] .export-menu button:hover[b-o4zmr0kdnf] { background: #334155; }
[data-theme="dark"] .export-menu hr[b-o4zmr0kdnf] { border-color: #334155; }
[data-theme="dark"] .error-container[b-o4zmr0kdnf] { color: #94a3b8; }
[data-theme="dark"] .btn-retry[b-o4zmr0kdnf] { background: #3b82f6; }
[data-theme="dark"] .btn-retry:hover[b-o4zmr0kdnf] { background: #2563eb; }
[data-theme="dark"] .bar-tooltip[b-o4zmr0kdnf] { color: #34d399; }
[data-theme="dark"] .bar-label[b-o4zmr0kdnf] { color: #64748b; }
[data-theme="dark"] .commission-amount[b-o4zmr0kdnf] { color: #34d399; }
[data-theme="dark"] .btn-invoice[b-o4zmr0kdnf] { border-color: #334155; color: #94a3b8; }
[data-theme="dark"] .btn-invoice:hover[b-o4zmr0kdnf] { border-color: #3b82f6; color: #3b82f6; background: rgba(59,130,246,0.1); }
/* _content/Listico.Web/Components/Pages/Agent/Competitors.razor.rz.scp.css */
    /* Page Layout */
    .competitors-page[b-ux3z7sr73l] {
        padding: 0;
    }

    .page-header-section[b-ux3z7sr73l] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-bottom: 2rem;
        gap: 1rem;
    }

    .page-title h1[b-ux3z7sr73l] {
        font-size: 1.75rem;
        font-weight: 700;
        color: var(--text-dark, #1a1a2e);
        margin: 0 0 0.25rem 0;
    }

    .page-title p[b-ux3z7sr73l] {
        color: var(--text-gray, #6b7280);
        font-size: 0.9rem;
        margin: 0;
    }

    .period-select[b-ux3z7sr73l] {
        padding: 0.625rem 1rem;
        border: 1px solid var(--border-color, #e5e7eb);
        border-radius: 0.5rem;
        background: white;
        color: var(--text-dark, #1a1a2e);
        font-size: 0.875rem;
        font-weight: 500;
        cursor: pointer;
        appearance: auto;
    }

    .period-select:focus[b-ux3z7sr73l] {
        outline: none;
        border-color: var(--primary-blue, #083169);
        box-shadow: 0 0 0 3px rgba(8, 49, 105, 0.1);
    }

    /* Loading & Error States */
    .loading-container[b-ux3z7sr73l], .error-container[b-ux3z7sr73l] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-height: 400px;
        gap: 1rem;
        color: var(--text-gray, #6b7280);
    }

    .loading-spinner[b-ux3z7sr73l] {
        width: 48px;
        height: 48px;
        border: 4px solid #e2e8f0;
        border-top-color: var(--primary-blue, #083169);
        border-radius: 50%;
        animation: spin-b-ux3z7sr73l 1s linear infinite;
    }

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

    .btn-primary[b-ux3z7sr73l] {
        background: var(--primary-blue, #083169);
        color: white;
        padding: 0.75rem 1.5rem;
        border: none;
        border-radius: 0.5rem;
        cursor: pointer;
        font-weight: 600;
        font-size: 0.875rem;
        transition: background 150ms ease;
    }

    .btn-primary:hover[b-ux3z7sr73l] {
        background: #062450;
    }

    /* Section Titles */
    .section-title[b-ux3z7sr73l] {
        margin: 2.5rem 0 1rem 0;
        display: flex;
        align-items: baseline;
        gap: 0.75rem;
    }

    .section-title h2[b-ux3z7sr73l] {
        font-size: 1.25rem;
        font-weight: 700;
        color: var(--text-dark, #1a1a2e);
        margin: 0;
    }

    .section-subtitle[b-ux3z7sr73l] {
        font-size: 0.85rem;
        color: var(--text-gray, #6b7280);
    }

    /* Ranking Hero Card */
    .ranking-hero-card[b-ux3z7sr73l] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: linear-gradient(135deg, #083169 0%, #0b4a9e 100%);
        border-radius: var(--radius-lg, 1rem);
        padding: 2rem 2.5rem;
        color: white;
        gap: 2rem;
    }

    .ranking-hero-left[b-ux3z7sr73l] {
        display: flex;
        align-items: center;
        gap: 1.5rem;
    }

    .ranking-badge[b-ux3z7sr73l] {
        width: 64px;
        height: 64px;
        background: rgba(255, 255, 255, 0.15);
        border-radius: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .ranking-info[b-ux3z7sr73l] {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
    }

    .ranking-label[b-ux3z7sr73l] {
        font-size: 0.8rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        opacity: 0.8;
        font-weight: 600;
    }

    .ranking-position[b-ux3z7sr73l] {
        display: flex;
        align-items: baseline;
        gap: 0.5rem;
    }

    .ranking-number[b-ux3z7sr73l] {
        font-size: 2.5rem;
        font-weight: 800;
        line-height: 1;
    }

    .rank-change[b-ux3z7sr73l] { font-size: 0.875rem; font-weight: 700; padding: 0.125rem 0.5rem; border-radius: 12px; margin-left: 0.5rem; }
    .rank-up[b-ux3z7sr73l] { background: rgba(5,150,105,0.15); color: #059669; }
    .rank-down[b-ux3z7sr73l] { background: rgba(220,38,38,0.1); color: #dc2626; }

    .ranking-total[b-ux3z7sr73l] {
        font-size: 1rem;
        opacity: 0.85;
    }

    .ranking-area[b-ux3z7sr73l] {
        font-size: 0.875rem;
        opacity: 0.7;
    }

    .ranking-hero-right[b-ux3z7sr73l] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.5rem;
    }

    .percentile-circle[b-ux3z7sr73l] {
        position: relative;
        width: 120px;
        height: 120px;
    }

    .percentile-circle svg[b-ux3z7sr73l] {
        width: 100%;
        height: 100%;
    }

    .percentile-text[b-ux3z7sr73l] {
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .percentile-value[b-ux3z7sr73l] {
        font-size: 1.1rem;
        font-weight: 700;
        color: white;
    }

    .percentile-description[b-ux3z7sr73l] {
        font-size: 0.8rem;
        opacity: 0.8;
        text-align: center;
    }

    /* Performance Comparison Grid */
    .comparison-grid[b-ux3z7sr73l] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
    }

    .comparison-card[b-ux3z7sr73l] {
        background: white;
        border: 1px solid var(--border-color, #e5e7eb);
        border-radius: var(--radius-lg, 1rem);
        padding: 1.5rem;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .comparison-header[b-ux3z7sr73l] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-size: 0.875rem;
        font-weight: 600;
        color: var(--text-dark, #1a1a2e);
    }

    .comparison-values[b-ux3z7sr73l] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }

    .comparison-you[b-ux3z7sr73l], .comparison-avg[b-ux3z7sr73l] {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
    }

    .comp-label[b-ux3z7sr73l] {
        font-size: 0.7rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: var(--text-gray, #6b7280);
        font-weight: 600;
    }

    .comp-value[b-ux3z7sr73l] {
        font-size: 1.125rem;
        font-weight: 700;
        color: var(--text-dark, #1a1a2e);
    }

    .comparison-divider[b-ux3z7sr73l] {
        display: flex;
        align-items: center;
    }

    .vs-badge[b-ux3z7sr73l] {
        font-size: 0.65rem;
        font-weight: 700;
        color: var(--text-gray, #6b7280);
        background: #f3f4f6;
        padding: 0.2rem 0.5rem;
        border-radius: 0.25rem;
        letter-spacing: 0.05em;
    }

    .comparison-indicator[b-ux3z7sr73l] {
        font-size: 0.8rem;
        font-weight: 600;
        padding: 0.4rem 0.75rem;
        border-radius: 0.5rem;
        text-align: center;
    }

    .comparison-indicator.positive[b-ux3z7sr73l] {
        color: #059669;
        background: #ecfdf5;
    }

    .comparison-indicator.negative[b-ux3z7sr73l] {
        color: #dc2626;
        background: #fef2f2;
    }

    /* Leaderboard */
    .leaderboard-container[b-ux3z7sr73l] {
        background: white;
        border: 1px solid var(--border-color, #e5e7eb);
        border-radius: var(--radius-lg, 1rem);
        overflow: hidden;
    }

    .leaderboard-table[b-ux3z7sr73l] {
        width: 100%;
        border-collapse: collapse;
        font-size: 0.875rem;
    }

    .leaderboard-table thead th[b-ux3z7sr73l] {
        background: #f9fafb;
        padding: 0.875rem 1.25rem;
        text-align: left;
        font-weight: 600;
        color: var(--text-gray, #6b7280);
        font-size: 0.8rem;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        border-bottom: 1px solid var(--border-color, #e5e7eb);
    }

    .leaderboard-table tbody tr[b-ux3z7sr73l] {
        transition: background 150ms ease;
    }

    .leaderboard-table tbody tr:hover[b-ux3z7sr73l] {
        background: #f9fafb;
    }

    .leaderboard-table tbody td[b-ux3z7sr73l] {
        padding: 0.875rem 1.25rem;
        border-bottom: 1px solid #f3f4f6;
        color: var(--text-dark, #1a1a2e);
    }

    .leaderboard-table tbody tr:last-child td[b-ux3z7sr73l] {
        border-bottom: none;
    }

    .highlight-row[b-ux3z7sr73l] {
        background: #eff6ff !important;
    }

    .highlight-row td[b-ux3z7sr73l] {
        border-bottom-color: #dbeafe !important;
    }

    .rank-cell[b-ux3z7sr73l] {
        display: flex;
        align-items: center;
    }

    .rank-medal[b-ux3z7sr73l] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        font-weight: 800;
        font-size: 0.85rem;
    }

    .rank-medal.rank-1[b-ux3z7sr73l] {
        background: linear-gradient(135deg, #fbbf24, #f59e0b);
        color: white;
    }

    .rank-medal.rank-2[b-ux3z7sr73l] {
        background: linear-gradient(135deg, #d1d5db, #9ca3af);
        color: white;
    }

    .rank-medal.rank-3[b-ux3z7sr73l] {
        background: linear-gradient(135deg, #d97706, #b45309);
        color: white;
    }

    .rank-number[b-ux3z7sr73l] {
        font-weight: 600;
        color: var(--text-gray, #6b7280);
        padding-left: 0.5rem;
    }

    .agent-cell[b-ux3z7sr73l] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }

    .agent-avatar[b-ux3z7sr73l] {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background: #e5e7eb;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        font-size: 0.85rem;
        color: #6b7280;
        flex-shrink: 0;
    }

    .agent-avatar.you-avatar[b-ux3z7sr73l] {
        background: var(--primary-blue, #083169);
        color: white;
    }

    .agent-name[b-ux3z7sr73l] {
        font-weight: 500;
    }

    .agent-name.you-name[b-ux3z7sr73l] {
        font-weight: 700;
        color: var(--primary-blue, #083169);
    }

    .you-tag[b-ux3z7sr73l] {
        font-size: 0.65rem;
        font-weight: 700;
        color: var(--primary-blue, #083169);
        background: #dbeafe;
        padding: 0.15rem 0.5rem;
        border-radius: 0.25rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

    .score-cell[b-ux3z7sr73l] { font-weight: 700; }
    .score-badge[b-ux3z7sr73l] { display: inline-block; background: linear-gradient(135deg, #083169, #0b4a9e); color: white; padding: 0.2rem 0.6rem; border-radius: 0.375rem; font-size: 0.8125rem; min-width: 2.5rem; text-align: center; }
    .volume-cell[b-ux3z7sr73l], .price-cell[b-ux3z7sr73l] {
        font-weight: 600;
    }

    .listings-cell[b-ux3z7sr73l] {
        font-weight: 600;
    }

    .rating-cell[b-ux3z7sr73l] {
        display: flex;
        align-items: center;
        gap: 0.35rem;
        font-weight: 600;
    }

    .not-in-top-notice[b-ux3z7sr73l] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        margin-top: 1rem;
        padding: 0.875rem 1.25rem;
        background: #fffbeb;
        border: 1px solid #fde68a;
        border-radius: 0.5rem;
        color: #92400e;
        font-size: 0.875rem;
        font-weight: 500;
    }

    /* Benchmarks */
    .benchmarks-card[b-ux3z7sr73l] {
        background: white;
        border: 1px solid var(--border-color, #e5e7eb);
        border-radius: var(--radius-lg, 1rem);
        padding: 2rem;
    }

    .benchmark-track[b-ux3z7sr73l] {
        position: relative;
        margin-bottom: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .benchmark-zones[b-ux3z7sr73l] {
        display: flex;
        height: 16px;
        border-radius: 8px;
        overflow: hidden;
    }

    .benchmark-zone[b-ux3z7sr73l] {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .zone-label[b-ux3z7sr73l] {
        position: absolute;
        bottom: -1.75rem;
        left: 50%;
        transform: translateX(-50%);
        font-size: 0.7rem;
        color: var(--text-gray, #6b7280);
        font-weight: 600;
        white-space: nowrap;
    }

    .zone-top10[b-ux3z7sr73l] {
        background: #059669;
    }

    .zone-top25[b-ux3z7sr73l] {
        background: #34d399;
    }

    .zone-top50[b-ux3z7sr73l] {
        background: #fbbf24;
    }

    .zone-below[b-ux3z7sr73l] {
        background: #f87171;
    }

    .benchmark-marker[b-ux3z7sr73l] {
        position: absolute;
        top: -8px;
        transform: translateX(-50%);
    }

    .marker-pin[b-ux3z7sr73l] {
        width: 4px;
        height: 32px;
        background: var(--text-dark, #1a1a2e);
        border-radius: 2px;
        margin: 0 auto;
    }

    .marker-label[b-ux3z7sr73l] {
        font-size: 0.75rem;
        font-weight: 700;
        color: var(--text-dark, #1a1a2e);
        background: white;
        padding: 0.2rem 0.5rem;
        border-radius: 0.25rem;
        border: 1px solid var(--border-color, #e5e7eb);
        white-space: nowrap;
        margin-top: 0.25rem;
        text-align: center;
    }

    .benchmark-details[b-ux3z7sr73l] {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }

    .benchmark-item[b-ux3z7sr73l] {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 0.875rem 1rem;
        border-radius: 0.5rem;
        transition: background 150ms ease;
    }

    .benchmark-item.active[b-ux3z7sr73l] {
        background: #f0f9ff;
        border: 1px solid #bfdbfe;
    }

    .benchmark-dot[b-ux3z7sr73l] {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        flex-shrink: 0;
    }

    .dot-top10[b-ux3z7sr73l] { background: #059669; }
    .dot-top25[b-ux3z7sr73l] { background: #34d399; }
    .dot-top50[b-ux3z7sr73l] { background: #fbbf24; }
    .dot-below[b-ux3z7sr73l] { background: #f87171; }

    .benchmark-info[b-ux3z7sr73l] {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 0.1rem;
    }

    .benchmark-title[b-ux3z7sr73l] {
        font-weight: 600;
        font-size: 0.9rem;
        color: var(--text-dark, #1a1a2e);
    }

    .benchmark-desc[b-ux3z7sr73l] {
        font-size: 0.8rem;
        color: var(--text-gray, #6b7280);
    }

    .benchmark-badge[b-ux3z7sr73l] {
        font-size: 0.75rem;
        padding: 0.3rem 0.75rem;
        border-radius: 1rem;
        font-weight: 600;
    }

    .active-badge[b-ux3z7sr73l] {
        background: var(--primary-blue, #083169);
        color: white;
    }

    /* Responsive */
    @media (max-width: 1024px) {
        .comparison-grid[b-ux3z7sr73l] {
            grid-template-columns: repeat(2, 1fr);
        }

        .ranking-hero-card[b-ux3z7sr73l] {
            flex-direction: column;
            text-align: center;
            padding: 1.5rem;
        }

        .ranking-hero-left[b-ux3z7sr73l] {
            flex-direction: column;
        }

        .ranking-position[b-ux3z7sr73l] {
            justify-content: center;
        }
    }

    @media (max-width: 768px) {
        .page-header-section[b-ux3z7sr73l] {
            flex-direction: column;
        }

        .comparison-grid[b-ux3z7sr73l] {
            grid-template-columns: 1fr;
        }

        .leaderboard-container[b-ux3z7sr73l] {
            overflow-x: auto;
        }

        .leaderboard-table[b-ux3z7sr73l] {
            min-width: 600px;
        }

        .ranking-number[b-ux3z7sr73l] {
            font-size: 2rem;
        }

        .benchmarks-card[b-ux3z7sr73l] {
            padding: 1.25rem;
        }

        .zone-label[b-ux3z7sr73l] {
            font-size: 0.6rem;
        }
    }

    @media (max-width: 480px) {
        .page-title h1[b-ux3z7sr73l] {
            font-size: 1.375rem;
        }

        .ranking-hero-card[b-ux3z7sr73l] {
            padding: 1.25rem;
        }

        .ranking-number[b-ux3z7sr73l] {
            font-size: 1.75rem;
        }

        .percentile-circle[b-ux3z7sr73l] {
            width: 100px;
            height: 100px;
        }

        .comp-value[b-ux3z7sr73l] {
            font-size: 1rem;
        }
    }

    /* Dark mode */
    [data-theme="dark"] .period-select[b-ux3z7sr73l] { background: #0f172a; color: #e2e8f0; border-color: #334155; }
    [data-theme="dark"] .comparison-card[b-ux3z7sr73l] { background: #1e293b; border-color: #334155; }
    [data-theme="dark"] .vs-badge[b-ux3z7sr73l] { background: #334155; color: #94a3b8; }
    [data-theme="dark"] .comparison-indicator.positive[b-ux3z7sr73l] { background: rgba(5,150,105,0.15); color: #34d399; }
    [data-theme="dark"] .comparison-indicator.negative[b-ux3z7sr73l] { background: rgba(220,38,38,0.15); color: #f87171; }
    [data-theme="dark"] .leaderboard-container[b-ux3z7sr73l] { background: #1e293b; border-color: #334155; }
    [data-theme="dark"] .leaderboard-table thead th[b-ux3z7sr73l] { background: #0f172a; color: #94a3b8; border-color: #334155; }
    [data-theme="dark"] .leaderboard-table tbody td[b-ux3z7sr73l] { color: #e2e8f0; border-color: #334155; }
    [data-theme="dark"] .leaderboard-table tbody tr:hover[b-ux3z7sr73l] { background: #334155; }
    [data-theme="dark"] .highlight-row[b-ux3z7sr73l] { background: rgba(8,49,105,0.2) !important; }
    [data-theme="dark"] .highlight-row td[b-ux3z7sr73l] { border-bottom-color: #334155 !important; }
    [data-theme="dark"] .agent-avatar[b-ux3z7sr73l] { background: #334155; color: #94a3b8; }
    [data-theme="dark"] .you-tag[b-ux3z7sr73l] { background: rgba(99,102,241,0.15); color: #818cf8; }
    [data-theme="dark"] .not-in-top-notice[b-ux3z7sr73l] { background: rgba(217,119,6,0.1); border-color: #78350f; color: #fbbf24; }
    [data-theme="dark"] .benchmarks-card[b-ux3z7sr73l] { background: #1e293b; border-color: #334155; }
    [data-theme="dark"] .marker-label[b-ux3z7sr73l] { background: #0f172a; color: #e2e8f0; border-color: #334155; }
    [data-theme="dark"] .benchmark-item.active[b-ux3z7sr73l] { background: rgba(8,49,105,0.15); border-color: #334155; }
    [data-theme="dark"] .loading-spinner[b-ux3z7sr73l] { border-color: #334155; }
/* _content/Listico.Web/Components/Pages/Agent/Documents.razor.rz.scp.css */
.documents-page[b-vkdoa3p5e6] { padding: 0; }

.toast-notification[b-vkdoa3p5e6] {
    position: fixed; top: 1.5rem; right: 1.5rem;
    padding: 0.75rem 1.25rem; border-radius: 0.5rem; color: #fff;
    font-size: 0.9rem; font-weight: 500; z-index: 9999;
    animation: slideIn-b-vkdoa3p5e6 0.3s ease; box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.toast-notification.success[b-vkdoa3p5e6] { background: #059669; }
.toast-notification.error[b-vkdoa3p5e6] { background: #dc2626; }

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

/* Header */
.page-header-section[b-vkdoa3p5e6] {
    display: flex; justify-content: space-between; align-items: flex-start;
    margin-bottom: 1.5rem; flex-wrap: wrap; gap: 1rem;
}
.page-title h1[b-vkdoa3p5e6] { font-size: 1.75rem; font-weight: 700; color: var(--text-dark, #1a1a2e); margin: 0; }
.page-title p[b-vkdoa3p5e6] { color: var(--text-gray, #6b7280); margin: 0.25rem 0 0; font-size: 0.9rem; }
.page-actions[b-vkdoa3p5e6] { display: flex; gap: 0.75rem; flex-wrap: wrap; }

.btn-primary[b-vkdoa3p5e6] {
    display: inline-flex; align-items: center; gap: 0.5rem;
    padding: 0.625rem 1.25rem; background: var(--primary-blue, #083169); color: #fff;
    border: none; border-radius: var(--radius-md, 0.75rem);
    font-size: 0.9rem; font-weight: 600; cursor: pointer;
    transition: background 0.2s, transform 0.1s;
}
.btn-primary:hover[b-vkdoa3p5e6] { background: #0a3d80; }
.btn-primary:active[b-vkdoa3p5e6] { transform: scale(0.98); }
.btn-primary:disabled[b-vkdoa3p5e6] { opacity: 0.6; cursor: not-allowed; }

.btn-secondary[b-vkdoa3p5e6] {
    display: inline-flex; align-items: center; gap: 0.5rem;
    padding: 0.625rem 1.25rem; background: #fff;
    color: var(--text-dark, #1a1a2e); border: 1px solid var(--border-color, #e5e7eb);
    border-radius: var(--radius-md, 0.75rem);
    font-size: 0.9rem; font-weight: 600; cursor: pointer;
    transition: background 0.2s, border-color 0.2s;
}
.btn-secondary:hover[b-vkdoa3p5e6] { background: #f9fafb; border-color: #d1d5db; }
.btn-secondary:disabled[b-vkdoa3p5e6] { opacity: 0.6; cursor: not-allowed; }

.btn-danger[b-vkdoa3p5e6] {
    display: inline-flex; align-items: center; gap: 0.5rem;
    padding: 0.625rem 1.25rem; background: #dc2626; color: #fff;
    border: none; border-radius: var(--radius-md, 0.75rem);
    font-size: 0.9rem; font-weight: 600; cursor: pointer;
    transition: background 0.2s;
}
.btn-danger:hover[b-vkdoa3p5e6] { background: #b91c1c; }
.btn-danger:disabled[b-vkdoa3p5e6] { opacity: 0.6; cursor: not-allowed; }

/* Filters */
.filters-section[b-vkdoa3p5e6] { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; flex-wrap: wrap; }

.search-box[b-vkdoa3p5e6] {
    display: flex; align-items: center; gap: 0.5rem;
    background: #fff; border: 1px solid var(--border-color, #e5e7eb);
    border-radius: var(--radius-md, 0.75rem); padding: 0.5rem 0.75rem;
    flex: 1; min-width: 200px; max-width: 400px;
}
.search-box svg[b-vkdoa3p5e6] { color: var(--text-gray, #6b7280); flex-shrink: 0; }
.search-box input[b-vkdoa3p5e6] {
    border: none; outline: none; background: transparent;
    width: 100%; font-size: 0.875rem; color: var(--text-dark, #1a1a2e);
}
.search-box input[b-vkdoa3p5e6]::placeholder { color: #9ca3af; }

.filter-group[b-vkdoa3p5e6] { display: flex; gap: 0.75rem; flex-wrap: wrap; }
.filter-group select[b-vkdoa3p5e6] {
    padding: 0.5rem 2rem 0.5rem 0.75rem;
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: var(--radius-md, 0.75rem);
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    font-size: 0.875rem; color: var(--text-dark, #1a1a2e); cursor: pointer; min-width: 160px;
}
.filter-group select:focus[b-vkdoa3p5e6] {
    outline: none; border-color: var(--primary-blue, #083169);
    box-shadow: 0 0 0 3px rgba(8, 49, 105, 0.1);
}

/* Results Bar */
.results-bar[b-vkdoa3p5e6] {
    display: flex; align-items: center; justify-content: space-between;
    margin-bottom: 1rem; flex-wrap: wrap; gap: 0.75rem;
}
.results-left[b-vkdoa3p5e6] { display: flex; align-items: center; gap: 1rem; }
.select-all-check[b-vkdoa3p5e6] {
    display: flex; align-items: center; gap: 0.4rem; font-size: 0.8rem;
    color: var(--text-gray, #6b7280); cursor: pointer; user-select: none;
}
.select-all-check input[b-vkdoa3p5e6] { cursor: pointer; accent-color: var(--primary-blue, #083169); }
.results-count[b-vkdoa3p5e6] { font-size: 0.875rem; color: var(--text-gray, #6b7280); font-weight: 500; }

.sort-control[b-vkdoa3p5e6] { display: flex; align-items: center; gap: 0.5rem; }
.sort-control label[b-vkdoa3p5e6] { font-size: 0.8rem; color: var(--text-gray, #6b7280); white-space: nowrap; }
.sort-control select[b-vkdoa3p5e6] {
    padding: 0.35rem 2rem 0.35rem 0.6rem;
    border: 1px solid var(--border-color, #e5e7eb); border-radius: 0.5rem;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 0.5rem center;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    font-size: 0.8rem; color: var(--text-dark, #1a1a2e); cursor: pointer;
}
.sort-control select:focus[b-vkdoa3p5e6] { outline: none; border-color: var(--primary-blue, #083169); }

/* Loading / Error / Empty */
.loading-state[b-vkdoa3p5e6], .error-state[b-vkdoa3p5e6], .empty-state[b-vkdoa3p5e6] {
    display: flex; flex-direction: column; align-items: center;
    justify-content: center; padding: 4rem 2rem; text-align: center;
    color: var(--text-gray, #6b7280);
}
.spinner[b-vkdoa3p5e6] {
    width: 40px; height: 40px;
    border: 3px solid var(--border-color, #e5e7eb); border-top-color: var(--primary-blue, #083169);
    border-radius: 50%; animation: spin-b-vkdoa3p5e6 0.8s linear infinite;
}
@keyframes spin-b-vkdoa3p5e6 { to { transform: rotate(360deg); } }

.error-state svg[b-vkdoa3p5e6], .empty-state svg[b-vkdoa3p5e6] { margin-bottom: 1rem; }
.empty-state svg[b-vkdoa3p5e6] { opacity: 0.4; }
.error-state h3[b-vkdoa3p5e6], .empty-state h3[b-vkdoa3p5e6] { font-size: 1.25rem; color: var(--text-dark, #1a1a2e); margin: 0 0 0.5rem; }
.error-state p[b-vkdoa3p5e6], .empty-state p[b-vkdoa3p5e6] { margin: 0 0 1.5rem; font-size: 0.9rem; }
.loading-state[b-vkdoa3p5e6] { gap: 1rem; }

/* Documents Grid */
.documents-grid[b-vkdoa3p5e6] { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1rem; }

.document-card[b-vkdoa3p5e6] {
    background: #fff; border: 1px solid var(--border-color, #e5e7eb);
    border-radius: var(--radius-lg, 1rem); padding: 1.25rem;
    display: flex; flex-direction: column; gap: 0.75rem;
    transition: box-shadow 0.2s, border-color 0.2s;
}
.document-card:hover[b-vkdoa3p5e6] { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); border-color: #d1d5db; }
.document-card.selected[b-vkdoa3p5e6] { border-color: var(--primary-blue, #083169); background: rgba(8, 49, 105, 0.02); }

.card-top-row[b-vkdoa3p5e6] { display: flex; align-items: flex-start; gap: 0.75rem; }
.doc-checkbox[b-vkdoa3p5e6] { flex-shrink: 0; cursor: pointer; padding-top: 0.25rem; }
.doc-checkbox input[b-vkdoa3p5e6] { cursor: pointer; accent-color: var(--primary-blue, #083169); width: 16px; height: 16px; }

.document-icon[b-vkdoa3p5e6] {
    width: 48px; height: 48px; background: #f3f4f6;
    border-radius: var(--radius-md, 0.75rem);
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0; overflow: hidden;
}
.doc-thumbnail[b-vkdoa3p5e6] { width: 100%; height: 100%; object-fit: cover; border-radius: var(--radius-md, 0.75rem); }

.document-info[b-vkdoa3p5e6] { display: flex; flex-direction: column; gap: 0.5rem; }
.document-title[b-vkdoa3p5e6] {
    font-size: 0.95rem; font-weight: 600; color: var(--text-dark, #1a1a2e);
    margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.category-badge[b-vkdoa3p5e6] {
    display: inline-flex; align-items: center; padding: 0.2rem 0.6rem;
    border-radius: 9999px; font-size: 0.75rem; font-weight: 600; width: fit-content;
}
.category-badge.contracts[b-vkdoa3p5e6] { background: #dbeafe; color: #1d4ed8; }
.category-badge.disclosures[b-vkdoa3p5e6] { background: #fef3c7; color: #92400e; }
.category-badge.inspections[b-vkdoa3p5e6] { background: #d1fae5; color: #065f46; }
.category-badge.financial[b-vkdoa3p5e6] { background: #ede9fe; color: #5b21b6; }
.category-badge.other[b-vkdoa3p5e6] { background: #f3f4f6; color: #4b5563; }

.document-meta[b-vkdoa3p5e6] { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.meta-item[b-vkdoa3p5e6] {
    display: inline-flex; align-items: center; gap: 0.35rem;
    font-size: 0.8rem; color: var(--text-gray, #6b7280);
}

.document-property[b-vkdoa3p5e6] {
    display: flex; align-items: center; gap: 0.35rem;
    font-size: 0.8rem; color: var(--text-gray, #6b7280);
    padding-top: 0.25rem; border-top: 1px solid var(--border-color, #e5e7eb);
}
.document-property span[b-vkdoa3p5e6] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.document-actions[b-vkdoa3p5e6] {
    display: flex; align-items: center; gap: 0.5rem;
    padding-top: 0.5rem; border-top: 1px solid var(--border-color, #e5e7eb);
    margin-top: auto; flex-wrap: wrap;
}
.btn-doc-action[b-vkdoa3p5e6] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 34px; height: 34px;
    border: 1px solid var(--border-color, #e5e7eb); border-radius: 0.5rem;
    background: #fff; color: var(--text-gray, #6b7280);
    cursor: pointer; transition: all 0.15s;
}
.btn-doc-action:hover[b-vkdoa3p5e6] { background: #f3f4f6; color: var(--text-dark, #1a1a2e); border-color: #d1d5db; }
.btn-doc-action.danger:hover[b-vkdoa3p5e6] { background: #fef2f2; color: #dc2626; border-color: #fecaca; }

/* Pagination */
.pagination[b-vkdoa3p5e6] {
    display: flex; align-items: center; justify-content: center;
    gap: 0.75rem; margin-top: 1.5rem; padding-top: 1.5rem;
    border-top: 1px solid var(--border-color, #e5e7eb);
}
.btn-page[b-vkdoa3p5e6] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 36px; height: 36px;
    border: 1px solid var(--border-color, #e5e7eb); border-radius: 0.5rem;
    background: #fff; color: var(--text-dark, #1a1a2e);
    cursor: pointer; transition: all 0.15s;
}
.btn-page:hover:not(:disabled)[b-vkdoa3p5e6] { background: #f3f4f6; border-color: #d1d5db; }
.btn-page:disabled[b-vkdoa3p5e6] { opacity: 0.4; cursor: not-allowed; }
.page-info[b-vkdoa3p5e6] { font-size: 0.875rem; color: var(--text-gray, #6b7280); font-weight: 500; }

/* Upload Progress */
.upload-progress[b-vkdoa3p5e6] { margin-top: 1rem; display: flex; flex-direction: column; gap: 0.5rem; }
.progress-bar[b-vkdoa3p5e6] { height: 6px; background: var(--border-color, #e5e7eb); border-radius: 3px; overflow: hidden; }
.progress-bar-fill[b-vkdoa3p5e6] {
    height: 100%; background: var(--primary-blue, #083169);
    border-radius: 3px; animation: progressIndeterminate-b-vkdoa3p5e6 1.5s ease-in-out infinite;
}
@keyframes progressIndeterminate-b-vkdoa3p5e6 {
    0% { width: 0%; margin-left: 0; }
    50% { width: 60%; margin-left: 20%; }
    100% { width: 0%; margin-left: 100%; }
}
.progress-text[b-vkdoa3p5e6] { font-size: 0.8rem; color: var(--text-gray, #6b7280); text-align: center; }

/* Preview Modal */
.preview-modal[b-vkdoa3p5e6] { max-width: 900px; }
.preview-body[b-vkdoa3p5e6] {
    display: flex; align-items: center; justify-content: center;
    min-height: 300px; max-height: 70vh; overflow: auto;
    background: #f9fafb; padding: 1rem;
}
.preview-image[b-vkdoa3p5e6] { max-width: 100%; max-height: 65vh; object-fit: contain; border-radius: 0.5rem; }
.preview-iframe[b-vkdoa3p5e6] { width: 100%; height: 65vh; border: none; border-radius: 0.5rem; }
.preview-loading[b-vkdoa3p5e6] {
    display: flex; flex-direction: column; align-items: center;
    justify-content: center; gap: 1rem; padding: 4rem 2rem;
    color: var(--text-gray, #6b7280);
}
.preview-fallback[b-vkdoa3p5e6] {
    display: flex; flex-direction: column; align-items: center;
    gap: 1rem; padding: 2rem; color: var(--text-gray, #6b7280);
}
.preview-fallback p[b-vkdoa3p5e6] { margin: 0; font-size: 0.9rem; }
.preview-footer[b-vkdoa3p5e6] {
    display: flex; align-items: center; gap: 1rem;
    padding: 0.75rem 1.5rem; border-top: 1px solid var(--border-color, #e5e7eb);
    flex-wrap: wrap;
}

/* Modal Overlay */
.modal-overlay[b-vkdoa3p5e6] {
    position: fixed; top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.5); display: flex;
    align-items: center; justify-content: center;
    z-index: 1000; padding: 1rem; animation: fadeIn-b-vkdoa3p5e6 0.15s ease-out;
}
@keyframes fadeIn-b-vkdoa3p5e6 { from { opacity: 0; } to { opacity: 1; } }

.modal-content[b-vkdoa3p5e6] {
    background: #fff; border-radius: var(--radius-lg, 1rem);
    width: 100%; max-width: 520px; max-height: 90vh; overflow-y: auto;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
    animation: slideUp-b-vkdoa3p5e6 0.2s ease-out;
}
@keyframes slideUp-b-vkdoa3p5e6 {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

.modal-header[b-vkdoa3p5e6] {
    display: flex; justify-content: space-between; align-items: center;
    padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--border-color, #e5e7eb);
}
.modal-header h3[b-vkdoa3p5e6] { font-size: 1.15rem; font-weight: 700; color: var(--text-dark, #1a1a2e); margin: 0; }
.modal-close[b-vkdoa3p5e6] {
    background: none; border: none; font-size: 1.5rem;
    color: var(--text-gray, #6b7280); cursor: pointer; padding: 0; line-height: 1;
}
.modal-close:hover[b-vkdoa3p5e6] { color: var(--text-dark, #1a1a2e); }
.modal-body[b-vkdoa3p5e6] { padding: 1.5rem; }
.modal-footer[b-vkdoa3p5e6] {
    display: flex; justify-content: flex-end; gap: 0.75rem;
    padding: 1rem 1.5rem; border-top: 1px solid var(--border-color, #e5e7eb);
}

/* Form Elements */
.form-group[b-vkdoa3p5e6] { margin-bottom: 1.25rem; }
.form-group:last-child[b-vkdoa3p5e6] { margin-bottom: 0; }
.form-group label[b-vkdoa3p5e6] {
    display: block; font-size: 0.85rem; font-weight: 600;
    color: var(--text-dark, #1a1a2e); margin-bottom: 0.4rem;
}
.form-group input[type="text"][b-vkdoa3p5e6], .form-group select[b-vkdoa3p5e6] {
    width: 100%; padding: 0.6rem 0.75rem;
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: var(--radius-md, 0.75rem);
    font-size: 0.875rem; color: var(--text-dark, #1a1a2e);
    background: #fff; transition: border-color 0.15s, box-shadow 0.15s;
    box-sizing: border-box;
}
.form-group input[type="text"]:focus[b-vkdoa3p5e6], .form-group select:focus[b-vkdoa3p5e6] {
    outline: none; border-color: var(--primary-blue, #083169);
    box-shadow: 0 0 0 3px rgba(8, 49, 105, 0.1);
}
.form-group input[type="text"][b-vkdoa3p5e6]::placeholder { color: #9ca3af; }
.form-group select[b-vkdoa3p5e6] {
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    padding-right: 2rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 0.75rem center;
}

/* Upload Drop Zone */
.upload-drop-zone[b-vkdoa3p5e6] {
    position: relative; border: 2px dashed var(--border-color, #e5e7eb);
    border-radius: var(--radius-lg, 1rem); padding: 2rem; text-align: center;
    transition: border-color 0.2s, background 0.2s; cursor: pointer;
}
.upload-drop-zone:hover[b-vkdoa3p5e6], .upload-drop-zone.dragging[b-vkdoa3p5e6] {
    border-color: var(--primary-blue, #083169); background: rgba(8, 49, 105, 0.03);
}
.upload-drop-zone.has-file[b-vkdoa3p5e6] {
    border-style: solid; border-color: var(--primary-blue, #083169);
    background: rgba(8, 49, 105, 0.02); padding: 1rem;
}
.upload-drop-zone input[type="file"][b-vkdoa3p5e6], .upload-drop-zone[b-vkdoa3p5e6]  input[type="file"] {
    position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; height: 100%;
}
.drop-content[b-vkdoa3p5e6] {
    display: flex; flex-direction: column; align-items: center;
    gap: 0.75rem; pointer-events: none;
}
.drop-content p[b-vkdoa3p5e6] { margin: 0; font-size: 0.9rem; color: var(--text-gray, #6b7280); }
.file-hint[b-vkdoa3p5e6] { font-size: 0.8rem; color: #9ca3af; }
.selected-file-info[b-vkdoa3p5e6] { display: flex; align-items: center; gap: 0.75rem; pointer-events: none; }
.selected-file-info div[b-vkdoa3p5e6] { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.file-name[b-vkdoa3p5e6] {
    font-size: 0.875rem; font-weight: 600; color: var(--text-dark, #1a1a2e);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.file-size[b-vkdoa3p5e6] { font-size: 0.8rem; color: var(--text-gray, #6b7280); }
.btn-remove-file[b-vkdoa3p5e6] {
    pointer-events: auto; background: none; border: none;
    font-size: 1.25rem; color: var(--text-gray, #6b7280);
    cursor: pointer; padding: 0.25rem; line-height: 1; flex-shrink: 0;
}
.btn-remove-file:hover[b-vkdoa3p5e6] { color: #dc2626; }

.warning-text[b-vkdoa3p5e6] { font-size: 0.85rem; color: #dc2626; margin-top: 0.5rem; }


/* Responsive */
@media (max-width: 768px) {
    .page-header-section[b-vkdoa3p5e6] { flex-direction: column; }
    .filters-section[b-vkdoa3p5e6] { flex-direction: column; align-items: stretch; }
    .search-box[b-vkdoa3p5e6] { max-width: 100%; }
    .filter-group[b-vkdoa3p5e6] { flex-direction: column; }
    .filter-group select[b-vkdoa3p5e6] { min-width: 100%; }
    .documents-grid[b-vkdoa3p5e6] { grid-template-columns: 1fr; }
    .modal-content[b-vkdoa3p5e6] { max-width: 100%; }
    .results-bar[b-vkdoa3p5e6] { flex-direction: column; align-items: flex-start; }
    .preview-modal[b-vkdoa3p5e6] { max-width: 100%; }
}

@media (max-width: 480px) {
    .page-title h1[b-vkdoa3p5e6] { font-size: 1.4rem; }
    .document-card[b-vkdoa3p5e6] { padding: 1rem; }
}

/* Dark Mode */
[data-theme="dark"] .page-title h1[b-vkdoa3p5e6] { color: #e2e8f0; }
[data-theme="dark"] .page-title p[b-vkdoa3p5e6] { color: #94a3b8; }
[data-theme="dark"] .btn-secondary[b-vkdoa3p5e6] { background: #1e293b; color: #e2e8f0; border-color: #334155; }
[data-theme="dark"] .btn-secondary:hover[b-vkdoa3p5e6] { background: #334155; border-color: #475569; }
[data-theme="dark"] .search-box[b-vkdoa3p5e6] { background: #1e293b; border-color: #334155; }
[data-theme="dark"] .search-box input[b-vkdoa3p5e6] { color: #e2e8f0; }
[data-theme="dark"] .filter-group select[b-vkdoa3p5e6] { background-color: #1e293b; color: #e2e8f0; border-color: #334155; }
[data-theme="dark"] .sort-control select[b-vkdoa3p5e6] { background-color: #1e293b; color: #e2e8f0; border-color: #334155; }
[data-theme="dark"] .document-card[b-vkdoa3p5e6] { background: #1e293b; border-color: #334155; }
[data-theme="dark"] .document-card:hover[b-vkdoa3p5e6] { box-shadow: 0 4px 12px rgba(0,0,0,0.3); border-color: #475569; }
[data-theme="dark"] .document-card.selected[b-vkdoa3p5e6] { border-color: #3b82f6; background: rgba(59,130,246,0.05); }
[data-theme="dark"] .document-icon[b-vkdoa3p5e6] { background: #334155; }
[data-theme="dark"] .document-title[b-vkdoa3p5e6] { color: #e2e8f0; }
[data-theme="dark"] .meta-item[b-vkdoa3p5e6] { color: #94a3b8; }
[data-theme="dark"] .document-property[b-vkdoa3p5e6] { color: #94a3b8; border-color: #334155; }
[data-theme="dark"] .document-actions[b-vkdoa3p5e6] { border-color: #334155; }
[data-theme="dark"] .btn-doc-action[b-vkdoa3p5e6] { background: #1e293b; color: #94a3b8; border-color: #334155; }
[data-theme="dark"] .btn-doc-action:hover[b-vkdoa3p5e6] { background: #334155; color: #e2e8f0; }
[data-theme="dark"] .btn-page[b-vkdoa3p5e6] { background: #1e293b; color: #e2e8f0; border-color: #334155; }
[data-theme="dark"] .btn-page:hover:not(:disabled)[b-vkdoa3p5e6] { background: #334155; }
[data-theme="dark"] .page-info[b-vkdoa3p5e6] { color: #94a3b8; }
[data-theme="dark"] .pagination[b-vkdoa3p5e6] { border-color: #334155; }
[data-theme="dark"] .modal-content[b-vkdoa3p5e6] { background: #1e293b; }
[data-theme="dark"] .modal-header[b-vkdoa3p5e6] { border-color: #334155; }
[data-theme="dark"] .modal-header h3[b-vkdoa3p5e6] { color: #e2e8f0; }
[data-theme="dark"] .modal-close[b-vkdoa3p5e6] { color: #94a3b8; }
[data-theme="dark"] .modal-close:hover[b-vkdoa3p5e6] { color: #e2e8f0; }
[data-theme="dark"] .modal-body[b-vkdoa3p5e6] { color: #e2e8f0; }
[data-theme="dark"] .modal-footer[b-vkdoa3p5e6] { border-color: #334155; }
[data-theme="dark"] .form-group label[b-vkdoa3p5e6] { color: #e2e8f0; }
[data-theme="dark"] .form-group input[type="text"][b-vkdoa3p5e6],
[data-theme="dark"] .form-group select[b-vkdoa3p5e6] { background: #0f172a; color: #e2e8f0; border-color: #334155; }
[data-theme="dark"] .upload-drop-zone[b-vkdoa3p5e6] { border-color: #334155; }
[data-theme="dark"] .upload-drop-zone:hover[b-vkdoa3p5e6] { border-color: #3b82f6; background: rgba(59,130,246,0.05); }
[data-theme="dark"] .drop-content p[b-vkdoa3p5e6] { color: #94a3b8; }
[data-theme="dark"] .file-name[b-vkdoa3p5e6] { color: #e2e8f0; }
[data-theme="dark"] .file-size[b-vkdoa3p5e6] { color: #94a3b8; }
[data-theme="dark"] .preview-body[b-vkdoa3p5e6] { background: #0f172a; }
[data-theme="dark"] .preview-footer[b-vkdoa3p5e6] { border-color: #334155; }
[data-theme="dark"] .preview-fallback[b-vkdoa3p5e6] { color: #94a3b8; }
[data-theme="dark"] .error-state h3[b-vkdoa3p5e6],
[data-theme="dark"] .empty-state h3[b-vkdoa3p5e6] { color: #e2e8f0; }
[data-theme="dark"] .results-count[b-vkdoa3p5e6] { color: #94a3b8; }
[data-theme="dark"] .select-all-check[b-vkdoa3p5e6] { color: #94a3b8; }
[data-theme="dark"] .sort-control label[b-vkdoa3p5e6] { color: #94a3b8; }
[data-theme="dark"] .category-badge.other[b-vkdoa3p5e6] { background: #334155; color: #94a3b8; }
/* _content/Listico.Web/Components/Pages/Agent/Help.razor.rz.scp.css */
    .help-page[b-z2byiuuenh] {
        display: flex;
        flex-direction: column;
        gap: 28px;
    }

    .help-page-header h1[b-z2byiuuenh] {
        font-size: 24px;
        font-weight: 600;
        color: var(--color-text-primary, #1a1a2e);
        margin: 0 0 4px;
    }

    .help-page-header p[b-z2byiuuenh] {
        font-size: 14px;
        color: var(--color-text-secondary, #6b7280);
        margin: 0;
    }

    /* Search Bar */
    .help-search-section[b-z2byiuuenh] {
        max-width: 640px;
    }

    .help-search-bar[b-z2byiuuenh] {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 16px;
        background: var(--color-bg-card, #fff);
        border: 1px solid var(--color-border, #e5e7eb);
        border-radius: var(--radius-lg, 1rem);
        transition: border-color 0.2s;
    }

    .help-search-bar:focus-within[b-z2byiuuenh] {
        border-color: var(--color-primary, #083169);
    }

    .help-search-icon[b-z2byiuuenh] {
        width: 20px;
        height: 20px;
        color: var(--color-text-muted, #9ca3af);
        flex-shrink: 0;
    }

    .help-search-bar input[b-z2byiuuenh] {
        flex: 1;
        border: none;
        outline: none;
        font-size: 15px;
        font-family: inherit;
        color: var(--color-text-primary, #1a1a2e);
        background: transparent;
    }

    .help-search-bar input[b-z2byiuuenh]::placeholder {
        color: var(--color-text-muted, #9ca3af);
    }

    .help-search-clear[b-z2byiuuenh] {
        background: none;
        border: none;
        cursor: pointer;
        padding: 4px;
        display: flex;
        align-items: center;
        color: var(--color-text-muted, #9ca3af);
    }

    .help-search-clear svg[b-z2byiuuenh] {
        width: 18px;
        height: 18px;
    }

    .help-search-clear:hover[b-z2byiuuenh] {
        color: var(--color-text-primary, #1a1a2e);
    }

    /* FAQ Section */
    .help-faq-section h2[b-z2byiuuenh],
    .help-tutorials-section h2[b-z2byiuuenh],
    .help-ticket-section h2[b-z2byiuuenh],
    .help-my-tickets-section h2[b-z2byiuuenh] {
        font-size: 18px;
        font-weight: 600;
        color: var(--color-text-primary, #1a1a2e);
        margin: 0 0 16px;
    }

    .help-empty-search[b-z2byiuuenh] {
        background: var(--color-bg-card, #fff);
        border-radius: var(--radius-lg, 1rem);
        padding: 32px 20px;
        text-align: center;
        color: var(--color-text-secondary, #6b7280);
        font-size: 14px;
    }

    .help-empty-search a[b-z2byiuuenh] {
        color: var(--color-primary, #083169);
        text-decoration: underline;
        cursor: pointer;
    }

    .faq-category[b-z2byiuuenh] {
        margin-bottom: 20px;
    }

    .faq-category-title[b-z2byiuuenh] {
        font-size: 15px;
        font-weight: 600;
        color: var(--color-primary, #083169);
        margin: 0 0 10px;
        padding-bottom: 8px;
        border-bottom: 1px solid var(--color-border, #e5e7eb);
    }

    .faq-list[b-z2byiuuenh] {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .faq-item[b-z2byiuuenh] {
        background: var(--color-bg-card, #fff);
        border-radius: var(--radius-md, 0.5rem);
        overflow: hidden;
    }

    .faq-question[b-z2byiuuenh] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 14px 18px;
        border: none;
        background: none;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        font-family: inherit;
        color: var(--color-text-primary, #1a1a2e);
        text-align: left;
        gap: 12px;
        transition: background 0.15s;
    }

    .faq-question:hover[b-z2byiuuenh] {
        background: var(--color-bg-page, #f9fafb);
    }

    .faq-chevron[b-z2byiuuenh] {
        width: 18px;
        height: 18px;
        flex-shrink: 0;
        color: var(--color-text-muted, #9ca3af);
        transition: transform 0.2s;
    }

    .faq-item.expanded .faq-chevron[b-z2byiuuenh] {
        transform: rotate(180deg);
    }

    .faq-answer[b-z2byiuuenh] {
        padding: 0 18px 16px;
    }

    .faq-answer p[b-z2byiuuenh] {
        font-size: 14px;
        line-height: 1.65;
        color: var(--color-text-secondary, #6b7280);
        margin: 0;
    }

    /* Video Tutorials */
    .tutorials-grid[b-z2byiuuenh] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
    }

    .tutorial-card[b-z2byiuuenh] {
        background: var(--color-bg-card, #fff);
        border-radius: var(--radius-lg, 1rem);
        overflow: hidden;
        cursor: pointer;
        transition: box-shadow 0.2s, transform 0.2s;
    }

    .tutorial-card:hover[b-z2byiuuenh] {
        box-shadow: 0 4px 16px rgba(0,0,0,0.08);
        transform: translateY(-2px);
    }

    .tutorial-thumbnail[b-z2byiuuenh] {
        position: relative;
        height: 140px;
        background: linear-gradient(135deg, #083169 0%, #1a5ab8 100%);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .tutorial-play-icon[b-z2byiuuenh] {
        width: 40px;
        height: 40px;
        color: rgba(255,255,255,0.85);
        transition: transform 0.2s;
    }

    .tutorial-card:hover .tutorial-play-icon[b-z2byiuuenh] {
        transform: scale(1.15);
    }

    .tutorial-duration[b-z2byiuuenh] {
        position: absolute;
        bottom: 8px;
        right: 8px;
        background: rgba(0,0,0,0.7);
        color: #fff;
        font-size: 11px;
        font-weight: 500;
        padding: 3px 8px;
        border-radius: 4px;
    }

    .tutorial-info[b-z2byiuuenh] {
        padding: 14px 16px;
    }

    .tutorial-info h4[b-z2byiuuenh] {
        font-size: 14px;
        font-weight: 600;
        color: var(--color-text-primary, #1a1a2e);
        margin: 0 0 4px;
    }

    .tutorial-info p[b-z2byiuuenh] {
        font-size: 12px;
        color: var(--color-text-secondary, #6b7280);
        margin: 0;
        line-height: 1.4;
    }

    /* Ticket Form */
    .ticket-form[b-z2byiuuenh] {
        background: var(--color-bg-card, #fff);
        border-radius: var(--radius-lg, 1rem);
        padding: 24px;
    }

    .form-row[b-z2byiuuenh] {
        margin-bottom: 16px;
    }

    .form-row-two[b-z2byiuuenh] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }

    .form-group label[b-z2byiuuenh] {
        display: block;
        font-size: 13px;
        font-weight: 500;
        color: var(--color-text-primary, #1a1a2e);
        margin-bottom: 6px;
    }

    .form-group input[b-z2byiuuenh],
    .form-group select[b-z2byiuuenh],
    .form-group textarea[b-z2byiuuenh] {
        width: 100%;
        padding: 10px 14px;
        border: 1px solid var(--color-border, #e5e7eb);
        border-radius: var(--radius-md, 0.5rem);
        font-size: 14px;
        font-family: inherit;
        color: var(--color-text-primary, #1a1a2e);
        background: var(--color-bg-page, #f9fafb);
        transition: border-color 0.2s;
        box-sizing: border-box;
    }

    .form-group input:focus[b-z2byiuuenh],
    .form-group select:focus[b-z2byiuuenh],
    .form-group textarea:focus[b-z2byiuuenh] {
        outline: none;
        border-color: var(--color-primary, #083169);
    }

    .form-group textarea[b-z2byiuuenh] {
        resize: vertical;
        min-height: 100px;
    }

    .ticket-error[b-z2byiuuenh] {
        background: #fef2f2;
        color: #dc2626;
        font-size: 13px;
        padding: 10px 14px;
        border-radius: var(--radius-md, 0.5rem);
        margin-bottom: 16px;
    }

    .btn-primary[b-z2byiuuenh] {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 24px;
        background: var(--color-primary, #083169);
        color: #fff;
        border: none;
        border-radius: var(--radius-md, 0.5rem);
        font-size: 14px;
        font-weight: 500;
        font-family: inherit;
        cursor: pointer;
        transition: opacity 0.2s;
    }

    .btn-primary:hover[b-z2byiuuenh] {
        opacity: 0.9;
    }

    .btn-primary:disabled[b-z2byiuuenh] {
        opacity: 0.6;
        cursor: not-allowed;
    }

    .btn-secondary[b-z2byiuuenh] {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 24px;
        background: transparent;
        color: var(--color-text-primary, #1a1a2e);
        border: 1px solid var(--color-border, #e5e7eb);
        border-radius: var(--radius-md, 0.5rem);
        font-size: 14px;
        font-weight: 500;
        font-family: inherit;
        cursor: pointer;
        transition: background 0.15s;
    }

    .btn-secondary:hover[b-z2byiuuenh] {
        background: var(--color-bg-page, #f9fafb);
    }

    .btn-submit-ticket[b-z2byiuuenh] {
        margin-top: 4px;
    }

    /* Ticket Success */
    .ticket-success[b-z2byiuuenh] {
        background: var(--color-bg-card, #fff);
        border-radius: var(--radius-lg, 1rem);
        padding: 48px 24px;
        text-align: center;
    }

    .ticket-success svg[b-z2byiuuenh] {
        width: 48px;
        height: 48px;
        color: #16a34a;
        margin-bottom: 16px;
    }

    .ticket-success h3[b-z2byiuuenh] {
        font-size: 18px;
        font-weight: 600;
        color: var(--color-text-primary, #1a1a2e);
        margin: 0 0 8px;
    }

    .ticket-success p[b-z2byiuuenh] {
        font-size: 14px;
        color: var(--color-text-secondary, #6b7280);
        margin: 0 0 20px;
    }

    /* My Tickets */
    .help-loading[b-z2byiuuenh], .help-empty-tickets[b-z2byiuuenh], .help-error-state[b-z2byiuuenh] {
        background: var(--color-bg-card, #fff);
        border-radius: var(--radius-lg, 1rem);
        padding: 48px 20px;
        text-align: center;
        color: var(--color-text-muted, #9ca3af);
    }

    .help-loading p[b-z2byiuuenh], .help-empty-tickets p[b-z2byiuuenh], .help-error-state p[b-z2byiuuenh] {
        font-size: 14px;
        margin: 8px 0 0;
    }

    .help-empty-tickets h3[b-z2byiuuenh], .help-error-state h3[b-z2byiuuenh] {
        font-size: 16px;
        font-weight: 600;
        color: var(--color-text-primary, #1a1a2e);
        margin: 12px 0 4px;
    }

    .help-empty-tickets svg[b-z2byiuuenh], .help-error-state svg[b-z2byiuuenh] {
        width: 40px;
        height: 40px;
        color: var(--color-text-muted, #9ca3af);
    }

    .help-error-state button[b-z2byiuuenh] {
        margin-top: 12px;
    }

    .help-spinner[b-z2byiuuenh] {
        width: 36px;
        height: 36px;
        border: 3px solid var(--color-border, #e5e7eb);
        border-top-color: var(--color-primary, #083169);
        border-radius: 50%;
        animation: helpSpin-b-z2byiuuenh 1s linear infinite;
        margin: 0 auto 12px;
    }

    .help-spinner-small[b-z2byiuuenh] {
        display: inline-block;
        width: 16px;
        height: 16px;
        border: 2px solid rgba(255,255,255,0.3);
        border-top-color: #fff;
        border-radius: 50%;
        animation: helpSpin-b-z2byiuuenh 0.8s linear infinite;
    }

    @keyframes helpSpin-b-z2byiuuenh { to { transform: rotate(360deg); } }

    .tickets-list[b-z2byiuuenh] {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .ticket-card[b-z2byiuuenh] {
        background: var(--color-bg-card, #fff);
        border-radius: var(--radius-lg, 1rem);
        padding: 18px 22px;
    }

    .ticket-card-header[b-z2byiuuenh] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 12px;
        margin-bottom: 10px;
    }

    .ticket-card-title[b-z2byiuuenh] {
        flex: 1;
        min-width: 0;
    }

    .ticket-id[b-z2byiuuenh] {
        font-size: 11px;
        font-weight: 500;
        color: var(--color-text-muted, #9ca3af);
        text-transform: uppercase;
        letter-spacing: 0.04em;
    }

    .ticket-card-title h4[b-z2byiuuenh] {
        font-size: 15px;
        font-weight: 500;
        color: var(--color-text-primary, #1a1a2e);
        margin: 2px 0 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ticket-status-badge[b-z2byiuuenh] {
        display: inline-block;
        font-size: 12px;
        font-weight: 500;
        padding: 4px 12px;
        border-radius: 20px;
        white-space: nowrap;
        flex-shrink: 0;
    }

    .ticket-status-badge.open[b-z2byiuuenh] {
        background: #dbeafe;
        color: #1d4ed8;
    }

    .ticket-status-badge.in-progress[b-z2byiuuenh] {
        background: #fef3c7;
        color: #b45309;
    }

    .ticket-status-badge.resolved[b-z2byiuuenh] {
        background: #dcfce7;
        color: #16a34a;
    }

    .ticket-status-badge.closed[b-z2byiuuenh] {
        background: #f3f4f6;
        color: #6b7280;
    }

    .ticket-card-meta[b-z2byiuuenh] {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
    }

    .ticket-category-tag[b-z2byiuuenh] {
        font-size: 12px;
        font-weight: 500;
        padding: 2px 10px;
        background: var(--color-bg-page, #f3f4f6);
        color: var(--color-text-secondary, #6b7280);
        border-radius: 12px;
    }

    .ticket-priority-tag[b-z2byiuuenh] {
        font-size: 12px;
        font-weight: 500;
        padding: 2px 10px;
        border-radius: 12px;
    }

    .ticket-priority-tag.low[b-z2byiuuenh] {
        background: #f0fdf4;
        color: #16a34a;
    }

    .ticket-priority-tag.medium[b-z2byiuuenh] {
        background: #fef3c7;
        color: #b45309;
    }

    .ticket-priority-tag.high[b-z2byiuuenh] {
        background: #fef2f2;
        color: #dc2626;
    }

    .ticket-date[b-z2byiuuenh] {
        font-size: 12px;
        color: var(--color-text-muted, #9ca3af);
    }

    .ticket-description-preview[b-z2byiuuenh] {
        font-size: 13px;
        color: var(--color-text-secondary, #6b7280);
        line-height: 1.5;
        margin: 10px 0 0;
    }

    /* Contact Section */
    .help-contact-section[b-z2byiuuenh] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }

    .contact-card[b-z2byiuuenh] {
        background: var(--color-bg-card, #fff);
        border-radius: var(--radius-lg, 1rem);
        padding: 24px;
        text-align: center;
    }

    .contact-card svg[b-z2byiuuenh] {
        width: 32px;
        height: 32px;
        color: var(--color-primary, #083169);
        margin-bottom: 12px;
    }

    .contact-card h4[b-z2byiuuenh] {
        font-size: 15px;
        font-weight: 600;
        color: var(--color-text-primary, #1a1a2e);
        margin: 0 0 4px;
    }

    .contact-card p[b-z2byiuuenh] {
        font-size: 13px;
        color: var(--color-text-secondary, #6b7280);
        margin: 0;
    }

    /* Responsive */
    @media (max-width: 1024px) {
        .tutorials-grid[b-z2byiuuenh] {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width: 768px) {
        .tutorials-grid[b-z2byiuuenh] {
            grid-template-columns: 1fr;
        }

        .form-row-two[b-z2byiuuenh] {
            grid-template-columns: 1fr;
        }

        .help-contact-section[b-z2byiuuenh] {
            grid-template-columns: 1fr;
        }

        .ticket-card-header[b-z2byiuuenh] {
            flex-direction: column;
        }
    }

    /* Dark Mode */
    [data-theme="dark"] .help-page-header h1[b-z2byiuuenh] { color: #e2e8f0; }
    [data-theme="dark"] .help-page-header p[b-z2byiuuenh] { color: #94a3b8; }
    [data-theme="dark"] .help-search-bar[b-z2byiuuenh] { background: #1e293b; border-color: #334155; }
    [data-theme="dark"] .help-search-bar input[b-z2byiuuenh] { color: #e2e8f0; }
    [data-theme="dark"] .help-faq-section h2[b-z2byiuuenh],
    [data-theme="dark"] .help-tutorials-section h2[b-z2byiuuenh],
    [data-theme="dark"] .help-ticket-section h2[b-z2byiuuenh],
    [data-theme="dark"] .help-my-tickets-section h2[b-z2byiuuenh] { color: #e2e8f0; }
    [data-theme="dark"] .help-empty-search[b-z2byiuuenh] { background: #1e293b; color: #94a3b8; }
    [data-theme="dark"] .faq-category-title[b-z2byiuuenh] { color: #818cf8; border-color: #334155; }
    [data-theme="dark"] .faq-item[b-z2byiuuenh] { background: #1e293b; }
    [data-theme="dark"] .faq-question[b-z2byiuuenh] { color: #e2e8f0; }
    [data-theme="dark"] .faq-question:hover[b-z2byiuuenh] { background: #0f172a; }
    [data-theme="dark"] .faq-answer p[b-z2byiuuenh] { color: #94a3b8; }
    [data-theme="dark"] .tutorial-card[b-z2byiuuenh] { background: #1e293b; }
    [data-theme="dark"] .tutorial-card:hover[b-z2byiuuenh] { box-shadow: 0 4px 16px rgba(0,0,0,0.3); }
    [data-theme="dark"] .tutorial-info h4[b-z2byiuuenh] { color: #e2e8f0; }
    [data-theme="dark"] .tutorial-info p[b-z2byiuuenh] { color: #94a3b8; }
    [data-theme="dark"] .ticket-form[b-z2byiuuenh] { background: #1e293b; }
    [data-theme="dark"] .form-group label[b-z2byiuuenh] { color: #e2e8f0; }
    [data-theme="dark"] .form-group input[b-z2byiuuenh],
    [data-theme="dark"] .form-group select[b-z2byiuuenh],
    [data-theme="dark"] .form-group textarea[b-z2byiuuenh] { background: #0f172a; color: #e2e8f0; border-color: #334155; }
    [data-theme="dark"] .ticket-error[b-z2byiuuenh] { background: rgba(220,38,38,0.15); }
    [data-theme="dark"] .ticket-success[b-z2byiuuenh] { background: #1e293b; }
    [data-theme="dark"] .ticket-success h3[b-z2byiuuenh] { color: #e2e8f0; }
    [data-theme="dark"] .ticket-success p[b-z2byiuuenh] { color: #94a3b8; }
    [data-theme="dark"] .help-loading[b-z2byiuuenh],
    [data-theme="dark"] .help-empty-tickets[b-z2byiuuenh],
    [data-theme="dark"] .help-error-state[b-z2byiuuenh] { background: #1e293b; }
    [data-theme="dark"] .help-empty-tickets h3[b-z2byiuuenh],
    [data-theme="dark"] .help-error-state h3[b-z2byiuuenh] { color: #e2e8f0; }
    [data-theme="dark"] .ticket-card[b-z2byiuuenh] { background: #1e293b; }
    [data-theme="dark"] .ticket-card-title h4[b-z2byiuuenh] { color: #e2e8f0; }
    [data-theme="dark"] .ticket-status-badge.open[b-z2byiuuenh] { background: rgba(29,78,216,0.15); }
    [data-theme="dark"] .ticket-status-badge.in-progress[b-z2byiuuenh] { background: rgba(180,83,9,0.15); }
    [data-theme="dark"] .ticket-status-badge.resolved[b-z2byiuuenh] { background: rgba(22,163,74,0.15); }
    [data-theme="dark"] .ticket-status-badge.closed[b-z2byiuuenh] { background: #334155; color: #94a3b8; }
    [data-theme="dark"] .ticket-category-tag[b-z2byiuuenh] { background: #0f172a; color: #94a3b8; }
    [data-theme="dark"] .ticket-priority-tag.low[b-z2byiuuenh] { background: rgba(22,163,74,0.15); }
    [data-theme="dark"] .ticket-priority-tag.medium[b-z2byiuuenh] { background: rgba(180,83,9,0.15); }
    [data-theme="dark"] .ticket-priority-tag.high[b-z2byiuuenh] { background: rgba(220,38,38,0.15); }
    [data-theme="dark"] .ticket-description-preview[b-z2byiuuenh] { color: #94a3b8; }
    [data-theme="dark"] .contact-card[b-z2byiuuenh] { background: #1e293b; }
    [data-theme="dark"] .contact-card h4[b-z2byiuuenh] { color: #e2e8f0; }
    [data-theme="dark"] .contact-card p[b-z2byiuuenh] { color: #94a3b8; }
    [data-theme="dark"] .contact-card svg[b-z2byiuuenh] { color: #818cf8; }
    [data-theme="dark"] .btn-secondary[b-z2byiuuenh] { color: #e2e8f0; border-color: #334155; }
    [data-theme="dark"] .btn-secondary:hover[b-z2byiuuenh] { background: #0f172a; }
/* _content/Listico.Web/Components/Pages/Agent/Inquiries.razor.rz.scp.css */
    .toast-notification[b-6eyilcfzlt] { position: fixed; bottom: 2rem; right: 2rem; display: flex; align-items: center; gap: 0.75rem; padding: 1rem 1.5rem; border-radius: 0.75rem; font-size: 0.9375rem; font-weight: 500; z-index: 2000; animation: toast-slide-in-b-6eyilcfzlt 0.3s ease-out; box-shadow: 0 4px 20px rgba(0,0,0,0.15); max-width: 420px; }
    .toast-notification.success[b-6eyilcfzlt] { background: #059669; color: white; }
    .toast-notification.error[b-6eyilcfzlt] { background: #dc2626; color: white; }
    .toast-notification.info[b-6eyilcfzlt] { background: #2563eb; color: white; }
    @keyframes toast-slide-in-b-6eyilcfzlt { from { transform: translateY(1rem); opacity: 0; } to { transform: translateY(0); opacity: 1; } }

    /* ============================================
       INQUIRIES PAGE
       ============================================ */
    .inquiries-page[b-6eyilcfzlt] {
    }

    /* Stats */
    .inquiries-page-stats[b-6eyilcfzlt] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
        margin-bottom: 2rem;
    }

    .inquiries-page-stats .stat-box[b-6eyilcfzlt] {
        display: flex;
        align-items: center;
        gap: 1rem;
        background: white;
        border: 1px solid var(--border-color);
        border-radius: var(--radius-lg);
        padding: 1.25rem;
    }

    .inquiries-page-stats .stat-icon[b-6eyilcfzlt] {
        width: 48px;
        height: 48px;
        border-radius: var(--radius-md);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .inquiries-page-stats .stat-icon.blue[b-6eyilcfzlt] {
        background: rgba(8, 49, 105, 0.1);
        color: var(--primary-blue);
    }

    .inquiries-page-stats .stat-icon.yellow[b-6eyilcfzlt] {
        background: rgba(212, 168, 83, 0.1);
        color: #d4a853;
    }

    .inquiries-page-stats .stat-icon.green[b-6eyilcfzlt] {
        background: rgba(5, 150, 105, 0.1);
        color: #059669;
    }

    .inquiries-page-stats .stat-info[b-6eyilcfzlt] {
        flex: 1;
    }

    .inquiries-page-stats .stat-info .stat-number[b-6eyilcfzlt] {
        display: block;
        font-size: 1.5rem;
        font-weight: 700;
        color: var(--text-dark);
        line-height: 1;
        margin-bottom: 0.25rem;
    }

    .inquiries-page-stats .stat-info .stat-label[b-6eyilcfzlt] {
        display: block;
        font-size: 0.875rem;
        color: var(--text-gray);
    }

    /* Search */
    .inquiries-page-search[b-6eyilcfzlt] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        background: white;
        border: 1px solid var(--border-color);
        border-radius: var(--radius-md);
        padding: 0.625rem 1rem;
        min-width: 280px;
    }

    .inquiries-page-search svg[b-6eyilcfzlt] {
        color: var(--text-gray);
        flex-shrink: 0;
    }

    .inquiries-page-search input[b-6eyilcfzlt] {
        border: none;
        outline: none;
        font-size: 0.9375rem;
        width: 100%;
        background: transparent;
        color: var(--text-dark);
        font-family: inherit;
    }

    .inquiries-page-search input[b-6eyilcfzlt]::placeholder {
        color: var(--text-light);
    }

    /* List Container */
    .inquiries-page-list[b-6eyilcfzlt] {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    /* Loading */
    .inquiries-page-loading[b-6eyilcfzlt] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 3rem;
        gap: 1rem;
        color: var(--text-gray);
        font-size: 0.9375rem;
    }

    .inquiries-page-spinner[b-6eyilcfzlt] {
        width: 36px;
        height: 36px;
        border: 3px solid var(--border-color);
        border-top-color: var(--primary-blue);
        border-radius: 50%;
        animation: inquiries-spin-b-6eyilcfzlt 0.8s linear infinite;
    }

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

    /* Error */
    .inquiries-page-error[b-6eyilcfzlt] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.75rem;
        padding: 2rem;
        color: #dc2626;
        font-size: 0.9375rem;
    }

    .inquiries-page-error .btn-secondary[b-6eyilcfzlt] {
        color: var(--text-dark);
        background: white;
        border: 1px solid var(--border-color);
        padding: 0.5rem 1rem;
        border-radius: var(--radius-md);
        cursor: pointer;
        font-size: 0.875rem;
        font-weight: 500;
    }

    /* Inquiry Cards */
    .inquiries-page-card[b-6eyilcfzlt] {
        background: white;
        border-radius: var(--radius-lg);
        border: 1px solid var(--border-color);
        padding: 1.25rem 1.5rem;
        transition: all 0.2s;
    }

    .inquiries-page-card.new[b-6eyilcfzlt] {
        border-left: 4px solid var(--primary-blue);
        background: rgba(8, 49, 105, 0.02);
    }

    .inquiries-page-card:hover[b-6eyilcfzlt] {
        box-shadow: var(--shadow-md);
    }

    /* Card Header */
    .inquiries-page-card-header[b-6eyilcfzlt] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1rem;
        padding-bottom: 0.75rem;
        border-bottom: 1px solid var(--border-color);
    }

    .inquiries-page-property[b-6eyilcfzlt] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }

    .inquiries-page-property-img[b-6eyilcfzlt] {
        width: 48px;
        height: 48px;
        border-radius: var(--radius-md);
        object-fit: cover;
    }

    .inquiries-page-property-placeholder[b-6eyilcfzlt] {
        width: 48px;
        height: 48px;
        border-radius: var(--radius-md);
        background: var(--bg-light);
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--text-light);
    }

    .inquiries-page-property-title[b-6eyilcfzlt] {
        font-size: 0.9375rem;
        font-weight: 600;
        color: var(--primary-blue);
        text-decoration: none;
    }

    .inquiries-page-property-title:hover[b-6eyilcfzlt] {
        text-decoration: underline;
    }

    .inquiries-page-card-badges[b-6eyilcfzlt] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .inquiries-page-type-badge[b-6eyilcfzlt] {
        font-size: 0.6875rem;
        font-weight: 600;
        padding: 0.25rem 0.625rem;
        border-radius: 12px;
        background: rgba(124, 58, 237, 0.1);
        color: #7c3aed;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

    .inquiries-page-status-badge[b-6eyilcfzlt] {
        font-size: 0.6875rem;
        font-weight: 600;
        padding: 0.25rem 0.625rem;
        border-radius: 12px;
        text-transform: capitalize;
    }

    .inquiries-page-status-badge.new[b-6eyilcfzlt] {
        background: rgba(8, 49, 105, 0.1);
        color: var(--primary-blue);
    }

    .inquiries-page-status-badge.read[b-6eyilcfzlt] {
        background: rgba(212, 168, 83, 0.1);
        color: #d4a853;
    }

    .inquiries-page-status-badge.replied[b-6eyilcfzlt] {
        background: rgba(5, 150, 105, 0.1);
        color: #059669;
    }

    .inquiries-page-status-badge.closed[b-6eyilcfzlt] {
        background: rgba(107, 114, 128, 0.1);
        color: #6b7280;
    }

    .inquiries-page-star[b-6eyilcfzlt] {
        color: var(--text-light);
    }

    .inquiries-page-star.starred[b-6eyilcfzlt] {
        color: #d4a853;
    }

    /* Card Body */
    .inquiries-page-card-body[b-6eyilcfzlt] {
        display: flex;
        gap: 1.5rem;
        margin-bottom: 1rem;
    }

    .inquiries-page-sender[b-6eyilcfzlt] {
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
        min-width: 260px;
    }

    .inquiries-page-sender-avatar[b-6eyilcfzlt] {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: var(--primary-blue);
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        font-size: 1rem;
        flex-shrink: 0;
    }

    .inquiries-page-sender-details h4[b-6eyilcfzlt] {
        font-size: 0.9375rem;
        font-weight: 600;
        color: var(--text-dark);
        margin-bottom: 0.25rem;
    }

    .inquiries-page-contact-line[b-6eyilcfzlt] {
        display: flex;
        align-items: center;
        gap: 0.375rem;
        font-size: 0.8125rem;
        color: var(--text-gray);
        margin-bottom: 0.125rem;
    }

    .inquiries-page-contact-line:last-child[b-6eyilcfzlt] {
        margin-bottom: 0;
    }

    .inquiries-page-message[b-6eyilcfzlt] {
        flex: 1;
    }

    .inquiries-page-message p[b-6eyilcfzlt] {
        font-size: 0.875rem;
        color: var(--text-gray);
        line-height: 1.6;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* Card Footer */
    .inquiries-page-card-footer[b-6eyilcfzlt] {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding-top: 0.75rem;
        border-top: 1px solid var(--border-color);
    }

    .inquiries-page-time[b-6eyilcfzlt] {
        font-size: 0.75rem;
        color: var(--text-light);
    }

    .inquiries-page-replied-at[b-6eyilcfzlt] {
        font-size: 0.75rem;
        color: #059669;
        font-weight: 500;
    }

    .inquiries-page-actions[b-6eyilcfzlt] {
        display: flex;
        gap: 0.375rem;
        margin-left: auto;
    }

    .inquiries-page-actions .btn-action[b-6eyilcfzlt] {
        width: 34px;
        height: 34px;
        border: 1px solid var(--border-color);
        background: white;
        border-radius: var(--radius-md);
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--text-gray);
        transition: all 0.2s;
    }

    .inquiries-page-actions .btn-action:hover[b-6eyilcfzlt] {
        border-color: var(--primary-blue);
        color: var(--primary-blue);
    }

    .inquiries-page-actions .btn-action.primary[b-6eyilcfzlt] {
        background: var(--primary-blue);
        color: white;
        border-color: var(--primary-blue);
    }

    .inquiries-page-actions .btn-action.primary:hover[b-6eyilcfzlt] {
        opacity: 0.9;
    }

    /* Reply Preview */
    .inquiries-page-reply-preview[b-6eyilcfzlt] {
        display: flex;
        align-items: flex-start;
        gap: 0.5rem;
        padding: 0.75rem 1rem;
        margin-top: 0.75rem;
        background: rgba(5, 150, 105, 0.05);
        border-radius: var(--radius-md);
        border: 1px solid rgba(5, 150, 105, 0.15);
        font-size: 0.8125rem;
        color: var(--text-gray);
        line-height: 1.5;
    }

    .inquiries-page-reply-preview svg[b-6eyilcfzlt] {
        color: #059669;
        flex-shrink: 0;
        margin-top: 2px;
    }

    .inquiries-page-reply-preview span[b-6eyilcfzlt] {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* Pagination */
    .inquiries-page-pagination[b-6eyilcfzlt] {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
        padding: 1.5rem 0;
    }

    .inquiries-page-page-btn[b-6eyilcfzlt] {
        display: flex;
        align-items: center;
        gap: 0.375rem;
        padding: 0.5rem 1rem;
        border: 1px solid var(--border-color);
        background: white;
        border-radius: var(--radius-md);
        cursor: pointer;
        font-size: 0.875rem;
        font-weight: 500;
        color: var(--text-dark);
        transition: all 0.2s;
    }

    .inquiries-page-page-btn:hover:not(:disabled)[b-6eyilcfzlt] {
        border-color: var(--primary-blue);
        color: var(--primary-blue);
    }

    .inquiries-page-page-btn:disabled[b-6eyilcfzlt] {
        opacity: 0.4;
        cursor: not-allowed;
    }

    .inquiries-page-page-numbers[b-6eyilcfzlt] {
        display: flex;
        gap: 0.25rem;
    }

    .inquiries-page-page-num[b-6eyilcfzlt] {
        width: 36px;
        height: 36px;
        border: 1px solid var(--border-color);
        background: white;
        border-radius: var(--radius-md);
        cursor: pointer;
        font-size: 0.875rem;
        font-weight: 500;
        color: var(--text-dark);
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.2s;
    }

    .inquiries-page-page-num:hover[b-6eyilcfzlt] {
        border-color: var(--primary-blue);
        color: var(--primary-blue);
    }

    .inquiries-page-page-num.active[b-6eyilcfzlt] {
        background: var(--primary-blue);
        color: white;
        border-color: var(--primary-blue);
    }

    /* Chat Bubbles */
    .chat-bubble[b-6eyilcfzlt] { padding: 10px 14px; border-radius: 12px; max-width: 85%; }
    .chat-bubble.client[b-6eyilcfzlt] { background: #f1f5f9; align-self: flex-start; border-bottom-left-radius: 4px; }
    .chat-bubble.agent[b-6eyilcfzlt] { background: #eff6ff; align-self: flex-end; border-bottom-right-radius: 4px; border: 1px solid #bfdbfe; }
    .chat-sender[b-6eyilcfzlt] { font-size: 0.75rem; font-weight: 600; color: #475569; margin-bottom: 2px; }
    .chat-text[b-6eyilcfzlt] { font-size: 0.875rem; color: #1e293b; line-height: 1.5; }
    .chat-time[b-6eyilcfzlt] { font-size: 0.7rem; color: #94a3b8; margin-top: 4px; text-align: right; }

    /* Reply Modal */
    .inquiries-page-modal-overlay[b-6eyilcfzlt] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1000;
        padding: 1rem;
    }

    .inquiries-page-modal[b-6eyilcfzlt] {
        background: white;
        border-radius: var(--radius-lg);
        width: 100%;
        max-width: 560px;
        max-height: 90vh;
        overflow-y: auto;
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
    }

    .inquiries-page-modal-header[b-6eyilcfzlt] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1.25rem 1.5rem;
        border-bottom: 1px solid var(--border-color);
    }

    .inquiries-page-modal-header h3[b-6eyilcfzlt] {
        font-size: 1.125rem;
        font-weight: 700;
        color: var(--text-dark);
    }

    .inquiries-page-modal-close[b-6eyilcfzlt] {
        background: none;
        border: none;
        cursor: pointer;
        color: var(--text-gray);
        padding: 0.25rem;
        border-radius: var(--radius-sm);
        transition: all 0.2s;
    }

    .inquiries-page-modal-close:hover[b-6eyilcfzlt] {
        color: var(--text-dark);
        background: var(--bg-light);
    }

    .inquiries-page-modal-body[b-6eyilcfzlt] {
        padding: 1.5rem;
    }

    .inquiries-page-modal-context[b-6eyilcfzlt] {
        margin-bottom: 1.25rem;
        padding: 1rem;
        background: var(--bg-light);
        border-radius: var(--radius-md);
    }

    .inquiries-page-modal-property[b-6eyilcfzlt] {
        font-size: 0.875rem;
        color: var(--text-dark);
        margin-bottom: 0.75rem;
    }

    .inquiries-page-modal-property strong[b-6eyilcfzlt] {
        color: var(--text-gray);
        font-weight: 500;
    }

    .inquiries-page-modal-original[b-6eyilcfzlt] {
        font-size: 0.875rem;
    }

    .inquiries-page-modal-original strong[b-6eyilcfzlt] {
        color: var(--text-gray);
        font-weight: 500;
        display: block;
        margin-bottom: 0.25rem;
    }

    .inquiries-page-modal-original p[b-6eyilcfzlt] {
        color: var(--text-dark);
        line-height: 1.5;
        font-style: italic;
    }

    .inquiries-page-modal-field[b-6eyilcfzlt] {
        margin-bottom: 1rem;
    }

    .inquiries-page-modal-field label[b-6eyilcfzlt] {
        display: block;
        font-size: 0.875rem;
        font-weight: 600;
        color: var(--text-dark);
        margin-bottom: 0.5rem;
    }

    .inquiries-page-modal-field select[b-6eyilcfzlt] {
        width: 100%;
        border: 1px solid var(--border-color);
        border-radius: var(--radius-md);
        padding: 0.625rem 1rem;
        font-size: 0.9375rem;
        font-family: inherit;
        color: var(--text-dark);
        background: white;
        cursor: pointer;
        transition: border-color 0.2s;
        box-sizing: border-box;
    }

    .inquiries-page-modal-field select:focus[b-6eyilcfzlt] {
        outline: none;
        border-color: var(--primary-blue);
    }

    .inquiries-page-modal-field textarea[b-6eyilcfzlt] {
        width: 100%;
        border: 1px solid var(--border-color);
        border-radius: var(--radius-md);
        padding: 0.75rem 1rem;
        font-size: 0.9375rem;
        font-family: inherit;
        color: var(--text-dark);
        resize: vertical;
        min-height: 120px;
        transition: border-color 0.2s;
        box-sizing: border-box;
    }

    .inquiries-page-modal-field textarea:focus[b-6eyilcfzlt] {
        outline: none;
        border-color: var(--primary-blue);
    }

    .inquiries-page-modal-field textarea[b-6eyilcfzlt]::placeholder {
        color: var(--text-light);
    }

    .inquiries-page-modal-error[b-6eyilcfzlt] {
        padding: 0.75rem 1rem;
        background: rgba(220, 38, 38, 0.05);
        border: 1px solid rgba(220, 38, 38, 0.2);
        border-radius: var(--radius-md);
        color: #dc2626;
        font-size: 0.875rem;
    }

    .inquiries-page-modal-footer[b-6eyilcfzlt] {
        display: flex;
        justify-content: flex-end;
        gap: 0.75rem;
        padding: 1rem 1.5rem;
        border-top: 1px solid var(--border-color);
    }

    .inquiries-page-modal-footer .btn-secondary[b-6eyilcfzlt] {
        padding: 0.625rem 1.25rem;
        background: white;
        color: var(--text-dark);
        border: 1px solid var(--border-color);
        border-radius: var(--radius-md);
        font-weight: 600;
        font-size: 0.9375rem;
        cursor: pointer;
        transition: all 0.2s;
    }

    .inquiries-page-modal-footer .btn-secondary:hover[b-6eyilcfzlt] {
        border-color: var(--primary-blue);
        color: var(--primary-blue);
    }

    .inquiries-page-modal-footer .btn-primary[b-6eyilcfzlt] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.625rem 1.25rem;
        background: var(--primary-blue);
        color: white;
        border: none;
        border-radius: var(--radius-md);
        font-weight: 600;
        font-size: 0.9375rem;
        cursor: pointer;
        transition: all 0.2s;
    }

    .inquiries-page-modal-footer .btn-primary:hover:not(:disabled)[b-6eyilcfzlt] {
        opacity: 0.9;
    }

    .inquiries-page-modal-footer .btn-primary:disabled[b-6eyilcfzlt] {
        opacity: 0.5;
        cursor: not-allowed;
    }

    .inquiries-page-btn-spinner[b-6eyilcfzlt] {
        width: 16px;
        height: 16px;
        border: 2px solid rgba(255, 255, 255, 0.3);
        border-top-color: white;
        border-radius: 50%;
        animation: inquiries-spin-b-6eyilcfzlt 0.8s linear infinite;
        display: inline-block;
    }

    /* Responsive */
    @media (max-width: 1024px) {
        .inquiries-page-stats[b-6eyilcfzlt] {
            grid-template-columns: repeat(3, 1fr);
        }

        .inquiries-page-card-body[b-6eyilcfzlt] {
            flex-direction: column;
            gap: 1rem;
        }

        .inquiries-page-sender[b-6eyilcfzlt] {
            min-width: auto;
        }
    }

    @media (max-width: 768px) {
        .inquiries-page-stats[b-6eyilcfzlt] {
            grid-template-columns: 1fr;
        }

        .inquiries-page-card-header[b-6eyilcfzlt] {
            flex-direction: column;
            align-items: flex-start;
            gap: 0.75rem;
        }

        .inquiries-page-card-footer[b-6eyilcfzlt] {
            flex-wrap: wrap;
        }

        .inquiries-page-actions[b-6eyilcfzlt] {
            width: 100%;
            justify-content: flex-end;
        }

        .inquiries-page-pagination[b-6eyilcfzlt] {
            flex-wrap: wrap;
        }

        .inquiries-page-search[b-6eyilcfzlt] {
            min-width: auto;
            width: 100%;
        }

        .inquiries-page-modal[b-6eyilcfzlt] {
            max-width: 100%;
        }
    }

    /* Dark mode */
    [data-theme="dark"] .inquiries-page-stats .stat-box[b-6eyilcfzlt] { background: #1e293b; border-color: #334155; }
    [data-theme="dark"] .inquiries-page-search[b-6eyilcfzlt] { background: #1e293b; border-color: #334155; }
    [data-theme="dark"] .inquiries-page-search input[b-6eyilcfzlt] { color: #e2e8f0; }
    [data-theme="dark"] .inquiries-page-card[b-6eyilcfzlt] { background: #1e293b; border-color: #334155; }
    [data-theme="dark"] .inquiries-page-card.new[b-6eyilcfzlt] { background: rgba(8,49,105,0.08); }
    [data-theme="dark"] .inquiries-page-card:hover[b-6eyilcfzlt] { box-shadow: 0 4px 16px rgba(0,0,0,0.3); }
    [data-theme="dark"] .inquiries-page-card-header[b-6eyilcfzlt] { border-color: #334155; }
    [data-theme="dark"] .inquiries-page-card-footer[b-6eyilcfzlt] { border-color: #334155; }
    [data-theme="dark"] .inquiries-page-actions .btn-action[b-6eyilcfzlt] { background: #0f172a; border-color: #334155; color: #94a3b8; }
    [data-theme="dark"] .inquiries-page-actions .btn-action:hover[b-6eyilcfzlt] { background: #334155; color: #e2e8f0; }
    [data-theme="dark"] .inquiries-page-page-btn[b-6eyilcfzlt] { background: #1e293b; border-color: #334155; color: #e2e8f0; }
    [data-theme="dark"] .inquiries-page-page-num[b-6eyilcfzlt] { background: #1e293b; border-color: #334155; color: #e2e8f0; }
    [data-theme="dark"] .inquiries-page-error .btn-secondary[b-6eyilcfzlt] { background: #1e293b; border-color: #334155; color: #e2e8f0; }
    [data-theme="dark"] .inquiries-page-modal[b-6eyilcfzlt] { background: #1e293b; }
    [data-theme="dark"] .inquiries-page-modal-header[b-6eyilcfzlt] { border-color: #334155; }
    [data-theme="dark"] .inquiries-page-modal-footer[b-6eyilcfzlt] { border-color: #334155; }
    [data-theme="dark"] .inquiries-page-modal-footer .btn-secondary[b-6eyilcfzlt] { background: #0f172a; color: #e2e8f0; border-color: #334155; }
    [data-theme="dark"] .inquiries-page-modal-context[b-6eyilcfzlt] { background: #0f172a; }
    [data-theme="dark"] .inquiries-page-modal-field select[b-6eyilcfzlt] { background: #0f172a; color: #e2e8f0; border-color: #334155; }
    [data-theme="dark"] .inquiries-page-modal-field textarea[b-6eyilcfzlt] { background: #0f172a; color: #e2e8f0; border-color: #334155; }
    [data-theme="dark"] .chat-bubble.client[b-6eyilcfzlt] { background: #334155; }
    [data-theme="dark"] .chat-bubble.agent[b-6eyilcfzlt] { background: rgba(8,49,105,0.2); border-color: #334155; }
    [data-theme="dark"] .chat-sender[b-6eyilcfzlt] { color: #94a3b8; }
    [data-theme="dark"] .chat-text[b-6eyilcfzlt] { color: #e2e8f0; }
/* _content/Listico.Web/Components/Pages/Agent/Leads.razor.rz.scp.css */
.avatar-initials[b-vg64xu2inu] { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #083169; color: white; font-weight: 700; font-size: 1rem; border-radius: 50%; }
.toast-notification[b-vg64xu2inu] { position: fixed; bottom: 2rem; right: 2rem; display: flex; align-items: center; gap: 0.75rem; padding: 1rem 1.5rem; border-radius: 0.75rem; font-size: 0.9375rem; font-weight: 500; z-index: 2000; animation: toast-slide-in-b-vg64xu2inu 0.3s ease-out; box-shadow: 0 4px 20px rgba(0,0,0,0.15); max-width: 420px; }
.toast-notification.success[b-vg64xu2inu] { background: #059669; color: white; }
.toast-notification.error[b-vg64xu2inu] { background: #dc2626; color: white; }
.toast-notification.info[b-vg64xu2inu] { background: #2563eb; color: white; }
@keyframes toast-slide-in-b-vg64xu2inu { from { transform: translateY(1rem); opacity: 0; } to { transform: translateY(0); opacity: 1; } }

.csv-modal-overlay[b-vg64xu2inu] { position: fixed; inset: 0; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 1000; }
.csv-modal[b-vg64xu2inu] { background: white; border-radius: 1rem; max-width: 800px; width: 90%; max-height: 80vh; overflow-y: auto; padding: 2rem; }
.csv-preview-table[b-vg64xu2inu] { width: 100%; border-collapse: collapse; margin: 0.5rem 0; }
.csv-preview-table th[b-vg64xu2inu], .csv-preview-table td[b-vg64xu2inu] { padding: 0.5rem; text-align: left; border-bottom: 1px solid #e5e7eb; font-size: 0.85rem; }
.csv-preview-table th[b-vg64xu2inu] { font-weight: 600; color: #6b7280; background: #f9fafb; }
.btn-primary[b-vg64xu2inu] { font-weight: 500; }

/* Lead enhancements */
.lead-tags-row[b-vg64xu2inu] { display: flex; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 0.5rem; }
.priority-tag[b-vg64xu2inu] { font-size: 0.6875rem; font-weight: 700; padding: 0.2rem 0.625rem; border-radius: 12px; text-transform: uppercase; letter-spacing: 0.04em; }
.priority-tag.hot[b-vg64xu2inu] { background: rgba(220,38,38,0.1); color: #dc2626; }
.priority-tag.warm[b-vg64xu2inu] { background: rgba(245,158,11,0.1); color: #d97706; }
.priority-tag.cold[b-vg64xu2inu] { background: rgba(59,130,246,0.1); color: #3b82f6; }
.followup-tag[b-vg64xu2inu] { display: flex; align-items: center; gap: 0.25rem; font-size: 0.6875rem; font-weight: 600; padding: 0.2rem 0.625rem; border-radius: 12px; background: rgba(5,150,105,0.08); color: #059669; }
.followup-tag.overdue[b-vg64xu2inu] { background: rgba(220,38,38,0.08); color: #dc2626; }
.lead-notes-preview[b-vg64xu2inu] { display: flex; align-items: flex-start; gap: 0.375rem; padding: 0.5rem 0.75rem; margin-bottom: 0.5rem; background: #f9fafb; border-radius: 0.5rem; font-size: 0.8125rem; color: #6b7280; line-height: 1.4; }
.lead-notes-preview svg[b-vg64xu2inu] { flex-shrink: 0; margin-top: 1px; }
.lead-notes-preview span[b-vg64xu2inu] { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* Status modal */
.status-modal-form .form-group[b-vg64xu2inu] { margin-bottom: 1rem; }
.status-modal-form .form-group label[b-vg64xu2inu] { display: block; font-size: 0.875rem; font-weight: 600; color: #1a1a2e; margin-bottom: 0.375rem; }
.status-modal-form .form-group select[b-vg64xu2inu],
.status-modal-form .form-group input[b-vg64xu2inu],
.status-modal-form .form-group textarea[b-vg64xu2inu] { width: 100%; border: 1px solid #e5e7eb; border-radius: 0.5rem; padding: 0.5rem 0.75rem; font-size: 0.9375rem; font-family: inherit; color: #1a1a2e; box-sizing: border-box; }
.status-modal-form .form-group select:focus[b-vg64xu2inu],
.status-modal-form .form-group input:focus[b-vg64xu2inu],
.status-modal-form .form-group textarea:focus[b-vg64xu2inu] { outline: none; border-color: #083169; }
.status-modal-form .form-group textarea[b-vg64xu2inu] { resize: vertical; min-height: 70px; }
.priority-picker[b-vg64xu2inu] { display: flex; gap: 0.5rem; }
.priority-btn[b-vg64xu2inu] { padding: 0.375rem 1rem; border-radius: 0.5rem; border: 1px solid #e5e7eb; background: white; font-size: 0.8125rem; font-weight: 600; cursor: pointer; transition: all 0.2s; }
.priority-btn.hot[b-vg64xu2inu] { color: #dc2626; } .priority-btn.hot.active[b-vg64xu2inu] { background: rgba(220,38,38,0.1); border-color: #dc2626; }
.priority-btn.warm[b-vg64xu2inu] { color: #d97706; } .priority-btn.warm.active[b-vg64xu2inu] { background: rgba(245,158,11,0.1); border-color: #d97706; }
.priority-btn.cold[b-vg64xu2inu] { color: #3b82f6; } .priority-btn.cold.active[b-vg64xu2inu] { background: rgba(59,130,246,0.1); border-color: #3b82f6; }

/* Dark mode */
[data-theme="dark"] .csv-modal[b-vg64xu2inu] { background: #1e293b; }
[data-theme="dark"] .csv-preview-table th[b-vg64xu2inu] { background: #0f172a; color: #94a3b8; border-color: #334155; }
[data-theme="dark"] .csv-preview-table td[b-vg64xu2inu] { color: #e2e8f0; border-color: #334155; }
[data-theme="dark"] .lead-notes-preview[b-vg64xu2inu] { background: #0f172a; color: #94a3b8; }
[data-theme="dark"] .status-modal-form .form-group label[b-vg64xu2inu] { color: #e2e8f0; }
[data-theme="dark"] .status-modal-form .form-group select[b-vg64xu2inu],
[data-theme="dark"] .status-modal-form .form-group input[b-vg64xu2inu],
[data-theme="dark"] .status-modal-form .form-group textarea[b-vg64xu2inu] { background: #0f172a; color: #e2e8f0; border-color: #334155; }
[data-theme="dark"] .priority-btn[b-vg64xu2inu] { background: #0f172a; border-color: #334155; }
/* _content/Listico.Web/Components/Pages/Agent/LiveChats.razor.rz.scp.css */
.lci-page[b-my6t3mtsp4] {
    display: flex;
    height: calc(100vh - 70px);
    background: #f8fafc;
    overflow: hidden;
}
.lci-sidebar[b-my6t3mtsp4] {
    width: 300px;
    flex-shrink: 0;
    background: white;
    border-right: 1px solid #e2e8f0;
    display: flex;
    flex-direction: column;
}
.lci-sidebar-header[b-my6t3mtsp4] {
    padding: 20px 16px 14px;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    gap: 8px;
}
.lci-title[b-my6t3mtsp4] { font-size: 1.1rem; font-weight: 700; color: #1e293b; margin: 0; }
.lci-unread-badge[b-my6t3mtsp4] {
    background: #ef4444;
    color: white;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 10px;
    line-height: 1.4;
}
.lci-sessions[b-my6t3mtsp4] { flex: 1; overflow-y: auto; }
.lci-empty[b-my6t3mtsp4] {
    padding: 40px 20px;
    text-align: center;
    color: #94a3b8;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}
.lci-empty p[b-my6t3mtsp4] { font-size: 0.875rem; margin: 0; }
.lci-session[b-my6t3mtsp4] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    cursor: pointer;
    border-bottom: 1px solid #f1f5f9;
    transition: background 0.12s;
}
.lci-session:hover[b-my6t3mtsp4] { background: #f8fafc; }
.lci-session--active[b-my6t3mtsp4] { background: #eff6ff !important; }
.lci-session--unread[b-my6t3mtsp4] { background: #fefce8; }
.lci-session-ava[b-my6t3mtsp4] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #083169;
    color: white;
    font-weight: 700;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.lci-session-info[b-my6t3mtsp4] { flex: 1; min-width: 0; }
.lci-session-name[b-my6t3mtsp4] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 5px;
}
.lci-dot[b-my6t3mtsp4] { width: 7px; height: 7px; background: #083169; border-radius: 50%; flex-shrink: 0; }
.lci-session-preview[b-my6t3mtsp4] {
    font-size: 0.78rem;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 1px;
}
.lci-session-meta[b-my6t3mtsp4] { flex-shrink: 0; }
.lci-session-time[b-my6t3mtsp4] { font-size: 0.72rem; color: #94a3b8; }
.lci-main[b-my6t3mtsp4] { flex: 1; display: flex; flex-direction: column; overflow: hidden; }
.lci-no-selection[b-my6t3mtsp4] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #94a3b8;
    font-size: 0.9rem;
}
.lci-chat-header[b-my6t3mtsp4] {
    padding: 14px 20px;
    background: white;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}
.lci-chat-ava[b-my6t3mtsp4] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #083169;
    color: white;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.lci-chat-name[b-my6t3mtsp4] { font-size: 0.95rem; font-weight: 700; color: #1e293b; }
.lci-chat-meta[b-my6t3mtsp4] {
    font-size: 0.76rem;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
    margin-top: 2px;
}
.lci-end-btn[b-my6t3mtsp4] {
    margin-left: auto;
    padding: 6px 14px;
    background: transparent;
    border: 1.5px solid #ef4444;
    color: #ef4444;
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
}
.lci-end-btn:hover[b-my6t3mtsp4] { background: #fef2f2; }
.lci-messages[b-my6t3mtsp4] {
    flex: 1;
    overflow-y: auto;
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    scroll-behavior: smooth;
}
.lci-msg[b-my6t3mtsp4] { display: flex; }
.lci-msg--agent[b-my6t3mtsp4] { justify-content: flex-start; }
.lci-msg--visitor[b-my6t3mtsp4] { justify-content: flex-end; }
.lci-msg-body[b-my6t3mtsp4] { max-width: 70%; display: flex; flex-direction: column; gap: 3px; }
.lci-msg--visitor .lci-msg-body[b-my6t3mtsp4] { align-items: flex-end; }
.lci-bubble[b-my6t3mtsp4] {
    padding: 9px 13px;
    border-radius: 16px;
    font-size: 0.875rem;
    line-height: 1.45;
    word-break: break-word;
}
.lci-msg--agent .lci-bubble[b-my6t3mtsp4] { background: white; color: #1e293b; border: 1px solid #e2e8f0; border-bottom-left-radius: 4px; }
.lci-msg--visitor .lci-bubble[b-my6t3mtsp4] { background: #eff6ff; color: #083169; border-bottom-right-radius: 4px; }
.lci-msg-time[b-my6t3mtsp4] { font-size: 0.7rem; color: #94a3b8; padding: 0 4px; }
.lci-reply-bar[b-my6t3mtsp4] {
    padding: 12px 16px;
    background: white;
    border-top: 1px solid #e2e8f0;
    display: flex;
    gap: 10px;
    align-items: flex-end;
    flex-shrink: 0;
}
.lci-input-wrap[b-my6t3mtsp4] {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
}
.lci-reply-input[b-my6t3mtsp4] {
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    padding: 10px 36px 10px 12px;
    font-size: 0.875rem;
    resize: none;
    outline: none;
    font-family: inherit;
    transition: border-color 0.15s;
}
.lci-reply-input:focus[b-my6t3mtsp4] { border-color: #083169; }
.lci-emoji-btn[b-my6t3mtsp4] {
    position: absolute;
    right: 8px;
    bottom: 8px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.1rem;
    opacity: 0.55;
    padding: 2px;
    line-height: 1;
    z-index: 1;
}
.lci-emoji-btn:hover[b-my6t3mtsp4] { opacity: 1; }
.lci-emoji-panel[b-my6t3mtsp4] {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 8px;
    max-height: 120px;
    overflow-y: auto;
    margin-bottom: 6px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
}
.lci-emoji[b-my6t3mtsp4] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.25rem;
    padding: 4px;
    border-radius: 6px;
    transition: background 0.12s;
    line-height: 1;
}
.lci-emoji:hover[b-my6t3mtsp4] { background: #f1f5f9; }
.lci-reply-btn[b-my6t3mtsp4] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 18px;
    background: #083169;
    color: white;
    border: none;
    border-radius: 10px;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
    flex-shrink: 0;
    align-self: flex-end;
    height: 40px;
    line-height: 1;
}
.lci-reply-btn:hover:not(:disabled)[b-my6t3mtsp4] { background: #0a3d80; }
.lci-reply-btn:disabled[b-my6t3mtsp4] { opacity: 0.5; cursor: not-allowed; }
@media (max-width: 768px) { .lci-sidebar[b-my6t3mtsp4] { width: 240px; } }

/* Dark Mode */
[data-theme="dark"] .lci-page[b-my6t3mtsp4] { background: #111827; }
[data-theme="dark"] .lci-sidebar[b-my6t3mtsp4] { background: #1e293b; border-right-color: #334155; }
[data-theme="dark"] .lci-sidebar-header[b-my6t3mtsp4] { border-bottom-color: #334155; }
[data-theme="dark"] .lci-title[b-my6t3mtsp4] { color: #e2e8f0; }
[data-theme="dark"] .lci-session[b-my6t3mtsp4] { border-bottom-color: #334155; }
[data-theme="dark"] .lci-session:hover[b-my6t3mtsp4] { background: #334155; }
[data-theme="dark"] .lci-session--active[b-my6t3mtsp4] { background: rgba(102,126,234,0.15) !important; }
[data-theme="dark"] .lci-session--unread[b-my6t3mtsp4] { background: rgba(254,252,232,0.05); }
[data-theme="dark"] .lci-session-name[b-my6t3mtsp4] { color: #e2e8f0; }
[data-theme="dark"] .lci-session-preview[b-my6t3mtsp4] { color: #64748b; }
[data-theme="dark"] .lci-chat-header[b-my6t3mtsp4] { background: #1e293b; border-bottom-color: #334155; }
[data-theme="dark"] .lci-chat-name[b-my6t3mtsp4] { color: #e2e8f0; }
[data-theme="dark"] .lci-chat-meta[b-my6t3mtsp4] { color: #64748b; }
[data-theme="dark"] .lci-end-btn:hover[b-my6t3mtsp4] { background: rgba(239,68,68,0.1); }
[data-theme="dark"] .lci-msg--agent .lci-bubble[b-my6t3mtsp4] { background: #1e293b; color: #e2e8f0; border-color: #334155; }
[data-theme="dark"] .lci-msg--visitor .lci-bubble[b-my6t3mtsp4] { background: rgba(102,126,234,0.15); color: #c7d2fe; }
[data-theme="dark"] .lci-reply-bar[b-my6t3mtsp4] { background: #1e293b; border-top-color: #334155; }
[data-theme="dark"] .lci-reply-input[b-my6t3mtsp4] { border-color: #334155; color: #e2e8f0; background: #0f172a; }
[data-theme="dark"] .lci-reply-input:focus[b-my6t3mtsp4] { border-color: #667eea; }
[data-theme="dark"] .lci-emoji-panel[b-my6t3mtsp4] { background: #1e293b; border-color: #334155; box-shadow: 0 4px 16px rgba(0,0,0,0.3); }
[data-theme="dark"] .lci-emoji:hover[b-my6t3mtsp4] { background: #334155; }
/* _content/Listico.Web/Components/Pages/Agent/Marketing.razor.rz.scp.css */
.modal-overlay[b-2h507qnbrr] { position: fixed; inset: 0; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 1000; padding: 1rem; }
.confirm-dialog[b-2h507qnbrr] { background: white; border-radius: 1rem; padding: 1.5rem; max-width: 400px; width: 100%; box-shadow: 0 20px 60px rgba(0,0,0,0.2); }
.confirm-dialog p[b-2h507qnbrr] { font-size: 1rem; color: #1a1a2e; margin: 0 0 1.25rem 0; line-height: 1.5; }
.confirm-actions[b-2h507qnbrr] { display: flex; justify-content: flex-end; gap: 0.75rem; }
.btn-secondary[b-2h507qnbrr] { padding: 0.5rem 1rem; background: white; color: #374151; border: 1px solid #d1d5db; border-radius: 0.5rem; cursor: pointer; font-weight: 500; font-size: 0.9375rem; }
.btn-secondary:hover[b-2h507qnbrr] { border-color: #083169; color: #083169; }

/* thumbnail img overlays placeholder */
.material-thumbnail[b-2h507qnbrr], .template-thumbnail[b-2h507qnbrr] { position: relative; }
.material-thumbnail img[b-2h507qnbrr], .template-thumbnail img[b-2h507qnbrr] { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
.material-status[b-2h507qnbrr], .premium-badge[b-2h507qnbrr] { z-index: 2; }
/* _content/Listico.Web/Components/Pages/Agent/MarketInsights.razor.rz.scp.css */
    /* ===== Page Layout ===== */
    .market-insights-page[b-fvlkm26eim] {
        padding: 1.5rem;
        max-width: 1400px;
        font-family: 'DM Sans', sans-serif;
    }

    .page-header-section[b-fvlkm26eim] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 1.5rem;
        gap: 1rem;
        flex-wrap: wrap;
    }

    .page-title h1[b-fvlkm26eim] {
        font-size: 1.75rem;
        font-weight: 700;
        color: var(--text-dark, #1a1a2e);
        margin: 0 0 0.25rem;
    }

    .page-title p[b-fvlkm26eim] {
        color: var(--text-gray, #6b7280);
        font-size: 0.9rem;
        margin: 0;
    }

    .area-select[b-fvlkm26eim] {
        padding: 0.6rem 1rem;
        border: 1px solid var(--border-color, #e5e7eb);
        border-radius: 0.5rem;
        font-size: 0.875rem;
        font-family: 'DM Sans', sans-serif;
        color: var(--text-dark, #1a1a2e);
        background: white;
        min-width: 200px;
        cursor: pointer;
    }

    .area-select:focus[b-fvlkm26eim] {
        outline: none;
        border-color: var(--primary-blue, #083169);
        box-shadow: 0 0 0 3px rgba(8, 49, 105, 0.1);
    }

    /* ===== Loading & Error ===== */
    .loading-container[b-fvlkm26eim], .error-container[b-fvlkm26eim] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-height: 400px;
        gap: 1rem;
    }

    .loading-spinner[b-fvlkm26eim] {
        width: 48px;
        height: 48px;
        border: 4px solid var(--border-color, #e5e7eb);
        border-top-color: var(--primary-blue, #083169);
        border-radius: 50%;
        animation: spin-b-fvlkm26eim 1s linear infinite;
    }

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

    .error-container p[b-fvlkm26eim] {
        color: var(--text-gray, #6b7280);
        font-size: 1rem;
    }

    .btn-primary[b-fvlkm26eim] {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        background: var(--primary-blue, #083169);
        color: white;
        padding: 0.65rem 1.25rem;
        border: none;
        border-radius: 0.5rem;
        cursor: pointer;
        font-weight: 600;
        font-size: 0.875rem;
        font-family: 'DM Sans', sans-serif;
        transition: background 0.2s, opacity 0.2s;
    }

    .btn-primary:hover[b-fvlkm26eim] {
        background: #062554;
    }

    .btn-primary:disabled[b-fvlkm26eim] {
        opacity: 0.6;
        cursor: not-allowed;
    }

    .btn-spinner[b-fvlkm26eim] {
        width: 16px;
        height: 16px;
        border: 2px solid rgba(255,255,255,0.3);
        border-top-color: white;
        border-radius: 50%;
        animation: spin-b-fvlkm26eim 0.8s linear infinite;
    }

    .no-data[b-fvlkm26eim] {
        text-align: center;
        color: var(--text-gray, #6b7280);
        padding: 2rem;
        font-size: 0.9rem;
    }

    /* ===== Stats Grid ===== */
    .stats-grid[b-fvlkm26eim] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
        margin-bottom: 1.5rem;
    }

    .stat-card[b-fvlkm26eim] {
        background: white;
        border: 1px solid var(--border-color, #e5e7eb);
        border-radius: var(--radius-lg, 1rem);
        padding: 1.25rem;
        display: flex;
        align-items: flex-start;
        gap: 1rem;
        transition: box-shadow 0.2s;
    }

    .stat-card:hover[b-fvlkm26eim] {
        box-shadow: 0 4px 12px rgba(0,0,0,0.06);
    }

    .stat-icon-wrap[b-fvlkm26eim] {
        width: 44px;
        height: 44px;
        border-radius: 0.75rem;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .stat-icon-wrap.blue[b-fvlkm26eim] { background: #eff6ff; color: var(--primary-blue, #083169); }
    .stat-icon-wrap.amber[b-fvlkm26eim] { background: #fffbeb; color: #d97706; }
    .stat-icon-wrap.green[b-fvlkm26eim] { background: #ecfdf5; color: #059669; }
    .stat-icon-wrap.purple[b-fvlkm26eim] { background: #f5f3ff; color: #7c3aed; }

    .stat-body[b-fvlkm26eim] {
        display: flex;
        flex-direction: column;
        gap: 0.15rem;
        min-width: 0;
    }

    .stat-label[b-fvlkm26eim] {
        font-size: 0.8rem;
        color: var(--text-gray, #6b7280);
        font-weight: 500;
    }

    .stat-value[b-fvlkm26eim] {
        font-size: 1.5rem;
        font-weight: 700;
        color: var(--text-dark, #1a1a2e);
        line-height: 1.2;
    }

    .stat-change[b-fvlkm26eim] {
        font-size: 0.78rem;
        font-weight: 500;
    }

    .stat-change.positive[b-fvlkm26eim] { color: #059669; }
    .stat-change.negative[b-fvlkm26eim] { color: #dc2626; }
    .stat-change.neutral[b-fvlkm26eim] { color: var(--text-gray, #6b7280); }

    /* ===== Chart Card ===== */
    .chart-card[b-fvlkm26eim] {
        background: white;
        border: 1px solid var(--border-color, #e5e7eb);
        border-radius: var(--radius-lg, 1rem);
        padding: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .chart-header[b-fvlkm26eim] {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        margin-bottom: 1.25rem;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .chart-header h2[b-fvlkm26eim] {
        font-size: 1.1rem;
        font-weight: 700;
        color: var(--text-dark, #1a1a2e);
        margin: 0;
    }

    .chart-subtitle[b-fvlkm26eim] {
        font-size: 0.8rem;
        color: var(--text-gray, #6b7280);
    }

    /* ===== Bar Chart (Price Trends) ===== */
    .bar-chart[b-fvlkm26eim] {
        display: flex;
        gap: 0.5rem;
        align-items: stretch;
        min-height: 280px;
    }

    .bar-chart-y-axis[b-fvlkm26eim] {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-bottom: 28px;
        min-width: 70px;
        text-align: right;
    }

    .bar-chart-y-axis span[b-fvlkm26eim] {
        font-size: 0.7rem;
        color: var(--text-gray, #6b7280);
        line-height: 1;
    }

    .bar-chart-area[b-fvlkm26eim] {
        flex: 1;
        position: relative;
        display: flex;
        flex-direction: column;
    }

    .bar-chart-grid-lines[b-fvlkm26eim] {
        position: absolute;
        inset: 0;
        bottom: 28px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        pointer-events: none;
    }

    .grid-line[b-fvlkm26eim] {
        border-bottom: 1px dashed var(--border-color, #e5e7eb);
        width: 100%;
    }

    .bar-chart-bars[b-fvlkm26eim] {
        flex: 1;
        display: flex;
        align-items: flex-end;
        gap: 4px;
        padding-bottom: 28px;
        position: relative;
        z-index: 1;
    }

    .bar-column[b-fvlkm26eim] {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        height: 100%;
        position: relative;
    }

    .bar-fill-vertical[b-fvlkm26eim] {
        width: 70%;
        max-width: 48px;
        background: linear-gradient(180deg, var(--primary-blue, #083169) 0%, #2563eb 100%);
        border-radius: 4px 4px 0 0;
        min-height: 2px;
        transition: height 0.6s ease;
    }

    .bar-column:hover .bar-fill-vertical[b-fvlkm26eim] {
        opacity: 0.85;
    }

    .bar-column:hover .bar-tooltip[b-fvlkm26eim] {
        opacity: 1;
        transform: translateX(-50%) translateY(-4px);
    }

    .bar-tooltip[b-fvlkm26eim] {
        position: absolute;
        top: -8px;
        left: 50%;
        transform: translateX(-50%) translateY(0);
        background: var(--text-dark, #1a1a2e);
        color: white;
        padding: 0.25rem 0.5rem;
        border-radius: 4px;
        font-size: 0.7rem;
        font-weight: 600;
        white-space: nowrap;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.2s, transform 0.2s;
        z-index: 10;
    }

    .bar-label[b-fvlkm26eim] {
        font-size: 0.7rem;
        color: var(--text-gray, #6b7280);
        margin-top: 6px;
        text-align: center;
        position: absolute;
        bottom: 0;
    }

    /* ===== Two Column Grid ===== */
    .two-column-grid[b-fvlkm26eim] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
    }

    .two-column-grid .chart-card[b-fvlkm26eim] {
        margin-bottom: 0;
    }

    /* ===== Hot Neighborhoods ===== */
    .neighborhoods-list[b-fvlkm26eim] {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .neighborhood-row[b-fvlkm26eim] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        padding: 0.75rem 0;
        border-bottom: 1px solid var(--border-color, #e5e7eb);
    }

    .neighborhood-row:last-child[b-fvlkm26eim] {
        border-bottom: none;
    }

    .neighborhood-rank[b-fvlkm26eim] {
        width: 28px;
        height: 28px;
        border-radius: 50%;
        background: #f3f4f6;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.8rem;
        font-weight: 700;
        color: var(--text-dark, #1a1a2e);
        flex-shrink: 0;
    }

    .neighborhood-row:nth-child(1) .neighborhood-rank[b-fvlkm26eim] {
        background: #fef3c7;
        color: #92400e;
    }

    .neighborhood-row:nth-child(2) .neighborhood-rank[b-fvlkm26eim] {
        background: #e5e7eb;
        color: #374151;
    }

    .neighborhood-row:nth-child(3) .neighborhood-rank[b-fvlkm26eim] {
        background: #fed7aa;
        color: #9a3412;
    }

    .neighborhood-info[b-fvlkm26eim] {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 0.15rem;
        min-width: 0;
    }

    .neighborhood-name[b-fvlkm26eim] {
        font-size: 0.9rem;
        font-weight: 600;
        color: var(--text-dark, #1a1a2e);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .neighborhood-meta[b-fvlkm26eim] {
        font-size: 0.78rem;
        color: var(--text-gray, #6b7280);
    }

    .neighborhood-trend[b-fvlkm26eim] {
        display: flex;
        align-items: center;
        gap: 0.25rem;
        font-size: 0.85rem;
        font-weight: 600;
        flex-shrink: 0;
        padding: 0.25rem 0.6rem;
        border-radius: 2rem;
    }

    .neighborhood-trend.up[b-fvlkm26eim] {
        color: #059669;
        background: #ecfdf5;
    }

    .neighborhood-trend.down[b-fvlkm26eim] {
        color: #dc2626;
        background: #fef2f2;
    }

    /* ===== Property Type Breakdown ===== */
    .property-type-list[b-fvlkm26eim] {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .property-type-row[b-fvlkm26eim] {
        display: flex;
        flex-direction: column;
        gap: 0.4rem;
    }

    .property-type-header[b-fvlkm26eim] {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .property-type-name[b-fvlkm26eim] {
        font-size: 0.9rem;
        font-weight: 600;
        color: var(--text-dark, #1a1a2e);
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .type-dot[b-fvlkm26eim] {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        flex-shrink: 0;
    }

    .property-type-stats[b-fvlkm26eim] {
        font-size: 0.8rem;
        color: var(--text-gray, #6b7280);
    }

    .property-type-bar[b-fvlkm26eim] {
        height: 10px;
        background: #f3f4f6;
        border-radius: 5px;
        overflow: hidden;
    }

    .property-type-bar-fill[b-fvlkm26eim] {
        height: 100%;
        border-radius: 5px;
        transition: width 0.8s ease;
    }

    /* ===== CMA Section ===== */
    .cma-section[b-fvlkm26eim] {
        margin-top: 1.5rem;
    }

    .cma-form[b-fvlkm26eim] {
        margin-bottom: 1rem;
    }

    .cma-input-group[b-fvlkm26eim] {
        display: flex;
        gap: 0.75rem;
    }

    .cma-input[b-fvlkm26eim] {
        flex: 1;
        padding: 0.65rem 1rem;
        border: 1px solid var(--border-color, #e5e7eb);
        border-radius: 0.5rem;
        font-size: 0.9rem;
        font-family: 'DM Sans', sans-serif;
        color: var(--text-dark, #1a1a2e);
        transition: border-color 0.2s, box-shadow 0.2s;
    }

    .cma-input:focus[b-fvlkm26eim] {
        outline: none;
        border-color: var(--primary-blue, #083169);
        box-shadow: 0 0 0 3px rgba(8, 49, 105, 0.1);
    }

    .cma-input[b-fvlkm26eim]::placeholder {
        color: #9ca3af;
    }

    .cma-error[b-fvlkm26eim] {
        background: #fef2f2;
        color: #dc2626;
        padding: 0.75rem 1rem;
        border-radius: 0.5rem;
        font-size: 0.85rem;
        margin-bottom: 1rem;
    }

    .cma-results[b-fvlkm26eim] {
        border-top: 1px solid var(--border-color, #e5e7eb);
        padding-top: 1.25rem;
    }

    .cma-subject[b-fvlkm26eim] {
        background: #f8fafc;
        border: 1px solid var(--border-color, #e5e7eb);
        border-radius: 0.75rem;
        padding: 1rem 1.25rem;
        margin-bottom: 1.25rem;
    }

    .cma-subject h3[b-fvlkm26eim] {
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--text-gray, #6b7280);
        margin: 0 0 0.5rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

    .cma-subject-details[b-fvlkm26eim] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .cma-address[b-fvlkm26eim] {
        font-size: 1rem;
        font-weight: 600;
        color: var(--text-dark, #1a1a2e);
    }

    .cma-est-value[b-fvlkm26eim] {
        font-size: 0.9rem;
        color: var(--text-gray, #6b7280);
    }

    .cma-est-value strong[b-fvlkm26eim] {
        color: var(--primary-blue, #083169);
        font-size: 1.1rem;
    }

    .cma-summary-stats[b-fvlkm26eim] {
        display: flex;
        gap: 1.5rem;
        margin-top: 0.75rem;
        padding-top: 0.75rem;
        border-top: 1px solid var(--border-color, #e5e7eb);
    }

    .cma-stat[b-fvlkm26eim] {
        font-size: 0.8rem;
        color: var(--text-gray, #6b7280);
        font-weight: 500;
    }

    .cma-comps-header[b-fvlkm26eim] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1rem;
    }

    .cma-comps-header h3[b-fvlkm26eim] {
        font-size: 1rem;
        font-weight: 700;
        color: var(--text-dark, #1a1a2e);
        margin: 0;
    }

    .cma-count[b-fvlkm26eim] {
        font-size: 0.8rem;
        color: var(--text-gray, #6b7280);
    }

    .cma-comps-grid[b-fvlkm26eim] {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
        gap: 1rem;
    }

    .comp-card[b-fvlkm26eim] {
        border: 1px solid var(--border-color, #e5e7eb);
        border-radius: 0.75rem;
        padding: 1rem;
        transition: box-shadow 0.2s, border-color 0.2s;
    }

    .comp-card:hover[b-fvlkm26eim] {
        box-shadow: 0 4px 12px rgba(0,0,0,0.06);
        border-color: #cbd5e1;
    }

    .comp-price[b-fvlkm26eim] {
        font-size: 1.25rem;
        font-weight: 700;
        color: var(--primary-blue, #083169);
        margin-bottom: 0.25rem;
    }

    .comp-address[b-fvlkm26eim] {
        font-size: 0.85rem;
        color: var(--text-dark, #1a1a2e);
        font-weight: 500;
        margin-bottom: 0.75rem;
        line-height: 1.3;
    }

    .comp-details[b-fvlkm26eim] {
        display: flex;
        gap: 1rem;
        margin-bottom: 0.75rem;
    }

    .comp-detail[b-fvlkm26eim] {
        display: flex;
        align-items: center;
        gap: 0.3rem;
        font-size: 0.8rem;
        color: var(--text-gray, #6b7280);
    }

    .comp-footer[b-fvlkm26eim] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 0.65rem;
        border-top: 1px solid var(--border-color, #e5e7eb);
    }

    .comp-ppsf[b-fvlkm26eim] {
        font-size: 0.8rem;
        font-weight: 600;
        color: var(--text-dark, #1a1a2e);
    }

    .comp-sold-date[b-fvlkm26eim] {
        font-size: 0.75rem;
        color: var(--text-gray, #6b7280);
    }
    .comp-sold-date.status-sold[b-fvlkm26eim] { color: #059669; font-weight: 600; }
    .comp-sold-date.status-active[b-fvlkm26eim] { color: #2563eb; font-weight: 600; }
    .comp-sold-date.status-pending[b-fvlkm26eim] { color: #d97706; font-weight: 600; }
    .comp-sold-date.status-undercontract[b-fvlkm26eim] { color: #7c3aed; font-weight: 600; }

    .cma-no-results[b-fvlkm26eim] {
        text-align: center;
        padding: 2rem;
        color: var(--text-gray, #6b7280);
        font-size: 0.9rem;
        border-top: 1px solid var(--border-color, #e5e7eb);
        margin-top: 1rem;
    }

    .cma-map-container[b-fvlkm26eim] { margin-top: 1.5rem; }
    .cma-map-container h3[b-fvlkm26eim] { font-size: 1rem; font-weight: 600; margin-bottom: 0.75rem; color: var(--text-dark, #111827); }
    .cma-map[b-fvlkm26eim] { width: 100%; height: 400px; border-radius: 12px; border: 1px solid var(--border-color, #e5e7eb); }

    /* ===== Responsive ===== */
    @media (max-width: 1024px) {
        .stats-grid[b-fvlkm26eim] {
            grid-template-columns: repeat(2, 1fr);
        }

        .two-column-grid[b-fvlkm26eim] {
            grid-template-columns: 1fr;
        }

        .cma-comps-grid[b-fvlkm26eim] {
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        }
    }

    @media (max-width: 640px) {
        .market-insights-page[b-fvlkm26eim] {
            padding: 1rem;
        }

        .page-header-section[b-fvlkm26eim] {
            flex-direction: column;
        }

        .area-select[b-fvlkm26eim] {
            width: 100%;
        }

        .stats-grid[b-fvlkm26eim] {
            grid-template-columns: 1fr;
        }

        .stat-value[b-fvlkm26eim] {
            font-size: 1.25rem;
        }

        .bar-chart-y-axis[b-fvlkm26eim] {
            min-width: 55px;
        }

        .bar-chart-y-axis span[b-fvlkm26eim] {
            font-size: 0.6rem;
        }

        .cma-input-group[b-fvlkm26eim] {
            flex-direction: column;
        }

        .cma-subject-details[b-fvlkm26eim] {
            flex-direction: column;
            align-items: flex-start;
        }

        .cma-comps-grid[b-fvlkm26eim] {
            grid-template-columns: 1fr;
        }
    }
/* _content/Listico.Web/Components/Pages/Agent/MlsImport.razor.rz.scp.css */
/* Toast */
.toast-notification[b-4axzqjwe00] { position: fixed; bottom: 2rem; right: 2rem; display: flex; align-items: center; gap: 0.75rem; padding: 1rem 1.5rem; border-radius: 0.75rem; font-size: 0.9375rem; font-weight: 500; z-index: 2000; animation: toast-slide-in-b-4axzqjwe00 0.3s ease-out; box-shadow: 0 4px 20px rgba(0,0,0,0.15); max-width: 420px; }
.toast-notification.success[b-4axzqjwe00] { background: #059669; color: white; }
.toast-notification.error[b-4axzqjwe00] { background: #dc2626; color: white; }
.toast-notification.info[b-4axzqjwe00] { background: #2563eb; color: white; }
.toast-notification.warning[b-4axzqjwe00] { background: #d97706; color: white; }
@keyframes toast-slide-in-b-4axzqjwe00 { from { transform: translateY(1rem); opacity: 0; } to { transform: translateY(0); opacity: 1; } }

/* Page container */
.mls-import-page[b-4axzqjwe00] { padding: 0; }

/* Tabs */
.mls-tabs[b-4axzqjwe00] {
    display: flex;
    gap: 0;
    border-bottom: 2px solid #e5e7eb;
    margin-bottom: 1.5rem;
}

.mls-tab[b-4axzqjwe00] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.875rem 1.25rem;
    border: none;
    background: none;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #6b7280;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.mls-tab:hover[b-4axzqjwe00] {
    color: #1a1a2e;
    background: #f9fafb;
}

.mls-tab.active[b-4axzqjwe00] {
    color: #D4A03C;
    border-bottom-color: #D4A03C;
}

.mls-tab.active svg[b-4axzqjwe00] {
    stroke: #D4A03C;
}

/* Card container */
.mls-card[b-4axzqjwe00] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 1.75rem;
}

.card-title[b-4axzqjwe00] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 0.25rem;
}

.card-subtitle[b-4axzqjwe00] {
    font-size: 0.9375rem;
    color: #6b7280;
    margin: 0 0 1.5rem;
}

/* Search Form */
.search-form[b-4axzqjwe00] { margin-bottom: 1.5rem; }

.search-form-grid[b-4axzqjwe00] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.mls-import-page .form-group[b-4axzqjwe00] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.mls-import-page .form-group label[b-4axzqjwe00] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1a1a2e;
}

.mls-import-page .form-group input[b-4axzqjwe00],
.mls-import-page .form-group select[b-4axzqjwe00] {
    padding: 0.625rem 0.875rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    font-size: 0.9375rem;
    font-family: inherit;
    color: #1a1a2e;
    background: white;
    transition: border-color 0.2s;
}

.mls-import-page .form-group input:hover[b-4axzqjwe00],
.mls-import-page .form-group select:hover[b-4axzqjwe00] {
    border-color: #d1d5db;
}

.mls-import-page .form-group input:focus[b-4axzqjwe00],
.mls-import-page .form-group select:focus[b-4axzqjwe00] {
    outline: none;
    border-color: #234B6E;
    box-shadow: 0 0 0 3px rgba(35,75,110,0.1);
}

.mls-import-page .form-group input:disabled[b-4axzqjwe00] {
    background: #f3f4f6;
    color: #9ca3af;
    cursor: not-allowed;
}

.form-hint[b-4axzqjwe00] {
    font-size: 0.8125rem;
    color: #9ca3af;
}

/* Import form grid */
.import-form-grid[b-4axzqjwe00] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 1.25rem;
}

/* Search / Form Actions */
.search-actions[b-4axzqjwe00],
.mls-import-page .form-actions[b-4axzqjwe00] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.mls-import-page .btn-primary[b-4axzqjwe00] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.7rem 1.5rem;
    background: #234B6E;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 0.9375rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.mls-import-page .btn-primary:hover[b-4axzqjwe00] {
    background: #1a3a56;
}

.mls-import-page .btn-primary:disabled[b-4axzqjwe00] {
    opacity: 0.5;
    cursor: not-allowed;
}

.mls-import-page .btn-secondary[b-4axzqjwe00] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.7rem 1.25rem;
    background: white;
    color: #374151;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 0.9375rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
}

.mls-import-page .btn-secondary:hover[b-4axzqjwe00] {
    border-color: #234B6E;
    color: #234B6E;
}

/* Results section */
.results-section[b-4axzqjwe00] {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e5e7eb;
}

.results-title[b-4axzqjwe00] {
    font-size: 1rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0 0 1rem;
}

/* Table */
.table-container[b-4axzqjwe00] {
    overflow-x: auto;
}

.mls-table[b-4axzqjwe00] {
    width: 100%;
    border-collapse: collapse;
}

.mls-table th[b-4axzqjwe00] {
    text-align: left;
    padding: 0.75rem 1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
}

.mls-table td[b-4axzqjwe00] {
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
    color: #374151;
    border-bottom: 1px solid #f3f4f6;
}

.mls-table tbody tr:hover[b-4axzqjwe00] {
    background: #f9fafb;
}

.mls-table .mls-number[b-4axzqjwe00] {
    font-weight: 600;
    color: #234B6E;
    font-family: monospace;
    font-size: 0.875rem;
}

.mls-table .price[b-4axzqjwe00] {
    font-weight: 600;
    color: #D4A03C;
}

.mls-table .actions-cell[b-4axzqjwe00] {
    display: flex;
    gap: 0.375rem;
}

/* Status badges (reuse agent pattern) */
.mls-import-page .status-badge[b-4axzqjwe00] {
    display: inline-block;
    padding: 0.2rem 0.625rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: capitalize;
}

.mls-import-page .status-badge.active[b-4axzqjwe00] { background: #ecfdf5; color: #059669; }
.mls-import-page .status-badge.pending[b-4axzqjwe00] { background: #fef3c7; color: #d97706; }
.mls-import-page .status-badge.sold[b-4axzqjwe00] { background: #ede9fe; color: #7c3aed; }
.mls-import-page .status-badge.draft[b-4axzqjwe00] { background: #f3f4f6; color: #6b7280; }
.mls-import-page .status-badge.expired[b-4axzqjwe00] { background: #fee2e2; color: #dc2626; }
.mls-import-page .status-badge.closed[b-4axzqjwe00] { background: #f3f4f6; color: #6b7280; }

/* Table action buttons */
.btn-table-import[b-4axzqjwe00] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    background: #234B6E;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-table-import:hover[b-4axzqjwe00] { background: #1a3a56; }

.btn-table-action[b-4axzqjwe00] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    cursor: pointer;
    color: #6b7280;
    transition: all 0.15s;
}

.btn-table-action:hover[b-4axzqjwe00] {
    background: #f9fafb;
    border-color: #d1d5db;
    color: #374151;
}

/* Empty state */
.mls-import-page .empty-state[b-4axzqjwe00] {
    text-align: center;
    padding: 3rem 1rem;
    color: #9ca3af;
}

.mls-import-page .empty-state svg[b-4axzqjwe00] {
    margin-bottom: 1rem;
    color: #d1d5db;
}

.mls-import-page .empty-state h3[b-4axzqjwe00] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #6b7280;
    margin: 0 0 0.25rem;
}

.mls-import-page .empty-state p[b-4axzqjwe00] {
    font-size: 0.9375rem;
    margin: 0;
}

.loading-state[b-4axzqjwe00] {
    padding: 3rem 1rem;
    text-align: center;
    color: #6b7280;
    font-size: 0.9375rem;
}

/* Bulk info box */
.bulk-info-box[b-4axzqjwe00] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    margin-bottom: 1.25rem;
}

.bulk-info-box svg[b-4axzqjwe00] {
    flex-shrink: 0;
    color: #2563eb;
    margin-top: 1px;
}

.bulk-info-box p[b-4axzqjwe00] {
    font-size: 0.9375rem;
    color: #1e40af;
    margin: 0;
    line-height: 1.5;
}

/* Bulk result */
.bulk-result[b-4axzqjwe00] {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e5e7eb;
}

.bulk-result h3[b-4axzqjwe00] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0 0 1rem;
}

.result-stats[b-4axzqjwe00] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

.result-stat[b-4axzqjwe00] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    border-radius: 10px;
}

.result-stat.success[b-4axzqjwe00] { background: #ecfdf5; }
.result-stat.info[b-4axzqjwe00] { background: #eff6ff; }
.result-stat.error[b-4axzqjwe00] { background: #fee2e2; }

.result-count[b-4axzqjwe00] {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0.25rem;
}

.result-stat.success .result-count[b-4axzqjwe00] { color: #059669; }
.result-stat.info .result-count[b-4axzqjwe00] { color: #2563eb; }
.result-stat.error .result-count[b-4axzqjwe00] { color: #dc2626; }

.result-label[b-4axzqjwe00] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #6b7280;
}

.error-list[b-4axzqjwe00] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    padding: 1rem 1.25rem;
}

.error-list h4[b-4axzqjwe00] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #dc2626;
    margin: 0 0 0.5rem;
}

.error-list ul[b-4axzqjwe00] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.error-list li[b-4axzqjwe00] {
    padding: 0.375rem 0;
    font-size: 0.875rem;
    color: #7f1d1d;
    border-bottom: 1px solid #fecaca;
}

.error-list li:last-child[b-4axzqjwe00] { border-bottom: none; }

/* Responsive */
@media (max-width: 768px) {
    .mls-tabs[b-4axzqjwe00] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .search-form-grid[b-4axzqjwe00],
    .import-form-grid[b-4axzqjwe00] {
        grid-template-columns: 1fr;
    }

    .result-stats[b-4axzqjwe00] {
        flex-direction: column;
    }

    .mls-table th:nth-child(5)[b-4axzqjwe00],
    .mls-table td:nth-child(5)[b-4axzqjwe00],
    .mls-table th:nth-child(6)[b-4axzqjwe00],
    .mls-table td:nth-child(6)[b-4axzqjwe00] {
        display: none;
    }
}

@media (max-width: 480px) {
    .mls-card[b-4axzqjwe00] { padding: 1rem; }
    .mls-tab[b-4axzqjwe00] { padding: 0.75rem 0.875rem; font-size: 0.8125rem; }
}

/* Dark mode */
[data-theme="dark"] .mls-tabs[b-4axzqjwe00] { border-color: #334155; }
[data-theme="dark"] .mls-tab[b-4axzqjwe00] { color: #94a3b8; }
[data-theme="dark"] .mls-tab:hover[b-4axzqjwe00] { color: #e2e8f0; background: #1e293b; }
[data-theme="dark"] .mls-card[b-4axzqjwe00] { background: #1e293b; border-color: #334155; }
[data-theme="dark"] .card-title[b-4axzqjwe00] { color: #e2e8f0; }
[data-theme="dark"] .card-subtitle[b-4axzqjwe00] { color: #94a3b8; }
[data-theme="dark"] .mls-import-page .form-group label[b-4axzqjwe00] { color: #e2e8f0; }
[data-theme="dark"] .mls-import-page .form-group input[b-4axzqjwe00],
[data-theme="dark"] .mls-import-page .form-group select[b-4axzqjwe00] { background: #0f172a; color: #e2e8f0; border-color: #334155; }
[data-theme="dark"] .mls-import-page .form-group input:disabled[b-4axzqjwe00] { background: #334155; color: #64748b; }
[data-theme="dark"] .mls-import-page .btn-secondary[b-4axzqjwe00] { background: #0f172a; color: #e2e8f0; border-color: #334155; }
[data-theme="dark"] .mls-import-page .btn-secondary:hover[b-4axzqjwe00] { border-color: #667eea; color: #667eea; }
[data-theme="dark"] .results-title[b-4axzqjwe00] { color: #e2e8f0; }
[data-theme="dark"] .results-section[b-4axzqjwe00] { border-color: #334155; }
[data-theme="dark"] .mls-table th[b-4axzqjwe00] { background: #0f172a; color: #94a3b8; border-color: #334155; }
[data-theme="dark"] .mls-table td[b-4axzqjwe00] { color: #e2e8f0; border-color: #334155; }
[data-theme="dark"] .mls-table tbody tr:hover[b-4axzqjwe00] { background: #334155; }
[data-theme="dark"] .btn-table-action[b-4axzqjwe00] { background: #0f172a; border-color: #334155; color: #94a3b8; }
[data-theme="dark"] .btn-table-action:hover[b-4axzqjwe00] { background: #334155; color: #e2e8f0; }
[data-theme="dark"] .bulk-info-box[b-4axzqjwe00] { background: rgba(37,99,235,0.1); border-color: #1e40af; }
[data-theme="dark"] .bulk-info-box p[b-4axzqjwe00] { color: #93c5fd; }
[data-theme="dark"] .bulk-result h3[b-4axzqjwe00] { color: #e2e8f0; }
[data-theme="dark"] .bulk-result[b-4axzqjwe00] { border-color: #334155; }
[data-theme="dark"] .result-stat.success[b-4axzqjwe00] { background: rgba(5,150,105,0.1); }
[data-theme="dark"] .result-stat.info[b-4axzqjwe00] { background: rgba(37,99,235,0.1); }
[data-theme="dark"] .result-stat.error[b-4axzqjwe00] { background: rgba(220,38,38,0.1); }
[data-theme="dark"] .error-list[b-4axzqjwe00] { background: rgba(220,38,38,0.08); border-color: #7f1d1d; }
[data-theme="dark"] .error-list li[b-4axzqjwe00] { color: #fca5a5; border-color: #7f1d1d; }
[data-theme="dark"] .mls-import-page .empty-state h3[b-4axzqjwe00] { color: #94a3b8; }
/* _content/Listico.Web/Components/Pages/Agent/OpenHouses.razor.rz.scp.css */
    /* Stats Bar */
    .openhouses-stats[b-px61djy6l8] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
        margin-bottom: 1.5rem;
    }

    .openhouses-stat-box[b-px61djy6l8] {
        background: white;
        border: 1px solid var(--border-color);
        border-radius: var(--radius-lg);
        padding: 1.25rem;
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .openhouses-stat-icon[b-px61djy6l8] {
        width: 48px;
        height: 48px;
        border-radius: var(--radius-md);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .openhouses-stat-icon.upcoming[b-px61djy6l8] {
        background: rgba(8, 49, 105, 0.1);
        color: var(--primary-blue);
    }

    .openhouses-stat-icon.active[b-px61djy6l8] {
        background: rgba(5, 150, 105, 0.1);
        color: #059669;
    }

    .openhouses-stat-icon.total[b-px61djy6l8] {
        background: rgba(124, 58, 237, 0.1);
        color: #7c3aed;
    }

    .openhouses-stat-info[b-px61djy6l8] {
        display: flex;
        flex-direction: column;
    }

    .openhouses-stat-number[b-px61djy6l8] {
        font-size: 1.75rem;
        font-weight: 700;
        color: var(--text-dark);
        line-height: 1;
    }

    .openhouses-stat-label[b-px61djy6l8] {
        font-size: 0.875rem;
        color: var(--text-gray);
        margin-top: 0.25rem;
    }

    /* Filters */
    .openhouses-filters[b-px61djy6l8] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        margin-bottom: 1.5rem;
        flex-wrap: wrap;
    }

    .openhouses-filter-group[b-px61djy6l8] {
        display: flex;
        gap: 0.75rem;
        align-items: center;
        flex-wrap: wrap;
    }

    .openhouses-filter-group select[b-px61djy6l8] {
        padding: 0.625rem 1rem;
        border: 1px solid var(--border-color);
        border-radius: var(--radius-md);
        background: white;
        font-size: 0.875rem;
        min-width: 140px;
    }

    .openhouses-date-range[b-px61djy6l8] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .openhouses-date-range input[type="date"][b-px61djy6l8] {
        padding: 0.5625rem 0.75rem;
        border: 1px solid var(--border-color);
        border-radius: var(--radius-md);
        background: white;
        font-size: 0.875rem;
    }

    .openhouses-date-separator[b-px61djy6l8] {
        font-size: 0.875rem;
        color: var(--text-gray);
    }

    .openhouses-clear-filters[b-px61djy6l8] {
        padding: 0.5rem 1rem;
        border: none;
        background: none;
        color: var(--primary-blue);
        font-size: 0.875rem;
        font-weight: 500;
        cursor: pointer;
        text-decoration: underline;
    }

    /* Cards Grid */
    .openhouses-grid[b-px61djy6l8] {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
        gap: 1.25rem;
        margin-bottom: 1.5rem;
    }

    .openhouses-card[b-px61djy6l8] {
        background: white;
        border: 1px solid var(--border-color);
        border-radius: var(--radius-lg);
        padding: 1.5rem;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        transition: box-shadow 0.2s;
    }

    .openhouses-card:hover[b-px61djy6l8] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    }

    .openhouses-card-header[b-px61djy6l8] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .openhouses-card-title-row[b-px61djy6l8] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .openhouses-card-title-row h3[b-px61djy6l8] {
        font-size: 1.125rem;
        font-weight: 600;
        color: var(--text-dark);
        margin: 0;
        line-height: 1.3;
    }

    /* Status Badges */
    .openhouses-status-badge[b-px61djy6l8] {
        display: inline-flex;
        align-items: center;
        padding: 0.25rem 0.75rem;
        border-radius: 20px;
        font-size: 0.75rem;
        font-weight: 600;
        white-space: nowrap;
        flex-shrink: 0;
    }

    .openhouses-status-badge.scheduled[b-px61djy6l8] {
        background: rgba(8, 49, 105, 0.1);
        color: var(--primary-blue);
    }

    .openhouses-status-badge.active[b-px61djy6l8] {
        background: rgba(5, 150, 105, 0.1);
        color: #059669;
    }

    .openhouses-status-badge.completed[b-px61djy6l8] {
        background: rgba(107, 114, 128, 0.1);
        color: #6b7280;
    }

    .openhouses-status-badge.cancelled[b-px61djy6l8] {
        background: rgba(220, 38, 38, 0.1);
        color: #dc2626;
    }

    /* Virtual Badge */
    .openhouses-virtual-badge[b-px61djy6l8] {
        display: inline-flex;
        align-items: center;
        gap: 0.375rem;
        padding: 0.25rem 0.625rem;
        background: rgba(99, 102, 241, 0.1);
        color: #6366f1;
        border-radius: 20px;
        font-size: 0.75rem;
        font-weight: 500;
    }

    /* Property Info */
    .openhouses-card-property[b-px61djy6l8] {
        display: flex;
        align-items: flex-start;
        gap: 0.625rem;
        padding: 0.75rem;
        background: var(--bg-light);
        border-radius: var(--radius-md);
    }

    .openhouses-card-property svg[b-px61djy6l8] {
        color: var(--text-gray);
        flex-shrink: 0;
        margin-top: 0.125rem;
    }

    .openhouses-card-property > div[b-px61djy6l8] {
        display: flex;
        flex-direction: column;
        gap: 0.125rem;
    }

    .openhouses-property-title[b-px61djy6l8] {
        font-weight: 600;
        font-size: 0.9375rem;
        color: var(--text-dark);
    }

    .openhouses-property-address[b-px61djy6l8] {
        font-size: 0.8125rem;
        color: var(--text-gray);
    }

    /* Date Time */
    .openhouses-card-datetime[b-px61djy6l8] {
        display: flex;
        flex-direction: column;
        gap: 0.375rem;
    }

    .openhouses-datetime-row[b-px61djy6l8] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-size: 0.875rem;
        color: var(--text-gray);
    }

    .openhouses-datetime-row svg[b-px61djy6l8] {
        color: var(--text-gray);
        flex-shrink: 0;
    }

    /* Metrics */
    .openhouses-card-metrics[b-px61djy6l8] {
        display: flex;
        gap: 1rem;
        flex-wrap: wrap;
    }

    .openhouses-metric[b-px61djy6l8] {
        display: flex;
        align-items: center;
        gap: 0.375rem;
        font-size: 0.8125rem;
        color: var(--text-gray);
    }

    .openhouses-metric svg[b-px61djy6l8] {
        color: var(--text-gray);
        flex-shrink: 0;
    }

    /* Refreshments Badge */
    .openhouses-refreshments-badge[b-px61djy6l8] {
        display: inline-flex;
        align-items: center;
        gap: 0.375rem;
        padding: 0.25rem 0.625rem;
        background: rgba(212, 168, 83, 0.1);
        color: var(--primary-gold);
        border-radius: 20px;
        font-size: 0.75rem;
        font-weight: 500;
        width: fit-content;
    }

    /* Card Actions */
    .openhouses-card-actions[b-px61djy6l8] {
        display: flex;
        gap: 0.5rem;
        flex-wrap: wrap;
        padding-top: 0.75rem;
        border-top: 1px solid var(--border-color);
        margin-top: auto;
    }

    .openhouses-btn-action[b-px61djy6l8] {
        display: inline-flex;
        align-items: center;
        gap: 0.375rem;
        padding: 0.5rem 0.875rem;
        background: var(--bg-light);
        border: 1px solid var(--border-color);
        border-radius: var(--radius-md);
        font-size: 0.8125rem;
        font-weight: 500;
        color: var(--text-dark);
        cursor: pointer;
        transition: all 0.2s;
    }

    .openhouses-btn-action:hover[b-px61djy6l8] {
        border-color: var(--primary-blue);
        color: var(--primary-blue);
        background: rgba(8, 49, 105, 0.04);
    }

    .openhouses-btn-action.danger[b-px61djy6l8] {
        color: #dc2626;
    }

    .openhouses-btn-action.danger:hover[b-px61djy6l8] {
        border-color: #dc2626;
        background: rgba(220, 38, 38, 0.04);
    }

    /* Loading State */
    .openhouses-page-loading[b-px61djy6l8] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 4rem 2rem;
        color: var(--text-gray);
    }

    .openhouses-page-spinner[b-px61djy6l8] {
        width: 40px;
        height: 40px;
        border: 3px solid var(--border-color);
        border-top-color: var(--primary-blue);
        border-radius: 50%;
        animation: openhouses-spin-b-px61djy6l8 1s linear infinite;
        margin-bottom: 1rem;
    }

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

    /* Modals */
    .openhouses-modal-overlay[b-px61djy6l8] {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.5);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1000;
        padding: 1rem;
    }

    .openhouses-modal[b-px61djy6l8] {
        background: white;
        border-radius: var(--radius-lg);
        width: 100%;
        max-width: 500px;
        max-height: 90vh;
        overflow: auto;
    }

    .openhouses-modal-lg[b-px61djy6l8] {
        max-width: 640px;
    }

    .openhouses-modal-sm[b-px61djy6l8] {
        max-width: 440px;
    }

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

    .openhouses-modal-header h2[b-px61djy6l8] {
        font-size: 1.25rem;
        margin: 0;
        font-weight: 600;
    }

    .openhouses-close-btn[b-px61djy6l8] {
        width: 36px;
        height: 36px;
        border-radius: var(--radius-md);
        border: none;
        background: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .openhouses-close-btn:hover[b-px61djy6l8] {
        background: var(--bg-light);
    }

    .openhouses-close-btn svg[b-px61djy6l8] {
        width: 20px;
        height: 20px;
    }

    .openhouses-modal-body[b-px61djy6l8] {
        padding: 1.5rem;
    }

    .openhouses-modal-footer[b-px61djy6l8] {
        display: flex;
        justify-content: flex-end;
        gap: 0.75rem;
        padding: 1rem 1.5rem;
        border-top: 1px solid var(--border-color);
    }

    /* Form Elements */
    .openhouses-form-group[b-px61djy6l8] {
        margin-bottom: 1rem;
    }

    .openhouses-form-group label[b-px61djy6l8] {
        display: block;
        font-size: 0.875rem;
        font-weight: 500;
        color: var(--text-dark);
        margin-bottom: 0.375rem;
    }

    .openhouses-form-group input[type="text"][b-px61djy6l8],
    .openhouses-form-group input[type="url"][b-px61djy6l8],
    .openhouses-form-group input[type="number"][b-px61djy6l8],
    .openhouses-form-group input[type="datetime-local"][b-px61djy6l8],
    .openhouses-form-group select[b-px61djy6l8],
    .openhouses-form-group textarea[b-px61djy6l8] {
        width: 100%;
        padding: 0.625rem 0.875rem;
        border: 1px solid var(--border-color);
        border-radius: var(--radius-md);
        font-size: 0.9375rem;
        font-family: inherit;
        transition: border-color 0.2s;
        box-sizing: border-box;
    }

    .openhouses-form-group input:focus[b-px61djy6l8],
    .openhouses-form-group select:focus[b-px61djy6l8],
    .openhouses-form-group textarea:focus[b-px61djy6l8] {
        outline: none;
        border-color: var(--primary-blue);
    }

    .openhouses-form-group textarea[b-px61djy6l8] {
        resize: vertical;
    }

    .openhouses-form-row[b-px61djy6l8] {
        display: flex;
        gap: 1rem;
        flex-wrap: wrap;
    }

    .openhouses-form-row .openhouses-form-group[b-px61djy6l8] {
        flex: 1;
        min-width: 160px;
    }

    .openhouses-checkbox-label[b-px61djy6l8] {
        display: inline-flex !important;
        align-items: center;
        gap: 0.5rem;
        cursor: pointer;
        font-weight: 400 !important;
    }

    .openhouses-checkbox-label input[type="checkbox"][b-px61djy6l8] {
        width: auto !important;
        margin: 0;
    }

    .openhouses-form-error[b-px61djy6l8] {
        padding: 0.75rem 1rem;
        background: rgba(220, 38, 38, 0.1);
        color: #dc2626;
        border-radius: var(--radius-md);
        font-size: 0.875rem;
        margin-top: 0.5rem;
    }

    /* Modal Buttons */
    .openhouses-btn-primary[b-px61djy6l8],
    .openhouses-btn-secondary[b-px61djy6l8],
    .openhouses-btn-danger[b-px61djy6l8] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        padding: 0.625rem 1.25rem;
        border-radius: var(--radius-md);
        font-size: 0.9375rem;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        border: none;
    }

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

    .openhouses-btn-primary:hover:not(:disabled)[b-px61djy6l8] {
        background: var(--primary-400);
    }

    .openhouses-btn-secondary[b-px61djy6l8] {
        background: white;
        color: var(--text-dark);
        border: 1px solid var(--border-color);
    }

    .openhouses-btn-secondary:hover[b-px61djy6l8] {
        border-color: var(--primary-blue);
        color: var(--primary-blue);
    }

    .openhouses-btn-danger[b-px61djy6l8] {
        background: #dc2626;
        color: white;
    }

    .openhouses-btn-danger:hover:not(:disabled)[b-px61djy6l8] {
        background: #b91c1c;
    }

    .openhouses-btn-primary:disabled[b-px61djy6l8],
    .openhouses-btn-danger:disabled[b-px61djy6l8] {
        opacity: 0.6;
        cursor: not-allowed;
    }

    .openhouses-spinner-small[b-px61djy6l8] {
        display: inline-block;
        width: 16px;
        height: 16px;
        border: 2px solid currentColor;
        border-right-color: transparent;
        border-radius: 50%;
        animation: openhouses-spin-b-px61djy6l8 0.75s linear infinite;
    }

    /* Cancel Warning */
    .openhouses-cancel-warning[b-px61djy6l8] {
        text-align: center;
        padding: 1.5rem 0;
    }

    .openhouses-cancel-warning svg[b-px61djy6l8] {
        color: #f59e0b;
        margin-bottom: 0.75rem;
    }

    .openhouses-cancel-warning h3[b-px61djy6l8] {
        font-size: 1.125rem;
        margin-bottom: 0.5rem;
    }

    .openhouses-cancel-warning p[b-px61djy6l8] {
        font-size: 0.875rem;
        color: var(--text-gray);
        line-height: 1.5;
    }

    /* Registrations Table */
    .openhouses-registrations-table[b-px61djy6l8] {
        overflow-x: auto;
    }

    .openhouses-registrations-table table[b-px61djy6l8] {
        width: 100%;
        border-collapse: collapse;
    }

    .openhouses-registrations-table th[b-px61djy6l8],
    .openhouses-registrations-table td[b-px61djy6l8] {
        padding: 0.75rem 1rem;
        text-align: left;
        border-bottom: 1px solid var(--border-color);
        font-size: 0.875rem;
    }

    .openhouses-registrations-table th[b-px61djy6l8] {
        background: var(--bg-light);
        font-weight: 600;
        font-size: 0.75rem;
        text-transform: uppercase;
        color: var(--text-gray);
    }

    .openhouses-registrations-table tbody tr:hover[b-px61djy6l8] {
        background: var(--bg-light);
    }

    .openhouses-attended-badge[b-px61djy6l8] {
        display: inline-block;
        padding: 0.125rem 0.5rem;
        border-radius: 10px;
        font-size: 0.75rem;
        font-weight: 600;
    }

    .openhouses-attended-badge.yes[b-px61djy6l8] {
        background: rgba(5, 150, 105, 0.1);
        color: #059669;
    }

    .openhouses-attended-badge.no[b-px61djy6l8] {
        background: rgba(107, 114, 128, 0.1);
        color: #6b7280;
    }

    .openhouses-no-registrations[b-px61djy6l8] {
        text-align: center;
        padding: 2rem;
        color: var(--text-gray);
    }

    .openhouses-no-registrations svg[b-px61djy6l8] {
        margin-bottom: 0.75rem;
        color: var(--text-light);
    }

    /* Toast Messages */
    .openhouses-error-toast[b-px61djy6l8],
    .openhouses-success-toast[b-px61djy6l8] {
        position: fixed;
        bottom: 2rem;
        right: 2rem;
        display: flex;
        align-items: center;
        gap: 0.75rem;
        padding: 0.875rem 1.25rem;
        border-radius: var(--radius-md);
        font-size: 0.875rem;
        font-weight: 500;
        z-index: 1100;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        animation: openhouses-slide-in-b-px61djy6l8 0.3s ease-out;
    }

    .openhouses-error-toast[b-px61djy6l8] {
        background: #fef2f2;
        color: #dc2626;
        border: 1px solid rgba(220, 38, 38, 0.2);
    }

    .openhouses-success-toast[b-px61djy6l8] {
        background: #f0fdf4;
        color: #059669;
        border: 1px solid rgba(5, 150, 105, 0.2);
    }

    .openhouses-error-toast button[b-px61djy6l8],
    .openhouses-success-toast button[b-px61djy6l8] {
        background: none;
        border: none;
        cursor: pointer;
        color: inherit;
        padding: 0.25rem;
        display: flex;
    }

    @keyframes openhouses-slide-in-b-px61djy6l8 {
        from {
            transform: translateY(1rem);
            opacity: 0;
        }
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }

    /* Responsive */
    @media (max-width: 768px) {
        .openhouses-stats[b-px61djy6l8] {
            grid-template-columns: 1fr;
        }

        .openhouses-grid[b-px61djy6l8] {
            grid-template-columns: 1fr;
        }

        .openhouses-filters[b-px61djy6l8] {
            flex-direction: column;
            align-items: stretch;
        }

        .openhouses-filter-group[b-px61djy6l8] {
            flex-direction: column;
        }

        .openhouses-date-range[b-px61djy6l8] {
            flex-direction: column;
        }

        .openhouses-form-row[b-px61djy6l8] {
            flex-direction: column;
        }

        .openhouses-card-actions[b-px61djy6l8] {
            flex-direction: column;
        }

        .openhouses-btn-action[b-px61djy6l8] {
            justify-content: center;
        }

        .openhouses-modal[b-px61djy6l8] {
            max-height: 95vh;
        }

        .openhouses-modal-lg[b-px61djy6l8] {
            max-width: 100%;
        }
    }

    @media (max-width: 480px) {
        .openhouses-card-metrics[b-px61djy6l8] {
            flex-direction: column;
            gap: 0.375rem;
        }
    }

    /* Dark Mode */
    [data-theme="dark"] .openhouses-stat-box[b-px61djy6l8] { background: #1e293b; border-color: #334155; }
    [data-theme="dark"] .openhouses-stat-number[b-px61djy6l8] { color: #e2e8f0; }
    [data-theme="dark"] .openhouses-filter-group select[b-px61djy6l8] { background: #0f172a; color: #e2e8f0; border-color: #334155; }
    [data-theme="dark"] .openhouses-date-range input[type="date"][b-px61djy6l8] { background: #0f172a; color: #e2e8f0; border-color: #334155; }
    [data-theme="dark"] .openhouses-card[b-px61djy6l8] { background: #1e293b; border-color: #334155; }
    [data-theme="dark"] .openhouses-card:hover[b-px61djy6l8] { box-shadow: 0 4px 12px rgba(0,0,0,0.3); }
    [data-theme="dark"] .openhouses-card-title-row h3[b-px61djy6l8] { color: #e2e8f0; }
    [data-theme="dark"] .openhouses-card-property[b-px61djy6l8] { background: #0f172a; }
    [data-theme="dark"] .openhouses-property-title[b-px61djy6l8] { color: #e2e8f0; }
    [data-theme="dark"] .openhouses-btn-action[b-px61djy6l8] { background: #0f172a; border-color: #334155; color: #e2e8f0; }
    [data-theme="dark"] .openhouses-card-actions[b-px61djy6l8] { border-color: #334155; }
    [data-theme="dark"] .openhouses-modal[b-px61djy6l8] { background: #1e293b; }
    [data-theme="dark"] .openhouses-modal-header[b-px61djy6l8] { border-color: #334155; }
    [data-theme="dark"] .openhouses-modal-header h2[b-px61djy6l8] { color: #e2e8f0; }
    [data-theme="dark"] .openhouses-close-btn[b-px61djy6l8] { color: #94a3b8; }
    [data-theme="dark"] .openhouses-close-btn:hover[b-px61djy6l8] { background: #334155; }
    [data-theme="dark"] .openhouses-modal-footer[b-px61djy6l8] { border-color: #334155; }
    [data-theme="dark"] .openhouses-form-group label[b-px61djy6l8] { color: #e2e8f0; }
    [data-theme="dark"] .openhouses-form-group input[type="text"][b-px61djy6l8],
    [data-theme="dark"] .openhouses-form-group input[type="url"][b-px61djy6l8],
    [data-theme="dark"] .openhouses-form-group input[type="number"][b-px61djy6l8],
    [data-theme="dark"] .openhouses-form-group input[type="datetime-local"][b-px61djy6l8],
    [data-theme="dark"] .openhouses-form-group select[b-px61djy6l8],
    [data-theme="dark"] .openhouses-form-group textarea[b-px61djy6l8] { background: #0f172a; color: #e2e8f0; border-color: #334155; }
    [data-theme="dark"] .openhouses-btn-secondary[b-px61djy6l8] { background: #0f172a; color: #e2e8f0; border-color: #334155; }
    [data-theme="dark"] .openhouses-registrations-table th[b-px61djy6l8] { background: #0f172a; color: #94a3b8; border-color: #334155; }
    [data-theme="dark"] .openhouses-registrations-table td[b-px61djy6l8] { color: #e2e8f0; border-color: #334155; }
    [data-theme="dark"] .openhouses-registrations-table tbody tr:hover[b-px61djy6l8] { background: #0f172a; }
    [data-theme="dark"] .openhouses-cancel-warning h3[b-px61djy6l8] { color: #e2e8f0; }
    [data-theme="dark"] .openhouses-error-toast[b-px61djy6l8] { background: #451a1a; color: #fca5a5; border-color: rgba(220,38,38,0.3); }
    [data-theme="dark"] .openhouses-success-toast[b-px61djy6l8] { background: #14532d; color: #86efac; border-color: rgba(5,150,105,0.3); }
/* _content/Listico.Web/Components/Pages/Agent/Properties.razor.rz.scp.css */
.toast-notification[b-cw9rujxjna] { position: fixed; bottom: 2rem; right: 2rem; display: flex; align-items: center; gap: 0.75rem; padding: 1rem 1.5rem; border-radius: 0.75rem; font-size: 0.9375rem; font-weight: 500; z-index: 2000; animation: toast-slide-in-b-cw9rujxjna 0.3s ease-out; box-shadow: 0 4px 20px rgba(0,0,0,0.15); max-width: 420px; }
.toast-notification.success[b-cw9rujxjna] { background: #059669; color: white; }
.toast-notification.error[b-cw9rujxjna] { background: #dc2626; color: white; }
.toast-notification.info[b-cw9rujxjna] { background: #2563eb; color: white; }
@keyframes toast-slide-in-b-cw9rujxjna { from { transform: translateY(1rem); opacity: 0; } to { transform: translateY(0); opacity: 1; } }

.scope-toggle[b-cw9rujxjna] { display: flex; background: #f3f4f6; border-radius: 8px; padding: 3px; gap: 2px; }
.scope-btn[b-cw9rujxjna] { padding: 6px 14px; border-radius: 6px; border: none; background: transparent; font-size: 13px; font-weight: 500; color: #6b7280; cursor: pointer; transition: all 0.15s; }
.scope-btn.active[b-cw9rujxjna] { background: white; color: #1f2937; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }

.prop-agent-badge[b-cw9rujxjna] { display: inline-block; padding: 3px 8px; background: #ede9fe; color: #7c3aed; border-radius: 4px; font-size: 11px; font-weight: 600; }

/* ── Properties Card Grid ── */
.properties-grid-container[b-cw9rujxjna] { margin-bottom: 24px; }

.properties-grid[b-cw9rujxjna] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.prop-card[b-cw9rujxjna] {
    display: flex;
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.07);
    border: 1px solid rgba(0,0,0,0.06);
    transition: box-shadow 0.2s ease;
}

.prop-card:hover[b-cw9rujxjna] { box-shadow: 0 4px 18px rgba(0,0,0,0.12); }

.prop-card-selected[b-cw9rujxjna] {
    border-color: #D4A03C;
    box-shadow: 0 0 0 2px rgba(212,160,60,0.2);
}

.prop-card-img[b-cw9rujxjna] {
    width: 180px;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    min-height: 160px;
    background: #f3f4f6;
}

.prop-card-img img[b-cw9rujxjna] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.prop-tx-badge[b-cw9rujxjna] {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    color: white;
}

.prop-tx-badge.badge-sale[b-cw9rujxjna] { background: #234B6E; }
.prop-tx-badge.badge-rent[b-cw9rujxjna] { background: #059669; }

.prop-check[b-cw9rujxjna] {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: #D4A03C;
}

.prop-card-body[b-cw9rujxjna] {
    flex: 1;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
}

.prop-card-details[b-cw9rujxjna] { flex: 1; }

.prop-status-row[b-cw9rujxjna] {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 6px;
}

.prop-featured-badge[b-cw9rujxjna] {
    display: inline-block;
    padding: 3px 8px;
    background: #fef3c7;
    color: #d97706;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
}

.prop-address[b-cw9rujxjna] {
    font-size: 14px;
    font-weight: 600;
    color: #1f2937;
    margin: 0 0 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.prop-type[b-cw9rujxjna] {
    font-size: 12px;
    color: #6b7280;
    margin: 0 0 4px;
}

.prop-price[b-cw9rujxjna] {
    font-size: 16px;
    font-weight: 700;
    color: #D4A03C;
    margin: 0 0 3px;
}

.prop-date[b-cw9rujxjna] {
    font-size: 11px;
    color: #9ca3af;
    margin: 0 0 8px;
}

.prop-features[b-cw9rujxjna] {
    display: flex;
    gap: 12px;
}

.feat[b-cw9rujxjna] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    color: #6b7280;
}

.prop-card-actions[b-cw9rujxjna] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #f3f4f6;
}

.btn-prop-edit[b-cw9rujxjna] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 7px 10px;
    border: 1.5px solid #d1d5db;
    background: white;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    color: #374151;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-prop-edit:hover[b-cw9rujxjna] {
    border-color: #9ca3af;
    background: #f9fafb;
}

.btn-prop-more[b-cw9rujxjna] {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid #d1d5db;
    background: white;
    border-radius: 8px;
    cursor: pointer;
    color: #6b7280;
    transition: all 0.15s;
}

.btn-prop-more:hover[b-cw9rujxjna] {
    background: #f9fafb;
    color: #374151;
}

.prop-dropdown-menu[b-cw9rujxjna] {
    position: absolute;
    right: 0;
    bottom: calc(100% + 4px);
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
    min-width: 160px;
    z-index: 100;
    overflow: hidden;
}

.prop-dropdown-menu button[b-cw9rujxjna] {
    display: block;
    width: 100%;
    padding: 10px 14px;
    text-align: left;
    background: none;
    border: none;
    font-size: 14px;
    color: #374151;
    cursor: pointer;
}

.prop-dropdown-menu button:hover[b-cw9rujxjna] { background: #f9fafb; }
.prop-dropdown-menu button.prop-dd-danger[b-cw9rujxjna] { color: #dc2626; }
.prop-dropdown-menu button.prop-dd-danger:hover[b-cw9rujxjna] { background: #fee2e2; }

@media (max-width: 1024px) {
    .properties-grid[b-cw9rujxjna] { grid-template-columns: 1fr; }
}

/* Dark mode */
[data-theme="dark"] .scope-toggle[b-cw9rujxjna] { background: #0f172a; }
[data-theme="dark"] .scope-btn[b-cw9rujxjna] { color: #94a3b8; }
[data-theme="dark"] .scope-btn.active[b-cw9rujxjna] { background: #334155; color: #e2e8f0; box-shadow: none; }
[data-theme="dark"] .prop-card[b-cw9rujxjna] { background: #1e293b; border-color: #334155; box-shadow: 0 2px 8px rgba(0,0,0,0.2); }
[data-theme="dark"] .prop-card:hover[b-cw9rujxjna] { box-shadow: 0 4px 18px rgba(0,0,0,0.35); }
[data-theme="dark"] .prop-card-img[b-cw9rujxjna] { background: #334155; }
[data-theme="dark"] .prop-address[b-cw9rujxjna] { color: #e2e8f0; }
[data-theme="dark"] .prop-type[b-cw9rujxjna] { color: #94a3b8; }
[data-theme="dark"] .prop-date[b-cw9rujxjna] { color: #64748b; }
[data-theme="dark"] .feat[b-cw9rujxjna] { color: #94a3b8; }
[data-theme="dark"] .prop-card-actions[b-cw9rujxjna] { border-color: #334155; }
[data-theme="dark"] .btn-prop-edit[b-cw9rujxjna] { background: #0f172a; border-color: #334155; color: #e2e8f0; }
[data-theme="dark"] .btn-prop-edit:hover[b-cw9rujxjna] { background: #334155; }
[data-theme="dark"] .btn-prop-more[b-cw9rujxjna] { background: #0f172a; border-color: #334155; color: #94a3b8; }
[data-theme="dark"] .btn-prop-more:hover[b-cw9rujxjna] { background: #334155; color: #e2e8f0; }
[data-theme="dark"] .prop-dropdown-menu[b-cw9rujxjna] { background: #1e293b; border-color: #334155; box-shadow: 0 4px 16px rgba(0,0,0,0.3); }
[data-theme="dark"] .prop-dropdown-menu button[b-cw9rujxjna] { color: #e2e8f0; }
[data-theme="dark"] .prop-dropdown-menu button:hover[b-cw9rujxjna] { background: #334155; }
[data-theme="dark"] .prop-dropdown-menu button.prop-dd-danger:hover[b-cw9rujxjna] { background: rgba(220,38,38,0.15); }
/* _content/Listico.Web/Components/Pages/Agent/PropertyStats.razor.rz.scp.css */
    /* ============================================
       PROPERTY STATS PAGE
       ============================================ */
    .property-stats-page[b-7aqr64i1tv] {
    }

    /* Header */
    .property-stats-header[b-7aqr64i1tv] {
        margin-bottom: 2rem;
    }

    .property-stats-back[b-7aqr64i1tv] {
        display: inline-flex;
        align-items: center;
        gap: 0.375rem;
        background: none;
        border: none;
        cursor: pointer;
        font-size: 0.875rem;
        font-weight: 500;
        color: var(--text-gray, #6b7280);
        padding: 0.5rem 0;
        margin-bottom: 0.75rem;
        font-family: inherit;
        transition: color 0.2s;
    }

    .property-stats-back:hover[b-7aqr64i1tv] {
        color: var(--primary-blue, #083169);
    }

    .property-stats-title-block h1[b-7aqr64i1tv] {
        font-size: 1.5rem;
        font-weight: 700;
        color: var(--text-dark, #1a1a2e);
        margin: 0 0 0.25rem 0;
    }

    .property-stats-address[b-7aqr64i1tv] {
        font-size: 0.9375rem;
        color: var(--text-gray, #6b7280);
        margin: 0;
    }

    /* Loading */
    .property-stats-loading[b-7aqr64i1tv] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 4rem 2rem;
        gap: 1rem;
        color: var(--text-gray, #6b7280);
        font-size: 0.9375rem;
    }

    .property-stats-spinner[b-7aqr64i1tv] {
        width: 40px;
        height: 40px;
        border: 3px solid var(--border-color, #e5e7eb);
        border-top-color: var(--primary-blue, #083169);
        border-radius: 50%;
        animation: property-stats-spin-b-7aqr64i1tv 0.8s linear infinite;
    }

    @keyframes property-stats-spin-b-7aqr64i1tv {
        to { transform: rotate(360deg); }
    }

    /* Error */
    .property-stats-error[b-7aqr64i1tv] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1rem;
        padding: 3rem 2rem;
        color: #dc2626;
        font-size: 0.9375rem;
        text-align: center;
    }

    .property-stats-btn-retry[b-7aqr64i1tv] {
        padding: 0.625rem 1.25rem;
        background: var(--primary-blue, #083169);
        color: white;
        border: none;
        border-radius: var(--radius-md, 0.75rem);
        font-weight: 600;
        font-size: 0.875rem;
        cursor: pointer;
        font-family: inherit;
        transition: opacity 0.2s;
    }

    .property-stats-btn-retry:hover[b-7aqr64i1tv] {
        opacity: 0.9;
    }

    /* Key Metrics Grid */
    .property-stats-metrics[b-7aqr64i1tv] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
        margin-bottom: 2rem;
    }

    .property-stats-metric-card[b-7aqr64i1tv] {
        background: white;
        border: 1px solid var(--border-color, #e5e7eb);
        border-radius: var(--radius-lg, 1rem);
        padding: 1.25rem;
        display: flex;
        align-items: flex-start;
        gap: 1rem;
        position: relative;
    }

    .property-stats-metric-icon[b-7aqr64i1tv] {
        width: 48px;
        height: 48px;
        border-radius: var(--radius-md, 0.75rem);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .property-stats-metric-icon.blue[b-7aqr64i1tv] {
        background: rgba(8, 49, 105, 0.1);
        color: var(--primary-blue, #083169);
    }

    .property-stats-metric-icon.green[b-7aqr64i1tv] {
        background: rgba(5, 150, 105, 0.1);
        color: #059669;
    }

    .property-stats-metric-icon.gold[b-7aqr64i1tv] {
        background: rgba(212, 168, 83, 0.1);
        color: #d4a853;
    }

    .property-stats-metric-icon.purple[b-7aqr64i1tv] {
        background: rgba(124, 58, 237, 0.1);
        color: #7c3aed;
    }

    .property-stats-metric-info[b-7aqr64i1tv] {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    .property-stats-metric-value[b-7aqr64i1tv] {
        font-size: 1.5rem;
        font-weight: 700;
        color: var(--text-dark, #1a1a2e);
        line-height: 1;
        margin-bottom: 0.25rem;
    }

    .property-stats-metric-label[b-7aqr64i1tv] {
        font-size: 0.8125rem;
        color: var(--text-gray, #6b7280);
    }

    .property-stats-metric-trend[b-7aqr64i1tv] {
        position: absolute;
        top: 1rem;
        right: 1rem;
        font-size: 0.75rem;
        font-weight: 600;
        padding: 0.1875rem 0.5rem;
        border-radius: 12px;
    }

    .property-stats-metric-trend.positive[b-7aqr64i1tv] {
        background: rgba(5, 150, 105, 0.1);
        color: #059669;
    }

    .property-stats-metric-trend.negative[b-7aqr64i1tv] {
        background: rgba(220, 38, 38, 0.1);
        color: #dc2626;
    }

    /* Sections */
    .property-stats-section[b-7aqr64i1tv] {
        background: white;
        border: 1px solid var(--border-color, #e5e7eb);
        border-radius: var(--radius-lg, 1rem);
        padding: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .property-stats-section-header[b-7aqr64i1tv] {
        display: flex;
        align-items: baseline;
        gap: 0.75rem;
        margin-bottom: 1.5rem;
    }

    .property-stats-section-header h2[b-7aqr64i1tv] {
        font-size: 1.125rem;
        font-weight: 700;
        color: var(--text-dark, #1a1a2e);
        margin: 0;
    }

    .property-stats-section-subtitle[b-7aqr64i1tv] {
        font-size: 0.8125rem;
        color: var(--text-gray, #6b7280);
    }

    .property-stats-no-data[b-7aqr64i1tv] {
        text-align: center;
        color: var(--text-gray, #6b7280);
        padding: 2rem 1rem;
        font-size: 0.9375rem;
    }

    /* Bar Chart (Views Over Time) */
    .property-stats-bar-chart[b-7aqr64i1tv] {
        display: flex;
        align-items: flex-end;
        gap: 0.5rem;
        height: 220px;
        padding: 0 0.5rem;
    }

    .property-stats-bar-column[b-7aqr64i1tv] {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        gap: 0.375rem;
    }

    .property-stats-bar-value[b-7aqr64i1tv] {
        font-size: 0.75rem;
        font-weight: 600;
        color: var(--text-dark, #1a1a2e);
        flex-shrink: 0;
    }

    .property-stats-bar-track[b-7aqr64i1tv] {
        flex: 1;
        width: 100%;
        max-width: 56px;
        background: rgba(8, 49, 105, 0.06);
        border-radius: 6px 6px 0 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        overflow: hidden;
    }

    .property-stats-bar-fill[b-7aqr64i1tv] {
        width: 100%;
        background: var(--primary-blue, #083169);
        border-radius: 6px 6px 0 0;
        min-height: 4px;
        transition: height 0.5s ease;
    }

    .property-stats-bar-label[b-7aqr64i1tv] {
        font-size: 0.6875rem;
        color: var(--text-gray, #6b7280);
        white-space: nowrap;
        flex-shrink: 0;
    }

    /* Traffic Sources */
    .property-stats-sources[b-7aqr64i1tv] {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .property-stats-source-row[b-7aqr64i1tv] {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .property-stats-source-label[b-7aqr64i1tv] {
        min-width: 140px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
    }

    .property-stats-source-name[b-7aqr64i1tv] {
        font-size: 0.9375rem;
        font-weight: 500;
        color: var(--text-dark, #1a1a2e);
    }

    .property-stats-source-percent[b-7aqr64i1tv] {
        font-size: 0.8125rem;
        font-weight: 600;
        color: var(--text-gray, #6b7280);
    }

    .property-stats-source-bar-track[b-7aqr64i1tv] {
        flex: 1;
        height: 10px;
        background: var(--border-color, #e5e7eb);
        border-radius: 5px;
        overflow: hidden;
    }

    .property-stats-source-bar-fill[b-7aqr64i1tv] {
        height: 100%;
        border-radius: 5px;
        transition: width 0.5s ease;
    }

    .property-stats-source-count[b-7aqr64i1tv] {
        font-size: 0.8125rem;
        color: var(--text-gray, #6b7280);
        min-width: 70px;
        text-align: right;
    }

    /* Two Column Layout */
    .property-stats-two-col[b-7aqr64i1tv] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
    }

    .property-stats-two-col .property-stats-section[b-7aqr64i1tv] {
        margin-bottom: 0;
    }

    /* Inquiry Breakdown */
    .property-stats-inquiry-breakdown[b-7aqr64i1tv] {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .property-stats-inquiry-row[b-7aqr64i1tv] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }

    .property-stats-inquiry-type[b-7aqr64i1tv] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        min-width: 140px;
        font-size: 0.9375rem;
        color: var(--text-dark, #1a1a2e);
    }

    .property-stats-inquiry-dot[b-7aqr64i1tv] {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        flex-shrink: 0;
    }

    .property-stats-inquiry-bar-track[b-7aqr64i1tv] {
        flex: 1;
        height: 8px;
        background: var(--border-color, #e5e7eb);
        border-radius: 4px;
        overflow: hidden;
    }

    .property-stats-inquiry-bar-fill[b-7aqr64i1tv] {
        height: 100%;
        border-radius: 4px;
        transition: width 0.5s ease;
    }

    .property-stats-inquiry-count[b-7aqr64i1tv] {
        font-size: 0.875rem;
        font-weight: 600;
        color: var(--text-dark, #1a1a2e);
        min-width: 30px;
        text-align: right;
    }

    /* Price History Timeline */
    .property-stats-price-timeline[b-7aqr64i1tv] {
        display: flex;
        flex-direction: column;
    }

    .property-stats-price-entry[b-7aqr64i1tv] {
        display: flex;
        gap: 1rem;
        position: relative;
    }

    .property-stats-price-dot-line[b-7aqr64i1tv] {
        display: flex;
        flex-direction: column;
        align-items: center;
        flex-shrink: 0;
        width: 20px;
    }

    .property-stats-price-dot[b-7aqr64i1tv] {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: var(--primary-blue, #083169);
        border: 3px solid rgba(8, 49, 105, 0.2);
        flex-shrink: 0;
        z-index: 1;
    }

    .property-stats-price-line[b-7aqr64i1tv] {
        width: 2px;
        flex: 1;
        background: var(--border-color, #e5e7eb);
    }

    .property-stats-price-entry:last-child .property-stats-price-line[b-7aqr64i1tv] {
        display: none;
    }

    .property-stats-price-content[b-7aqr64i1tv] {
        padding-bottom: 1.5rem;
        display: flex;
        flex-direction: column;
        gap: 0.125rem;
    }

    .property-stats-price-entry:last-child .property-stats-price-content[b-7aqr64i1tv] {
        padding-bottom: 0;
    }

    .property-stats-price-amount[b-7aqr64i1tv] {
        font-size: 1.0625rem;
        font-weight: 700;
        color: var(--text-dark, #1a1a2e);
    }

    .property-stats-price-date[b-7aqr64i1tv] {
        font-size: 0.8125rem;
        color: var(--text-gray, #6b7280);
    }

    .property-stats-price-note[b-7aqr64i1tv] {
        font-size: 0.8125rem;
        color: var(--text-gray, #6b7280);
        font-style: italic;
        margin-top: 0.125rem;
    }

    /* Suggested Actions */
    .property-stats-suggestions[b-7aqr64i1tv] {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }

    .property-stats-suggestion[b-7aqr64i1tv] {
        display: flex;
        align-items: flex-start;
        gap: 1rem;
        padding: 1rem 1.25rem;
        border-radius: var(--radius-md, 0.75rem);
        border: 1px solid var(--border-color, #e5e7eb);
        transition: box-shadow 0.2s;
    }

    .property-stats-suggestion:hover[b-7aqr64i1tv] {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    }

    .property-stats-suggestion.high[b-7aqr64i1tv] {
        border-left: 4px solid #dc2626;
        background: rgba(220, 38, 38, 0.02);
    }

    .property-stats-suggestion.medium[b-7aqr64i1tv] {
        border-left: 4px solid #d97706;
        background: rgba(217, 119, 6, 0.02);
    }

    .property-stats-suggestion.low[b-7aqr64i1tv] {
        border-left: 4px solid #059669;
        background: rgba(5, 150, 105, 0.02);
    }

    .property-stats-suggestion-icon[b-7aqr64i1tv] {
        flex-shrink: 0;
        margin-top: 0.125rem;
    }

    .property-stats-suggestion.high .property-stats-suggestion-icon[b-7aqr64i1tv] {
        color: #dc2626;
    }

    .property-stats-suggestion.medium .property-stats-suggestion-icon[b-7aqr64i1tv] {
        color: #d97706;
    }

    .property-stats-suggestion.low .property-stats-suggestion-icon[b-7aqr64i1tv] {
        color: #059669;
    }

    .property-stats-suggestion-content[b-7aqr64i1tv] {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
    }

    .property-stats-suggestion-title[b-7aqr64i1tv] {
        font-size: 0.9375rem;
        font-weight: 600;
        color: var(--text-dark, #1a1a2e);
    }

    .property-stats-suggestion-desc[b-7aqr64i1tv] {
        font-size: 0.8125rem;
        color: var(--text-gray, #6b7280);
        line-height: 1.5;
    }

    .property-stats-suggestion-badge[b-7aqr64i1tv] {
        font-size: 0.6875rem;
        font-weight: 600;
        padding: 0.1875rem 0.625rem;
        border-radius: 12px;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        flex-shrink: 0;
    }

    .property-stats-suggestion-badge.high[b-7aqr64i1tv] {
        background: rgba(220, 38, 38, 0.1);
        color: #dc2626;
    }

    .property-stats-suggestion-badge.medium[b-7aqr64i1tv] {
        background: rgba(217, 119, 6, 0.1);
        color: #d97706;
    }

    .property-stats-suggestion-badge.low[b-7aqr64i1tv] {
        background: rgba(5, 150, 105, 0.1);
        color: #059669;
    }

    /* Responsive */
    @media (max-width: 1200px) {
        .property-stats-metrics[b-7aqr64i1tv] {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width: 1024px) {
        .property-stats-two-col[b-7aqr64i1tv] {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 768px) {
        .property-stats-metrics[b-7aqr64i1tv] {
            grid-template-columns: 1fr;
        }

        .property-stats-bar-chart[b-7aqr64i1tv] {
            height: 180px;
            gap: 0.25rem;
        }

        .property-stats-source-row[b-7aqr64i1tv] {
            flex-wrap: wrap;
        }

        .property-stats-source-label[b-7aqr64i1tv] {
            min-width: 100%;
        }

        .property-stats-source-count[b-7aqr64i1tv] {
            min-width: auto;
        }

        .property-stats-title-block h1[b-7aqr64i1tv] {
            font-size: 1.25rem;
        }

        .property-stats-suggestion[b-7aqr64i1tv] {
            flex-wrap: wrap;
        }

        .property-stats-suggestion-badge[b-7aqr64i1tv] {
            margin-left: auto;
        }
    }

    @media (max-width: 480px) {
        .property-stats-section[b-7aqr64i1tv] {
            padding: 1rem;
        }

        .property-stats-metric-card[b-7aqr64i1tv] {
            padding: 1rem;
        }

        .property-stats-bar-chart[b-7aqr64i1tv] {
            height: 150px;
        }

        .property-stats-bar-label[b-7aqr64i1tv] {
            font-size: 0.5625rem;
        }

        .property-stats-inquiry-type[b-7aqr64i1tv] {
            min-width: 100px;
            font-size: 0.8125rem;
        }
    }
/* _content/Listico.Web/Components/Pages/Agent/Referrals.razor.rz.scp.css */
.toast-notification[b-jk0bmis9uf] { position: fixed; bottom: 2rem; right: 2rem; display: flex; align-items: center; gap: 0.75rem; padding: 1rem 1.5rem; border-radius: 0.75rem; font-size: 0.9375rem; font-weight: 500; z-index: 2000; animation: toast-slide-in-b-jk0bmis9uf 0.3s ease-out; box-shadow: 0 4px 20px rgba(0,0,0,0.15); max-width: 420px; }
.toast-notification.success[b-jk0bmis9uf] { background: #059669; color: white; }
.toast-notification.error[b-jk0bmis9uf] { background: #dc2626; color: white; }
@keyframes toast-slide-in-b-jk0bmis9uf { from { transform: translateY(1rem); opacity: 0; } to { transform: translateY(0); opacity: 1; } }

.referrals-page[b-jk0bmis9uf] { }
.referral-stats[b-jk0bmis9uf] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: 1.5rem; }
.referral-stats .stat-box[b-jk0bmis9uf] { display: flex; align-items: center; gap: 1rem; background: white; border: 1px solid var(--border-color); border-radius: var(--radius-lg); padding: 1.25rem; }
.referral-stats .stat-icon[b-jk0bmis9uf] { width: 48px; height: 48px; border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.referral-stats .stat-icon.blue[b-jk0bmis9uf] { background: rgba(8,49,105,0.1); color: var(--primary-blue); }
.referral-stats .stat-icon.green[b-jk0bmis9uf] { background: rgba(5,150,105,0.1); color: #059669; }
.referral-stats .stat-icon.yellow[b-jk0bmis9uf] { background: rgba(212,168,83,0.1); color: #d4a853; }
.referral-stats .stat-icon.purple[b-jk0bmis9uf] { background: rgba(124,58,237,0.1); color: #7c3aed; }
.stat-info[b-jk0bmis9uf] { flex: 1; } .stat-number[b-jk0bmis9uf] { display: block; font-size: 1.5rem; font-weight: 700; color: var(--text-dark); line-height: 1; margin-bottom: 0.25rem; } .stat-label[b-jk0bmis9uf] { font-size: 0.875rem; color: var(--text-gray); }

.referrals-list[b-jk0bmis9uf] { display: flex; flex-direction: column; gap: 0.75rem; }
.referral-card[b-jk0bmis9uf] { display: flex; align-items: center; gap: 1rem; background: white; border: 1px solid var(--border-color); border-radius: var(--radius-lg); padding: 1rem 1.25rem; transition: box-shadow 0.2s; }
.referral-card:hover[b-jk0bmis9uf] { box-shadow: 0 2px 8px rgba(0,0,0,0.08); }

.referral-direction[b-jk0bmis9uf] { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.referral-direction.outgoing[b-jk0bmis9uf] { background: rgba(8,49,105,0.1); color: var(--primary-blue); }
.referral-direction.incoming[b-jk0bmis9uf] { background: rgba(5,150,105,0.1); color: #059669; }

.referral-info[b-jk0bmis9uf] { flex: 1; min-width: 0; }
.referral-info h3[b-jk0bmis9uf] { font-size: 0.9375rem; font-weight: 600; color: var(--text-dark); margin-bottom: 0.25rem; }
.referral-detail-row[b-jk0bmis9uf] { display: flex; gap: 0.5rem; font-size: 0.8125rem; color: var(--text-gray); }
.detail-label[b-jk0bmis9uf] { font-weight: 600; color: var(--text-dark); }

.referral-fee[b-jk0bmis9uf] { text-align: right; min-width: 80px; }
.fee-percent[b-jk0bmis9uf] { display: block; font-size: 1rem; font-weight: 700; color: var(--text-dark); }
.fee-amount[b-jk0bmis9uf] { display: block; font-size: 0.8125rem; color: #059669; font-weight: 600; }

.referral-status-col[b-jk0bmis9uf] { display: flex; flex-direction: column; align-items: flex-end; gap: 0.25rem; min-width: 100px; }
.status-badge[b-jk0bmis9uf] { font-size: 0.6875rem; font-weight: 600; padding: 0.2rem 0.6rem; border-radius: 10px; text-transform: capitalize; }
.status-badge.pending[b-jk0bmis9uf] { background: rgba(245,158,11,0.1); color: #d97706; }
.status-badge.accepted[b-jk0bmis9uf] { background: rgba(5,150,105,0.1); color: #059669; }
.status-badge.declined[b-jk0bmis9uf] { background: rgba(220,38,38,0.1); color: #dc2626; }
.status-badge.completed[b-jk0bmis9uf] { background: rgba(124,58,237,0.1); color: #7c3aed; }
.status-badge.cancelled[b-jk0bmis9uf] { background: rgba(107,114,128,0.1); color: #6b7280; }
.referral-date[b-jk0bmis9uf] { font-size: 0.75rem; color: var(--text-gray); }

.referral-actions[b-jk0bmis9uf] { display: flex; gap: 0.375rem; min-width: 70px; justify-content: flex-end; }
.btn-action.accept[b-jk0bmis9uf] { color: #059669; }
.btn-action.accept:hover[b-jk0bmis9uf] { background: rgba(5,150,105,0.1); }
.btn-action.decline[b-jk0bmis9uf] { color: #dc2626; }
.btn-action.decline:hover[b-jk0bmis9uf] { background: rgba(220,38,38,0.1); }

/* Modal */
.modal-overlay[b-jk0bmis9uf] { position: fixed; inset: 0; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 1000; padding: 1rem; }
.modal-dialog[b-jk0bmis9uf] { background: white; border-radius: var(--radius-lg); width: 100%; max-width: 500px; max-height: 90vh; overflow-y: auto; box-shadow: 0 20px 60px rgba(0,0,0,0.2); }
.modal-header[b-jk0bmis9uf] { display: flex; justify-content: space-between; align-items: center; padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--border-color); }
.modal-header h3[b-jk0bmis9uf] { font-size: 1.125rem; font-weight: 700; margin: 0; }
.modal-close[b-jk0bmis9uf] { background: none; border: none; font-size: 1.5rem; cursor: pointer; color: var(--text-gray); }
.modal-body[b-jk0bmis9uf] { padding: 1.5rem; }
.modal-body .form-group[b-jk0bmis9uf] { margin-bottom: 1rem; }
.modal-body .form-group label[b-jk0bmis9uf] { display: block; font-size: 0.875rem; font-weight: 600; color: var(--text-dark); margin-bottom: 0.375rem; }
.modal-body .form-group input[b-jk0bmis9uf], .modal-body .form-group select[b-jk0bmis9uf], .modal-body .form-group textarea[b-jk0bmis9uf] { width: 100%; border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 0.625rem 0.875rem; font-size: 0.9375rem; font-family: inherit; box-sizing: border-box; }
.modal-body .form-group input:focus[b-jk0bmis9uf], .modal-body .form-group select:focus[b-jk0bmis9uf], .modal-body .form-group textarea:focus[b-jk0bmis9uf] { outline: none; border-color: var(--primary-blue); }
.modal-footer[b-jk0bmis9uf] { display: flex; justify-content: flex-end; gap: 0.75rem; padding: 1rem 1.5rem; border-top: 1px solid var(--border-color); }

.pagination-bar[b-jk0bmis9uf] { display: flex; justify-content: space-between; align-items: center; padding: 1rem 0; margin-top: 1rem; }
.page-info[b-jk0bmis9uf] { font-size: 0.8125rem; color: var(--text-gray); }
.page-buttons[b-jk0bmis9uf] { display: flex; gap: 0.375rem; }
.page-btn[b-jk0bmis9uf] { padding: 0.4rem 0.75rem; border: 1px solid var(--border-color); border-radius: 6px; background: white; font-size: 0.8125rem; cursor: pointer; color: var(--text-dark); }
.page-btn:hover:not(:disabled)[b-jk0bmis9uf] { background: #f1f5f9; }
.page-btn.active[b-jk0bmis9uf] { background: var(--primary-blue); color: white; border-color: var(--primary-blue); }
.page-btn:disabled[b-jk0bmis9uf] { opacity: 0.5; cursor: not-allowed; }
[data-theme="dark"] .page-btn[b-jk0bmis9uf] { background: #1e293b; color: #e2e8f0; border-color: #334155; }
[data-theme="dark"] .page-btn:hover:not(:disabled)[b-jk0bmis9uf] { background: #334155; }
[data-theme="dark"] .page-btn.active[b-jk0bmis9uf] { background: var(--primary-blue); border-color: var(--primary-blue); }

@media (max-width: 1024px) { .referral-stats[b-jk0bmis9uf] { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) {
    .referral-stats[b-jk0bmis9uf] { grid-template-columns: 1fr; }
    .referral-card[b-jk0bmis9uf] { flex-wrap: wrap; }
    .referral-fee[b-jk0bmis9uf] { width: 100%; text-align: left; display: flex; gap: 0.5rem; align-items: baseline; }
    .referral-status-col[b-jk0bmis9uf] { align-items: flex-start; width: 100%; flex-direction: row; gap: 1rem; }
    .referral-actions[b-jk0bmis9uf] { width: 100%; justify-content: flex-end; }
}

/* Agent search dropdown */
.agent-search-wrap[b-jk0bmis9uf] { position: relative; }
.search-dropdown[b-jk0bmis9uf] { position: absolute; top: 100%; left: 0; right: 0; background: white; border: 1px solid #e2e8f0; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); z-index: 10; max-height: 200px; overflow-y: auto; }
.search-item[b-jk0bmis9uf] { padding: 0.5rem 0.75rem; cursor: pointer; display: flex; flex-direction: column; }
.search-item:hover[b-jk0bmis9uf] { background: #f1f5f9; }
.search-item strong[b-jk0bmis9uf] { font-size: 0.875rem; }
.search-item span[b-jk0bmis9uf] { font-size: 0.75rem; color: #64748b; }
.selected-agent[b-jk0bmis9uf] { display: flex; align-items: center; justify-content: space-between; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 6px; padding: 0.375rem 0.75rem; margin-top: 0.5rem; font-size: 0.875rem; }
.selected-agent button[b-jk0bmis9uf] { background: none; border: none; font-size: 1.25rem; cursor: pointer; color: #64748b; padding: 0 0.25rem; }

/* Dark Mode */
[data-theme="dark"] .referral-stats .stat-box[b-jk0bmis9uf] { background: #1e293b; border-color: #334155; }
[data-theme="dark"] .stat-number[b-jk0bmis9uf] { color: #e2e8f0; }
[data-theme="dark"] .referral-card[b-jk0bmis9uf] { background: #1e293b; border-color: #334155; }
[data-theme="dark"] .referral-card:hover[b-jk0bmis9uf] { box-shadow: 0 2px 8px rgba(0,0,0,0.3); }
[data-theme="dark"] .referral-info h3[b-jk0bmis9uf] { color: #e2e8f0; }
[data-theme="dark"] .detail-label[b-jk0bmis9uf] { color: #e2e8f0; }
[data-theme="dark"] .fee-percent[b-jk0bmis9uf] { color: #e2e8f0; }
[data-theme="dark"] .modal-dialog[b-jk0bmis9uf] { background: #1e293b; }
[data-theme="dark"] .modal-header[b-jk0bmis9uf] { border-color: #334155; }
[data-theme="dark"] .modal-header h3[b-jk0bmis9uf] { color: #e2e8f0; }
[data-theme="dark"] .modal-close[b-jk0bmis9uf] { color: #94a3b8; }
[data-theme="dark"] .modal-footer[b-jk0bmis9uf] { border-color: #334155; }
[data-theme="dark"] .modal-body .form-group label[b-jk0bmis9uf] { color: #e2e8f0; }
[data-theme="dark"] .modal-body .form-group input[b-jk0bmis9uf],
[data-theme="dark"] .modal-body .form-group select[b-jk0bmis9uf],
[data-theme="dark"] .modal-body .form-group textarea[b-jk0bmis9uf] { background: #0f172a; color: #e2e8f0; border-color: #334155; }
[data-theme="dark"] .search-dropdown[b-jk0bmis9uf] { background: #1e293b; border-color: #334155; }
[data-theme="dark"] .search-item:hover[b-jk0bmis9uf] { background: #334155; }
[data-theme="dark"] .search-item span[b-jk0bmis9uf] { color: #94a3b8; }
[data-theme="dark"] .selected-agent[b-jk0bmis9uf] { background: rgba(59,130,246,0.15); border-color: #334155; color: #e2e8f0; }
[data-theme="dark"] .selected-agent button[b-jk0bmis9uf] { color: #94a3b8; }
/* _content/Listico.Web/Components/Pages/Agent/Reviews.razor.rz.scp.css */
.reviews-page[b-9tbffhzlsw] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.reviews-page-header h1[b-9tbffhzlsw] {
    font-size: 24px;
    font-weight: 600;
    color: var(--color-text-primary);
    margin: 0;
}

.reviews-toast[b-9tbffhzlsw] { display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 1rem; border-radius: 8px; font-size: 0.875rem; }
.toast-ok[b-9tbffhzlsw] { background: #d1fae5; color: #065f46; border: 1px solid #a7f3d0; }
.toast-err[b-9tbffhzlsw] { background: #fee2e2; color: #991b1b; border: 1px solid #fecaca; }
.toast-x[b-9tbffhzlsw] { background: none; border: none; font-size: 1.25rem; cursor: pointer; color: inherit; padding: 0 0.25rem; }

.reviews-stats-row[b-9tbffhzlsw] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.reviews-stat-card[b-9tbffhzlsw] {
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    padding: 20px;
    text-align: center;
}

.reviews-stat-value[b-9tbffhzlsw] {
    display: block;
    font-size: 28px;
    font-weight: 700;
    color: var(--color-text-primary);
}

.reviews-stat-label[b-9tbffhzlsw] {
    display: block;
    font-size: 13px;
    color: var(--color-text-secondary);
    margin-top: 4px;
}

.reviews-filter-row[b-9tbffhzlsw] {
    display: flex;
    gap: 12px;
}

.reviews-filter-row select[b-9tbffhzlsw] {
    padding: 8px 14px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    font-size: 14px;
    background: var(--color-bg-card);
    color: var(--color-text-primary);
}

.reviews-loading[b-9tbffhzlsw], .reviews-empty[b-9tbffhzlsw] {
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    padding: 60px 20px;
    text-align: center;
    color: var(--color-text-muted);
}

.reviews-spinner[b-9tbffhzlsw] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--color-border);
    border-top-color: var(--color-primary);
    border-radius: 50%;
    animation: reviewSpin-b-9tbffhzlsw 1s linear infinite;
    margin: 0 auto 16px;
}

@keyframes reviewSpin-b-9tbffhzlsw { to { transform: rotate(360deg); } }

.reviews-list[b-9tbffhzlsw] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.review-card[b-9tbffhzlsw] {
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    padding: 20px 24px;
}

.review-header[b-9tbffhzlsw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.review-author[b-9tbffhzlsw] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.review-avatar[b-9tbffhzlsw], .review-avatar-img[b-9tbffhzlsw] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    flex-shrink: 0;
}

.review-avatar[b-9tbffhzlsw] {
    background: var(--color-primary);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 16px;
}

.review-avatar-img[b-9tbffhzlsw] {
    object-fit: cover;
}

.review-author-name[b-9tbffhzlsw] {
    display: block;
    font-weight: 500;
    color: var(--color-text-primary);
    font-size: 15px;
}

.verified-badge[b-9tbffhzlsw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #059669;
    color: white;
    font-size: 10px;
    margin-left: 4px;
    vertical-align: middle;
}

.review-date[b-9tbffhzlsw] {
    display: block;
    font-size: 12px;
    color: var(--color-text-muted);
}

.review-rating .star[b-9tbffhzlsw] {
    font-size: 18px;
    color: var(--color-border);
}

.review-rating .star.filled[b-9tbffhzlsw] {
    color: #F59E0B;
}

.review-title[b-9tbffhzlsw] {
    font-size: 15px;
    font-weight: 600;
    color: var(--color-text-primary);
    margin: 0 0 6px;
}

.review-text[b-9tbffhzlsw] {
    font-size: 14px;
    line-height: 1.6;
    color: var(--color-text-primary);
    margin: 0 0 12px;
}

.detail-ratings[b-9tbffhzlsw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 6px 16px;
    margin-bottom: 12px;
    padding: 10px 14px;
    background: var(--color-bg-page);
    border-radius: var(--radius-md);
}

.detail-rating-item[b-9tbffhzlsw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.dr-label[b-9tbffhzlsw] {
    font-size: 12px;
    color: var(--color-text-secondary);
}

.star-sm[b-9tbffhzlsw] {
    font-size: 12px;
    color: var(--color-border);
}

.star-sm.filled[b-9tbffhzlsw] {
    color: #F59E0B;
}

.review-response[b-9tbffhzlsw] {
    background: var(--color-bg-page);
    border-left: 3px solid var(--color-primary);
    padding: 12px 16px;
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
    margin-top: 12px;
}

.response-header[b-9tbffhzlsw] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.response-label[b-9tbffhzlsw] {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-primary);
    text-transform: uppercase;
}

.response-date[b-9tbffhzlsw] {
    font-size: 11px;
    color: var(--color-text-muted);
}

.review-response p[b-9tbffhzlsw] {
    font-size: 14px;
    color: var(--color-text-primary);
    margin: 0;
    line-height: 1.5;
}

.btn-respond[b-9tbffhzlsw] {
    padding: 8px 16px;
    background: transparent;
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
    border-radius: var(--radius-md);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-respond:hover[b-9tbffhzlsw] {
    background: var(--color-primary);
    color: white;
}

.review-respond-form[b-9tbffhzlsw] {
    margin-top: 12px;
}

.review-respond-form textarea[b-9tbffhzlsw] {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    font-size: 14px;
    font-family: inherit;
    resize: vertical;
    background: var(--color-bg-page);
    color: var(--color-text-primary);
    box-sizing: border-box;
}

.respond-actions[b-9tbffhzlsw] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 8px;
}

.btn-cancel[b-9tbffhzlsw] {
    padding: 8px 16px;
    background: transparent;
    border: 1px solid var(--color-border);
    color: var(--color-text-secondary);
    border-radius: var(--radius-md);
    font-size: 13px;
    cursor: pointer;
}

.btn-submit[b-9tbffhzlsw] {
    padding: 8px 16px;
    background: var(--color-secondary);
    border: none;
    color: white;
    border-radius: var(--radius-md);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}

.btn-submit:disabled[b-9tbffhzlsw] {
    opacity: 0.6;
    cursor: not-allowed;
}

.reviews-pagination[b-9tbffhzlsw] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.btn-page[b-9tbffhzlsw] {
    padding: 8px 16px;
    background: var(--color-bg-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    font-size: 13px;
    cursor: pointer;
    color: var(--color-text-primary);
}

.btn-page:disabled[b-9tbffhzlsw] {
    opacity: 0.4;
    cursor: not-allowed;
}

.page-info[b-9tbffhzlsw] {
    font-size: 13px;
    color: var(--color-text-secondary);
}

@media (max-width: 768px) {
    .reviews-stats-row[b-9tbffhzlsw] {
        grid-template-columns: repeat(2, 1fr);
    }

    .reviews-filter-row[b-9tbffhzlsw] {
        flex-direction: column;
    }

    .detail-ratings[b-9tbffhzlsw] {
        grid-template-columns: 1fr;
    }
}

/* Dark Mode */
[data-theme="dark"] .reviews-page-header h1[b-9tbffhzlsw] { color: #e2e8f0; }
[data-theme="dark"] .reviews-stat-card[b-9tbffhzlsw] { background: #1e293b; }
[data-theme="dark"] .reviews-stat-value[b-9tbffhzlsw] { color: #e2e8f0; }
[data-theme="dark"] .reviews-stat-label[b-9tbffhzlsw] { color: #94a3b8; }
[data-theme="dark"] .reviews-filter-row select[b-9tbffhzlsw] { background: #1e293b; color: #e2e8f0; border-color: #334155; }
[data-theme="dark"] .reviews-loading[b-9tbffhzlsw], [data-theme="dark"] .reviews-empty[b-9tbffhzlsw] { background: #1e293b; }
[data-theme="dark"] .review-card[b-9tbffhzlsw] { background: #1e293b; }
[data-theme="dark"] .review-author-name[b-9tbffhzlsw] { color: #e2e8f0; }
[data-theme="dark"] .review-title[b-9tbffhzlsw] { color: #e2e8f0; }
[data-theme="dark"] .review-text[b-9tbffhzlsw] { color: #e2e8f0; }
[data-theme="dark"] .review-response[b-9tbffhzlsw] { background: #0f172a; }
[data-theme="dark"] .review-response p[b-9tbffhzlsw] { color: #e2e8f0; }
[data-theme="dark"] .btn-cancel[b-9tbffhzlsw] { color: #94a3b8; border-color: #334155; }
[data-theme="dark"] .review-respond-form textarea[b-9tbffhzlsw] { background: #0f172a; color: #e2e8f0; border-color: #334155; }
[data-theme="dark"] .detail-ratings[b-9tbffhzlsw] { background: #0f172a; }
[data-theme="dark"] .btn-page[b-9tbffhzlsw] { background: #1e293b; color: #e2e8f0; border-color: #334155; }
/* _content/Listico.Web/Components/Pages/Agent/Settings.razor.rz.scp.css */
.toast-notification[b-3fde89b4xu] { position: fixed; bottom: 2rem; right: 2rem; display: flex; align-items: center; gap: 0.75rem; padding: 1rem 1.5rem; border-radius: 0.75rem; font-size: 0.9375rem; font-weight: 500; z-index: 2000; animation: toast-slide-in-b-3fde89b4xu 0.3s ease-out; box-shadow: 0 4px 20px rgba(0,0,0,0.15); max-width: 420px; }
.toast-notification.success[b-3fde89b4xu] { background: #059669; color: white; }
.toast-notification.error[b-3fde89b4xu] { background: #dc2626; color: white; }
.toast-notification.info[b-3fde89b4xu] { background: #2563eb; color: white; }
@keyframes toast-slide-in-b-3fde89b4xu { from { transform: translateY(1rem); opacity: 0; } to { transform: translateY(0); opacity: 1; } }

.settings-page[b-3fde89b4xu] { max-width: 900px; }
.settings-grid[b-3fde89b4xu] { display: flex; flex-direction: column; gap: 1.5rem; }
.settings-section[b-3fde89b4xu] { background: white; border: 1px solid var(--border-color); border-radius: var(--radius-lg); padding: 1.5rem; }
.settings-section h2[b-3fde89b4xu] { display: flex; align-items: center; gap: 0.5rem; font-size: 1.0625rem; font-weight: 700; color: var(--text-dark); margin-bottom: 1.25rem; padding-bottom: 0.75rem; border-bottom: 1px solid var(--border-color); }
.settings-section h2 svg[b-3fde89b4xu] { color: var(--text-gray); }

.setting-item[b-3fde89b4xu] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.875rem 0; border-bottom: 1px solid #f3f4f6; }
.setting-item:last-child[b-3fde89b4xu] { border-bottom: none; padding-bottom: 0; }
.setting-info h3[b-3fde89b4xu] { font-size: 0.9375rem; font-weight: 600; color: var(--text-dark); margin-bottom: 0.125rem; }
.setting-info p[b-3fde89b4xu] { font-size: 0.8125rem; color: var(--text-gray); }

.setting-select[b-3fde89b4xu] { border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 0.5rem 0.75rem; font-size: 0.875rem; font-family: inherit; color: var(--text-dark); min-width: 160px; }
.setting-select:focus[b-3fde89b4xu] { outline: none; border-color: var(--primary-blue); }

.toggle-switch[b-3fde89b4xu] { position: relative; }
.toggle-switch input[b-3fde89b4xu] { opacity: 0; position: absolute; width: 0; height: 0; }
.toggle-switch label[b-3fde89b4xu] { display: block; width: 44px; height: 24px; background: #d1d5db; border-radius: 12px; cursor: pointer; transition: background 0.2s; position: relative; }
.toggle-switch label[b-3fde89b4xu]::after { content: ''; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; background: white; border-radius: 50%; transition: transform 0.2s; box-shadow: 0 1px 3px rgba(0,0,0,0.2); }
.toggle-switch input:checked + label[b-3fde89b4xu] { background: var(--primary-blue); }
.toggle-switch input:checked + label[b-3fde89b4xu]::after { transform: translateX(20px); }

.email-signature-editor textarea[b-3fde89b4xu] { width: 100%; border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 0.75rem 1rem; font-size: 0.9375rem; font-family: inherit; color: var(--text-dark); resize: vertical; min-height: 100px; box-sizing: border-box; }
.email-signature-editor textarea:focus[b-3fde89b4xu] { outline: none; border-color: var(--primary-blue); }
.setting-hint[b-3fde89b4xu] { font-size: 0.75rem; color: var(--text-gray); margin-top: 0.375rem; }

.danger-zone[b-3fde89b4xu] { border-color: rgba(220,38,38,0.2); }
.danger-zone h2[b-3fde89b4xu] { color: #dc2626; }
.danger-zone h2 svg[b-3fde89b4xu] { color: #dc2626; }

.btn-danger-outline[b-3fde89b4xu] { padding: 0.5rem 1rem; border: 1px solid #dc2626; color: #dc2626; background: white; border-radius: var(--radius-md); font-size: 0.8125rem; font-weight: 600; cursor: pointer; transition: all 0.2s; }
.btn-danger-outline:hover[b-3fde89b4xu] { background: rgba(220,38,38,0.05); }
.btn-danger[b-3fde89b4xu] { padding: 0.5rem 1rem; border: none; background: #dc2626; color: white; border-radius: var(--radius-md); font-size: 0.8125rem; font-weight: 600; cursor: pointer; }

.settings-save-bar[b-3fde89b4xu] { position: sticky; bottom: 0; padding: 1rem 0; margin-top: 1.5rem; text-align: right; }

/* Modals */
.modal-overlay[b-3fde89b4xu] { position: fixed; inset: 0; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 1000; padding: 1rem; }
.modal-dialog[b-3fde89b4xu] { background: white; border-radius: var(--radius-lg); width: 100%; max-width: 480px; box-shadow: 0 20px 60px rgba(0,0,0,0.2); }
.modal-header[b-3fde89b4xu] { display: flex; justify-content: space-between; align-items: center; padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--border-color); }
.modal-header h3[b-3fde89b4xu] { font-size: 1.125rem; font-weight: 700; color: var(--text-dark); margin: 0; }
.modal-close[b-3fde89b4xu] { background: none; border: none; font-size: 1.5rem; cursor: pointer; color: var(--text-gray); }
.modal-body[b-3fde89b4xu] { padding: 1.5rem; }
.modal-body .form-group[b-3fde89b4xu] { margin-bottom: 1rem; }
.modal-body .form-group label[b-3fde89b4xu] { display: block; font-size: 0.875rem; font-weight: 600; color: var(--text-dark); margin-bottom: 0.375rem; }
.modal-body .form-group input[b-3fde89b4xu] { width: 100%; border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 0.625rem 0.875rem; font-size: 0.9375rem; font-family: inherit; box-sizing: border-box; }
.modal-body .form-group input:focus[b-3fde89b4xu] { outline: none; border-color: var(--primary-blue); }
.modal-body .form-error[b-3fde89b4xu] { padding: 0.625rem; background: rgba(220,38,38,0.05); border: 1px solid rgba(220,38,38,0.2); border-radius: var(--radius-md); color: #dc2626; font-size: 0.875rem; }
.modal-footer[b-3fde89b4xu] { display: flex; justify-content: flex-end; gap: 0.75rem; padding: 1rem 1.5rem; border-top: 1px solid var(--border-color); }

.modal-dialog-wide[b-3fde89b4xu] { max-width: 560px; }
.sessions-loading[b-3fde89b4xu] { text-align: center; padding: 2rem; color: var(--text-gray); font-size: 0.9375rem; }
.sessions-empty[b-3fde89b4xu] { text-align: center; padding: 2rem; color: var(--text-gray); font-size: 0.9375rem; }
.sessions-list[b-3fde89b4xu] { display: flex; flex-direction: column; gap: 0.75rem; }
.session-item[b-3fde89b4xu] { display: flex; align-items: flex-start; gap: 0.75rem; padding: 0.875rem; border: 1px solid var(--border-color); border-radius: var(--radius-md); transition: border-color 0.2s; }
.session-item.current[b-3fde89b4xu] { border-color: var(--primary-blue); background: rgba(37,99,235,0.03); }
.session-icon[b-3fde89b4xu] { color: var(--text-gray); flex-shrink: 0; margin-top: 0.125rem; }
.session-details[b-3fde89b4xu] { flex: 1; min-width: 0; }
.session-device[b-3fde89b4xu] { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.session-device strong[b-3fde89b4xu] { font-size: 0.9375rem; color: var(--text-dark); }
.session-meta[b-3fde89b4xu] { display: flex; gap: 0.75rem; flex-wrap: wrap; font-size: 0.8125rem; color: var(--text-gray); margin-top: 0.25rem; }
.session-meta span[b-3fde89b4xu] { white-space: nowrap; }
.session-time[b-3fde89b4xu] { font-size: 0.75rem; color: var(--text-gray); margin-top: 0.25rem; }
.session-badge[b-3fde89b4xu] { font-size: 0.6875rem; font-weight: 600; padding: 0.2rem 0.5rem; border-radius: 8px; flex-shrink: 0; }
.session-badge.active[b-3fde89b4xu] { background: rgba(5,150,105,0.1); color: #059669; }

/* US-226: 2FA Setup Styles */
.twofa-setup[b-3fde89b4xu] { text-align: center; }
.twofa-instruction[b-3fde89b4xu] { font-size: 0.9375rem; color: var(--text-gray); margin-bottom: 1rem; text-align: left; }
.twofa-qrcode[b-3fde89b4xu] { display: flex; justify-content: center; margin: 1rem 0; }
.twofa-manual[b-3fde89b4xu] { margin: 1rem 0; }
.twofa-manual p[b-3fde89b4xu] { font-size: 0.8125rem; color: var(--text-gray); margin-bottom: 0.375rem; }
.twofa-secret[b-3fde89b4xu] { display: block; background: #f3f4f6; border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 0.625rem 1rem; font-size: 0.9375rem; font-family: 'Courier New', monospace; letter-spacing: 0.1em; word-break: break-all; user-select: all; }
.twofa-code-input[b-3fde89b4xu] { width: 100%; border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 0.75rem 1rem; font-size: 1.25rem; font-family: 'Courier New', monospace; text-align: center; letter-spacing: 0.3em; box-sizing: border-box; }
.twofa-code-input:focus[b-3fde89b4xu] { outline: none; border-color: var(--primary-blue); }

/* US-226: Deactivate & Delete Account Modal Styles */
.modal-header-danger[b-3fde89b4xu] { border-bottom-color: rgba(220,38,38,0.2); }
.modal-header-danger h3[b-3fde89b4xu] { color: #dc2626; }

.deactivate-warning[b-3fde89b4xu], .delete-warning[b-3fde89b4xu] { display: flex; gap: 0.75rem; padding: 1rem; border-radius: var(--radius-md); margin-bottom: 1.25rem; font-size: 0.9375rem; line-height: 1.5; }
.deactivate-warning[b-3fde89b4xu] { background: #fffbeb; border: 1px solid #fbbf24; }
.deactivate-warning svg[b-3fde89b4xu] { color: #d97706; flex-shrink: 0; margin-top: 0.125rem; }
.deactivate-warning strong[b-3fde89b4xu] { color: #92400e; display: block; margin-bottom: 0.25rem; }
.deactivate-warning p[b-3fde89b4xu] { color: #78716c; font-size: 0.875rem; margin: 0; }

.delete-warning[b-3fde89b4xu] { background: #fef2f2; border: 1px solid #fca5a5; flex-direction: row; align-items: flex-start; }
.delete-warning svg[b-3fde89b4xu] { color: #dc2626; flex-shrink: 0; margin-top: 0.125rem; }
.delete-warning strong[b-3fde89b4xu] { color: #991b1b; display: block; margin-bottom: 0.375rem; }
.delete-warning p[b-3fde89b4xu] { color: #78716c; font-size: 0.875rem; margin: 0 0 0.375rem 0; }
.delete-warning ul[b-3fde89b4xu] { color: #78716c; font-size: 0.8125rem; margin: 0.375rem 0 0.375rem 1.25rem; padding: 0; }
.delete-warning ul li[b-3fde89b4xu] { margin-bottom: 0.25rem; }

/* US-225: Branding Section */
.branding-editor[b-3fde89b4xu] { display: flex; flex-direction: column; gap: 1rem; }
.branding-colors-row[b-3fde89b4xu] { display: flex; gap: 1.5rem; flex-wrap: wrap; }
.branding-color-group[b-3fde89b4xu] { display: flex; flex-direction: column; gap: 0.375rem; }
.branding-color-group label[b-3fde89b4xu] { font-size: 0.875rem; font-weight: 600; color: var(--text-dark); }
.color-picker-wrap[b-3fde89b4xu] { display: flex; align-items: center; gap: 0.5rem; }
.color-input[b-3fde89b4xu] { width: 40px; height: 36px; border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 2px; cursor: pointer; background: white; }
.color-text-input[b-3fde89b4xu] { width: 90px; border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 0.5rem 0.625rem; font-size: 0.875rem; font-family: 'Courier New', monospace; color: var(--text-dark); box-sizing: border-box; }
.color-text-input:focus[b-3fde89b4xu] { outline: none; border-color: var(--primary-blue); }
.branding-logo-group[b-3fde89b4xu] { display: flex; flex-direction: column; gap: 0.375rem; }
.branding-logo-group label[b-3fde89b4xu] { font-size: 0.875rem; font-weight: 600; color: var(--text-dark); }
.branding-logo-input[b-3fde89b4xu] { width: 100%; border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 0.5rem 0.75rem; font-size: 0.9375rem; font-family: inherit; color: var(--text-dark); box-sizing: border-box; }
.branding-logo-input:focus[b-3fde89b4xu] { outline: none; border-color: var(--primary-blue); }
.branding-preview-card[b-3fde89b4xu] { background: white; border: 1px solid var(--border-color); border-radius: var(--radius-md); overflow: hidden; max-width: 300px; }
.branding-preview-header[b-3fde89b4xu] { display: flex; align-items: center; gap: 0.5rem; padding: 0.75rem 1rem; }
.branding-preview-logo[b-3fde89b4xu] { width: 28px; height: 28px; border-radius: 4px; object-fit: contain; background: white; }
.branding-preview-body[b-3fde89b4xu] { padding: 0.75rem 1rem; display: flex; gap: 0.5rem; }
.branding-preview-tag[b-3fde89b4xu] { font-size: 0.75rem; font-weight: 600; padding: 0.25rem 0.625rem; border-radius: 12px; }

@media (max-width: 768px) {
    .setting-item[b-3fde89b4xu] { flex-direction: column; align-items: flex-start; gap: 0.5rem; }
    .setting-select[b-3fde89b4xu] { width: 100%; }
    .branding-colors-row[b-3fde89b4xu] { flex-direction: column; gap: 1rem; }
}

/* Dark Mode */
[data-theme="dark"] .settings-section[b-3fde89b4xu] { background: #1e293b; border-color: #334155; }
[data-theme="dark"] .settings-section h2[b-3fde89b4xu] { color: #e2e8f0; border-color: #334155; }
[data-theme="dark"] .settings-section h2 svg[b-3fde89b4xu] { color: #94a3b8; }
[data-theme="dark"] .setting-item[b-3fde89b4xu] { border-color: #334155; }
[data-theme="dark"] .setting-info h3[b-3fde89b4xu] { color: #e2e8f0; }
[data-theme="dark"] .setting-select[b-3fde89b4xu] { background: #0f172a; color: #e2e8f0; border-color: #334155; }
[data-theme="dark"] .toggle-switch label[b-3fde89b4xu] { background: #475569; }
[data-theme="dark"] .email-signature-editor textarea[b-3fde89b4xu] { background: #0f172a; color: #e2e8f0; border-color: #334155; }
[data-theme="dark"] .btn-danger-outline[b-3fde89b4xu] { background: transparent; border-color: #f87171; color: #f87171; }
[data-theme="dark"] .btn-danger-outline:hover[b-3fde89b4xu] { background: rgba(220,38,38,0.1); }
[data-theme="dark"] .modal-dialog[b-3fde89b4xu] { background: #1e293b; }
[data-theme="dark"] .modal-header[b-3fde89b4xu] { border-color: #334155; }
[data-theme="dark"] .modal-header h3[b-3fde89b4xu] { color: #e2e8f0; }
[data-theme="dark"] .modal-close[b-3fde89b4xu] { color: #94a3b8; }
[data-theme="dark"] .modal-footer[b-3fde89b4xu] { border-color: #334155; }
[data-theme="dark"] .modal-body .form-group label[b-3fde89b4xu] { color: #e2e8f0; }
[data-theme="dark"] .modal-body .form-group input[b-3fde89b4xu] { background: #0f172a; color: #e2e8f0; border-color: #334155; }
[data-theme="dark"] .modal-body .form-error[b-3fde89b4xu] { background: rgba(220,38,38,0.15); border-color: rgba(220,38,38,0.3); }
[data-theme="dark"] .session-item[b-3fde89b4xu] { border-color: #334155; }
[data-theme="dark"] .session-item.current[b-3fde89b4xu] { background: rgba(37,99,235,0.08); }
[data-theme="dark"] .session-device strong[b-3fde89b4xu] { color: #e2e8f0; }
[data-theme="dark"] .twofa-secret[b-3fde89b4xu] { background: #0f172a; border-color: #334155; color: #e2e8f0; }
[data-theme="dark"] .twofa-code-input[b-3fde89b4xu] { background: #0f172a; color: #e2e8f0; border-color: #334155; }
[data-theme="dark"] .branding-preview-card[b-3fde89b4xu] { background: #0f172a; border-color: #334155; }
[data-theme="dark"] .color-input[b-3fde89b4xu] { background: #0f172a; border-color: #334155; }
[data-theme="dark"] .color-text-input[b-3fde89b4xu] { background: #0f172a; color: #e2e8f0; border-color: #334155; }
[data-theme="dark"] .branding-logo-input[b-3fde89b4xu] { background: #0f172a; color: #e2e8f0; border-color: #334155; }
[data-theme="dark"] .branding-color-group label[b-3fde89b4xu] { color: #e2e8f0; }
[data-theme="dark"] .branding-logo-group label[b-3fde89b4xu] { color: #e2e8f0; }
[data-theme="dark"] .deactivate-warning[b-3fde89b4xu] { background: #422006; border-color: #78350f; }
[data-theme="dark"] .deactivate-warning strong[b-3fde89b4xu] { color: #fbbf24; }
[data-theme="dark"] .deactivate-warning p[b-3fde89b4xu] { color: #d6d3d1; }
[data-theme="dark"] .delete-warning[b-3fde89b4xu] { background: #450a0a; border-color: #7f1d1d; }
[data-theme="dark"] .delete-warning strong[b-3fde89b4xu] { color: #fca5a5; }
[data-theme="dark"] .delete-warning p[b-3fde89b4xu], [data-theme="dark"] .delete-warning ul[b-3fde89b4xu] { color: #d6d3d1; }
[data-theme="dark"] .danger-zone[b-3fde89b4xu] { border-color: rgba(220,38,38,0.3); }
[data-theme="dark"] .settings-save-bar[b-3fde89b4xu] { background: #111827; }
/* _content/Listico.Web/Components/Pages/Agent/Showings.razor.rz.scp.css */
.modal-overlay[b-uscoyayucm] { position: fixed; inset: 0; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 1000; padding: 1rem; }
.modal-dialog[b-uscoyayucm] { background: white; border-radius: 1rem; width: 100%; max-width: 480px; box-shadow: 0 20px 60px rgba(0,0,0,0.2); }
.modal-header[b-uscoyayucm] { display: flex; justify-content: space-between; align-items: center; padding: 1.25rem 1.5rem; border-bottom: 1px solid #e5e7eb; }
.modal-header h3[b-uscoyayucm] { font-size: 1.125rem; font-weight: 700; color: #1a1a2e; margin: 0; }
.modal-close[b-uscoyayucm] { background: none; border: none; cursor: pointer; color: #6b7280; padding: 0.25rem; border-radius: 0.375rem; }
.modal-close:hover[b-uscoyayucm] { color: #1a1a2e; background: #f3f4f6; }
.modal-body[b-uscoyayucm] { padding: 1.5rem; }
.modal-body .form-group[b-uscoyayucm] { margin-bottom: 1rem; }
.modal-body .form-group label[b-uscoyayucm] { display: block; font-size: 0.875rem; font-weight: 600; color: #1a1a2e; margin-bottom: 0.375rem; }
.modal-body .form-group input[b-uscoyayucm],
.modal-body .form-group select[b-uscoyayucm],
.modal-body .form-group textarea[b-uscoyayucm] { width: 100%; border: 1px solid #e5e7eb; border-radius: 0.5rem; padding: 0.625rem 0.875rem; font-size: 0.9375rem; font-family: inherit; color: #1a1a2e; box-sizing: border-box; }
.modal-body .form-group input:focus[b-uscoyayucm],
.modal-body .form-group select:focus[b-uscoyayucm],
.modal-body .form-group textarea:focus[b-uscoyayucm] { outline: none; border-color: #083169; }
.modal-body .form-group textarea[b-uscoyayucm] { resize: vertical; min-height: 80px; }
.modal-body .form-error[b-uscoyayucm] { padding: 0.625rem 0.875rem; background: rgba(220,38,38,0.05); border: 1px solid rgba(220,38,38,0.2); border-radius: 0.5rem; color: #dc2626; font-size: 0.875rem; }
.modal-footer[b-uscoyayucm] { display: flex; justify-content: flex-end; gap: 0.75rem; padding: 1rem 1.5rem; border-top: 1px solid #e5e7eb; }

.toast-notification[b-uscoyayucm] { position: fixed; bottom: 2rem; right: 2rem; display: flex; align-items: center; gap: 0.75rem; padding: 1rem 1.5rem; border-radius: 0.75rem; font-size: 0.9375rem; font-weight: 500; z-index: 2000; animation: toast-slide-in-b-uscoyayucm 0.3s ease-out; box-shadow: 0 4px 20px rgba(0,0,0,0.15); max-width: 420px; }
.toast-notification.success[b-uscoyayucm] { background: #059669; color: white; }
.toast-notification.error[b-uscoyayucm] { background: #dc2626; color: white; }
.toast-notification.info[b-uscoyayucm] { background: #2563eb; color: white; }
@keyframes toast-slide-in-b-uscoyayucm { from { transform: translateY(1rem); opacity: 0; } to { transform: translateY(0); opacity: 1; } }

/* Dark Mode */
[data-theme="dark"] .modal-dialog[b-uscoyayucm] { background: #1e293b; }
[data-theme="dark"] .modal-header[b-uscoyayucm] { border-bottom-color: #334155; }
[data-theme="dark"] .modal-header h3[b-uscoyayucm] { color: #e2e8f0; }
[data-theme="dark"] .modal-close[b-uscoyayucm] { color: #94a3b8; }
[data-theme="dark"] .modal-close:hover[b-uscoyayucm] { color: #e2e8f0; background: #334155; }
[data-theme="dark"] .modal-body .form-group label[b-uscoyayucm] { color: #cbd5e1; }
[data-theme="dark"] .modal-body .form-group input[b-uscoyayucm],
[data-theme="dark"] .modal-body .form-group select[b-uscoyayucm],
[data-theme="dark"] .modal-body .form-group textarea[b-uscoyayucm] { background: #0f172a; border-color: #334155; color: #e2e8f0; }
[data-theme="dark"] .modal-body .form-group input:focus[b-uscoyayucm],
[data-theme="dark"] .modal-body .form-group select:focus[b-uscoyayucm],
[data-theme="dark"] .modal-body .form-group textarea:focus[b-uscoyayucm] { border-color: #667eea; }
[data-theme="dark"] .modal-footer[b-uscoyayucm] { border-top-color: #334155; }
/* _content/Listico.Web/Components/Pages/Agent/TransactionDetail.razor.rz.scp.css */
.tx-detail-page[b-y9regrxwp1] { padding: 1.5rem; max-width: 960px; margin: 0 auto; font-family: 'DM Sans', sans-serif; }
.loading-state[b-y9regrxwp1], .error-state[b-y9regrxwp1] { text-align: center; padding: 3rem; }
.error-state p[b-y9regrxwp1] { color: #dc2626; margin-bottom: 1rem; }
.spinner[b-y9regrxwp1] { width: 32px; height: 32px; border: 3px solid #e5e7eb; border-top-color: #6366f1; border-radius: 50%; animation: spin-b-y9regrxwp1 0.8s linear infinite; margin: 0 auto 1rem; }
.btn-spinner[b-y9regrxwp1] { display: inline-block; width: 14px; height: 14px; border: 2px solid rgba(255,255,255,0.3); border-top-color: white; border-radius: 50%; animation: spin-b-y9regrxwp1 0.6s linear infinite; margin-right: 0.25rem; vertical-align: middle; }
@keyframes spin-b-y9regrxwp1 { to { transform: rotate(360deg); } }

.tx-header[b-y9regrxwp1] { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; }
.tx-header h1[b-y9regrxwp1] { flex: 1; font-size: 1.5rem; margin: 0; }
.btn-back[b-y9regrxwp1] { display: flex; align-items: center; gap: 0.25rem; background: none; border: 1px solid #e5e7eb; border-radius: 8px; padding: 0.5rem 0.75rem; cursor: pointer; font-size: 0.875rem; }
.btn-back:hover[b-y9regrxwp1] { background: #f9fafb; }
.btn-primary[b-y9regrxwp1] { background: #6366f1; color: white; border: none; border-radius: 8px; padding: 0.5rem 1rem; cursor: pointer; font-size: 0.875rem; }
.btn-primary:disabled[b-y9regrxwp1] { opacity: 0.6; cursor: not-allowed; }
.btn-secondary[b-y9regrxwp1] { background: #f3f4f6; border: 1px solid #e5e7eb; border-radius: 8px; padding: 0.5rem 1rem; cursor: pointer; font-size: 0.875rem; }
.btn-danger[b-y9regrxwp1] { background: #dc2626; color: white; border: none; border-radius: 8px; padding: 0.5rem 1rem; cursor: pointer; font-size: 0.875rem; }
.btn-danger:disabled[b-y9regrxwp1] { opacity: 0.6; cursor: not-allowed; }

.toast[b-y9regrxwp1] { display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 1rem; border-radius: 8px; margin-bottom: 1rem; font-size: 0.875rem; }
.toast-success[b-y9regrxwp1] { background: #d1fae5; color: #065f46; border: 1px solid #a7f3d0; }
.toast-error[b-y9regrxwp1] { background: #fee2e2; color: #991b1b; border: 1px solid #fecaca; }
.toast-close[b-y9regrxwp1] { background: none; border: none; font-size: 1.25rem; cursor: pointer; color: inherit; padding: 0 0.25rem; }

.status-badge[b-y9regrxwp1] { padding: 0.25rem 0.75rem; border-radius: 20px; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; }
.status-badge.offerpending[b-y9regrxwp1], .status-badge.pending[b-y9regrxwp1] { background: #fef3c7; color: #92400e; }
.status-badge.offeraccepted[b-y9regrxwp1] { background: #d1fae5; color: #065f46; }
.status-badge.counteroffer[b-y9regrxwp1] { background: #e0e7ff; color: #3730a3; }
.status-badge.undercontract[b-y9regrxwp1], .status-badge.in-progress[b-y9regrxwp1] { background: #dbeafe; color: #1e40af; }
.status-badge.closing[b-y9regrxwp1], .status-badge.cleartoclose[b-y9regrxwp1] { background: #e0e7ff; color: #3730a3; }
.status-badge.closed[b-y9regrxwp1] { background: #d1fae5; color: #065f46; }
.status-badge.cancelled[b-y9regrxwp1], .status-badge.offerrejected[b-y9regrxwp1] { background: #fee2e2; color: #991b1b; }

.tx-summary-grid[b-y9regrxwp1] { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin-bottom: 1.5rem; }
.summary-card[b-y9regrxwp1] { background: white; border: 1px solid #e5e7eb; border-radius: 12px; padding: 1rem; }
.summary-card .label[b-y9regrxwp1] { display: block; font-size: 0.75rem; color: #6b7280; margin-bottom: 0.25rem; }
.summary-card .value[b-y9regrxwp1] { font-size: 1.1rem; font-weight: 600; }

.tx-tabs[b-y9regrxwp1] { display: flex; gap: 0; border-bottom: 2px solid #e5e7eb; margin-bottom: 1.5rem; }
.tab[b-y9regrxwp1] { background: none; border: none; padding: 0.75rem 1.25rem; font-size: 0.875rem; cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -2px; color: #6b7280; }
.tab.active[b-y9regrxwp1] { color: #6366f1; border-bottom-color: #6366f1; font-weight: 600; }
.tab:hover[b-y9regrxwp1] { color: #4f46e5; }

.detail-grid[b-y9regrxwp1] { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin-bottom: 1.5rem; }
.detail-item .label[b-y9regrxwp1] { display: block; font-size: 0.75rem; color: #6b7280; }
.detail-item .value[b-y9regrxwp1] { font-size: 0.95rem; font-weight: 500; }
.detail-block[b-y9regrxwp1] { background: #f9fafb; border-radius: 8px; padding: 1rem; margin-bottom: 1rem; }
.detail-block h3[b-y9regrxwp1] { font-size: 0.875rem; color: #374151; margin: 0 0 0.5rem; }
.detail-block p[b-y9regrxwp1] { margin: 0; color: #4b5563; font-size: 0.875rem; }

/* Actions */
.actions-card[b-y9regrxwp1] { background: white; border: 1px solid #e5e7eb; border-radius: 12px; padding: 1.25rem; margin-top: 1rem; }
.actions-card h3[b-y9regrxwp1] { font-size: 0.95rem; margin: 0 0 0.75rem; color: #374151; }
.action-buttons[b-y9regrxwp1] { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.btn-accept[b-y9regrxwp1] { background: #059669; color: white; border: none; border-radius: 8px; padding: 0.5rem 1rem; cursor: pointer; font-size: 0.875rem; font-weight: 500; }
.btn-accept:hover[b-y9regrxwp1] { background: #047857; }
.btn-accept:disabled[b-y9regrxwp1] { opacity: 0.6; cursor: not-allowed; }
.btn-counter[b-y9regrxwp1] { background: #f59e0b; color: white; border: none; border-radius: 8px; padding: 0.5rem 1rem; cursor: pointer; font-size: 0.875rem; font-weight: 500; }
.btn-counter:hover[b-y9regrxwp1] { background: #d97706; }
.btn-counter:disabled[b-y9regrxwp1] { opacity: 0.6; cursor: not-allowed; }
.btn-reject-btn[b-y9regrxwp1] { background: #ef4444; color: white; border: none; border-radius: 8px; padding: 0.5rem 1rem; cursor: pointer; font-size: 0.875rem; font-weight: 500; }
.btn-reject-btn:hover[b-y9regrxwp1] { background: #dc2626; }
.btn-reject-btn:disabled[b-y9regrxwp1] { opacity: 0.6; cursor: not-allowed; }

.inline-form[b-y9regrxwp1] { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #e5e7eb; }
.inline-form label[b-y9regrxwp1] { display: block; font-size: 0.8rem; font-weight: 500; color: #374151; margin-bottom: 0.25rem; }
.inline-form input[b-y9regrxwp1], .inline-form textarea[b-y9regrxwp1] { width: 100%; padding: 0.5rem 0.75rem; border: 1px solid #d1d5db; border-radius: 6px; font-size: 0.875rem; font-family: inherit; box-sizing: border-box; }
.inline-form input:focus[b-y9regrxwp1], .inline-form textarea:focus[b-y9regrxwp1] { outline: none; border-color: #6366f1; box-shadow: 0 0 0 2px rgba(99,102,241,0.15); }
.form-actions[b-y9regrxwp1] { display: flex; gap: 0.5rem; margin-top: 0.75rem; }

/* Timeline */
.timeline[b-y9regrxwp1] { position: relative; padding-left: 1.5rem; }
.timeline[b-y9regrxwp1]::before { content: ''; position: absolute; left: 6px; top: 0; bottom: 0; width: 2px; background: #e5e7eb; }
.timeline-item[b-y9regrxwp1] { position: relative; margin-bottom: 1.5rem; }
.timeline-dot[b-y9regrxwp1] { position: absolute; left: -1.5rem; top: 4px; width: 12px; height: 12px; border-radius: 50%; background: #6366f1; border: 2px solid white; }
.timeline-content[b-y9regrxwp1] { background: white; border: 1px solid #e5e7eb; border-radius: 8px; padding: 0.75rem 1rem; }
.timeline-header[b-y9regrxwp1] { display: flex; justify-content: space-between; align-items: baseline; }
.timeline-date[b-y9regrxwp1] { font-size: 0.75rem; color: #9ca3af; }
.timeline-desc[b-y9regrxwp1] { margin: 0.25rem 0 0; font-size: 0.85rem; color: #6b7280; }
.timeline-by[b-y9regrxwp1] { font-size: 0.75rem; color: #9ca3af; }

/* Documents */
.upload-card[b-y9regrxwp1] { background: white; border: 1px solid #e5e7eb; border-radius: 12px; padding: 1.25rem; margin-bottom: 1rem; }
.upload-card h3[b-y9regrxwp1] { font-size: 0.95rem; margin: 0 0 0.75rem; color: #374151; }
.upload-form .form-row[b-y9regrxwp1] { display: flex; gap: 0.75rem; margin-bottom: 0.75rem; }
.upload-form .form-group[b-y9regrxwp1] { flex: 1; }
.upload-form label[b-y9regrxwp1] { display: block; font-size: 0.8rem; font-weight: 500; color: #374151; margin-bottom: 0.25rem; }
.upload-form select[b-y9regrxwp1] { width: 100%; padding: 0.5rem 0.75rem; border: 1px solid #d1d5db; border-radius: 6px; font-size: 0.875rem; font-family: inherit; box-sizing: border-box; }
.upload-form select:focus[b-y9regrxwp1] { outline: none; border-color: #6366f1; box-shadow: 0 0 0 2px rgba(99,102,241,0.15); }
.checkbox-label[b-y9regrxwp1] { display: flex; align-items: center; gap: 0.5rem; font-size: 0.85rem; color: #374151; margin-bottom: 0.75rem; cursor: pointer; }
.checkbox-label input[type="checkbox"][b-y9regrxwp1] { width: 16px; height: 16px; accent-color: #6366f1; }

.drop-zone[b-y9regrxwp1] { position: relative; border: 2px dashed #d1d5db; border-radius: 10px; padding: 1.5rem; text-align: center; cursor: pointer; transition: border-color 0.2s, background 0.2s; margin-bottom: 0.75rem; }
.drop-zone:hover[b-y9regrxwp1] { border-color: #6366f1; background: #f5f3ff; }
.drop-zone.dragging[b-y9regrxwp1] { border-color: #6366f1; background: #ede9fe; }
.drop-zone.has-files[b-y9regrxwp1] { border-style: solid; border-color: #c7d2fe; background: #f5f3ff; padding: 1rem; }
.drop-zone[b-y9regrxwp1]  input[type="file"] { position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; height: 100%; }
.drop-zone-prompt p[b-y9regrxwp1] { margin: 0.5rem 0 0.25rem; font-size: 0.875rem; color: #6b7280; }
.drop-zone-prompt span[b-y9regrxwp1] { font-size: 0.75rem; color: #9ca3af; }
.selected-files[b-y9regrxwp1] { text-align: left; }
.selected-file[b-y9regrxwp1] { display: flex; align-items: center; gap: 0.5rem; padding: 0.35rem 0; font-size: 0.85rem; }
.selected-file .file-name[b-y9regrxwp1] { flex: 1; font-weight: 500; color: #374151; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.selected-file .file-size[b-y9regrxwp1] { color: #9ca3af; font-size: 0.75rem; flex-shrink: 0; }
.btn-remove-file[b-y9regrxwp1] { background: none; border: none; color: #ef4444; font-size: 1.1rem; cursor: pointer; padding: 0 0.25rem; line-height: 1; }
.add-more-hint[b-y9regrxwp1] { text-align: center; font-size: 0.75rem; color: #9ca3af; margin: 0.5rem 0 0; }

.upload-progress[b-y9regrxwp1] { margin-bottom: 0.75rem; }
.progress-bar[b-y9regrxwp1] { height: 6px; background: #e5e7eb; border-radius: 3px; overflow: hidden; }
.progress-fill[b-y9regrxwp1] { height: 100%; background: #6366f1; border-radius: 3px; transition: width 0.3s; }
.progress-text[b-y9regrxwp1] { font-size: 0.75rem; color: #6b7280; margin-top: 0.25rem; display: block; }

.docs-list[b-y9regrxwp1] { display: flex; flex-direction: column; gap: 0.75rem; }
.doc-card[b-y9regrxwp1] { display: flex; align-items: flex-start; background: white; border: 1px solid #e5e7eb; border-radius: 10px; padding: 1rem; gap: 0.875rem; transition: border-color 0.15s; }
.doc-card:hover[b-y9regrxwp1] { border-color: #c7d2fe; }
.doc-icon[b-y9regrxwp1] { flex-shrink: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #f9fafb; border-radius: 8px; }
.doc-details[b-y9regrxwp1] { flex: 1; min-width: 0; }
.doc-title-row[b-y9regrxwp1] { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.35rem; }
.doc-name[b-y9regrxwp1] { font-size: 0.9rem; color: #111827; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.doc-status-badge[b-y9regrxwp1] { font-size: 0.7rem; padding: 0.15rem 0.5rem; border-radius: 10px; font-weight: 500; white-space: nowrap; }
.doc-status-badge.uploaded[b-y9regrxwp1] { background: #dbeafe; color: #1d4ed8; }
.doc-status-badge.signed[b-y9regrxwp1] { background: #dcfce7; color: #15803d; }
.doc-status-badge.signaturepending[b-y9regrxwp1] { background: #fef3c7; color: #92400e; }
.doc-status-badge.pending[b-y9regrxwp1] { background: #f3f4f6; color: #6b7280; }
.doc-status-badge.approved[b-y9regrxwp1] { background: #dcfce7; color: #15803d; }
.doc-status-badge.rejected[b-y9regrxwp1] { background: #fee2e2; color: #991b1b; }
.doc-meta-row[b-y9regrxwp1] { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.35rem; flex-wrap: wrap; }
.doc-type-badge[b-y9regrxwp1] { font-size: 0.7rem; background: #f3f4f6; color: #374151; padding: 0.1rem 0.4rem; border-radius: 4px; font-weight: 500; }
.doc-file-type[b-y9regrxwp1] { font-size: 0.7rem; color: #6b7280; font-weight: 500; }
.doc-size[b-y9regrxwp1] { font-size: 0.7rem; color: #9ca3af; }
.doc-info-row[b-y9regrxwp1] { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; }
.doc-uploader[b-y9regrxwp1], .doc-date[b-y9regrxwp1], .doc-signed-date[b-y9regrxwp1] { display: flex; align-items: center; gap: 0.25rem; font-size: 0.75rem; color: #6b7280; }
.doc-signed-date[b-y9regrxwp1] { color: #16a34a; }
.doc-actions[b-y9regrxwp1] { display: flex; align-items: center; gap: 0.5rem; flex-shrink: 0; padding-top: 0.25rem; }
.btn-sm[b-y9regrxwp1] { display: flex; align-items: center; justify-content: center; background: #f3f4f6; color: #374151; border: 1px solid #e5e7eb; border-radius: 8px; padding: 0.4rem; text-decoration: none; cursor: pointer; transition: all 0.15s; }
.btn-sm:hover[b-y9regrxwp1] { background: #e5e7eb; }
.btn-download:hover[b-y9regrxwp1] { background: #dbeafe; color: #1d4ed8; border-color: #93c5fd; }
.btn-sig[b-y9regrxwp1] { background: #ede9fe; color: #7c3aed; border-color: #c4b5fd; }
.btn-sig:hover[b-y9regrxwp1] { background: #ddd6fe; }
.btn-sig:disabled[b-y9regrxwp1] { opacity: 0.5; cursor: not-allowed; }
.sig-pending-badge[b-y9regrxwp1] { font-size: 0.7rem; color: #92400e; background: #fef3c7; padding: 0.2rem 0.5rem; border-radius: 10px; white-space: nowrap; }

/* Modal */
.modal-overlay[b-y9regrxwp1] { position: fixed; inset: 0; background: rgba(0,0,0,0.4); display: flex; align-items: center; justify-content: center; z-index: 1000; }
.modal-content[b-y9regrxwp1] { background: white; border-radius: 12px; padding: 1.5rem; width: 100%; max-width: 420px; box-shadow: 0 20px 60px rgba(0,0,0,0.15); }
.modal-content h3[b-y9regrxwp1] { margin: 0 0 0.25rem; font-size: 1.1rem; }
.modal-subtitle[b-y9regrxwp1] { font-size: 0.85rem; color: #6b7280; margin: 0 0 1rem; }
.modal-content .form-group[b-y9regrxwp1] { margin-bottom: 0.75rem; }
.modal-content .form-group label[b-y9regrxwp1] { display: block; font-size: 0.8rem; font-weight: 500; color: #374151; margin-bottom: 0.25rem; }
.modal-content select[b-y9regrxwp1] { width: 100%; padding: 0.5rem 0.75rem; border: 1px solid #d1d5db; border-radius: 6px; font-size: 0.875rem; font-family: inherit; }
.modal-content .form-actions[b-y9regrxwp1] { display: flex; gap: 0.5rem; margin-top: 1rem; }

.empty-state[b-y9regrxwp1] { text-align: center; padding: 2rem; color: #9ca3af; }

@media (max-width: 640px) {
    .upload-form .form-row[b-y9regrxwp1] { flex-direction: column; }
    .doc-card[b-y9regrxwp1] { flex-direction: column; }
    .doc-actions[b-y9regrxwp1] { width: 100%; justify-content: flex-end; }
    .action-buttons[b-y9regrxwp1] { flex-direction: column; }
}
/* _content/Listico.Web/Components/Pages/Agent/Transactions.razor.rz.scp.css */
.toast-notification[b-dnjhm66ex6] { position: fixed; bottom: 2rem; right: 2rem; display: flex; align-items: center; gap: 0.75rem; padding: 1rem 1.5rem; border-radius: 0.75rem; font-size: 0.9375rem; font-weight: 500; z-index: 2000; animation: toast-slide-in-b-dnjhm66ex6 0.3s ease-out; box-shadow: 0 4px 20px rgba(0,0,0,0.15); max-width: 420px; }
.toast-notification.success[b-dnjhm66ex6] { background: #059669; color: white; }
.toast-notification.error[b-dnjhm66ex6] { background: #dc2626; color: white; }
.toast-notification.info[b-dnjhm66ex6] { background: #2563eb; color: white; }
@keyframes toast-slide-in-b-dnjhm66ex6 { from { transform: translateY(1rem); opacity: 0; } to { transform: translateY(0); opacity: 1; } }

.modal-overlay[b-dnjhm66ex6] { position: fixed; inset: 0; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 1000; padding: 1rem; }
.modal-dialog[b-dnjhm66ex6] { background: white; border-radius: 1rem; width: 100%; max-width: 480px; box-shadow: 0 20px 60px rgba(0,0,0,0.2); }
.modal-header[b-dnjhm66ex6] { display: flex; justify-content: space-between; align-items: center; padding: 1.25rem 1.5rem; border-bottom: 1px solid #e5e7eb; }
.modal-header h3[b-dnjhm66ex6] { font-size: 1.125rem; font-weight: 700; color: #1a1a2e; margin: 0; }
.modal-close[b-dnjhm66ex6] { background: none; border: none; cursor: pointer; color: #6b7280; padding: 0.25rem; border-radius: 0.375rem; }
.modal-close:hover[b-dnjhm66ex6] { color: #1a1a2e; background: #f3f4f6; }
.modal-body[b-dnjhm66ex6] { padding: 1.5rem; max-height: 60vh; overflow-y: auto; }
.modal-body .form-group[b-dnjhm66ex6] { margin-bottom: 1rem; }
.modal-body .form-group label[b-dnjhm66ex6] { display: block; font-size: 0.875rem; font-weight: 600; color: #1a1a2e; margin-bottom: 0.375rem; }
.modal-body .form-group input[b-dnjhm66ex6],
.modal-body .form-group select[b-dnjhm66ex6] { width: 100%; border: 1px solid #e5e7eb; border-radius: 0.5rem; padding: 0.625rem 0.875rem; font-size: 0.9375rem; font-family: inherit; color: #1a1a2e; box-sizing: border-box; }
.modal-body .form-group input:focus[b-dnjhm66ex6],
.modal-body .form-group select:focus[b-dnjhm66ex6] { outline: none; border-color: #083169; }
.modal-body .form-error[b-dnjhm66ex6] { padding: 0.625rem 0.875rem; background: rgba(220,38,38,0.05); border: 1px solid rgba(220,38,38,0.2); border-radius: 0.5rem; color: #dc2626; font-size: 0.875rem; }
.modal-footer[b-dnjhm66ex6] { display: flex; justify-content: flex-end; gap: 0.75rem; padding: 1rem 1.5rem; border-top: 1px solid #e5e7eb; }

/* Dark Mode */
[data-theme="dark"] .toast-notification.info[b-dnjhm66ex6] { background: #1e40af; }
[data-theme="dark"] .modal-dialog[b-dnjhm66ex6] { background: #1e293b; }
[data-theme="dark"] .modal-header[b-dnjhm66ex6] { border-color: #334155; }
[data-theme="dark"] .modal-header h3[b-dnjhm66ex6] { color: #e2e8f0; }
[data-theme="dark"] .modal-close[b-dnjhm66ex6] { color: #94a3b8; }
[data-theme="dark"] .modal-close:hover[b-dnjhm66ex6] { color: #e2e8f0; background: #334155; }
[data-theme="dark"] .modal-body[b-dnjhm66ex6] { color: #e2e8f0; }
[data-theme="dark"] .modal-body .form-group label[b-dnjhm66ex6] { color: #e2e8f0; }
[data-theme="dark"] .modal-body .form-group input[b-dnjhm66ex6],
[data-theme="dark"] .modal-body .form-group select[b-dnjhm66ex6] { background: #0f172a; color: #e2e8f0; border-color: #334155; }
[data-theme="dark"] .modal-body .form-group input:focus[b-dnjhm66ex6],
[data-theme="dark"] .modal-body .form-group select:focus[b-dnjhm66ex6] { border-color: #3b82f6; }
[data-theme="dark"] .modal-body .form-error[b-dnjhm66ex6] { background: rgba(220,38,38,0.1); border-color: rgba(220,38,38,0.3); }
[data-theme="dark"] .modal-footer[b-dnjhm66ex6] { border-color: #334155; }
/* _content/Listico.Web/Components/Pages/Agents/Team.razor.rz.scp.css */
.team-page[b-0e9mlqv0b8] { max-width: 1000px; margin: 0 auto; padding: 2rem 1rem; }
.team-page-loading[b-0e9mlqv0b8], .team-page-empty[b-0e9mlqv0b8] { text-align: center; padding: 3rem; color: #6b7280; }

.team-header[b-0e9mlqv0b8] {
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 0.75rem;
padding: 1.5rem;
margin-bottom: 2rem;
}
.team-header-inner[b-0e9mlqv0b8] { display: flex; align-items: center; gap: 1.25rem; margin-bottom: 1rem; }
.team-agency-logo[b-0e9mlqv0b8] { width: 72px; height: 72px; border-radius: 0.5rem; object-fit: cover; }
.team-agency-info h1[b-0e9mlqv0b8] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.team-agency-location[b-0e9mlqv0b8] { color: #6b7280; font-size: 0.875rem; margin: 0.25rem 0 0; }
.team-agency-desc[b-0e9mlqv0b8] { color: #4b5563; font-size: 0.875rem; margin: 0.5rem 0 0; max-width: 600px; }

.team-stats[b-0e9mlqv0b8] { display: flex; gap: 2rem; }
.team-stat[b-0e9mlqv0b8] { text-align: center; }
.team-stat-val[b-0e9mlqv0b8] { font-size: 1.25rem; font-weight: 700; color: #111827; display: block; }
.team-stat-label[b-0e9mlqv0b8] { font-size: 0.75rem; color: #6b7280; }

.team-section-title[b-0e9mlqv0b8] { font-size: 1.125rem; font-weight: 600; margin-bottom: 1rem; }

.team-grid[b-0e9mlqv0b8] {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 1rem;
}

.team-member-card[b-0e9mlqv0b8] {
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 0.75rem;
padding: 1.25rem;
text-align: center;
text-decoration: none;
color: inherit;
transition: box-shadow 0.2s;
}
.team-member-card:hover[b-0e9mlqv0b8] { box-shadow: 0 4px 12px rgba(0,0,0,0.08); }

.team-member-avatar[b-0e9mlqv0b8] {
width: 64px;
height: 64px;
border-radius: 50%;
margin: 0 auto 0.75rem;
overflow: hidden;
background: #dbeafe;
display: flex;
align-items: center;
justify-content: center;
}
.team-member-avatar img[b-0e9mlqv0b8] { width: 100%; height: 100%; object-fit: cover; }
.team-member-initials[b-0e9mlqv0b8] { font-size: 1.25rem; font-weight: 600; color: #2563eb; }

.team-member-card h3[b-0e9mlqv0b8] { font-size: 0.9375rem; font-weight: 600; margin: 0 0 0.125rem; }
.team-member-title[b-0e9mlqv0b8] { color: #6b7280; font-size: 0.8125rem; margin: 0 0 0.5rem; }
.team-member-meta[b-0e9mlqv0b8] { display: flex; gap: 0.75rem; justify-content: center; font-size: 0.75rem; color: #6b7280; }

.team-back[b-0e9mlqv0b8] { margin-top: 2rem; text-align: center; }
.team-back a[b-0e9mlqv0b8] { color: #2563eb; text-decoration: none; font-size: 0.875rem; }
.team-back a:hover[b-0e9mlqv0b8] { text-decoration: underline; }

@media (max-width: 640px) {
.team-header-inner[b-0e9mlqv0b8] { flex-direction: column; text-align: center; }
.team-stats[b-0e9mlqv0b8] { justify-content: center; }
}
/* _content/Listico.Web/Components/Pages/Auth/AuthCallback.razor.rz.scp.css */
.auth-callback-container[b-fqscxm1hfb] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-color: var(--color-background);
}

.auth-callback-spinner[b-fqscxm1hfb] {
    text-align: center;
}

.auth-callback-spinner .spinner[b-fqscxm1hfb] {
    width: 48px;
    height: 48px;
    border: 4px solid var(--color-border);
    border-top-color: var(--color-primary);
    border-radius: 50%;
    animation: spin-b-fqscxm1hfb 1s linear infinite;
    margin: 0 auto 16px;
}

.auth-callback-error[b-fqscxm1hfb] {
    text-align: center;
    padding: 24px;
    background: var(--color-surface);
    border-radius: 8px;
    box-shadow: var(--shadow-lg);
}

.auth-callback-error p[b-fqscxm1hfb] {
    color: var(--color-error);
    margin-bottom: 16px;
}

@keyframes spin-b-fqscxm1hfb {
    to { transform: rotate(360deg); }
}
/* _content/Listico.Web/Components/Pages/Lawyer/Cases.razor.rz.scp.css */
    .cases-page[b-tbg7cio4sv] { padding: 0; }
    .page-header-section[b-tbg7cio4sv] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; }
    .page-title h1[b-tbg7cio4sv] { font-size: 1.5rem; font-weight: 700; margin: 0; }
    .page-title p[b-tbg7cio4sv] { color: #6b7280; margin: 0.25rem 0 0; font-size: 0.875rem; }
    .btn-primary[b-tbg7cio4sv] { background: #2563eb; color: white; border: none; padding: 0.5rem 1rem; border-radius: 0.5rem; cursor: pointer; display: flex; align-items: center; gap: 0.5rem; font-size: 0.875rem; font-weight: 500; }
    .btn-primary:hover[b-tbg7cio4sv] { background: #1d4ed8; }
    .btn-primary:disabled[b-tbg7cio4sv] { opacity: 0.6; cursor: not-allowed; }
    .btn-secondary[b-tbg7cio4sv] { background: #f3f4f6; color: #374151; border: 1px solid #d1d5db; padding: 0.5rem 1rem; border-radius: 0.5rem; cursor: pointer; font-size: 0.875rem; }
    .btn-sm[b-tbg7cio4sv] { padding: 0.25rem 0.75rem; font-size: 0.8rem; border-radius: 0.375rem; background: #2563eb; color: white; border: none; cursor: pointer; }

    .stats-bar[b-tbg7cio4sv] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: 1.5rem; }
    .stat-card[b-tbg7cio4sv] { background: white; border: 1px solid #e5e7eb; border-radius: 0.75rem; padding: 1rem; text-align: center; }
    .stat-value[b-tbg7cio4sv] { font-size: 1.5rem; font-weight: 700; color: #111827; display: block; }
    .stat-label[b-tbg7cio4sv] { font-size: 0.75rem; color: #6b7280; }

    .filters-row[b-tbg7cio4sv] { display: flex; gap: 0.75rem; margin-bottom: 1.5rem; }
    .filter-select[b-tbg7cio4sv] { padding: 0.5rem; border: 1px solid #d1d5db; border-radius: 0.5rem; font-size: 0.875rem; background: white; }

    .loading-state[b-tbg7cio4sv], .empty-state[b-tbg7cio4sv] { text-align: center; padding: 3rem; color: #6b7280; }
    .spinner[b-tbg7cio4sv] { width: 2rem; height: 2rem; border: 3px solid #e5e7eb; border-top-color: #2563eb; border-radius: 50%; animation: spin-b-tbg7cio4sv 0.8s linear infinite; margin: 0 auto 1rem; }
    @keyframes spin-b-tbg7cio4sv { to { transform: rotate(360deg); } }
    .empty-state h3[b-tbg7cio4sv] { margin: 1rem 0 0.5rem; color: #374151; }

    .cases-grid[b-tbg7cio4sv] { display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 1rem; }
    .case-card[b-tbg7cio4sv] { background: white; border: 1px solid #e5e7eb; border-radius: 0.75rem; padding: 1.25rem; cursor: pointer; transition: box-shadow 0.2s; }
    .case-card:hover[b-tbg7cio4sv] { box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
    .case-header[b-tbg7cio4sv] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem; }
    .case-number[b-tbg7cio4sv] { font-size: 0.75rem; color: #6b7280; font-family: monospace; }
    .case-title[b-tbg7cio4sv] { font-size: 1rem; font-weight: 600; margin: 0 0 0.5rem; color: #111827; }
    .case-desc[b-tbg7cio4sv] { font-size: 0.8rem; color: #6b7280; margin: 0 0 0.75rem; line-height: 1.4; }
    .case-meta[b-tbg7cio4sv] { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 0.75rem; }
    .meta-item[b-tbg7cio4sv] { display: flex; align-items: center; gap: 0.25rem; font-size: 0.75rem; color: #6b7280; }
    .case-footer[b-tbg7cio4sv] { display: flex; justify-content: space-between; align-items: center; font-size: 0.75rem; color: #9ca3af; border-top: 1px solid #f3f4f6; padding-top: 0.75rem; }
    .fee[b-tbg7cio4sv] { font-weight: 600; color: #059669; }

    .status-badge[b-tbg7cio4sv] { padding: 0.2rem 0.6rem; border-radius: 999px; font-size: 0.7rem; font-weight: 500; }
    .status-open[b-tbg7cio4sv] { background: #dbeafe; color: #1d4ed8; }
    .status-inprogress[b-tbg7cio4sv] { background: #fef3c7; color: #92400e; }
    .status-pendingdocuments[b-tbg7cio4sv] { background: #fce7f3; color: #9d174d; }
    .status-underreview[b-tbg7cio4sv] { background: #e0e7ff; color: #3730a3; }
    .status-completed[b-tbg7cio4sv] { background: #d1fae5; color: #065f46; }
    .status-closed[b-tbg7cio4sv] { background: #f3f4f6; color: #6b7280; }
    .status-onhold[b-tbg7cio4sv] { background: #fed7aa; color: #9a3412; }
    .type-badge[b-tbg7cio4sv] { padding: 0.2rem 0.6rem; border-radius: 999px; font-size: 0.7rem; font-weight: 500; background: #f3f4f6; color: #374151; }

    .modal-overlay[b-tbg7cio4sv] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 1000; }
    .modal-content[b-tbg7cio4sv] { background: white; border-radius: 0.75rem; width: 90%; max-width: 600px; max-height: 85vh; overflow-y: auto; }
    .modal-lg[b-tbg7cio4sv] { max-width: 800px; }
    .modal-header[b-tbg7cio4sv] { display: flex; justify-content: space-between; align-items: flex-start; padding: 1.25rem; border-bottom: 1px solid #e5e7eb; }
    .modal-header h2[b-tbg7cio4sv] { font-size: 1.25rem; font-weight: 600; margin: 0; }
    .modal-close[b-tbg7cio4sv] { background: none; border: none; font-size: 1.5rem; cursor: pointer; color: #6b7280; }
    .modal-body[b-tbg7cio4sv] { padding: 1.25rem; }
    .modal-footer[b-tbg7cio4sv] { display: flex; justify-content: flex-end; gap: 0.75rem; padding: 1rem 1.25rem; border-top: 1px solid #e5e7eb; }

    .form-group[b-tbg7cio4sv] { margin-bottom: 1rem; }
    .form-group label[b-tbg7cio4sv] { display: block; font-size: 0.8rem; font-weight: 500; color: #374151; margin-bottom: 0.25rem; }
    .form-group input[b-tbg7cio4sv], .form-group textarea[b-tbg7cio4sv], .form-group select[b-tbg7cio4sv] { width: 100%; padding: 0.5rem; border: 1px solid #d1d5db; border-radius: 0.5rem; font-size: 0.875rem; box-sizing: border-box; }
    .form-row[b-tbg7cio4sv] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }

    .detail-grid[b-tbg7cio4sv] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; margin-bottom: 1.25rem; }
    .detail-item label[b-tbg7cio4sv] { font-size: 0.75rem; color: #6b7280; display: block; }
    .detail-item span[b-tbg7cio4sv] { font-size: 0.875rem; font-weight: 500; }
    .detail-section[b-tbg7cio4sv] { margin-bottom: 1.25rem; }
    .detail-section h4[b-tbg7cio4sv] { font-size: 0.9rem; font-weight: 600; margin: 0 0 0.5rem; }
    .section-header[b-tbg7cio4sv] { display: flex; justify-content: space-between; align-items: center; }

    .documents-list[b-tbg7cio4sv] { display: flex; flex-direction: column; gap: 0.5rem; }
    .document-item[b-tbg7cio4sv] { display: flex; align-items: center; gap: 0.75rem; padding: 0.5rem; background: #f9fafb; border-radius: 0.5rem; }
    .doc-info[b-tbg7cio4sv] { flex: 1; }
    .doc-name[b-tbg7cio4sv] { font-size: 0.875rem; font-weight: 500; display: block; }
    .doc-meta[b-tbg7cio4sv] { font-size: 0.7rem; color: #9ca3af; }
    .text-muted[b-tbg7cio4sv] { color: #9ca3af; font-size: 0.875rem; }

    .status-update-row[b-tbg7cio4sv] { display: flex; gap: 0.75rem; align-items: center; }

    .alert[b-tbg7cio4sv] { padding: 0.75rem; border-radius: 0.5rem; font-size: 0.875rem; margin-top: 0.5rem; }
    .alert-error[b-tbg7cio4sv] { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }

    @media (max-width: 768px) {
        .stats-bar[b-tbg7cio4sv] { grid-template-columns: repeat(2, 1fr); }
        .cases-grid[b-tbg7cio4sv] { grid-template-columns: 1fr; }
        .filters-row[b-tbg7cio4sv] { flex-wrap: wrap; }
        .detail-grid[b-tbg7cio4sv] { grid-template-columns: 1fr; }
        .form-row[b-tbg7cio4sv] { grid-template-columns: 1fr; }
    }
/* _content/Listico.Web/Components/Pages/Marketing/SharedMaterial.razor.rz.scp.css */
    .shared-material-page[b-3y113zmeom] { max-width: 1100px; margin: 2rem auto; padding: 0 1.5rem; }
    .shared-loading[b-3y113zmeom], .shared-not-found[b-3y113zmeom] { text-align: center; padding: 4rem 1rem; color: #6b7280; }
    .shared-not-found h2[b-3y113zmeom] { margin: 1rem 0 0.5rem; color: #1a1a2e; }
    .shared-not-found svg[b-3y113zmeom] { color: #d1d5db; }
    .shared-content[b-3y113zmeom] { display: grid; grid-template-columns: 1fr 380px; gap: 2rem; align-items: start; }

    /* Preview */
    .shared-preview[b-3y113zmeom] { background: #f3f4f6; border-radius: 1rem; overflow: hidden; min-height: 400px; display: flex; align-items: center; justify-content: center; }
    .shared-image[b-3y113zmeom] { width: 100%; height: auto; display: block; }
    .shared-pdf-container[b-3y113zmeom] { width: 100%; height: 600px; position: relative; }
    .shared-pdf[b-3y113zmeom] { width: 100%; height: 100%; border: none; }
    .shared-pdf-fallback[b-3y113zmeom] { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.75rem; color: #6b7280; background: #f3f4f6; }
    .shared-pdf-container:has(embed[type]) .shared-pdf-fallback[b-3y113zmeom] { display: none; }
    .shared-preview-empty[b-3y113zmeom] { text-align: center; color: #9ca3af; padding: 2rem; }
    .shared-preview-empty p[b-3y113zmeom] { margin-top: 0.5rem; }
    .btn-sm-shared[b-3y113zmeom] { display: inline-block; padding: 0.5rem 1.25rem; background: #083169; color: white; border-radius: 0.5rem; text-decoration: none; font-weight: 600; font-size: 0.875rem; }

    /* Info section */
    .shared-type-badge[b-3y113zmeom] { display: inline-block; background: #EEF2FF; color: #083169; padding: 0.25rem 0.75rem; border-radius: 1rem; font-size: 0.8125rem; font-weight: 600; margin-bottom: 0.5rem; }
    .shared-details h1[b-3y113zmeom] { font-size: 1.5rem; color: #1a1a2e; margin: 0 0 0.5rem; }
    .shared-description[b-3y113zmeom] { color: #6b7280; line-height: 1.6; margin-bottom: 1rem; }
    .btn-download[b-3y113zmeom] { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.75rem 1.5rem; background: #083169; color: white; border-radius: 0.5rem; text-decoration: none; font-weight: 600; font-size: 0.9375rem; border: none; cursor: pointer; }
    .btn-download:hover[b-3y113zmeom] { background: #0a4a9e; }

    /* Card links */
    .shared-card-link[b-3y113zmeom] { display: block; text-decoration: none; color: inherit; transition: box-shadow 0.2s, transform 0.2s; cursor: pointer; }
    .shared-card-link:hover[b-3y113zmeom] { box-shadow: 0 4px 16px rgba(0,0,0,0.1); transform: translateY(-2px); }
    .shared-card-cta[b-3y113zmeom] { display: block; margin-top: 0.75rem; font-size: 0.8125rem; font-weight: 600; color: #083169; }

    /* Property card */
    .shared-property-card[b-3y113zmeom], .shared-agent-card[b-3y113zmeom] { background: white; border: 1px solid #e5e7eb; border-radius: 1rem; padding: 1.25rem; margin-top: 1.25rem; }
    .shared-property-card h3[b-3y113zmeom] { font-size: 0.8125rem; text-transform: uppercase; letter-spacing: 0.05em; color: #9ca3af; margin: 0 0 0.75rem; }
    .shared-property-img[b-3y113zmeom] { width: 100%; height: 160px; object-fit: cover; border-radius: 0.5rem; margin-bottom: 0.75rem; }
    .shared-property-card h4[b-3y113zmeom] { margin: 0 0 0.25rem; color: #1a1a2e; font-size: 1.05rem; }
    .shared-address[b-3y113zmeom] { color: #6b7280; font-size: 0.875rem; margin: 0 0 0.5rem; }
    .shared-price[b-3y113zmeom] { font-size: 1.25rem; font-weight: 700; color: #083169; margin: 0 0 0.75rem; }
    .shared-property-stats[b-3y113zmeom] { display: flex; gap: 1rem; font-size: 0.875rem; color: #6b7280; }

    /* Agent card */
    .shared-agent-header[b-3y113zmeom] { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.75rem; }
    .shared-agent-avatar[b-3y113zmeom] { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }
    .shared-agent-avatar-placeholder[b-3y113zmeom] { width: 48px; height: 48px; border-radius: 50%; background: #083169; color: white; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 1.25rem; }
    .shared-agent-header h4[b-3y113zmeom] { margin: 0; color: #1a1a2e; }
    .shared-agency[b-3y113zmeom] { font-size: 0.8125rem; color: #6b7280; }
    .shared-agent-contact[b-3y113zmeom] { display: flex; flex-direction: column; gap: 0.25rem; }
    .shared-agent-contact span[b-3y113zmeom] { color: #6b7280; font-size: 0.875rem; }

    @media (max-width: 768px) {
        .shared-content[b-3y113zmeom] { grid-template-columns: 1fr; }
        .shared-pdf-container[b-3y113zmeom] { height: 400px; }
    }
/* _content/Listico.Web/Components/Pages/Neighborhood/Compare.razor.rz.scp.css */
    /* ===== Page Layout ===== */
    .compare-page[b-jedzndrfkw] {
        min-height: 100vh;
        background: #f8f9fb;
        font-family: 'DM Sans', sans-serif;
    }

    .compare-container[b-jedzndrfkw] {
        max-width: 1200px;
        margin: 0 auto;
        padding: 2rem 1.5rem;
    }

    /* ===== Header ===== */
    .compare-header[b-jedzndrfkw] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 2rem;
        gap: 1rem;
    }

    .compare-header h1[b-jedzndrfkw] {
        font-size: 1.75rem;
        font-weight: 700;
        color: #1a1a2e;
        margin: 0 0 0.25rem 0;
    }

    .compare-header p[b-jedzndrfkw] {
        color: #6b7280;
        font-size: 0.95rem;
        margin: 0;
    }

    .back-link[b-jedzndrfkw] {
        display: inline-flex;
        align-items: center;
        gap: 0.375rem;
        color: #4f46e5;
        text-decoration: none;
        font-size: 0.875rem;
        font-weight: 500;
        padding: 0.5rem 0.75rem;
        border-radius: 8px;
        transition: background 0.15s;
        white-space: nowrap;
    }

    .back-link:hover[b-jedzndrfkw] {
        background: #eef2ff;
    }

    /* ===== Location Inputs ===== */
    .locations-section[b-jedzndrfkw] {
        margin-bottom: 2rem;
    }

    .locations-grid[b-jedzndrfkw] {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
        gap: 1rem;
        margin-bottom: 1.25rem;
    }

    .location-card[b-jedzndrfkw] {
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        padding: 1rem;
        transition: box-shadow 0.15s;
    }

    .location-card:hover[b-jedzndrfkw] {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    }

    .location-card-header[b-jedzndrfkw] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin-bottom: 0.75rem;
    }

    .location-number[b-jedzndrfkw] {
        width: 24px;
        height: 24px;
        background: #4f46e5;
        color: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.75rem;
        font-weight: 700;
        flex-shrink: 0;
    }

    .location-label[b-jedzndrfkw] {
        font-weight: 600;
        color: #374151;
        font-size: 0.875rem;
        flex: 1;
    }

    .btn-remove[b-jedzndrfkw] {
        background: none;
        border: none;
        color: #9ca3af;
        cursor: pointer;
        padding: 4px;
        border-radius: 4px;
        display: flex;
        align-items: center;
        transition: color 0.15s, background 0.15s;
    }

    .btn-remove:hover[b-jedzndrfkw] {
        color: #ef4444;
        background: #fef2f2;
    }

    .location-inputs[b-jedzndrfkw] {
        display: flex;
        flex-direction: column;
        gap: 0.625rem;
    }

    .form-group[b-jedzndrfkw] {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
    }

    .form-group label[b-jedzndrfkw] {
        font-size: 0.75rem;
        font-weight: 500;
        color: #6b7280;
        text-transform: uppercase;
        letter-spacing: 0.025em;
    }

    .form-group input[b-jedzndrfkw] {
        padding: 0.5rem 0.75rem;
        border: 1px solid #d1d5db;
        border-radius: 8px;
        font-size: 0.875rem;
        font-family: 'DM Sans', sans-serif;
        color: #1f2937;
        transition: border-color 0.15s, box-shadow 0.15s;
        background: #fff;
    }

    .form-group input:focus[b-jedzndrfkw] {
        outline: none;
        border-color: #4f46e5;
        box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
    }

    .form-group input[b-jedzndrfkw]::placeholder {
        color: #9ca3af;
    }

    .form-row[b-jedzndrfkw] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.5rem;
    }

    .add-location-card[b-jedzndrfkw] {
        background: #fff;
        border: 2px dashed #d1d5db;
        border-radius: 12px;
        padding: 2rem 1rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        color: #6b7280;
        cursor: pointer;
        transition: border-color 0.15s, color 0.15s, background 0.15s;
        font-family: 'DM Sans', sans-serif;
        font-size: 0.875rem;
        font-weight: 500;
        min-height: 160px;
    }

    .add-location-card:hover[b-jedzndrfkw] {
        border-color: #4f46e5;
        color: #4f46e5;
        background: #fafafe;
    }

    /* ===== Compare Actions ===== */
    .compare-actions[b-jedzndrfkw] {
        display: flex;
        justify-content: center;
    }

    .btn-compare[b-jedzndrfkw] {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.75rem 2rem;
        background: #4f46e5;
        color: #fff;
        border: none;
        border-radius: 10px;
        font-size: 0.95rem;
        font-weight: 600;
        font-family: 'DM Sans', sans-serif;
        cursor: pointer;
        transition: background 0.15s, transform 0.1s;
    }

    .btn-compare:hover:not(:disabled)[b-jedzndrfkw] {
        background: #4338ca;
        transform: translateY(-1px);
    }

    .btn-compare:disabled[b-jedzndrfkw] {
        opacity: 0.65;
        cursor: not-allowed;
    }

    .spinner-small[b-jedzndrfkw] {
        width: 18px;
        height: 18px;
        border: 2px solid rgba(255, 255, 255, 0.3);
        border-top-color: #fff;
        border-radius: 50%;
        animation: spin-b-jedzndrfkw 0.6s linear infinite;
    }

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

    /* ===== Error Banner ===== */
    .error-banner[b-jedzndrfkw] {
        display: flex;
        align-items: center;
        gap: 0.625rem;
        padding: 0.875rem 1.25rem;
        background: #fef2f2;
        border: 1px solid #fecaca;
        border-radius: 10px;
        color: #991b1b;
        font-size: 0.875rem;
        margin-bottom: 1.5rem;
    }

    .error-banner svg[b-jedzndrfkw] {
        flex-shrink: 0;
        color: #ef4444;
    }

    /* ===== Comparison Results ===== */
    .comparison-results[b-jedzndrfkw] {
        margin-top: 1rem;
    }

    .comparison-results h2[b-jedzndrfkw] {
        font-size: 1.25rem;
        font-weight: 700;
        color: #1a1a2e;
        margin: 0 0 1.25rem 0;
    }

    .comparison-table-wrapper[b-jedzndrfkw] {
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        overflow-x: auto;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    }

    .comparison-table[b-jedzndrfkw] {
        width: 100%;
        border-collapse: collapse;
        font-size: 0.875rem;
    }

    .comparison-table thead[b-jedzndrfkw] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .comparison-table th[b-jedzndrfkw] {
        padding: 1rem;
        text-align: center;
        background: #f9fafb;
        border-bottom: 2px solid #e5e7eb;
        white-space: nowrap;
    }

    .metric-header[b-jedzndrfkw] {
        text-align: left !important;
        font-weight: 600;
        color: #374151;
        min-width: 180px;
    }

    .neighborhood-header[b-jedzndrfkw] {
        min-width: 150px;
    }

    .nh-name[b-jedzndrfkw] {
        font-weight: 700;
        color: #1a1a2e;
        font-size: 0.9rem;
    }

    .nh-location[b-jedzndrfkw] {
        font-weight: 400;
        color: #6b7280;
        font-size: 0.8rem;
        margin-top: 0.125rem;
    }

    /* Section Header Rows */
    .section-header-row td[b-jedzndrfkw] {
        padding: 0.625rem 1rem;
        background: #f3f4f6;
        font-weight: 700;
        font-size: 0.8rem;
        color: #4b5563;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        border-top: 1px solid #e5e7eb;
        border-bottom: 1px solid #e5e7eb;
    }

    .section-header-row td[b-jedzndrfkw] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .section-header-row td svg[b-jedzndrfkw] {
        color: #6b7280;
    }

    /* Data Rows */
    .comparison-table tbody tr:not(.section-header-row)[b-jedzndrfkw] {
        border-bottom: 1px solid #f3f4f6;
        transition: background 0.1s;
    }

    .comparison-table tbody tr:not(.section-header-row):hover[b-jedzndrfkw] {
        background: #fafbfc;
    }

    .metric-name[b-jedzndrfkw] {
        padding: 0.75rem 1rem;
        font-weight: 500;
        color: #374151;
        text-align: left;
    }

    .metric-value[b-jedzndrfkw] {
        padding: 0.75rem 1rem;
        text-align: center;
        font-weight: 500;
        color: #1f2937;
        position: relative;
    }

    .metric-note[b-jedzndrfkw] {
        display: block;
        font-size: 0.7rem;
        color: #9ca3af;
        font-weight: 400;
        margin-top: 0.125rem;
    }

    /* Best/Worst Value Highlighting */
    .best-value[b-jedzndrfkw] {
        background: #f0fdf4;
    }

    .best-value[b-jedzndrfkw]::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 3px;
        background: #22c55e;
    }

    .worst-value[b-jedzndrfkw] {
        background: #fff7ed;
    }

    /* Score Badges */
    .score-badge[b-jedzndrfkw] {
        display: inline-block;
        padding: 0.25rem 0.75rem;
        border-radius: 20px;
        font-weight: 700;
        font-size: 0.85rem;
        min-width: 40px;
    }

    .score-good .score-badge[b-jedzndrfkw] {
        background: #dcfce7;
        color: #166534;
    }

    .score-average .score-badge[b-jedzndrfkw] {
        background: #fef9c3;
        color: #854d0e;
    }

    .score-poor .score-badge[b-jedzndrfkw] {
        background: #fee2e2;
        color: #991b1b;
    }

    /* Grade Badges */
    .grade-badge[b-jedzndrfkw] {
        display: inline-block;
        padding: 0.25rem 0.75rem;
        border-radius: 8px;
        font-weight: 700;
        font-size: 0.9rem;
        min-width: 32px;
    }

    .grade-a[b-jedzndrfkw] {
        background: #dcfce7;
        color: #166534;
    }

    .grade-b[b-jedzndrfkw] {
        background: #dbeafe;
        color: #1e40af;
    }

    .grade-c[b-jedzndrfkw] {
        background: #fef9c3;
        color: #854d0e;
    }

    .grade-d[b-jedzndrfkw] {
        background: #fed7aa;
        color: #9a3412;
    }

    .grade-f[b-jedzndrfkw] {
        background: #fee2e2;
        color: #991b1b;
    }

    .no-data[b-jedzndrfkw] {
        color: #9ca3af;
        font-style: italic;
    }

    /* ===== Responsive ===== */
    @media (max-width: 768px) {
        .compare-container[b-jedzndrfkw] {
            padding: 1rem;
        }

        .compare-header[b-jedzndrfkw] {
            flex-direction: column;
        }

        .compare-header h1[b-jedzndrfkw] {
            font-size: 1.375rem;
        }

        .locations-grid[b-jedzndrfkw] {
            grid-template-columns: 1fr;
        }

        .comparison-table-wrapper[b-jedzndrfkw] {
            border-radius: 8px;
        }

        .metric-header[b-jedzndrfkw] {
            min-width: 130px;
        }

        .neighborhood-header[b-jedzndrfkw] {
            min-width: 120px;
        }

        .comparison-table th[b-jedzndrfkw],
        .metric-name[b-jedzndrfkw],
        .metric-value[b-jedzndrfkw] {
            padding: 0.625rem 0.75rem;
        }

        .btn-compare[b-jedzndrfkw] {
            width: 100%;
            justify-content: center;
        }
    }

    @media (max-width: 480px) {
        .compare-header h1[b-jedzndrfkw] {
            font-size: 1.25rem;
        }

        .form-row[b-jedzndrfkw] {
            grid-template-columns: 1fr;
        }

        .section-header-row td[b-jedzndrfkw] {
            font-size: 0.7rem;
        }
    }
/* _content/Listico.Web/Components/Pages/Properties/Shared/PropertyComparables.razor.rz.scp.css */
.comparable-filters[b-wqgtqb8bve] {
    display: flex;
    gap: 1rem;
    align-items: flex-end;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}
.comparable-filters .filter-group[b-wqgtqb8bve] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
.comparable-filters .filter-group label[b-wqgtqb8bve] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.comparable-filters .filter-group select[b-wqgtqb8bve] {
    padding: 0.45rem 0.75rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    font-size: 0.85rem;
    font-family: inherit;
    background: #fff;
    color: #1a1a2e;
    cursor: pointer;
    min-width: 140px;
}
.comparable-filters .filter-group select:focus[b-wqgtqb8bve] {
    outline: none;
    border-color: #083169;
    box-shadow: 0 0 0 2px rgba(8,49,105,0.1);
}
.filter-loading[b-wqgtqb8bve] {
    display: flex;
    align-items: center;
    padding-bottom: 0.35rem;
}
.comparable-detail-table-wrapper[b-wqgtqb8bve] {
    margin-top: 0.5rem;
}
.comparable-detail-table[b-wqgtqb8bve] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
}
.comparable-detail-table th[b-wqgtqb8bve],
.comparable-detail-table td[b-wqgtqb8bve] {
    padding: 0.6rem 0.75rem;
    text-align: left;
    border-bottom: 1px solid #f3f4f6;
    white-space: nowrap;
}
.comparable-detail-table th[b-wqgtqb8bve] {
    font-weight: 600;
    color: #6b7280;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    background: #f9fafb;
    position: sticky;
    top: 0;
}
.sortable-th[b-wqgtqb8bve] {
    cursor: pointer;
    user-select: none;
}
.sortable-th:hover[b-wqgtqb8bve] {
    color: #083169;
    background: #eff6ff;
}
.comparable-detail-table tbody tr:hover[b-wqgtqb8bve] {
    background: #f9fafb;
}
.comparable-detail-table .cma-address[b-wqgtqb8bve] {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* _content/Listico.Web/Components/Pages/Properties/Shared/PropertyMap.razor.rz.scp.css */
.map-view-tabs[b-wac59lt7sh] {
    display: flex;
    gap: 0;
    margin-bottom: 0;
}
.map-view-tab[b-wac59lt7sh] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0.5rem 1.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    border: 1px solid #F3F3F3;
    border-bottom: none;
    background: #FAFAFA;
    color: #9A9A9A;
    cursor: pointer;
    border-radius: 12px 12px 0 0;
    transition: background 0.15s, color 0.15s;
    position: relative;
}
.map-view-tab:first-child[b-wac59lt7sh] { margin-right: 4px; }
.map-view-tab:hover:not(:disabled)[b-wac59lt7sh] { background: #F3F3F3; color: #212121; }
.map-view-tab.active[b-wac59lt7sh] {
    background: #fff;
    color: #083169;
    font-weight: 600;
    border-color: #F3F3F3;
    z-index: 1;
}
.map-view-tab:disabled[b-wac59lt7sh] {
    opacity: 0.6;
    cursor: not-allowed;
}
.tab-loading-dot[b-wac59lt7sh] {
    width: 6px;
    height: 6px;
    background: #9ca3af;
    border-radius: 50%;
    animation: tab-pulse-b-wac59lt7sh 1.2s infinite ease-in-out;
    margin-left: 2px;
}
.map-view-tab:not(:disabled) .tab-loading-dot[b-wac59lt7sh] { display: none; }
@keyframes tab-pulse-b-wac59lt7sh {
    0%, 100% { opacity: 0.3; transform: scale(0.8); }
    50% { opacity: 1; transform: scale(1); }
}
.detail-map-spinner[b-wac59lt7sh] {
    width: 32px;
    height: 32px;
    border: 3px solid #e5e7eb;
    border-top-color: #083169;
    border-radius: 50%;
    animation: map-spin-b-wac59lt7sh 0.8s linear infinite;
}
@keyframes map-spin-b-wac59lt7sh { to { transform: rotate(360deg); } }

/* Map Controls Panel */
.map-controls-wrapper[b-wac59lt7sh] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    z-index: 10;
}
.map-layers-btn[b-wac59lt7sh] {
    width: 36px;
    height: 36px;
    background: white;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
    transition: all 0.15s;
}
.map-layers-btn:hover[b-wac59lt7sh] { background: #f3f4f6; }
.map-layers-btn.active[b-wac59lt7sh] {
    background: var(--primary-blue, #083169);
    color: white;
    border-color: var(--primary-blue, #083169);
}
.map-layers-panel[b-wac59lt7sh] {
    position: absolute;
    right: 0;
    top: calc(100% + 0.5rem);
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.18);
    padding: 0.875rem;
    min-width: 260px;
    animation: layerPanelIn-b-wac59lt7sh 0.15s ease-out;
}
@keyframes layerPanelIn-b-wac59lt7sh {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}
.map-layers-panel-header[b-wac59lt7sh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.625rem;
}
.map-layers-panel-header span[b-wac59lt7sh] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #1a1a2e;
}
.map-layers-close[b-wac59lt7sh] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: none;
    color: #6b7280;
    cursor: pointer;
    border-radius: 4px;
    padding: 0;
}
.map-layers-close:hover[b-wac59lt7sh] { background: #f3f4f6; color: #1a1a2e; }
.map-layers-divider[b-wac59lt7sh] {
    height: 1px;
    background: #e5e7eb;
    margin: 0.75rem 0;
}

/* Map Type Grid */
.map-type-grid[b-wac59lt7sh] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5rem;
}
.map-type-card[b-wac59lt7sh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    padding: 0;
    border: 2px solid transparent;
    background: none;
    border-radius: 8px;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.6875rem;
    color: #374151;
    transition: all 0.15s;
}
.map-type-card:hover[b-wac59lt7sh] { border-color: #d1d5db; }
.map-type-card.selected[b-wac59lt7sh] {
    border-color: var(--primary-blue, #083169);
    color: var(--primary-blue, #083169);
    font-weight: 600;
}
.map-type-thumb[b-wac59lt7sh] {
    width: 64px;
    height: 50px;
    border-radius: 6px;
    background-size: cover;
    background-position: center;
    border: 1px solid #e5e7eb;
}
.map-type-thumb-roadmap[b-wac59lt7sh] {
    background: linear-gradient(135deg, #e8f0e8 25%, #f5f5f0 25%, #f5f5f0 50%, #e8f0e8 50%, #e8f0e8 75%, #f5f5f0 75%);
    background-size: 20px 20px;
}
.map-type-thumb-satellite[b-wac59lt7sh] {
    background: linear-gradient(135deg, #2d4a2d 0%, #1a3a1a 30%, #3d5a3d 60%, #1a2a1a 100%);
}
.map-type-thumb-hybrid[b-wac59lt7sh] {
    background: linear-gradient(135deg, #2d4a2d 0%, #1a3a1a 30%, #3d5a3d 60%, #1a2a1a 100%);
    position: relative;
}
.map-type-thumb-hybrid[b-wac59lt7sh]::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(45deg, transparent 40%, rgba(255,255,255,0.3) 50%, transparent 60%);
    border-radius: 6px;
}
.map-type-thumb-terrain[b-wac59lt7sh] {
    background: linear-gradient(135deg, #c8d8c0 0%, #a0b898 30%, #d8e0d0 50%, #b0c0a8 80%, #e0e8d8 100%);
}
.map-type-card span[b-wac59lt7sh] { padding-bottom: 0.25rem; }

/* Map Detail Grid */
.map-detail-grid[b-wac59lt7sh] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
}
.map-detail-card[b-wac59lt7sh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3rem;
    padding: 0.5rem 0.25rem;
    border: 1px solid #e5e7eb;
    background: white;
    border-radius: 8px;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.625rem;
    color: #6b7280;
    transition: all 0.15s;
}
.map-detail-card:hover[b-wac59lt7sh] { border-color: #d1d5db; background: #f9fafb; }
.map-detail-card.selected[b-wac59lt7sh] {
    border-color: var(--primary-blue, #083169);
    background: #eff6ff;
    color: var(--primary-blue, #083169);
    font-weight: 600;
}
.map-detail-icon[b-wac59lt7sh] { font-size: 1.25rem; }
/* _content/Listico.Web/Components/Pages/Properties/Shared/PropertyPriceHistory.razor.rz.scp.css */
.price-history-chart-section[b-q3afzxqsia] {
    margin-bottom: 1.5rem;
}
.price-chart-period-filters[b-q3afzxqsia] {
    display: flex;
    gap: 0.375rem;
    margin-bottom: 0.75rem;
}
.period-filter-btn[b-q3afzxqsia] {
    padding: 0.35rem 0.875rem;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background: #fff;
    color: #6b7280;
    font-size: 0.8rem;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
    transition: all 0.15s;
}
.period-filter-btn:hover[b-q3afzxqsia] {
    border-color: #083169;
    color: #083169;
}
.period-filter-btn.active[b-q3afzxqsia] {
    background: #083169;
    color: #fff;
    border-color: #083169;
}
.price-history-chart-container[b-q3afzxqsia] {
    border: 1px solid #f3f4f6;
    border-radius: 12px;
    padding: 0.5rem;
    background: #fff;
}
.btn-export-csv[b-q3afzxqsia] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 0.45rem 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
    color: #374151;
    font-size: 0.8125rem;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
    transition: all 0.15s;
}
.btn-export-csv:hover[b-q3afzxqsia] {
    border-color: #083169;
    color: #083169;
    background: #eff6ff;
}
/* _content/Listico.Web/Components/Pages/User/Dashboard.razor.rz.scp.css */
/* ── Page container ──────────────────────────── */
.user-dashboard-page[b-pruz7rh2hi] {
    padding-top: 90px;
    min-height: 100vh;
    background: #f8fafc;
    padding-bottom: 3rem;
}
.dash-loading[b-pruz7rh2hi] {
    display: flex;
    justify-content: center;
    padding: 6rem 0;
}
.dash-unauth[b-pruz7rh2hi] {
    text-align: center;
    padding: 4rem 1rem;
}
.dash-unauth h2[b-pruz7rh2hi] { font-size: 1.5rem; margin: 0 0 0.5rem; color: #1e293b; }
.dash-unauth p[b-pruz7rh2hi] { color: #64748b; margin: 0 0 1.5rem; }
.dash-btn-primary[b-pruz7rh2hi] {
    display: inline-block;
    padding: 0.7rem 2rem;
    background: #1d4178;
    color: white;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
}

/* ── Layout ──────────────────────────────────── */
.dash-layout[b-pruz7rh2hi] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 1.5rem;
    align-items: start;
}

/* ── Cards ────────────────────────────────────── */
.dash-card[b-pruz7rh2hi] {
    background: white;
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
    margin-bottom: 1.25rem;
    border: 1px solid #f1f5f9;
}
.dash-section-header[b-pruz7rh2hi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}
.dash-section-title[b-pruz7rh2hi] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
}
.sidebar-card-title[b-pruz7rh2hi] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 1rem;
}
.btn-view-all[b-pruz7rh2hi] {
    font-size: 0.82rem;
    font-weight: 500;
    color: #1d4178;
    text-decoration: none;
    padding: 0.3rem 0.75rem;
    border: 1px solid #1d4178;
    border-radius: 6px;
}
.btn-view-all:hover[b-pruz7rh2hi] { background: #f0f5ff; }
.dash-empty-text[b-pruz7rh2hi] {
    font-size: 0.88rem;
    color: #94a3b8;
    text-align: center;
    padding: 1rem 0;
    margin: 0;
}

/* ── Profile Card ─────────────────────────────── */
.profile-card-top[b-pruz7rh2hi] {
    padding: 1.5rem;
}
.profile-card-row[b-pruz7rh2hi] {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
}
.profile-avatar-lg[b-pruz7rh2hi] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    background: #e2e8f0;
}
.profile-avatar-lg img[b-pruz7rh2hi] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.avatar-initials-lg[b-pruz7rh2hi] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #1d4178, #3b82f6);
    color: white;
    font-weight: 700;
    font-size: 1.6rem;
}
.profile-info-block[b-pruz7rh2hi] {
    flex: 1;
    min-width: 0;
}
.profile-display-name[b-pruz7rh2hi] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 0.2rem;
}
.profile-email-text[b-pruz7rh2hi] {
    font-size: 0.88rem;
    color: #64748b;
    margin: 0 0 0.5rem;
}
.profile-meta-row[b-pruz7rh2hi] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
}
.profile-role-badge[b-pruz7rh2hi],
.profile-member-since[b-pruz7rh2hi] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8rem;
    color: #64748b;
}
.btn-edit-profile[b-pruz7rh2hi] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 500;
    color: #475569;
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
}
.btn-edit-profile:hover[b-pruz7rh2hi] { border-color: #1d4178; color: #1d4178; }

/* ── Stats Grid ───────────────────────────────── */
.dash-stats-grid[b-pruz7rh2hi] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1.25rem;
}
.dash-stat-card[b-pruz7rh2hi] {
    background: white;
    border: 1px solid #f1f5f9;
    border-radius: 12px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
.stat-icon-wrap[b-pruz7rh2hi] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.25rem;
}
.stat-saved[b-pruz7rh2hi] { background: #eff6ff; color: #1d4178; }
.stat-search[b-pruz7rh2hi] { background: #fef3c7; color: #b45309; }
.stat-area[b-pruz7rh2hi] { background: #ecfdf5; color: #059669; }
.stat-msg[b-pruz7rh2hi] { background: #f3e8ff; color: #7c3aed; }
.stat-number[b-pruz7rh2hi] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1e293b;
    line-height: 1;
}
.stat-label-text[b-pruz7rh2hi] {
    font-size: 0.82rem;
    color: #64748b;
}
.stat-view-all[b-pruz7rh2hi] {
    font-size: 0.78rem;
    font-weight: 500;
    color: #1d4178;
    text-decoration: none;
    padding: 0.25rem 0.6rem;
    border: 1px solid #1d4178;
    border-radius: 5px;
    align-self: flex-start;
    margin-top: 0.5rem;
}
.stat-view-all:hover[b-pruz7rh2hi] { background: #f0f5ff; }

/* ── Saved Properties Cards ───────────────────── */
.saved-properties-scroll[b-pruz7rh2hi] {
    display: flex;
    gap: 1rem;
    overflow-x: auto;
    padding-bottom: 0.5rem;
}
.saved-properties-scroll[b-pruz7rh2hi]::-webkit-scrollbar { height: 4px; }
.saved-properties-scroll[b-pruz7rh2hi]::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 2px; }
.saved-prop-card[b-pruz7rh2hi] {
    flex: 0 0 220px;
    border-radius: 10px;
    border: 1px solid #f1f5f9;
    overflow: hidden;
    text-decoration: none;
    transition: box-shadow 0.15s;
}
.saved-prop-card:hover[b-pruz7rh2hi] { box-shadow: 0 4px 16px rgba(0,0,0,0.08); }
.saved-prop-img[b-pruz7rh2hi] {
    position: relative;
    aspect-ratio: 4/3;
    overflow: hidden;
    background: #f1f5f9;
}
.saved-prop-img img[b-pruz7rh2hi] { width: 100%; height: 100%; object-fit: cover; }
.saved-prop-img-ph[b-pruz7rh2hi] { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.saved-prop-badge[b-pruz7rh2hi] {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    font-size: 0.68rem;
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
    font-weight: 600;
    background: #1d4178;
    color: white;
}
.saved-prop-body[b-pruz7rh2hi] { padding: 0.75rem; }
.saved-prop-title[b-pruz7rh2hi] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0 0 0.15rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.saved-prop-addr[b-pruz7rh2hi] {
    font-size: 0.75rem;
    color: #64748b;
    margin: 0 0 0.3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.saved-prop-price[b-pruz7rh2hi] {
    font-size: 0.82rem;
    color: #475569;
    margin: 0;
}
.saved-prop-price strong[b-pruz7rh2hi] { color: #1e293b; }
.saved-prop-change[b-pruz7rh2hi] {
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.1rem 0.4rem;
    border-radius: 3px;
}
.saved-prop-change.up[b-pruz7rh2hi] { background: #dcfce7; color: #16a34a; }
.saved-prop-change.down[b-pruz7rh2hi] { background: #fee2e2; color: #dc2626; }

/* ── List items (Saved Searches / Watch Areas) ── */
.dash-list[b-pruz7rh2hi] {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.dash-list-item[b-pruz7rh2hi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid #f8fafc;
}
.dash-list-item:last-child[b-pruz7rh2hi] { border-bottom: none; }
.dash-list-name[b-pruz7rh2hi] {
    font-size: 0.9rem;
    color: #475569;
}
.dash-list-icon[b-pruz7rh2hi] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
}
.dash-list-icon.area-icon[b-pruz7rh2hi] { background: #ecfdf5; color: #059669; }

/* ── Notification Toggles ─────────────────────── */
.notif-toggle-list[b-pruz7rh2hi] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.notif-toggle-row[b-pruz7rh2hi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    position: relative;
}
.notif-toggle-label[b-pruz7rh2hi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: #475569;
}
.toggle-input[b-pruz7rh2hi] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.toggle-slider[b-pruz7rh2hi] {
    width: 42px;
    height: 24px;
    background: #cbd5e1;
    border-radius: 12px;
    position: relative;
    transition: background 0.2s;
    flex-shrink: 0;
}
.toggle-slider[b-pruz7rh2hi]::before {
    content: none;
}
.toggle-slider[b-pruz7rh2hi]::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    background: white;
    border-radius: 50%;
    transition: transform 0.2s;
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}
.toggle-input:checked + .toggle-slider[b-pruz7rh2hi] {
    background: #3b82f6;
}
.toggle-input:checked + .toggle-slider[b-pruz7rh2hi]::after {
    transform: translateX(18px);
}

/* ── Messages list ────────────────────────────── */
.msg-list[b-pruz7rh2hi] {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.msg-item[b-pruz7rh2hi] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 0;
    border-bottom: 1px solid #f8fafc;
    text-decoration: none;
    position: relative;
}
.msg-item:last-child[b-pruz7rh2hi] { border-bottom: none; }
.msg-item:hover[b-pruz7rh2hi] { opacity: 0.85; }
.msg-avatar-sm[b-pruz7rh2hi] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #1d4178;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 600;
    flex-shrink: 0;
}
.msg-content[b-pruz7rh2hi] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}
.msg-sender[b-pruz7rh2hi] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #1e293b;
}
.msg-preview[b-pruz7rh2hi] {
    font-size: 0.78rem;
    color: #94a3b8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.msg-unread-dot[b-pruz7rh2hi] {
    width: 8px;
    height: 8px;
    background: #1d4178;
    border-radius: 50%;
    flex-shrink: 0;
}

/* ── Support Card ─────────────────────────────── */
.support-card[b-pruz7rh2hi] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.support-link[b-pruz7rh2hi] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    font-size: 0.88rem;
    color: #475569;
    text-decoration: none;
}
.support-link:hover[b-pruz7rh2hi] { color: #1d4178; }

/* ── Loading spinner ──────────────────────────── */
.loading-spinner[b-pruz7rh2hi] {
    width: 36px;
    height: 36px;
    border: 3px solid #e2e8f0;
    border-top-color: #1d4178;
    border-radius: 50%;
    animation: spin-b-pruz7rh2hi 0.8s linear infinite;
}
@keyframes spin-b-pruz7rh2hi { to { transform: rotate(360deg); } }

/* ── Responsive ───────────────────────────────── */
@media (max-width: 900px) {
    .dash-layout[b-pruz7rh2hi] {
        grid-template-columns: 1fr;
    }
    .dash-sidebar[b-pruz7rh2hi] {
        order: -1;
    }
}
@media (max-width: 640px) {
    .user-dashboard-page[b-pruz7rh2hi] { padding-top: 80px; }
    .dash-layout[b-pruz7rh2hi] { padding: 0 1rem; }
    .profile-card-row[b-pruz7rh2hi] { flex-wrap: wrap; }
    .btn-edit-profile[b-pruz7rh2hi] { margin-top: 0.5rem; }
    .dash-stats-grid[b-pruz7rh2hi] { grid-template-columns: 1fr 1fr; gap: 0.75rem; }
    .saved-prop-card[b-pruz7rh2hi] { flex: 0 0 180px; }
}

/* ── Dark Mode ────────────────────────────────── */
[data-theme="dark"] .user-dashboard-page[b-pruz7rh2hi] {
    background: #111827;
}
[data-theme="dark"] .dash-unauth h2[b-pruz7rh2hi] { color: #e2e8f0; }
[data-theme="dark"] .dash-unauth p[b-pruz7rh2hi] { color: #94a3b8; }
[data-theme="dark"] .dash-card[b-pruz7rh2hi] {
    background: #1e293b;
    border-color: #334155;
}
[data-theme="dark"] .dash-stat-card[b-pruz7rh2hi] {
    background: #1e293b;
    border-color: #334155;
}
[data-theme="dark"] .dash-section-title[b-pruz7rh2hi] {
    color: #e2e8f0;
}
[data-theme="dark"] .sidebar-card-title[b-pruz7rh2hi] {
    color: #e2e8f0;
}
[data-theme="dark"] .profile-display-name[b-pruz7rh2hi] {
    color: #e2e8f0;
}
[data-theme="dark"] .profile-email-text[b-pruz7rh2hi] {
    color: #94a3b8;
}
[data-theme="dark"] .profile-role-badge[b-pruz7rh2hi],
[data-theme="dark"] .profile-member-since[b-pruz7rh2hi] {
    color: #94a3b8;
}
[data-theme="dark"] .btn-edit-profile[b-pruz7rh2hi] {
    border-color: #475569;
    color: #cbd5e1;
}
[data-theme="dark"] .btn-edit-profile:hover[b-pruz7rh2hi] {
    border-color: #667eea;
    color: #667eea;
}
[data-theme="dark"] .btn-view-all[b-pruz7rh2hi] {
    color: #818cf8;
    border-color: #818cf8;
}
[data-theme="dark"] .btn-view-all:hover[b-pruz7rh2hi] {
    background: rgba(129,140,248,0.1);
}
[data-theme="dark"] .stat-number[b-pruz7rh2hi] {
    color: #e2e8f0;
}
[data-theme="dark"] .stat-label-text[b-pruz7rh2hi] {
    color: #94a3b8;
}
[data-theme="dark"] .stat-view-all[b-pruz7rh2hi] {
    color: #818cf8;
    border-color: #818cf8;
}
[data-theme="dark"] .stat-view-all:hover[b-pruz7rh2hi] {
    background: rgba(129,140,248,0.1);
}
[data-theme="dark"] .stat-saved[b-pruz7rh2hi] { background: rgba(29,65,120,0.3); }
[data-theme="dark"] .stat-search[b-pruz7rh2hi] { background: rgba(180,83,9,0.2); }
[data-theme="dark"] .stat-area[b-pruz7rh2hi] { background: rgba(5,150,105,0.2); }
[data-theme="dark"] .stat-msg[b-pruz7rh2hi] { background: rgba(124,58,237,0.2); }
[data-theme="dark"] .saved-prop-card[b-pruz7rh2hi] {
    border-color: #334155;
}
[data-theme="dark"] .saved-prop-card:hover[b-pruz7rh2hi] {
    box-shadow: 0 4px 16px rgba(0,0,0,0.3);
}
[data-theme="dark"] .saved-prop-img[b-pruz7rh2hi] {
    background: #0f172a;
}
[data-theme="dark"] .saved-prop-body[b-pruz7rh2hi] {
    background: #1e293b;
}
[data-theme="dark"] .saved-prop-title[b-pruz7rh2hi] {
    color: #e2e8f0;
}
[data-theme="dark"] .saved-prop-addr[b-pruz7rh2hi] {
    color: #94a3b8;
}
[data-theme="dark"] .saved-prop-price[b-pruz7rh2hi] {
    color: #cbd5e1;
}
[data-theme="dark"] .saved-prop-price strong[b-pruz7rh2hi] {
    color: #e2e8f0;
}
[data-theme="dark"] .dash-list-item[b-pruz7rh2hi] {
    border-bottom-color: #334155;
}
[data-theme="dark"] .dash-list-name[b-pruz7rh2hi] {
    color: #cbd5e1;
}
[data-theme="dark"] .dash-list-icon[b-pruz7rh2hi] {
    background: #334155;
    color: #94a3b8;
}
[data-theme="dark"] .dash-list-icon.area-icon[b-pruz7rh2hi] {
    background: rgba(5,150,105,0.2);
    color: #34d399;
}
[data-theme="dark"] .notif-toggle-label[b-pruz7rh2hi] {
    color: #cbd5e1;
}
[data-theme="dark"] .toggle-slider[b-pruz7rh2hi] {
    background: #475569;
}
[data-theme="dark"] .toggle-input:checked + .toggle-slider[b-pruz7rh2hi] {
    background: #667eea;
}
[data-theme="dark"] .msg-item[b-pruz7rh2hi] {
    border-bottom-color: #334155;
}
[data-theme="dark"] .msg-sender[b-pruz7rh2hi] {
    color: #e2e8f0;
}
[data-theme="dark"] .msg-preview[b-pruz7rh2hi] {
    color: #64748b;
}
[data-theme="dark"] .support-link[b-pruz7rh2hi] {
    color: #cbd5e1;
}
[data-theme="dark"] .support-link:hover[b-pruz7rh2hi] {
    color: #818cf8;
}
[data-theme="dark"] .dash-empty-text[b-pruz7rh2hi] {
    color: #64748b;
}
[data-theme="dark"] .profile-avatar-lg[b-pruz7rh2hi] {
    background: #334155;
}
[data-theme="dark"] .loading-spinner[b-pruz7rh2hi] {
    border-color: #334155;
    border-top-color: #667eea;
}
/* _content/Listico.Web/Components/Pages/User/NotificationPreferences.razor.rz.scp.css */
    .notif-prefs-page[b-xnc0mbfrc9] {
        max-width: 700px;
        margin: 0 auto;
        padding: 32px 20px;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .notif-prefs-header h1[b-xnc0mbfrc9] {
        font-size: 24px;
        font-weight: 600;
        color: var(--color-text-primary);
        margin: 0;
    }

    .notif-prefs-header p[b-xnc0mbfrc9] {
        font-size: 14px;
        color: var(--color-text-secondary);
        margin: 6px 0 0;
    }

    .notif-prefs-loading[b-xnc0mbfrc9] {
        background: var(--color-bg-card);
        border-radius: var(--radius-lg);
        padding: 60px 20px;
        text-align: center;
        color: var(--color-text-muted);
    }

    .notif-prefs-spinner[b-xnc0mbfrc9] {
        width: 40px;
        height: 40px;
        border: 3px solid var(--color-border);
        border-top-color: var(--color-primary);
        border-radius: 50%;
        animation: notifSpin-b-xnc0mbfrc9 1s linear infinite;
        margin: 0 auto 16px;
    }

    @keyframes notifSpin-b-xnc0mbfrc9 { to { transform: rotate(360deg); } }

    .notif-prefs-section[b-xnc0mbfrc9] {
        background: var(--color-bg-card);
        border-radius: var(--radius-lg);
        padding: 24px;
    }

    .notif-prefs-section h2[b-xnc0mbfrc9] {
        font-size: 18px;
        font-weight: 600;
        color: var(--color-text-primary);
        margin: 0 0 16px;
    }

    .notif-prefs-section-desc[b-xnc0mbfrc9] {
        font-size: 14px;
        color: var(--color-text-secondary);
        margin: -8px 0 16px;
    }

    .notif-prefs-toggles[b-xnc0mbfrc9] {
        display: flex;
        flex-direction: column;
    }

    .notif-toggle-row[b-xnc0mbfrc9] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 14px 0;
        border-bottom: 1px solid var(--color-border-light);
    }

    .notif-toggle-row:last-child[b-xnc0mbfrc9] {
        border-bottom: none;
    }

    .notif-toggle-info[b-xnc0mbfrc9] {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .notif-toggle-label[b-xnc0mbfrc9] {
        font-size: 15px;
        font-weight: 500;
        color: var(--color-text-primary);
    }

    .notif-toggle-desc[b-xnc0mbfrc9] {
        font-size: 13px;
        color: var(--color-text-muted);
    }

    .notif-switch[b-xnc0mbfrc9] {
        position: relative;
        display: inline-block;
        width: 48px;
        height: 26px;
        flex-shrink: 0;
    }

    .notif-switch input[b-xnc0mbfrc9] {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .notif-slider[b-xnc0mbfrc9] {
        position: absolute;
        cursor: pointer;
        inset: 0;
        background: var(--color-border);
        border-radius: 26px;
        transition: 0.3s;
    }

    .notif-slider[b-xnc0mbfrc9]::before {
        content: "";
        position: absolute;
        height: 20px;
        width: 20px;
        left: 3px;
        bottom: 3px;
        background: white;
        border-radius: 50%;
        transition: 0.3s;
    }

    .notif-switch input:checked + .notif-slider[b-xnc0mbfrc9] {
        background: var(--color-primary);
    }

    .notif-switch input:checked + .notif-slider[b-xnc0mbfrc9]::before {
        transform: translateX(22px);
    }

    .notif-quiet-hours[b-xnc0mbfrc9] {
        display: flex;
        align-items: flex-end;
        gap: 16px;
    }

    .notif-time-group[b-xnc0mbfrc9] {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .notif-time-group label[b-xnc0mbfrc9] {
        font-size: 13px;
        font-weight: 500;
        color: var(--color-text-secondary);
    }

    .notif-time-group input[b-xnc0mbfrc9] {
        padding: 8px 12px;
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        font-size: 14px;
        background: var(--color-bg-page);
        color: var(--color-text-primary);
    }

    .notif-time-separator[b-xnc0mbfrc9] {
        padding-bottom: 8px;
        color: var(--color-text-muted);
        font-size: 14px;
    }

    .notif-prefs-message[b-xnc0mbfrc9] {
        padding: 12px 16px;
        border-radius: var(--radius-md);
        font-size: 14px;
    }

    .notif-prefs-message.success[b-xnc0mbfrc9] {
        background: #DCFCE7;
        color: #16A34A;
        border: 1px solid #BBF7D0;
    }

    .notif-prefs-message.error[b-xnc0mbfrc9] {
        background: #FEE2E2;
        color: #DC2626;
        border: 1px solid #FECACA;
    }

    .notif-prefs-actions[b-xnc0mbfrc9] {
        display: flex;
        justify-content: flex-end;
    }

    .notif-btn-save[b-xnc0mbfrc9] {
        padding: 12px 32px;
        background: var(--color-secondary);
        color: white;
        border: none;
        border-radius: var(--radius-md);
        font-size: 15px;
        font-weight: 500;
        cursor: pointer;
        transition: opacity 0.15s;
    }

    .notif-btn-save:hover[b-xnc0mbfrc9] { opacity: 0.9; }
    .notif-btn-save:disabled[b-xnc0mbfrc9] { opacity: 0.6; cursor: not-allowed; }

    @media (max-width: 768px) {
        .notif-prefs-page[b-xnc0mbfrc9] { padding: 16px; }
        .notif-quiet-hours[b-xnc0mbfrc9] { flex-direction: column; align-items: stretch; }
        .notif-time-separator[b-xnc0mbfrc9] { text-align: center; padding: 0; }
    }
/* _content/Listico.Web/Components/Pages/User/Notifications.razor.rz.scp.css */
    .notifications-page[b-fh355wioqo] {
        min-height: 100vh;
        background: #f8fafc;
        padding: 2rem 0;
    }

    .container[b-fh355wioqo] {
        max-width: 800px;
        margin: 0 auto;
        padding: 0 1rem;
    }

    .page-header[b-fh355wioqo] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1.5rem;
    }

    .page-header h1[b-fh355wioqo] {
        font-size: 1.75rem;
        color: #1e293b;
        margin: 0;
    }

    .header-actions[b-fh355wioqo] {
        display: flex;
        gap: 1rem;
        align-items: center;
    }

    .btn-text[b-fh355wioqo] {
        background: none;
        border: none;
        color: var(--primary-color, #3b82f6);
        cursor: pointer;
        font-weight: 500;
    }

    .btn-text:disabled[b-fh355wioqo] {
        opacity: 0.6;
        cursor: not-allowed;
    }

    .btn-secondary[b-fh355wioqo] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.5rem 1rem;
        background: white;
        border: 1px solid #e2e8f0;
        border-radius: 8px;
        color: #64748b;
        cursor: pointer;
        font-size: 0.875rem;
    }

    .btn-secondary:disabled[b-fh355wioqo] {
        opacity: 0.6;
        cursor: not-allowed;
    }

    .loading-state[b-fh355wioqo], .auth-required[b-fh355wioqo], .error-state[b-fh355wioqo] {
        text-align: center;
        padding: 4rem 2rem;
        background: white;
        border-radius: 12px;
    }

    .loading-state .spinner[b-fh355wioqo] {
        width: 48px;
        height: 48px;
        border: 4px solid #e2e8f0;
        border-top-color: var(--primary-color, #3b82f6);
        border-radius: 50%;
        animation: spin-b-fh355wioqo 1s linear infinite;
        margin: 0 auto 1rem;
    }

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

    .auth-required svg[b-fh355wioqo], .error-state svg[b-fh355wioqo] {
        color: #64748b;
        margin-bottom: 1rem;
    }

    .error-state svg[b-fh355wioqo] {
        color: #ef4444;
    }

    .auth-buttons[b-fh355wioqo] {
        display: flex;
        gap: 1rem;
        justify-content: center;
        margin-top: 1.5rem;
    }

    .btn-secondary-link[b-fh355wioqo] {
        display: inline-block;
        background: white;
        color: #334155;
        border: 1px solid #e2e8f0;
        padding: 0.75rem 1.5rem;
        border-radius: 8px;
        text-decoration: none;
        font-weight: 500;
    }

    .notifications-filters[b-fh355wioqo] {
        display: flex;
        gap: 0.5rem;
        margin-bottom: 1.5rem;
        flex-wrap: wrap;
    }

    .notifications-filters button[b-fh355wioqo] {
        padding: 0.5rem 1rem;
        background: white;
        border: 1px solid #e2e8f0;
        border-radius: 9999px;
        cursor: pointer;
        font-size: 0.875rem;
        color: #64748b;
        transition: all 0.2s;
    }

    .notifications-filters button.active[b-fh355wioqo] {
        background: var(--primary-color, #3b82f6);
        color: white;
        border-color: var(--primary-color, #3b82f6);
    }

    .notifications-list[b-fh355wioqo] {
        background: white;
        border-radius: 12px;
        overflow: hidden;
    }

    .notification-item[b-fh355wioqo] {
        display: flex;
        align-items: flex-start;
        gap: 1rem;
        padding: 1rem 1.5rem;
        border-bottom: 1px solid #f1f5f9;
        cursor: pointer;
        transition: background 0.2s;
        position: relative;
    }

    .notification-item:last-child[b-fh355wioqo] {
        border-bottom: none;
    }

    .notification-item:hover[b-fh355wioqo] {
        background: #f8fafc;
    }

    .notification-item.unread[b-fh355wioqo] {
        background: #eff6ff;
    }

    .notification-icon[b-fh355wioqo] {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        background: #e2e8f0;
        color: #64748b;
    }

    .notification-icon.pricechange[b-fh355wioqo] {
        background: #dcfce7;
        color: #16a34a;
    }

    .notification-icon.newlisting[b-fh355wioqo] {
        background: #dbeafe;
        color: #2563eb;
    }

    .notification-icon.showing[b-fh355wioqo] {
        background: #fef3c7;
        color: #d97706;
    }

    .notification-icon.message[b-fh355wioqo],
    .notification-icon.inquiry[b-fh355wioqo] {
        background: #e0e7ff;
        color: #4f46e5;
    }

    .notification-icon.statuschange[b-fh355wioqo] {
        background: #f3e8ff;
        color: #9333ea;
    }

    .notification-content[b-fh355wioqo] {
        flex: 1;
        min-width: 0;
    }

    .notification-content h3[b-fh355wioqo] {
        font-size: 0.95rem;
        font-weight: 600;
        color: #1e293b;
        margin: 0 0 0.25rem;
    }

    .notification-content p[b-fh355wioqo] {
        font-size: 0.875rem;
        color: #64748b;
        margin: 0 0 0.5rem;
        line-height: 1.4;
    }

    .notification-time[b-fh355wioqo] {
        font-size: 0.75rem;
        color: #94a3b8;
    }

    .unread-dot[b-fh355wioqo] {
        width: 8px;
        height: 8px;
        background: var(--primary-color, #3b82f6);
        border-radius: 50%;
        flex-shrink: 0;
        margin-top: 0.5rem;
    }

    .btn-delete[b-fh355wioqo] {
        background: none;
        border: none;
        padding: 0.5rem;
        cursor: pointer;
        color: #94a3b8;
        opacity: 0;
        transition: opacity 0.2s;
    }

    .notification-item:hover .btn-delete[b-fh355wioqo] {
        opacity: 1;
    }

    .btn-delete:hover[b-fh355wioqo] {
        color: #ef4444;
    }

    .empty-notifications[b-fh355wioqo] {
        text-align: center;
        padding: 4rem 2rem;
        background: white;
        border-radius: 12px;
    }

    .empty-notifications svg[b-fh355wioqo] {
        color: #94a3b8;
        margin-bottom: 1rem;
    }

    .empty-notifications h2[b-fh355wioqo] {
        color: #334155;
        margin: 0 0 0.5rem;
    }

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

    .pagination[b-fh355wioqo] {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        margin-top: 1.5rem;
    }

    .btn-page[b-fh355wioqo] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.5rem 1rem;
        background: white;
        border: 1px solid #e2e8f0;
        border-radius: 8px;
        cursor: pointer;
        color: #334155;
    }

    .btn-page:disabled[b-fh355wioqo] {
        opacity: 0.5;
        cursor: not-allowed;
    }

    .page-info[b-fh355wioqo] {
        color: #64748b;
        font-size: 0.875rem;
    }

    .btn-primary[b-fh355wioqo] {
        display: inline-block;
        background: var(--primary-color, #3b82f6);
        color: white;
        border: none;
        padding: 0.75rem 1.5rem;
        border-radius: 8px;
        cursor: pointer;
        font-weight: 500;
        text-decoration: none;
    }

    .confirm-dialog[b-fh355wioqo] { background: white; border-radius: 1rem; padding: 1.5rem; max-width: 400px; width: 100%; box-shadow: 0 20px 60px rgba(0,0,0,0.2); }
    .confirm-dialog p[b-fh355wioqo] { font-size: 1rem; color: #1a1a2e; margin: 0 0 1.25rem 0; line-height: 1.5; }
    .confirm-actions[b-fh355wioqo] { display: flex; justify-content: flex-end; gap: 0.75rem; }

    /* Dark mode */
    [data-theme="dark"] .notifications-page[b-fh355wioqo] { background: #111827; }
    [data-theme="dark"] .page-header h1[b-fh355wioqo] { color: #e2e8f0; }
    [data-theme="dark"] .btn-secondary[b-fh355wioqo] { background: #1e293b; border-color: #334155; color: #94a3b8; }
    [data-theme="dark"] .btn-secondary-link[b-fh355wioqo] { background: #1e293b; border-color: #334155; color: #e2e8f0; }
    [data-theme="dark"] .loading-state[b-fh355wioqo], [data-theme="dark"] .auth-required[b-fh355wioqo], [data-theme="dark"] .error-state[b-fh355wioqo] { background: #1e293b; }
    [data-theme="dark"] .loading-state .spinner[b-fh355wioqo] { border-color: #334155; }
    [data-theme="dark"] .notifications-filters button[b-fh355wioqo] { background: #1e293b; border-color: #334155; color: #94a3b8; }
    [data-theme="dark"] .notifications-filters button:hover[b-fh355wioqo] { border-color: #475569; color: #e2e8f0; }
    [data-theme="dark"] .notifications-list[b-fh355wioqo] { background: #1e293b; }
    [data-theme="dark"] .notification-item[b-fh355wioqo] { border-color: #334155; }
    [data-theme="dark"] .notification-item:hover[b-fh355wioqo] { background: #334155; }
    [data-theme="dark"] .notification-item.unread[b-fh355wioqo] { background: rgba(37,99,235,0.08); }
    [data-theme="dark"] .notification-icon[b-fh355wioqo] { background: #334155; color: #94a3b8; }
    [data-theme="dark"] .notification-icon.pricechange[b-fh355wioqo] { background: rgba(22,163,74,0.12); color: #34d399; }
    [data-theme="dark"] .notification-icon.newlisting[b-fh355wioqo] { background: rgba(37,99,235,0.12); color: #60a5fa; }
    [data-theme="dark"] .notification-icon.showing[b-fh355wioqo] { background: rgba(217,119,6,0.12); color: #fbbf24; }
    [data-theme="dark"] .notification-icon.message[b-fh355wioqo], [data-theme="dark"] .notification-icon.inquiry[b-fh355wioqo] { background: rgba(79,70,229,0.12); color: #818cf8; }
    [data-theme="dark"] .notification-icon.statuschange[b-fh355wioqo] { background: rgba(147,51,234,0.12); color: #c084fc; }
    [data-theme="dark"] .notification-content h3[b-fh355wioqo] { color: #e2e8f0; }
    [data-theme="dark"] .notification-content p[b-fh355wioqo] { color: #94a3b8; }
    [data-theme="dark"] .notification-time[b-fh355wioqo] { color: #64748b; }
    [data-theme="dark"] .empty-notifications[b-fh355wioqo] { background: #1e293b; }
    [data-theme="dark"] .empty-notifications h2[b-fh355wioqo] { color: #e2e8f0; }
    [data-theme="dark"] .empty-notifications p[b-fh355wioqo] { color: #94a3b8; }
    [data-theme="dark"] .btn-page[b-fh355wioqo] { background: #1e293b; border-color: #334155; color: #e2e8f0; }
    [data-theme="dark"] .page-info[b-fh355wioqo] { color: #94a3b8; }
    [data-theme="dark"] .confirm-dialog[b-fh355wioqo] { background: #1e293b; box-shadow: 0 20px 60px rgba(0,0,0,0.5); }
    [data-theme="dark"] .confirm-dialog p[b-fh355wioqo] { color: #e2e8f0; }
/* _content/Listico.Web/Components/Pages/User/NotificationSettings.razor.rz.scp.css */
    .ns-page[b-z2ll4acvxx] {
        max-width: 700px;
        margin: 0 auto;
        padding: 32px 20px 48px;
        display: flex;
        flex-direction: column;
        gap: 24px;
        font-family: 'DM Sans', sans-serif;
    }

    .ns-header h1[b-z2ll4acvxx] {
        font-size: 24px;
        font-weight: 600;
        color: var(--color-text-primary);
        margin: 0;
    }

    .ns-header p[b-z2ll4acvxx] {
        font-size: 14px;
        color: var(--color-text-secondary);
        margin: 6px 0 0;
    }

    /* Loading */
    .ns-loading[b-z2ll4acvxx] {
        background: var(--color-bg-card);
        border-radius: var(--radius-lg);
        padding: 60px 20px;
        text-align: center;
        color: var(--color-text-muted);
    }

    .ns-spinner[b-z2ll4acvxx] {
        width: 40px;
        height: 40px;
        border: 3px solid var(--color-border);
        border-top-color: var(--color-primary);
        border-radius: 50%;
        animation: nsSpin-b-z2ll4acvxx 1s linear infinite;
        margin: 0 auto 16px;
    }

    @keyframes nsSpin-b-z2ll4acvxx { to { transform: rotate(360deg); } }

    /* Sections */
    .ns-section[b-z2ll4acvxx] {
        background: var(--color-bg-card);
        border-radius: var(--radius-lg);
        padding: 24px;
    }

    .ns-section h2[b-z2ll4acvxx] {
        font-size: 18px;
        font-weight: 600;
        color: var(--color-text-primary);
        margin: 0 0 4px;
    }

    .ns-section-desc[b-z2ll4acvxx] {
        font-size: 14px;
        color: var(--color-text-secondary);
        margin: 0 0 16px;
    }

    /* Toggle rows */
    .ns-toggles[b-z2ll4acvxx] {
        display: flex;
        flex-direction: column;
    }

    .ns-toggle-row[b-z2ll4acvxx] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 14px 0;
        border-bottom: 1px solid var(--color-border-light);
    }

    .ns-toggle-row:last-child[b-z2ll4acvxx] {
        border-bottom: none;
    }

    .ns-toggle-info[b-z2ll4acvxx] {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .ns-toggle-label[b-z2ll4acvxx] {
        font-size: 15px;
        font-weight: 500;
        color: var(--color-text-primary);
    }

    .ns-toggle-desc[b-z2ll4acvxx] {
        font-size: 13px;
        color: var(--color-text-muted);
    }

    /* Toggle switch */
    .ns-switch[b-z2ll4acvxx] {
        position: relative;
        display: inline-block;
        width: 48px;
        height: 26px;
        flex-shrink: 0;
    }

    .ns-switch input[b-z2ll4acvxx] {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .ns-slider[b-z2ll4acvxx] {
        position: absolute;
        cursor: pointer;
        inset: 0;
        background: var(--color-border);
        border-radius: 26px;
        transition: 0.3s;
    }

    .ns-slider[b-z2ll4acvxx]::before {
        content: "";
        position: absolute;
        height: 20px;
        width: 20px;
        left: 3px;
        bottom: 3px;
        background: white;
        border-radius: 50%;
        transition: 0.3s;
    }

    .ns-switch input:checked + .ns-slider[b-z2ll4acvxx] {
        background: var(--color-primary);
    }

    .ns-switch input:checked + .ns-slider[b-z2ll4acvxx]::before {
        transform: translateX(22px);
    }

    /* Quiet hours */
    .ns-quiet-hours[b-z2ll4acvxx] {
        display: flex;
        align-items: flex-end;
        gap: 16px;
    }

    .ns-time-group[b-z2ll4acvxx] {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .ns-time-group label[b-z2ll4acvxx] {
        font-size: 13px;
        font-weight: 500;
        color: var(--color-text-secondary);
    }

    .ns-time-group input[b-z2ll4acvxx] {
        padding: 8px 12px;
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        font-size: 14px;
        background: var(--color-bg-page);
        color: var(--color-text-primary);
        font-family: 'DM Sans', sans-serif;
    }

    .ns-time-separator[b-z2ll4acvxx] {
        padding-bottom: 8px;
        color: var(--color-text-muted);
        font-size: 14px;
    }

    /* Frequency dropdown */
    .ns-frequency[b-z2ll4acvxx] {
        margin-top: 4px;
    }

    .ns-frequency-select[b-z2ll4acvxx] {
        width: 100%;
        max-width: 360px;
        padding: 10px 14px;
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        font-size: 14px;
        font-family: 'DM Sans', sans-serif;
        background: var(--color-bg-page);
        color: var(--color-text-primary);
        cursor: pointer;
        appearance: auto;
    }

    .ns-frequency-select:focus[b-z2ll4acvxx] {
        outline: none;
        border-color: var(--color-primary);
        box-shadow: 0 0 0 2px rgba(var(--color-primary-rgb, 59, 130, 246), 0.15);
    }

    /* Status messages */
    .ns-status[b-z2ll4acvxx] {
        padding: 12px 16px;
        border-radius: var(--radius-md);
        font-size: 14px;
    }

    .ns-status-success[b-z2ll4acvxx] {
        background: #DCFCE7;
        color: #16A34A;
        border: 1px solid #BBF7D0;
    }

    .ns-status-error[b-z2ll4acvxx] {
        background: #FEE2E2;
        color: #DC2626;
        border: 1px solid #FECACA;
    }

    /* Actions */
    .ns-actions[b-z2ll4acvxx] {
        display: flex;
        justify-content: flex-end;
    }

    .ns-btn-save[b-z2ll4acvxx] {
        padding: 12px 32px;
        background: var(--color-secondary);
        color: white;
        border: none;
        border-radius: var(--radius-md);
        font-size: 15px;
        font-weight: 500;
        font-family: 'DM Sans', sans-serif;
        cursor: pointer;
        transition: opacity 0.15s;
    }

    .ns-btn-save:hover[b-z2ll4acvxx] { opacity: 0.9; }
    .ns-btn-save:disabled[b-z2ll4acvxx] { opacity: 0.6; cursor: not-allowed; }

    /* Responsive */
    @media (max-width: 768px) {
        .ns-page[b-z2ll4acvxx] { padding: 16px 16px 32px; }
        .ns-quiet-hours[b-z2ll4acvxx] { flex-direction: column; align-items: stretch; }
        .ns-time-separator[b-z2ll4acvxx] { text-align: center; padding: 0; }
        .ns-frequency-select[b-z2ll4acvxx] { max-width: 100%; }
    }
/* _content/Listico.Web/Components/Pages/User/Profile.razor.rz.scp.css */
    .profile-page[b-eytjrfunh7] {
        background: var(--color-bg-card);
        border-radius: var(--radius-lg);
        padding: 32px;
        max-width: 900px;
    }

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

    .profile-avatar-section[b-eytjrfunh7] {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .profile-avatar[b-eytjrfunh7] {
        position: relative;
        width: 80px;
        height: 80px;
    }

    .profile-avatar img[b-eytjrfunh7] {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
    }

    .avatar-edit-btn[b-eytjrfunh7] {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 28px;
        height: 28px;
        background: var(--color-bg-card);
        border: 1px solid var(--color-border);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all var(--transition-fast);
    }

    .avatar-edit-btn:hover[b-eytjrfunh7] {
        background: var(--color-bg-page);
    }

    .avatar-edit-btn svg[b-eytjrfunh7] {
        width: 14px;
        height: 14px;
        color: var(--color-text-secondary);
    }

    .profile-info[b-eytjrfunh7] {
        display: flex;
        flex-direction: column;
    }

    .profile-name[b-eytjrfunh7] {
        font-size: 18px;
        font-weight: 600;
        color: var(--color-text-primary);
        margin: 0;
    }

    .profile-email[b-eytjrfunh7] {
        font-size: 14px;
        color: var(--color-text-muted);
        margin: 4px 0 0;
    }

    .profile-divider[b-eytjrfunh7] {
        height: 1px;
        background: var(--color-border-light);
        margin: 24px 0;
    }

    .profile-form[b-eytjrfunh7] {
        max-width: 800px;
    }

    .form-section-title[b-eytjrfunh7] {
        font-size: 16px;
        font-weight: 600;
        color: var(--color-text-primary);
        margin: 0 0 20px;
    }

    .form-grid[b-eytjrfunh7] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .form-group[b-eytjrfunh7] {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .form-label[b-eytjrfunh7] {
        font-size: 14px;
        font-weight: 500;
        color: var(--color-text-primary);
    }

    .form-input[b-eytjrfunh7],
    .form-select[b-eytjrfunh7] {
        padding: 12px 16px;
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        font-size: 14px;
        color: var(--color-text-primary);
        background: var(--color-bg-card);
        transition: border-color var(--transition-fast);
    }

    .form-input:focus[b-eytjrfunh7],
    .form-select:focus[b-eytjrfunh7] {
        outline: none;
        border-color: var(--color-primary);
    }

    .form-input:disabled[b-eytjrfunh7] {
        background: var(--color-bg-page);
        color: var(--color-text-muted);
        cursor: not-allowed;
    }

    .form-input[b-eytjrfunh7]::placeholder {
        color: var(--color-text-muted);
    }

    .password-input[b-eytjrfunh7] {
        position: relative;
        display: flex;
        align-items: center;
    }

    .password-input .form-input[b-eytjrfunh7] {
        width: 100%;
        padding-right: 60px;
    }

    .password-toggle[b-eytjrfunh7] {
        position: absolute;
        right: 16px;
        background: none;
        border: none;
        color: var(--color-text-secondary);
        font-size: 13px;
        cursor: pointer;
        font-weight: 500;
    }

    .password-toggle:hover[b-eytjrfunh7] {
        color: var(--color-primary);
    }

    .form-actions[b-eytjrfunh7] {
        display: flex;
        justify-content: flex-end;
        margin-top: 32px;
    }

    .form-actions .btn[b-eytjrfunh7] {
        min-width: 200px;
    }

    .alert[b-eytjrfunh7] {
        padding: 12px 16px;
        border-radius: var(--radius-md);
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .alert-error[b-eytjrfunh7] {
        background: #FEE2E2;
        color: #DC2626;
    }

    .alert-success[b-eytjrfunh7] {
        background: #D1FAE5;
        color: #059669;
    }

    .alert-close[b-eytjrfunh7] {
        background: none;
        border: none;
        font-size: 18px;
        cursor: pointer;
        color: inherit;
        opacity: 0.7;
    }

    .alert-close:hover[b-eytjrfunh7] {
        opacity: 1;
    }

    @media (max-width: 768px) {
        .form-grid[b-eytjrfunh7] {
            grid-template-columns: 1fr;
        }

        .profile-avatar-section[b-eytjrfunh7] {
            flex-direction: column;
            text-align: center;
        }
    }
/* _content/Listico.Web/Components/Pages/User/ProfileSettings.razor.rz.scp.css */
.confirm-dialog[b-vpunzcf6yd] { background: white; border-radius: 1rem; padding: 1.5rem; max-width: 400px; width: 100%; box-shadow: 0 20px 60px rgba(0,0,0,0.2); }
.confirm-dialog p[b-vpunzcf6yd] { font-size: 1rem; color: #1a1a2e; margin: 0 0 1.25rem 0; line-height: 1.5; }
.confirm-actions[b-vpunzcf6yd] { display: flex; justify-content: flex-end; gap: 0.75rem; }
/* _content/Listico.Web/Components/Pages/User/SavedSearches.razor.rz.scp.css */
    .toast-notification[b-hgymu7dkpe] { position: fixed; bottom: 2rem; right: 2rem; display: flex; align-items: center; gap: 0.75rem; padding: 1rem 1.5rem; border-radius: 0.75rem; font-size: 0.9375rem; font-weight: 500; z-index: 2000; animation: toast-slide-in-b-hgymu7dkpe 0.3s ease-out; box-shadow: 0 4px 20px rgba(0,0,0,0.15); max-width: 420px; }
    .toast-notification.success[b-hgymu7dkpe] { background: #059669; color: white; }
    .toast-notification.error[b-hgymu7dkpe] { background: #dc2626; color: white; }
    .toast-notification.info[b-hgymu7dkpe] { background: #2563eb; color: white; }
    @keyframes toast-slide-in-b-hgymu7dkpe { from { transform: translateY(1rem); opacity: 0; } to { transform: translateY(0); opacity: 1; } }

    /* ── Dark Mode ── */
    [data-theme="dark"] .empty-searches[b-hgymu7dkpe] {
        background: #1e293b;
    }

    [data-theme="dark"] .empty-searches h2[b-hgymu7dkpe] {
        color: #e2e8f0;
    }

    [data-theme="dark"] .search-card[b-hgymu7dkpe] {
        background: #1e293b;
    }

    [data-theme="dark"] .search-actions .btn-icon[b-hgymu7dkpe] {
        color: #94a3b8;
    }

    [data-theme="dark"] .search-actions .btn-icon:hover[b-hgymu7dkpe] {
        color: #e2e8f0;
    }

    [data-theme="dark"] .search-actions .btn-icon.danger:hover[b-hgymu7dkpe] {
        color: #f87171;
    }

    [data-theme="dark"] .toggle-switch .slider[b-hgymu7dkpe] {
        background: #475569;
    }

    [data-theme="dark"] .notification-toggle span[b-hgymu7dkpe] {
        color: #cbd5e1;
    }

    [data-theme="dark"] .modal-content[b-hgymu7dkpe] {
        background: #1e293b;
    }

    [data-theme="dark"] .modal-header h3[b-hgymu7dkpe] {
        color: #e2e8f0;
    }

    [data-theme="dark"] .modal-body p[b-hgymu7dkpe] {
        color: #e2e8f0;
    }

    [data-theme="dark"] .modal-body .warning-text[b-hgymu7dkpe] {
        background: rgba(220, 38, 38, 0.1);
        color: #f87171;
    }

    [data-theme="dark"] .modal-footer .btn-secondary[b-hgymu7dkpe] {
        background: #0f172a;
        border-color: #334155;
        color: #e2e8f0;
    }

    [data-theme="dark"] .modal-footer .btn-secondary:hover[b-hgymu7dkpe] {
        background: #334155;
    }
/* _content/Listico.Web/Components/Pages/User/SkippedProperties.razor.rz.scp.css */
.skipped-page[b-o9ju0vd6cx] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 100px 1.5rem 3rem;
    min-height: 100vh;
}

.page-header[b-o9ju0vd6cx] {
    margin-bottom: 2rem;
}

.page-header h1[b-o9ju0vd6cx] {
    font-size: 1.75rem;
    font-weight: 700;
    margin: 0 0 0.25rem;
}

.page-header p[b-o9ju0vd6cx] {
    color: #6b7280;
    margin: 0;
}

.loading-state[b-o9ju0vd6cx], .auth-required[b-o9ju0vd6cx], .empty-state[b-o9ju0vd6cx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 4rem 2rem;
    text-align: center;
    color: #6b7280;
}

.empty-state svg[b-o9ju0vd6cx] { color: #d1d5db; }

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

.skipped-card[b-o9ju0vd6cx] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    display: flex;
    flex-direction: column;
    transition: box-shadow .2s;
}

.skipped-card:hover[b-o9ju0vd6cx] { box-shadow: 0 4px 16px rgba(0,0,0,.08); }

.card-image[b-o9ju0vd6cx] {
    display: block;
    height: 180px;
    overflow: hidden;
    background: #f3f4f6;
}

.card-image img[b-o9ju0vd6cx] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(30%);
    opacity: .85;
}

.card-image--placeholder[b-o9ju0vd6cx] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d1d5db;
}

.card-body[b-o9ju0vd6cx] {
    padding: 1rem;
    flex: 1;
}

.card-title[b-o9ju0vd6cx] {
    font-weight: 600;
    font-size: .95rem;
    color: #111827;
    text-decoration: none;
    display: block;
    margin-bottom: .25rem;
}

.card-title:hover[b-o9ju0vd6cx] { color: #083169; }

.card-location[b-o9ju0vd6cx] { color: #6b7280; font-size: .85rem; margin: 0 0 .25rem; }
.card-price[b-o9ju0vd6cx] { font-weight: 700; font-size: 1rem; color: #083169; margin: 0 0 .25rem; }
.card-meta[b-o9ju0vd6cx] { color: #6b7280; font-size: .8rem; margin: 0 0 .25rem; }
.card-skipped-at[b-o9ju0vd6cx] { color: #9ca3af; font-size: .75rem; margin: 0; }

.card-actions[b-o9ju0vd6cx] {
    padding: .75rem 1rem;
    border-top: 1px solid #f3f4f6;
}

.btn-undo[b-o9ju0vd6cx] {
    width: 100%;
    padding: .5rem;
    border: 1px solid #d97706;
    background: #fff;
    color: #d97706;
    border-radius: 8px;
    font-size: .85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s, color .15s;
}

.btn-undo:hover:not(:disabled)[b-o9ju0vd6cx] { background: #d97706; color: #fff; }
.btn-undo.loading[b-o9ju0vd6cx], .btn-undo:disabled[b-o9ju0vd6cx] { opacity: .6; cursor: default; }

.btn-primary[b-o9ju0vd6cx] {
    display: inline-block;
    padding: .6rem 1.5rem;
    background: #083169;
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: .9rem;
}
/* _content/Listico.Web/Components/Pages/User/Watchlist.razor.rz.scp.css */
.loading-state[b-dctcitj8f7] {
    text-align: center;
    padding: 4rem 2rem;
}

    .loading-state .spinner[b-dctcitj8f7] {
        width: 48px;
        height: 48px;
        border: 4px solid #e2e8f0;
        border-top-color: var(--primary-color, #3b82f6);
        border-radius: 50%;
        animation: spin-b-dctcitj8f7 1s linear infinite;
        margin: 0 auto 1rem;
    }

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

.auth-required[b-dctcitj8f7], .error-state[b-dctcitj8f7] {
    text-align: center;
    padding: 4rem 2rem;
}

    .auth-required svg[b-dctcitj8f7], .error-state svg[b-dctcitj8f7] {
        color: #64748b;
        margin-bottom: 1rem;
    }

    .error-state svg[b-dctcitj8f7] {
        color: #ef4444;
    }

.auth-buttons[b-dctcitj8f7] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-top: 1.5rem;
}

.property-subaddress[b-dctcitj8f7] {
    font-size: 0.85rem;
    color: #64748b;
    margin: 0.25rem 0;
}

.property-notes[b-dctcitj8f7] {
    font-size: 0.8rem;
    color: #94a3b8;
    margin-top: 0.5rem;
}

.default-badge[b-dctcitj8f7] {
    font-size: 0.65rem;
    background: var(--primary-color, #3b82f6);
    color: white;
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    margin-left: 0.5rem;
}

/* Modal styles */
.modal-overlay[b-dctcitj8f7] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-content[b-dctcitj8f7] {
    background: white;
    border-radius: 12px;
    width: 90%;
    max-width: 500px;
    max-height: 80vh;
    overflow-y: auto;
}

.modal-header[b-dctcitj8f7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

    .modal-header h2[b-dctcitj8f7] {
        margin: 0;
        font-size: 1.25rem;
    }

.btn-close[b-dctcitj8f7] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
    color: #64748b;
}

.modal-body[b-dctcitj8f7] {
    padding: 1.5rem;
}

.modal-footer[b-dctcitj8f7] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid #e2e8f0;
}

.form-group[b-dctcitj8f7] {
    margin-bottom: 1rem;
}

    .form-group label[b-dctcitj8f7] {
        display: block;
        margin-bottom: 0.5rem;
        font-weight: 500;
        color: #334155;
    }

    .form-group input[type="text"][b-dctcitj8f7],
    .form-group textarea[b-dctcitj8f7] {
        width: 100%;
        padding: 0.75rem;
        border: 1px solid #e2e8f0;
        border-radius: 8px;
        font-size: 1rem;
    }

    .form-group.checkbox label[b-dctcitj8f7] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        cursor: pointer;
    }

.list-options[b-dctcitj8f7] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 1rem;
}

.list-option[b-dctcitj8f7] {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: white;
    cursor: pointer;
    transition: all 0.2s;
}

    .list-option:hover[b-dctcitj8f7] {
        border-color: var(--primary-color, #3b82f6);
    }

    .list-option.selected[b-dctcitj8f7] {
        border-color: var(--primary-color, #3b82f6);
        background: #eff6ff;
    }

.btn-primary[b-dctcitj8f7] {
    background: var(--primary-color, #3b82f6);
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 500;
}

    .btn-primary:disabled[b-dctcitj8f7] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.btn-secondary[b-dctcitj8f7] {
    background: white;
    color: #334155;
    border: 1px solid #e2e8f0;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 500;
}

.toast-notification[b-dctcitj8f7] { position: fixed; bottom: 2rem; right: 2rem; display: flex; align-items: center; gap: 0.75rem; padding: 1rem 1.5rem; border-radius: 0.75rem; font-size: 0.9375rem; font-weight: 500; z-index: 2000; animation: toast-slide-in-b-dctcitj8f7 0.3s ease-out; box-shadow: 0 4px 20px rgba(0,0,0,0.15); max-width: 420px; }
.toast-notification.success[b-dctcitj8f7] { background: #059669; color: white; }
.toast-notification.error[b-dctcitj8f7] { background: #dc2626; color: white; }
.toast-notification.info[b-dctcitj8f7] { background: #2563eb; color: white; }
@keyframes toast-slide-in-b-dctcitj8f7 { from { transform: translateY(1rem); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
.confirm-dialog[b-dctcitj8f7] { background: white; border-radius: 1rem; padding: 1.5rem; max-width: 400px; width: 100%; box-shadow: 0 20px 60px rgba(0,0,0,0.2); }
.confirm-dialog p[b-dctcitj8f7] { font-size: 1rem; color: #1a1a2e; margin: 0 0 1.25rem 0; line-height: 1.5; }
.confirm-actions[b-dctcitj8f7] { display: flex; justify-content: flex-end; gap: 0.75rem; }
/* _content/Listico.Web/Components/Pages/Valuation/Form.razor.rz.scp.css */
    /* ================================================
       HOME VALUATION FORM PAGE (hv- prefix)
       ================================================ */

    /* Hero */
    .hv-hero[b-e9xm4xvqn8] {
        position: relative;
        padding: 120px 2rem 60px;
        text-align: center;
        overflow: hidden;
        background: linear-gradient(135deg, #051D3F 0%, #083169 50%, #395A87 100%);
        color: white;
    }

    .hv-hero-bg[b-e9xm4xvqn8] {
        position: absolute;
        inset: 0;
        pointer-events: none;
        overflow: hidden;
    }

    .hv-orb[b-e9xm4xvqn8] {
        position: absolute;
        border-radius: 50%;
        filter: blur(80px);
        opacity: 0.15;
    }

    .hv-orb-1[b-e9xm4xvqn8] {
        width: 400px;
        height: 400px;
        background: #D4A853;
        top: -100px;
        right: -100px;
    }

    .hv-orb-2[b-e9xm4xvqn8] {
        width: 300px;
        height: 300px;
        background: #4A90D9;
        bottom: -80px;
        left: -80px;
    }

    .hv-hero-content[b-e9xm4xvqn8] {
        position: relative;
        max-width: 680px;
        margin: 0 auto;
    }

    .hv-hero-badge[b-e9xm4xvqn8] {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        background: rgba(212, 168, 83, 0.2);
        border: 1px solid rgba(212, 168, 83, 0.3);
        color: #D4A853;
        padding: 0.375rem 1rem;
        border-radius: 20px;
        font-size: 0.8125rem;
        font-weight: 600;
        margin-bottom: 1.25rem;
    }

    .hv-hero h1[b-e9xm4xvqn8] {
        font-size: clamp(1.75rem, 4vw, 2.5rem);
        font-weight: 700;
        margin-bottom: 0.75rem;
        letter-spacing: -0.02em;
    }

    .hv-hero p[b-e9xm4xvqn8] {
        font-size: 1.0625rem;
        color: rgba(255, 255, 255, 0.7);
        line-height: 1.6;
        max-width: 520px;
        margin: 0 auto;
    }

    /* Form Section */
    .hv-form-section[b-e9xm4xvqn8] {
        padding: 0 2rem 3rem;
        margin-top: -30px;
        position: relative;
        z-index: 2;
    }

    .hv-form-container[b-e9xm4xvqn8] {
        max-width: 820px;
        margin: 0 auto;
    }

    .hv-form-card[b-e9xm4xvqn8] {
        background: white;
        border-radius: 16px;
        box-shadow: 0 20px 60px rgba(8, 49, 105, 0.12);
        overflow: hidden;
    }

    .hv-form-header[b-e9xm4xvqn8] {
        padding: 2rem 2rem 0;
    }

    .hv-form-header h2[b-e9xm4xvqn8] {
        font-size: 1.25rem;
        font-weight: 700;
        color: #212121;
        margin-bottom: 0.25rem;
    }

    .hv-form-header p[b-e9xm4xvqn8] {
        font-size: 0.875rem;
        color: #868686;
    }

    .hv-form-body[b-e9xm4xvqn8] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.25rem;
        padding: 1.5rem 2rem;
    }

    .hv-field[b-e9xm4xvqn8] {
        display: flex;
        flex-direction: column;
        gap: 0.375rem;
    }

    .hv-field-full[b-e9xm4xvqn8] {
        grid-column: 1 / -1;
    }

    .hv-field label[b-e9xm4xvqn8] {
        display: flex;
        align-items: center;
        gap: 0.375rem;
        font-size: 0.8125rem;
        font-weight: 600;
        color: #494949;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

    .hv-field label svg[b-e9xm4xvqn8] {
        color: #868686;
    }

    .hv-input[b-e9xm4xvqn8] {
        width: 100%;
        padding: 0.75rem 1rem;
        border: 1.5px solid #D7D7D7;
        border-radius: 10px;
        font-size: 0.9375rem;
        font-family: 'DM Sans', sans-serif;
        color: #212121;
        background: #FAFAFA;
        transition: border-color 0.2s, box-shadow 0.2s;
        outline: none;
        appearance: none;
        -webkit-appearance: none;
    }

    .hv-input:focus[b-e9xm4xvqn8] {
        border-color: #083169;
        box-shadow: 0 0 0 3px rgba(8, 49, 105, 0.1);
        background: white;
    }

    .hv-input[b-e9xm4xvqn8]::placeholder {
        color: #C2C2C2;
    }

    select.hv-input[b-e9xm4xvqn8] {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23868686' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 0.75rem center;
        padding-right: 2.5rem;
        cursor: pointer;
    }

    .hv-field-hint[b-e9xm4xvqn8] {
        font-size: 0.75rem;
        color: #D4A853;
    }

    .hv-field-success[b-e9xm4xvqn8] {
        display: flex;
        align-items: center;
        gap: 0.25rem;
        font-size: 0.75rem;
        color: #07C365;
    }

    /* Form Footer */
    .hv-form-footer[b-e9xm4xvqn8] {
        padding: 0 2rem 2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }

    .hv-error-msg[b-e9xm4xvqn8] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        background: #FEF2F2;
        color: #DC2626;
        padding: 0.75rem 1rem;
        border-radius: 10px;
        font-size: 0.875rem;
        width: 100%;
    }

    .hv-submit-btn[b-e9xm4xvqn8] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.625rem;
        width: 100%;
        max-width: 320px;
        padding: 0.875rem 2rem;
        background: linear-gradient(135deg, #083169, #0A4090);
        color: white;
        border: none;
        border-radius: 12px;
        font-size: 1rem;
        font-weight: 600;
        font-family: 'DM Sans', sans-serif;
        cursor: pointer;
        transition: transform 0.15s, box-shadow 0.2s;
    }

    .hv-submit-btn:hover:not(:disabled)[b-e9xm4xvqn8] {
        transform: translateY(-1px);
        box-shadow: 0 8px 24px rgba(8, 49, 105, 0.3);
    }

    .hv-submit-btn:active:not(:disabled)[b-e9xm4xvqn8] {
        transform: translateY(0);
    }

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

    .hv-spinner[b-e9xm4xvqn8] {
        width: 20px;
        height: 20px;
        border: 2.5px solid rgba(255, 255, 255, 0.3);
        border-top-color: white;
        border-radius: 50%;
        animation: hv-spin-b-e9xm4xvqn8 0.7s linear infinite;
    }

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

    /* Results Section */
    .hv-results-section[b-e9xm4xvqn8] {
        padding: 0 2rem 4rem;
    }

    .hv-results-container[b-e9xm4xvqn8] {
        max-width: 820px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }

    /* Value Card */
    .hv-value-card[b-e9xm4xvqn8] {
        background: white;
        border-radius: 16px;
        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
        padding: 2rem;
        border: 1px solid #E8EEF5;
    }

    .hv-value-header[b-e9xm4xvqn8] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 1.5rem;
    }

    .hv-value-header h2[b-e9xm4xvqn8] {
        font-size: 1.125rem;
        font-weight: 700;
        color: #212121;
    }

    .hv-value-date[b-e9xm4xvqn8] {
        font-size: 0.8125rem;
        color: #868686;
    }

    .hv-value-main[b-e9xm4xvqn8] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 2rem;
    }

    .hv-value-amount[b-e9xm4xvqn8] {
        display: flex;
        align-items: baseline;
        gap: 0.5rem;
    }

    .hv-currency[b-e9xm4xvqn8] {
        font-size: 1rem;
        font-weight: 600;
        color: #868686;
    }

    .hv-price[b-e9xm4xvqn8] {
        font-size: clamp(1.75rem, 4vw, 2.5rem);
        font-weight: 700;
        color: #083169;
        letter-spacing: -0.02em;
    }

    .hv-method-badge[b-e9xm4xvqn8] {
        display: inline-flex;
        padding: 0.25rem 0.75rem;
        background: #E8EEF5;
        color: #083169;
        border-radius: 6px;
        font-size: 0.75rem;
        font-weight: 600;
    }

    /* Confidence Section */
    .hv-confidence-section[b-e9xm4xvqn8] {
        display: flex;
        align-items: center;
        gap: 1.5rem;
        padding: 1.5rem;
        background: #F8F9FC;
        border-radius: 12px;
        margin-bottom: 2rem;
    }

    .hv-confidence-chart[b-e9xm4xvqn8] {
        flex-shrink: 0;
    }

    .hv-confidence-info[b-e9xm4xvqn8] {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
    }

    .hv-confidence-label[b-e9xm4xvqn8] {
        font-size: 0.8125rem;
        font-weight: 600;
        color: #868686;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

    .hv-confidence-value[b-e9xm4xvqn8] {
        font-size: 2rem;
        font-weight: 700;
    }

    .hv-confidence-value.high[b-e9xm4xvqn8] { color: #07C365; }
    .hv-confidence-value.medium[b-e9xm4xvqn8] { color: #D4A853; }
    .hv-confidence-value.low[b-e9xm4xvqn8] { color: #DC2626; }

    .hv-confidence-desc[b-e9xm4xvqn8] {
        font-size: 0.875rem;
        color: #727272;
    }

    /* Range Section */
    .hv-range-section h3[b-e9xm4xvqn8] {
        font-size: 0.9375rem;
        font-weight: 700;
        color: #212121;
        margin-bottom: 1rem;
    }

    .hv-range-labels[b-e9xm4xvqn8] {
        display: flex;
        justify-content: space-between;
        margin-bottom: 0.5rem;
    }

    .hv-range-low[b-e9xm4xvqn8], .hv-range-high[b-e9xm4xvqn8] {
        font-size: 0.8125rem;
        font-weight: 600;
        color: #727272;
    }

    .hv-range-mid[b-e9xm4xvqn8] {
        font-size: 0.875rem;
        font-weight: 700;
        color: #083169;
    }

    .hv-range-bar[b-e9xm4xvqn8] {
        position: relative;
        height: 10px;
        background: linear-gradient(90deg, #FDE68A, #6EE7B7, #FDE68A);
        border-radius: 5px;
        margin-bottom: 0.375rem;
    }

    .hv-range-fill[b-e9xm4xvqn8] {
        position: absolute;
        top: 0;
        height: 100%;
        background: linear-gradient(90deg, #F59E0B, #07C365);
        border-radius: 5px;
        opacity: 0.4;
    }

    .hv-range-marker[b-e9xm4xvqn8] {
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
    }

    .hv-range-marker-dot[b-e9xm4xvqn8] {
        width: 18px;
        height: 18px;
        background: #083169;
        border: 3px solid white;
        border-radius: 50%;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    }

    .hv-range-endpoints[b-e9xm4xvqn8] {
        display: flex;
        justify-content: space-between;
        font-size: 0.75rem;
        color: #9A9A9A;
    }

    /* Factors Card */
    .hv-factors-card[b-e9xm4xvqn8] {
        background: white;
        border-radius: 16px;
        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
        padding: 2rem;
        border: 1px solid #E8EEF5;
    }

    .hv-factors-card h3[b-e9xm4xvqn8] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-size: 1.0625rem;
        font-weight: 700;
        color: #212121;
        margin-bottom: 1.25rem;
    }

    .hv-factors-list[b-e9xm4xvqn8] {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .hv-factor-item[b-e9xm4xvqn8] {
        padding: 1rem;
        background: #FAFAFA;
        border-radius: 10px;
        transition: background 0.2s;
    }

    .hv-factor-item:hover[b-e9xm4xvqn8] {
        background: #F3F3F3;
    }

    .hv-factor-header[b-e9xm4xvqn8] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 0.25rem;
    }

    .hv-factor-name[b-e9xm4xvqn8] {
        font-size: 0.9375rem;
        font-weight: 600;
        color: #212121;
    }

    .hv-factor-impact[b-e9xm4xvqn8] {
        font-size: 0.875rem;
        font-weight: 700;
        border-radius: 6px;
        padding: 0.125rem 0.5rem;
    }

    .hv-factor-impact.positive[b-e9xm4xvqn8] {
        color: #07C365;
        background: #DCF0DB;
    }

    .hv-factor-impact.negative[b-e9xm4xvqn8] {
        color: #DC2626;
        background: #FEF2F2;
    }

    .hv-factor-desc[b-e9xm4xvqn8] {
        font-size: 0.8125rem;
        color: #727272;
        margin-bottom: 0.5rem;
        line-height: 1.4;
    }

    .hv-factor-bar[b-e9xm4xvqn8] {
        height: 4px;
        background: #E8EEF5;
        border-radius: 2px;
        overflow: hidden;
    }

    .hv-factor-bar-fill[b-e9xm4xvqn8] {
        height: 100%;
        border-radius: 2px;
        transition: width 0.6s ease;
    }

    .hv-factor-bar-fill.positive[b-e9xm4xvqn8] { background: #07C365; }
    .hv-factor-bar-fill.negative[b-e9xm4xvqn8] { background: #DC2626; }

    /* Actions Card */
    .hv-actions-card[b-e9xm4xvqn8] {
        background: white;
        border-radius: 16px;
        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
        overflow: hidden;
        border: 1px solid #E8EEF5;
    }

    .hv-action-link[b-e9xm4xvqn8] {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 1.25rem 1.5rem;
        text-decoration: none;
        color: #212121;
        border-bottom: 1px solid #F3F3F3;
        transition: background 0.15s;
        cursor: pointer;
        background: none;
        border-left: none;
        border-right: none;
        border-top: none;
        width: 100%;
        font-family: 'DM Sans', sans-serif;
        text-align: left;
    }

    .hv-action-link:last-child[b-e9xm4xvqn8] {
        border-bottom: none;
    }

    .hv-action-link:hover[b-e9xm4xvqn8] {
        background: #F8F9FC;
    }

    .hv-action-link > svg:first-child[b-e9xm4xvqn8] {
        flex-shrink: 0;
        color: #083169;
    }

    .hv-action-link > svg:last-child[b-e9xm4xvqn8] {
        flex-shrink: 0;
        color: #C2C2C2;
        margin-left: auto;
    }

    .hv-action-link > div[b-e9xm4xvqn8] {
        flex: 1;
        min-width: 0;
    }

    .hv-action-title[b-e9xm4xvqn8] {
        display: block;
        font-size: 0.9375rem;
        font-weight: 600;
        color: #212121;
    }

    .hv-action-desc[b-e9xm4xvqn8] {
        display: block;
        font-size: 0.8125rem;
        color: #868686;
        margin-top: 0.125rem;
    }

    /* Responsive */
    @media (max-width: 640px) {
        .hv-hero[b-e9xm4xvqn8] {
            padding: 100px 1.25rem 40px;
        }

        .hv-form-section[b-e9xm4xvqn8] {
            padding: 0 1rem 2rem;
        }

        .hv-form-body[b-e9xm4xvqn8] {
            grid-template-columns: 1fr;
            padding: 1.25rem 1.25rem;
        }

        .hv-form-header[b-e9xm4xvqn8] {
            padding: 1.5rem 1.25rem 0;
        }

        .hv-form-footer[b-e9xm4xvqn8] {
            padding: 0 1.25rem 1.5rem;
        }

        .hv-results-section[b-e9xm4xvqn8] {
            padding: 0 1rem 3rem;
        }

        .hv-value-card[b-e9xm4xvqn8],
        .hv-factors-card[b-e9xm4xvqn8] {
            padding: 1.25rem;
        }

        .hv-confidence-section[b-e9xm4xvqn8] {
            flex-direction: column;
            text-align: center;
        }

        .hv-value-main[b-e9xm4xvqn8] {
            flex-direction: column;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .hv-value-header[b-e9xm4xvqn8] {
            flex-direction: column;
            align-items: flex-start;
            gap: 0.25rem;
        }
    }
/* _content/Listico.Web/Components/Property/NearbyPlacesGrid.razor.rz.scp.css */
.nearby-photo-grid[b-bsvvk2t8ah] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.nearby-photo-item[b-bsvvk2t8ah] {
    position: relative;
    aspect-ratio: 1;
    border-radius: 8px;
    overflow: hidden;
    background: #F3F3F3;
}

.nearby-photo-item img[b-bsvvk2t8ah] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nearby-photo-placeholder[b-bsvvk2t8ah] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--neutral-100) 0%, var(--neutral-200, #D7D7D7) 100%);
    color: var(--text-light);
}

.nearby-photo-info[b-bsvvk2t8ah] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0.5rem 0.625rem;
    background: linear-gradient(transparent, rgba(0,0,0,0.7));
    color: white;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.nearby-photo-name[b-bsvvk2t8ah] {
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nearby-photo-type[b-bsvvk2t8ah] {
    font-size: 0.625rem;
    opacity: 0.8;
}
/* _content/Listico.Web/Components/Property/SchoolsSection.razor.rz.scp.css */
.school-ratings-list[b-1bv5n8xw4o] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.school-item[b-1bv5n8xw4o] {
    background: white;
    border: 1px solid #F3F3F3;
    border-radius: 12px;
    padding: 1.5rem;
    transition: border-color 0.2s;
}

.school-item:hover[b-1bv5n8xw4o] {
    border-color: #CED6E1;
}

.school-header[b-1bv5n8xw4o] {
    display: flex;
    gap: 1rem;
    align-items: center;
    margin-bottom: 0.75rem;
}

.school-rating-circle[b-1bv5n8xw4o] {
    width: 52px;
    height: 52px;
    min-width: 52px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    line-height: 1;
}

.school-rating-circle .rating-number[b-1bv5n8xw4o] {
    font-size: 1.25rem;
    font-weight: 800;
}

.school-rating-circle .rating-of-ten[b-1bv5n8xw4o] {
    font-size: 0.6rem;
    font-weight: 500;
    opacity: 0.85;
    margin-top: 1px;
}

.school-rating-circle .rating-dash[b-1bv5n8xw4o] {
    font-size: 1.25rem;
    font-weight: 600;
    opacity: 0.7;
}

.school-type-badge[b-1bv5n8xw4o] {
    color: #fff;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
}

.school-not-rated[b-1bv5n8xw4o] {
    font-size: 0.8rem;
    color: #9CA3AF;
    font-style: italic;
    padding-left: 66px;
}

.school-info[b-1bv5n8xw4o] {
    flex: 1;
    min-width: 0;
}

.school-info h4[b-1bv5n8xw4o] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #212121;
    margin-bottom: 0.25rem;
}

.school-meta[b-1bv5n8xw4o] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    font-size: 0.8rem;
    color: #9A9A9A;
    align-items: center;
}

.school-distance[b-1bv5n8xw4o] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.school-distance svg[b-1bv5n8xw4o] {
    color: #083169;
}

.school-district[b-1bv5n8xw4o] {
    color: #6b7280;
    font-size: 0.8rem;
}

.school-website-link[b-1bv5n8xw4o] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.8rem;
    color: #083169;
    text-decoration: none;
    margin-top: 0.25rem;
}

.school-website-link:hover[b-1bv5n8xw4o] {
    text-decoration: underline;
}

.school-quality-bar[b-1bv5n8xw4o] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-left: 66px;
}

.quality-label[b-1bv5n8xw4o] {
    font-size: 0.875rem;
    color: var(--text-gray);
    min-width: 100px;
}

.quality-progress[b-1bv5n8xw4o] {
    flex: 1;
    height: 8px;
    background: var(--bg-light);
    border-radius: 4px;
    overflow: hidden;
}

.quality-progress-bar[b-1bv5n8xw4o] {
    height: 100%;
    background: linear-gradient(90deg, #4CAF50, #8BC34A);
    transition: width 0.3s;
}

.quality-score[b-1bv5n8xw4o] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--primary-blue);
    min-width: 40px;
    text-align: right;
}

@media (max-width: 480px) {
    .school-item[b-1bv5n8xw4o] {
        padding: 1rem;
    }
    .school-rating-circle[b-1bv5n8xw4o] {
        width: 44px;
        height: 44px;
        min-width: 44px;
        border-radius: 8px;
    }
    .school-rating-circle .rating-number[b-1bv5n8xw4o] {
        font-size: 1.1rem;
    }
    .school-header[b-1bv5n8xw4o] {
        gap: 0.75rem;
    }
    .school-info h4[b-1bv5n8xw4o] {
        font-size: 0.85rem;
    }
    .school-meta[b-1bv5n8xw4o] {
        gap: 0.5rem;
        font-size: 0.75rem;
    }
    .school-quality-bar[b-1bv5n8xw4o] {
        padding-left: 0;
        gap: 0.5rem;
    }
    .school-not-rated[b-1bv5n8xw4o] {
        padding-left: 0;
        font-size: 0.75rem;
    }
    .quality-label[b-1bv5n8xw4o] {
        min-width: 70px;
        font-size: 0.75rem;
    }
}
/* _content/Listico.Web/Components/Property/SimilarPropertiesSection.razor.rz.scp.css */
.similar-properties-section[b-4i3kb3f6n9] {
    background: white;
    padding: 3rem 0;
    border-top: 1px solid #F3F3F3;
}

.similar-properties-section h2[b-4i3kb3f6n9] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #212121;
    margin-bottom: 1.5rem;
}

.similar-grid[b-4i3kb3f6n9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(253px, 1fr));
    gap: 1rem;
}

.similar-card[b-4i3kb3f6n9] {
    background: white;
    border: 1px solid #F3F3F3;
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.3s;
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
}

.similar-card:hover[b-4i3kb3f6n9] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.1);
    border-color: #CED6E1;
}

.similar-image[b-4i3kb3f6n9] {
    position: relative;
    width: calc(100% - 24px);
    height: 188px;
    overflow: hidden;
    margin: 12px 12px 0;
    border-radius: 8px;
}

.similar-image img[b-4i3kb3f6n9] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.similar-card:hover .similar-image img[b-4i3kb3f6n9] {
    transform: scale(1.05);
}

.similar-badge[b-4i3kb3f6n9] {
    position: absolute;
    bottom: 0.75rem;
    left: 0.75rem;
    background: #DCF0DB;
    color: #212121;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
}

.similar-favorite[b-4i3kb3f6n9] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(4px);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    transition: background 0.2s;
    z-index: 2;
}

.similar-favorite:hover[b-4i3kb3f6n9] {
    background: rgba(255, 255, 255, 0.5);
}

.similar-carousel-dots[b-4i3kb3f6n9] {
    position: absolute;
    bottom: 0.75rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 4px;
    z-index: 2;
}

.carousel-dot[b-4i3kb3f6n9] {
    width: 14px;
    height: 4px;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.3);
    transition: background 0.2s, width 0.2s;
}

.carousel-dot.active[b-4i3kb3f6n9] {
    background: white;
}

.similar-info[b-4i3kb3f6n9] {
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.similar-info h4[b-4i3kb3f6n9] {
    font-size: 1rem;
    font-weight: 600;
    color: #212121;
    margin: 0;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.similar-price[b-4i3kb3f6n9] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #083169;
    margin: 0;
}

.similar-features[b-4i3kb3f6n9] {
    display: flex;
    gap: 1rem;
    font-size: 0.875rem;
    color: var(--text-gray);
}

.similar-features span[b-4i3kb3f6n9] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.similar-city[b-4i3kb3f6n9] {
    font-size: 0.875rem;
    color: var(--text-gray);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.similar-city[b-4i3kb3f6n9]::before {
    content: '';
    width: 14px;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") no-repeat center;
}
/* _content/Listico.Web/Components/Property/WalkScoreCard.razor.rz.scp.css */
.walkscore-header[b-gnza47o3nu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25rem;
}

.walkscore-legend[b-gnza47o3nu] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.legend-item[b-gnza47o3nu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--text-dark);
}

.legend-dot[b-gnza47o3nu] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.walkscore-view-btn[b-gnza47o3nu] {
    padding: 0.375rem 1rem;
    background: var(--neutral-100, #F3F3F3);
    color: var(--text-dark);
    border-radius: var(--radius-md);
    font-size: 0.8125rem;
    font-weight: 500;
    text-decoration: none;
    transition: background 0.2s;
}

.walkscore-view-btn:hover[b-gnza47o3nu] {
    background: var(--neutral-200, #D7D7D7);
}

.walkscore-scores[b-gnza47o3nu] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.walkscore-card[b-gnza47o3nu] {
    flex: 1;
    padding: 1rem 0.75rem;
    background: white;
    border: 1px solid #F3F3F3;
    border-radius: 16px;
    text-align: center;
    min-height: 107px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.walkscore-value[b-gnza47o3nu] {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0.25rem;
}

.walkscore-label[b-gnza47o3nu] {
    font-size: 0.75rem;
    color: #9A9A9A;
    font-weight: 500;
}

.walkscore-desc[b-gnza47o3nu] {
    font-size: 0.6875rem;
    color: #AEAEAE;
    margin-top: 0.25rem;
}

.walkscore-map-preview[b-gnza47o3nu] {
    background: #1a1a2e;
    border-radius: 24px;
    overflow: hidden;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #868686;
    font-size: 0.875rem;
}
/* _content/Listico.Web/Components/Shared/LandingHeader.razor.rz.scp.css */
/* ── User menu dropdown ─────────────────────── */
.header-notif-btn[b-tvyqd58unv] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid var(--neutral-200);
    color: var(--neutral-600);
    text-decoration: none;
    transition: all 0.15s;
}
.header-notif-btn:hover[b-tvyqd58unv] { border-color: var(--primary-500); color: var(--primary-500); }
.notif-badge[b-tvyqd58unv] {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 18px;
    height: 18px;
    background: var(--primary-500);
    color: white;
    border-radius: 50%;
    font-size: 0.65rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid white;
}

.header-user-menu[b-tvyqd58unv] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    padding: 0.3rem 0.5rem 0.3rem 0.3rem;
    border-radius: 50px;
    border: 1px solid var(--neutral-200);
    transition: border-color 0.15s;
    user-select: none;
}
.header-user-menu:hover[b-tvyqd58unv] { border-color: var(--neutral-400); }

.header-avatar-wrap[b-tvyqd58unv] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
}
.header-avatar-img[b-tvyqd58unv] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.header-avatar-initials[b-tvyqd58unv] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 600;
    font-size: 0.8rem;
}
.header-user-name[b-tvyqd58unv] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--neutral-800);
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.header-chevron[b-tvyqd58unv] {
    transition: transform 0.2s;
    color: var(--neutral-500);
}
.header-chevron.open[b-tvyqd58unv] { transform: rotate(180deg); }

/* Dropdown */
.header-dropdown[b-tvyqd58unv] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 210px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.12);
    border: 1px solid var(--neutral-100);
    padding: 0.5rem;
    z-index: 1000;
}
.dropdown-item[b-tvyqd58unv] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.6rem 0.75rem;
    border-radius: 8px;
    font-size: 0.88rem;
    color: var(--neutral-700);
    text-decoration: none;
    cursor: pointer;
    background: none;
    border: none;
    width: 100%;
    font-family: inherit;
    transition: background 0.12s;
}
.dropdown-item:hover[b-tvyqd58unv] { background: var(--neutral-50); }
.dropdown-item svg[b-tvyqd58unv] { flex-shrink: 0; }
.dropdown-divider[b-tvyqd58unv] {
    height: 1px;
    background: var(--neutral-100);
    margin: 0.35rem 0;
}
.logout-item[b-tvyqd58unv] { color: #dc2626; }
.logout-item:hover[b-tvyqd58unv] { background: #fef2f2; }

/* Mobile user card */
.mobile-user-card[b-tvyqd58unv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 0;
    margin-bottom: 0.5rem;
    border-bottom: 1px solid var(--neutral-100);
}
.mobile-user-name[b-tvyqd58unv] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--neutral-800);
}
.mobile-menu-link[b-tvyqd58unv] {
    display: block;
    padding: 0.65rem 0;
    font-size: 0.9rem;
    color: var(--neutral-700);
    text-decoration: none;
    border-bottom: 1px solid var(--neutral-50);
}
.mobile-menu-link:hover[b-tvyqd58unv] { color: var(--primary-500); }
.mobile-logout-btn[b-tvyqd58unv] {
    display: block;
    width: 100%;
    padding: 0.65rem 0;
    font-size: 0.9rem;
    color: #dc2626;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
    margin-top: 0.25rem;
}

@media (max-width: 768px) {
    .header-user-name[b-tvyqd58unv] { display: none; }
    .header-chevron[b-tvyqd58unv] { display: none; }
    .header-user-menu[b-tvyqd58unv] { padding: 0.2rem; border: none; }
}

/* Dark Mode */
[data-theme="dark"] .header-dropdown[b-tvyqd58unv] { background: #1e293b; border-color: #334155; box-shadow: 0 8px 30px rgba(0,0,0,0.3); }
[data-theme="dark"] .dropdown-item[b-tvyqd58unv] { color: #e2e8f0; }
[data-theme="dark"] .dropdown-item:hover[b-tvyqd58unv] { background: #334155; }
[data-theme="dark"] .dropdown-divider[b-tvyqd58unv] { background: #334155; }
[data-theme="dark"] .logout-item[b-tvyqd58unv] { color: #f87171; }
[data-theme="dark"] .logout-item:hover[b-tvyqd58unv] { background: rgba(220,38,38,0.1); }
[data-theme="dark"] .mobile-user-card[b-tvyqd58unv] { border-color: #334155; }
[data-theme="dark"] .mobile-user-name[b-tvyqd58unv] { color: #e2e8f0; }
[data-theme="dark"] .mobile-menu-link[b-tvyqd58unv] { color: #e2e8f0; border-color: #334155; }
[data-theme="dark"] .mobile-logout-btn[b-tvyqd58unv] { color: #f87171; }
/* _content/Listico.Web/Components/Shared/LiveChat.razor.rz.scp.css */
/* -- Wrapper -- */
.lc-wrap[b-1ee2snt4pt] {
    position: fixed;
    bottom: 24px;
    left: 24px;
    z-index: 9998;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

/* -- FAB Button -- */
.lc-fab[b-1ee2snt4pt] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #083169;
    color: white;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 20px rgba(8, 49, 105, 0.4);
    transition: all 0.25s ease;
    position: relative;
    order: 2;
}
.lc-fab:hover[b-1ee2snt4pt] { background: #0a3d80; transform: scale(1.06); }
.lc-fab--open[b-1ee2snt4pt] { background: #475569; box-shadow: 0 4px 16px rgba(0,0,0,0.2); }
.lc-fab--open:hover[b-1ee2snt4pt] { background: #374151; }

/* Unread badge */
.lc-badge[b-1ee2snt4pt] {
    position: absolute;
    top: -4px;
    right: -4px;
    background: #ef4444;
    color: white;
    font-size: 10px;
    font-weight: 700;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    border: 2px solid white;
    line-height: 1;
}

/* -- Panel -- */
.lc-panel[b-1ee2snt4pt] {
    width: 360px;
    max-height: 520px;
    background: white;
    border-radius: 20px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18), 0 2px 8px rgba(0,0,0,0.08);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    order: 1;
    animation: lc-slide-up-b-1ee2snt4pt 0.25s ease;
}

@keyframes lc-slide-up-b-1ee2snt4pt {
    from { opacity: 0; transform: translateY(16px) scale(0.97); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

/* -- Header -- */
.lc-header[b-1ee2snt4pt] {
    background: linear-gradient(135deg, #083169, #1a4f8f);
    padding: 16px 16px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
}
.lc-header-left[b-1ee2snt4pt] { display: flex; align-items: center; gap: 10px; }
.lc-avatar-wrap[b-1ee2snt4pt] { position: relative; }
.lc-avatar[b-1ee2snt4pt] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255,255,255,0.2);
    display: flex;
    align-items: center;
    justify-content: center;
}
.lc-online-dot[b-1ee2snt4pt] {
    position: absolute;
    bottom: 1px;
    right: 1px;
    width: 10px;
    height: 10px;
    background: #22c55e;
    border-radius: 50%;
    border: 2px solid #083169;
}
.lc-header-info[b-1ee2snt4pt] { display: flex; flex-direction: column; gap: 1px; }
.lc-header-name[b-1ee2snt4pt] { color: white; font-weight: 700; font-size: 0.9rem; line-height: 1.2; }
.lc-header-status[b-1ee2snt4pt] {
    color: rgba(255,255,255,0.75);
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    gap: 4px;
}
.lc-status-dot[b-1ee2snt4pt] {
    width: 6px;
    height: 6px;
    background: #22c55e;
    border-radius: 50%;
    display: inline-block;
}
.lc-status-dot--offline[b-1ee2snt4pt] { background: #94a3b8; }
.lc-header-btn[b-1ee2snt4pt] {
    background: rgba(255,255,255,0.15);
    border: none;
    color: white;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s;
    flex-shrink: 0;
}
.lc-header-btn:hover[b-1ee2snt4pt] { background: rgba(255,255,255,0.25); }

/* -- Pre-chat Form -- */
.lc-prechat[b-1ee2snt4pt] {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    flex: 1;
}
.lc-welcome-section[b-1ee2snt4pt] {
    background: linear-gradient(180deg, #083169 0%, #1a4f8f 100%);
    padding: 24px 20px 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.lc-welcome-icon[b-1ee2snt4pt] {
    width: 60px;
    height: 60px;
    background: rgba(255,255,255,0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4px;
}
.lc-welcome-title[b-1ee2snt4pt] { color: white; font-size: 1.2rem; font-weight: 700; margin: 0; }
.lc-welcome-sub[b-1ee2snt4pt] { color: rgba(255,255,255,0.8); font-size: 0.82rem; margin: 0; line-height: 1.4; }
.lc-form-section[b-1ee2snt4pt] { padding: 16px; display: flex; flex-direction: column; gap: 10px; }
.lc-form-group[b-1ee2snt4pt] { display: flex; flex-direction: column; }
.lc-field[b-1ee2snt4pt] {
    width: 100%;
    padding: 10px 12px;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    font-size: 0.875rem;
    color: #1e293b;
    background: white;
    outline: none;
    transition: border-color 0.15s;
    box-sizing: border-box;
    resize: none;
    font-family: inherit;
}
.lc-field:focus[b-1ee2snt4pt] { border-color: #083169; }
.lc-field--error[b-1ee2snt4pt] { border-color: #ef4444; }
.lc-field--msg[b-1ee2snt4pt] { resize: none; }
.lc-start-btn[b-1ee2snt4pt] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px;
    background: #083169;
    color: white;
    border: none;
    border-radius: 10px;
    font-size: 0.9rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
    margin-top: 4px;
    line-height: 1;
}
.lc-start-btn:hover:not(:disabled)[b-1ee2snt4pt] { background: #0a3d80; }
.lc-start-btn:disabled[b-1ee2snt4pt] { opacity: 0.5; cursor: not-allowed; }

/* -- Messages -- */
.lc-messages[b-1ee2snt4pt] {
    flex: 1;
    overflow-y: auto;
    padding: 14px 14px 8px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    scroll-behavior: smooth;
}
.lc-messages[b-1ee2snt4pt]::-webkit-scrollbar { width: 4px; }
.lc-messages[b-1ee2snt4pt]::-webkit-scrollbar-track { background: transparent; }
.lc-messages[b-1ee2snt4pt]::-webkit-scrollbar-thumb { background: #e2e8f0; border-radius: 2px; }

.lc-msg[b-1ee2snt4pt] { display: flex; gap: 8px; align-items: flex-end; }
.lc-msg--visitor[b-1ee2snt4pt] { flex-direction: row-reverse; }
.lc-msg-ava[b-1ee2snt4pt] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #083169;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.lc-msg-body[b-1ee2snt4pt] { display: flex; flex-direction: column; gap: 2px; max-width: 78%; }
.lc-msg--visitor .lc-msg-body[b-1ee2snt4pt] { align-items: flex-end; }

.lc-bubble[b-1ee2snt4pt] {
    padding: 9px 13px;
    border-radius: 16px;
    font-size: 0.85rem;
    line-height: 1.45;
    word-break: break-word;
}
.lc-msg--agent .lc-bubble[b-1ee2snt4pt] {
    background: #f1f5f9;
    color: #1e293b;
    border-bottom-left-radius: 4px;
}
.lc-msg--visitor .lc-bubble[b-1ee2snt4pt] {
    background: #083169;
    color: white;
    border-bottom-right-radius: 4px;
}
.lc-msg-time[b-1ee2snt4pt] {
    font-size: 0.7rem;
    color: #94a3b8;
    padding: 0 4px;
}

/* Typing indicator */
.lc-typing[b-1ee2snt4pt] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 10px 14px;
}
.lc-typing span[b-1ee2snt4pt] {
    width: 6px;
    height: 6px;
    background: #94a3b8;
    border-radius: 50%;
    animation: lc-bounce-b-1ee2snt4pt 1.2s infinite;
}
.lc-typing span:nth-child(2)[b-1ee2snt4pt] { animation-delay: 0.2s; }
.lc-typing span:nth-child(3)[b-1ee2snt4pt] { animation-delay: 0.4s; }
@keyframes lc-bounce-b-1ee2snt4pt {
    0%, 60%, 100% { transform: translateY(0); }
    30% { transform: translateY(-5px); }
}

/* -- Session ended bar -- */
.lc-ended-bar[b-1ee2snt4pt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    border-top: 1px solid #f1f5f9;
    background: #f8fafc;
    flex-shrink: 0;
}
.lc-ended-label[b-1ee2snt4pt] { font-size: 0.72rem; color: #94a3b8; }
.lc-newchat-btn[b-1ee2snt4pt] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    background: #083169;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
}
.lc-newchat-btn:hover[b-1ee2snt4pt] { background: #0a3d80; }

/* -- Input Footer -- */
.lc-footer[b-1ee2snt4pt] {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    padding: 10px 12px;
    border-top: 1px solid #f1f5f9;
    flex-shrink: 0;
    flex-wrap: wrap;
    position: relative;
}
.lc-input-wrap[b-1ee2snt4pt] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: flex-end;
}
.lc-textarea[b-1ee2snt4pt] {
    flex: 1;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    padding: 9px 36px 9px 12px;
    font-size: 0.875rem;
    color: #1e293b;
    resize: none;
    outline: none;
    font-family: inherit;
    line-height: 1.4;
    max-height: 100px;
    overflow-y: auto;
    transition: border-color 0.15s;
    width: 100%;
}
.lc-textarea:focus[b-1ee2snt4pt] { border-color: #083169; }
.lc-emoji-btn[b-1ee2snt4pt] {
    position: absolute;
    right: 8px;
    bottom: 7px;
    background: none;
    border: none;
    cursor: pointer;
    color: #94a3b8;
    padding: 2px;
    display: flex;
    align-items: center;
    transition: color 0.15s;
}
.lc-emoji-btn:hover[b-1ee2snt4pt] { color: #083169; }
.lc-emoji-panel[b-1ee2snt4pt] {
    width: 100%;
    order: -1;
    background: white;
    border: 1.5px solid #e2e8f0;
    border-radius: 12px;
    padding: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    margin-bottom: 4px;
    max-height: 120px;
    overflow-y: auto;
}
.lc-emoji[b-1ee2snt4pt] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.2rem;
    padding: 3px 4px;
    border-radius: 6px;
    transition: background 0.1s;
    line-height: 1;
}
.lc-emoji:hover[b-1ee2snt4pt] { background: #f1f5f9; }
.lc-send-btn[b-1ee2snt4pt] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #083169;
    color: white;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.2s;
    align-self: flex-end;
}
.lc-send-btn:hover:not(:disabled)[b-1ee2snt4pt] { background: #0a3d80; }
.lc-send-btn:disabled[b-1ee2snt4pt] { opacity: 0.45; cursor: not-allowed; }

/* -- Brand Bar -- */
.lc-brand-bar[b-1ee2snt4pt] {
    text-align: center;
    font-size: 0.7rem;
    color: #94a3b8;
    padding: 6px 12px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    flex-shrink: 0;
}
.lc-brand-bar strong[b-1ee2snt4pt] { color: #083169; }

/* -- Responsive -- */
@media (max-width: 768px) {
    .lc-wrap[b-1ee2snt4pt] { bottom: 80px; left: 16px; }
    .lc-panel[b-1ee2snt4pt] { width: calc(100vw - 32px); max-width: 360px; }
}
/* _content/Listico.Web/Components/Shared/ReportModal.razor.rz.scp.css */
.report-modal-overlay[b-i2pn94vhnl] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
}

.report-modal-content[b-i2pn94vhnl] {
    background: white;
    border-radius: 16px;
    padding: 28px;
    width: 90%;
    max-width: 480px;
    position: relative;
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

.report-modal-close[b-i2pn94vhnl] {
    position: absolute;
    top: 16px;
    right: 16px;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--color-text-muted);
    width: 24px;
    height: 24px;
}

.report-modal-header[b-i2pn94vhnl] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.report-modal-header h3[b-i2pn94vhnl] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.report-modal-icon[b-i2pn94vhnl] {
    width: 24px;
    height: 24px;
    color: #DC2626;
}

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

.report-form-group label[b-i2pn94vhnl] {
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 6px;
    color: var(--color-text-primary);
}

.report-form-group select[b-i2pn94vhnl],
.report-form-group textarea[b-i2pn94vhnl] {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    font-size: 14px;
    font-family: inherit;
    resize: vertical;
}

.report-form-group select:focus[b-i2pn94vhnl],
.report-form-group textarea:focus[b-i2pn94vhnl] {
    outline: none;
    border-color: var(--color-primary);
}

.report-modal-actions[b-i2pn94vhnl] {
    display: flex;
    gap: 12px;
    margin-top: 20px;
}

.report-btn-secondary[b-i2pn94vhnl], .report-btn-primary[b-i2pn94vhnl] {
    flex: 1;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    border: none;
}

.report-btn-secondary[b-i2pn94vhnl] {
    background: var(--color-bg-page, #f5f5f5);
    color: var(--color-text-secondary);
    border: 1px solid var(--color-border);
}

.report-btn-primary[b-i2pn94vhnl] {
    background: var(--color-primary, #d4a03c);
    color: white;
}

.report-btn-danger[b-i2pn94vhnl] {
    background: #DC2626;
}

.report-btn-primary:disabled[b-i2pn94vhnl] {
    opacity: 0.6;
    cursor: not-allowed;
}

.report-modal-error[b-i2pn94vhnl] {
    padding: 10px 14px;
    background: #FEE2E2;
    border: 1px solid #FCA5A5;
    border-radius: 8px;
    color: #DC2626;
    font-size: 14px;
    margin-bottom: 16px;
}

.report-modal-success[b-i2pn94vhnl] {
    text-align: center;
    padding: 20px 0;
}

.report-modal-success svg[b-i2pn94vhnl] {
    width: 48px;
    height: 48px;
    color: #10B981;
    margin-bottom: 12px;
}

.report-modal-success p[b-i2pn94vhnl] {
    color: var(--color-text-secondary);
    margin-bottom: 20px;
}
/* _content/Listico.Web/Components/Shared/ThemeToggle.razor.rz.scp.css */
    .theme-toggle[b-k1g2kv5cow] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        border-radius: 50%;
        border: 1px solid var(--neutral-200, #D7D7D7);
        background: transparent;
        color: var(--neutral-600, #868686);
        cursor: pointer;
        transition: all 0.2s ease;
        padding: 0;
        flex-shrink: 0;
    }

    .theme-toggle:hover[b-k1g2kv5cow] {
        border-color: var(--primary-500, #083169);
        color: var(--primary-500, #083169);
        background: var(--neutral-100, #F3F3F3);
    }

    .theme-toggle:active[b-k1g2kv5cow] {
        transform: scale(0.92);
    }

    .theme-toggle svg[b-k1g2kv5cow] {
        transition: transform 0.3s ease;
    }

    .theme-toggle:hover svg[b-k1g2kv5cow] {
        transform: rotate(15deg);
    }