@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.olwso25aue.bundle.scp.css';

/* /Components/Shared/ImportJobsStatus.razor.rz.scp.css */
.job-card[b-xhxcg84x2x] {
    transition: all 0.3s ease;
    background-color: rgba(248, 249, 250, 0.7);
    border-radius: 8px;
}

    .job-card:hover[b-xhxcg84x2x] {
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

.jobs-container[b-xhxcg84x2x] {
    max-height: 500px;
    overflow-y: auto;
    margin-bottom: 1rem;
}

.job-details[b-xhxcg84x2x] {
    font-size: 0.85rem;
    color: #6c757d;
}

.phase-progress[b-xhxcg84x2x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.progress[b-xhxcg84x2x] {
    height: 0.8rem;
    background-color: #e9ecef;
}

.ranking-period[b-xhxcg84x2x] {
    font-style: italic;
}
/* /Components/Shared/PageHeader.razor.rz.scp.css */
.page-header[b-dqcl62sgag] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #7e22ce 100%);
    border-radius: 12px;
    padding: 1.5rem 2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 1.5rem;
}

.previous-page[b-dqcl62sgag] {
    position: absolute;
    top: 50%;
    left: 2%;
    transform: translateY(-50%);
    transition: opacity 0.2s;
}

.previous-page:hover[b-dqcl62sgag] {
    opacity: 0.8;
}

.refresh-button[b-dqcl62sgag] {
    position: absolute;
    top: 50%;
    right: 2%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    transition: opacity 0.2s;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.refresh-button:hover[b-dqcl62sgag] {
    opacity: 0.8;
}

.refresh-button:active[b-dqcl62sgag] {
    transform: translateY(-50%) scale(0.95);
}
/* /Features/Auctions/Auctions.razor.rz.scp.css */
.auction-grid[b-ral3lfcuai] {
}

.form-label[b-ral3lfcuai] {
    font-weight: 500;
    margin-bottom: 0.25rem;
}

/* Make the grid more compact and readable */
[b-ral3lfcuai] .table th {
    background-color: #f8f9fa;
    font-weight: 600;
    color: #495057;
}

[b-ral3lfcuai] .badge-pill {
    padding: 0.5em 0.75em;
}
/* /Features/Auctions/Components/DataGrid.razor.rz.scp.css */
.auction-grid[b-n3dc0qiadz] {
    width: 100%;
    margin-bottom: 1rem;
}

    .auction-grid thead th[b-n3dc0qiadz] {
        background-color: var(--bs-gray-200);
        font-weight: 600;
        position: sticky;
        top: 0;
        z-index: 10;
    }

    .auction-grid tbody tr:hover[b-n3dc0qiadz] {
        background-color: var(--bs-gray-100);
    }

.badge-pill[b-n3dc0qiadz] {
    padding: 0.5rem 0.75rem;
    font-weight: 500;
    border-radius: 1rem;
}

.badge[b-n3dc0qiadz] {
    margin-left: 10px;
}

.data-grid-container[b-n3dc0qiadz] {
    max-width: 100%;
    overflow-x: auto;
}

.detail-row[b-n3dc0qiadz] {
    background-color: transparent !important;
}

.detail-panel[b-n3dc0qiadz] {
    transition: all 0.3s ease;
}

.auction-grid tr:hover[b-n3dc0qiadz] {
    background-color: rgba(0, 123, 255, 0.05);
}

.auction-grid tbody td[b-n3dc0qiadz] {
    vertical-align: middle !important;
}

.auction-grid tbody td > div[b-n3dc0qiadz] {
    min-height: 100%;
}

.auction-grid .d-flex.flex-column[b-n3dc0qiadz] {
    gap: 0.25rem;
}

.auction-grid .text-nowrap[b-n3dc0qiadz] {
    white-space: nowrap;
}
/* /Features/Blog/BlogList.razor.rz.scp.css */
/* Blog List Component Styles */

.blog-grid[b-a1yfkaqa6q] {
    width: 100%;
    margin-bottom: 1rem;
}

    .blog-grid thead th[b-a1yfkaqa6q] {
        background-color: var(--bs-gray-200);
        font-weight: 600;
        position: sticky;
        top: 0;
        z-index: 10;
        padding: 0.75rem;
        color: #495057;
    }

    .blog-grid tbody td[b-a1yfkaqa6q] {
        padding: 0.75rem;
        vertical-align: middle;
    }

    .blog-grid tbody tr:hover[b-a1yfkaqa6q] {
        background-color: var(--bs-gray-100);
    }

.data-grid-container[b-a1yfkaqa6q] {
    max-width: 100%;
    overflow-x: auto;
}

.detail-row[b-a1yfkaqa6q] {
    background-color: transparent !important;
}

.detail-panel[b-a1yfkaqa6q] {
    transition: all 0.3s ease;
}
/* /Features/Blog/Components/ImageCropModal.razor.rz.scp.css */
/* Image Crop Modal Styles */

.image-crop-modal[b-jq1dqyerga] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1050;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.image-crop-modal.show[b-jq1dqyerga] {
    display: flex;
}

/* Dialog Container */
.crop-dialog[b-jq1dqyerga] {
    background: white;
    border-radius: 12px;
    max-width: 1000px;
    width: 100%;
    max-height: 95vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

/* Header */
.crop-header[b-jq1dqyerga] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #dee2e6;
    background: #f8f9fa;
}

.crop-header h5[b-jq1dqyerga] {
    margin: 0;
    font-weight: 600;
    flex: 1;
    color: #212529;
}

.aspect-badge[b-jq1dqyerga] {
    background: #e7f3ff;
    color: #0066cc;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.875rem;
    font-weight: 500;
    white-space: nowrap;
}

.crop-header .btn-close[b-jq1dqyerga] {
    opacity: 0.7;
}

.crop-header .btn-close:hover[b-jq1dqyerga] {
    opacity: 1;
}

/* Body */
.crop-body[b-jq1dqyerga] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

/* Crop Canvas Container */
.crop-canvas-container[b-jq1dqyerga] {
    max-height: 400px;
    overflow: hidden;
    border-radius: 8px;
    background: #1a1a1a;
    display: flex;
    align-items: center;
    justify-content: center;
}

.crop-canvas-container img[b-jq1dqyerga] {
    display: block;
    max-width: 100%;
    max-height: 400px;
}

/* Zoom Controls Bar */
.crop-controls[b-jq1dqyerga] {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    margin-top: 1rem;
    padding: 0.75rem;
    background: #f8f9fa;
    border-radius: 8px;
}

.crop-controls .btn[b-jq1dqyerga] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
}

/* Preview Section */
.preview-section[b-jq1dqyerga] {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #dee2e6;
}

.preview-title[b-jq1dqyerga] {
    font-weight: 600;
    margin-bottom: 1rem;
    color: #495057;
    font-size: 0.9375rem;
}

.preview-container[b-jq1dqyerga] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.preview-card[b-jq1dqyerga] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1rem;
    text-align: center;
    border: 1px solid #e9ecef;
}

.preview-card-wide[b-jq1dqyerga] {
    flex: 1;
    min-width: 300px;
}

.preview-label[b-jq1dqyerga] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    color: #6c757d;
    margin-bottom: 0.5rem;
}

/* Thumbnail Preview - 175x100 (half of 350x200) */
.thumbnail-preview[b-jq1dqyerga] {
    width: 175px;
    height: 100px;
    overflow: hidden;
    border-radius: 4px;
    background: #e9ecef;
    margin: 0 auto;
    border: 1px solid #dee2e6;
}

.thumbnail-preview img[b-jq1dqyerga] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Feature Preview - 7:4 aspect ratio */
.feature-preview[b-jq1dqyerga] {
    width: 100%;
    max-width: 400px;
    aspect-ratio: 7/4;
    overflow: hidden;
    border-radius: 4px;
    background: #e9ecef;
    margin: 0 auto;
    border: 1px solid #dee2e6;
}

.feature-preview img[b-jq1dqyerga] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.preview-dimensions[b-jq1dqyerga] {
    font-size: 0.75rem;
    color: #6c757d;
    margin-top: 0.5rem;
}

.preview-placeholder[b-jq1dqyerga] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #adb5bd;
    font-size: 2rem;
}

/* Hint Text */
.crop-hint[b-jq1dqyerga] {
    text-align: center;
    margin-top: 1rem;
}

/* Loading State */
.crop-loading[b-jq1dqyerga] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    color: #6c757d;
}

.crop-loading p[b-jq1dqyerga] {
    margin-top: 1rem;
    margin-bottom: 0;
}

/* Error State */
.crop-error[b-jq1dqyerga] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
}

.crop-error p[b-jq1dqyerga] {
    max-width: 400px;
}

/* Footer */
.crop-footer[b-jq1dqyerga] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid #dee2e6;
    background: #f8f9fa;
}

.crop-footer .btn[b-jq1dqyerga] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    min-width: 100px;
    justify-content: center;
}

/* Resolution Warning Alerts - scoped to avoid Bootstrap conflicts */
.crop-alert[b-jq1dqyerga] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 0.375rem;
    padding: 0.5rem 0.75rem;
}

.crop-alert i[b-jq1dqyerga] {
    font-size: 1rem;
}

.crop-alert-info[b-jq1dqyerga] {
    background-color: #cff4fc;
    border: 1px solid #b6effb;
    color: #055160;
}

.crop-alert-warning[b-jq1dqyerga] {
    background-color: #fff3cd;
    border: 1px solid #ffecb5;
    color: #664d03;
}

.crop-alert-danger[b-jq1dqyerga] {
    background-color: #f8d7da;
    border: 1px solid #f5c2c7;
    color: #842029;
}

/* Toast Notification Styles */
.crop-toast-container[b-jq1dqyerga] {
    position: absolute;
    bottom: 5rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1100;
}

.crop-toast[b-jq1dqyerga] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    min-width: 280px;
    max-width: 400px;
    animation: crop-toast-slide-up-b-jq1dqyerga 0.3s ease-out;
}

@keyframes crop-toast-slide-up-b-jq1dqyerga {
    from {
        opacity: 0;
        transform: translateY(1rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.crop-toast-body[b-jq1dqyerga] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
}

.crop-toast-body i[b-jq1dqyerga] {
    font-size: 1.25rem;
}

.crop-toast-danger[b-jq1dqyerga] {
    background-color: #f8d7da;
    border: 1px solid #f5c2c7;
    color: #842029;
}

.crop-toast-success[b-jq1dqyerga] {
    background-color: #d1e7dd;
    border: 1px solid #badbcc;
    color: #0f5132;
}

.crop-toast-info[b-jq1dqyerga] {
    background-color: #cff4fc;
    border: 1px solid #b6effb;
    color: #055160;
}

.crop-toast .btn-close[b-jq1dqyerga] {
    opacity: 0.6;
    padding: 0.5rem;
}

.crop-toast .btn-close:hover[b-jq1dqyerga] {
    opacity: 1;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .image-crop-modal[b-jq1dqyerga] {
        padding: 0.5rem;
    }

    .crop-dialog[b-jq1dqyerga] {
        max-height: 100vh;
        border-radius: 8px;
    }

    .crop-header[b-jq1dqyerga] {
        padding: 0.875rem 1rem;
        flex-wrap: wrap;
    }

    .crop-header h5[b-jq1dqyerga] {
        font-size: 1rem;
    }

    .aspect-badge[b-jq1dqyerga] {
        font-size: 0.75rem;
        padding: 0.2rem 0.5rem;
    }

    .crop-body[b-jq1dqyerga] {
        padding: 1rem;
    }

    .crop-canvas-container[b-jq1dqyerga] {
        max-height: 300px;
    }

    .crop-canvas-container img[b-jq1dqyerga] {
        max-height: 300px;
    }

    .crop-controls[b-jq1dqyerga] {
        flex-wrap: wrap;
    }

    .crop-controls .btn[b-jq1dqyerga] {
        font-size: 0.8125rem;
        padding: 0.375rem 0.625rem;
    }

    .preview-container[b-jq1dqyerga] {
        flex-direction: column;
        align-items: center;
    }

    .preview-card-wide[b-jq1dqyerga] {
        min-width: auto;
        width: 100%;
    }

    .crop-footer[b-jq1dqyerga] {
        padding: 0.875rem 1rem;
    }

    .crop-footer .btn[b-jq1dqyerga] {
        min-width: 80px;
        font-size: 0.875rem;
    }
}

@media (max-width: 480px) {
    .crop-header[b-jq1dqyerga] {
        gap: 0.5rem;
    }

    .crop-header h5[b-jq1dqyerga] {
        flex: unset;
        width: 100%;
    }

    .thumbnail-preview[b-jq1dqyerga] {
        width: 140px;
        height: 80px;
    }

    .preview-dimensions[b-jq1dqyerga] {
        font-size: 0.6875rem;
    }
}
/* /Features/PromotionalCodes/PromotionalCodes.razor.rz.scp.css */
/* Promotional Codes Component Styles */

.promo-codes-grid[b-s8136hef1z] {
    width: 100%;
    margin-bottom: 1rem;
}

    .promo-codes-grid thead th[b-s8136hef1z] {
        background-color: var(--bs-gray-200);
        font-weight: normal;
        position: sticky;
        top: 0;
        z-index: 10;
        padding: 0.75rem;
        color: #495057;
    }

    .promo-codes-grid tbody td[b-s8136hef1z] {
        padding: 0.75rem;
        vertical-align: middle;
    }

    .promo-codes-grid tbody tr:hover[b-s8136hef1z] {
        background-color: var(--bs-gray-100);
    }

.data-grid-container[b-s8136hef1z] {
    max-width: 100%;
    overflow-x: auto;
}

.detail-row[b-s8136hef1z] {
    background-color: transparent !important;
}

.detail-panel[b-s8136hef1z] {
    transition: all 0.3s ease;
}
/* /Features/PublicListings/PublicListings.razor.rz.scp.css */
/* Public Listings Component Styles */

.public-listings-grid[b-sfb0ne9g80] {
    width: 100%;
    margin-bottom: 1rem;
}

    .public-listings-grid thead th[b-sfb0ne9g80] {
        background-color: var(--bs-gray-200);
        font-weight: normal;
        position: sticky;
        top: 0;
        z-index: 10;
        padding: 0.75rem;
        color: #495057;
    }

    .public-listings-grid tbody td[b-sfb0ne9g80] {
        padding: 0.75rem;
        vertical-align: middle;
    }

    .public-listings-grid tbody tr:hover[b-sfb0ne9g80] {
        background-color: var(--bs-gray-100);
    }

.data-grid-container[b-sfb0ne9g80] {
    max-width: 100%;
    overflow-x: auto;
}

.detail-row[b-sfb0ne9g80] {
    background-color: transparent !important;
}

.detail-panel[b-sfb0ne9g80] {
    transition: all 0.3s ease;
}
/* /Features/Transactions/Components/DataGrid.razor.rz.scp.css */

.transaction-grid[b-94u5upxvrg] {
    width: 100%;
    margin-bottom: 1rem;
}

    .transaction-grid thead th[b-94u5upxvrg] {
        background-color: var(--bs-gray-200);
        font-weight: 600;
        position: sticky;
        top: 0;
        z-index: 10;
        padding: 0.75rem;
        color: #495057;
    }

    .transaction-grid tbody td[b-94u5upxvrg] {
        padding: 0.75rem;
        vertical-align: middle;
    }

    .transaction-grid tbody tr:hover[b-94u5upxvrg] {
        background-color: var(--bs-gray-100);
    }

.badge-pill[b-94u5upxvrg] {
    padding: 0.5rem 0.75rem;
    font-weight: 500;
    border-radius: 1rem;
}

.data-grid-container[b-94u5upxvrg] {
    max-width: 100%;
    overflow-x: auto;
}
/* /Features/Transactions/Transactions.razor.rz.scp.css */
.form-label[b-l3z7zqr69z] {
    font-weight: 500;
    margin-bottom: 0.25rem;
}
/* /Features/Users/Components/DataGrid.razor.rz.scp.css */
.user-grid[b-82ysd14rk4] {
    width: 100%;
    margin-bottom: 1rem;
}

    .user-grid thead th[b-82ysd14rk4] {
        background-color: var(--bs-gray-200);
        font-weight: 600;
        position: sticky;
        top: 0;
        z-index: 10;
        padding: 0.75rem;
        color: #495057;
    }

    .user-grid tbody td[b-82ysd14rk4] {
        padding: 0.75rem;
        vertical-align: middle;
    }

    .user-grid tbody tr:hover[b-82ysd14rk4] {
        background-color: var(--bs-gray-100);
    }

.badge-pill[b-82ysd14rk4] {
    padding: 0.5rem 0.75rem;
    font-weight: 500;
    border-radius: 1rem;
}

.data-grid-container[b-82ysd14rk4] {
    max-width: 100%;
    overflow-x: auto;
}

.detail-row[b-82ysd14rk4] {
    background-color: transparent !important;
}

.detail-panel[b-82ysd14rk4] {
    transition: all 0.3s ease;
}

/* /Features/Users/Users.razor.rz.scp.css */
.form-label[b-7h5kjdo6dw] {
    font-weight: 500;
    margin-bottom: 0.25rem;
}

/* Dashboard Card Styles */
.dashboard-card[b-7h5kjdo6dw] {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    border: 2px solid transparent;
}

.dashboard-card:hover[b-7h5kjdo6dw] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.dashboard-card.selected[b-7h5kjdo6dw] {
    border: 2px solid #0d6efd;
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.25);
}

.dashboard-card.selected.bg-primary[b-7h5kjdo6dw] {
    border-color: #fff;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
}

/* Funnel Step Styles */
.funnel-step[b-7h5kjdo6dw] {
    padding: 0.5rem;
}

.funnel-step.clickable[b-7h5kjdo6dw] {
    cursor: pointer;
    border-radius: 0.375rem;
    transition: all 0.2s ease-in-out;
}

.funnel-step.clickable:hover[b-7h5kjdo6dw] {
    background-color: rgba(13, 110, 253, 0.1);
}

.funnel-step.selected[b-7h5kjdo6dw] {
    background-color: rgba(13, 110, 253, 0.15);
    border: 2px solid #0d6efd;
    border-radius: 0.375rem;
}

.funnel-count[b-7h5kjdo6dw] {
    font-size: 1.5rem;
    font-weight: bold;
}

.funnel-label[b-7h5kjdo6dw] {
    font-size: 0.75rem;
    color: #6c757d;
}

.registration-dashboard .card[b-7h5kjdo6dw] {
    border-radius: 0.5rem;
}