@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* _content/cv.orders-external.client/Components/Features/Dashboard/OperationalHealthCard.razor.rz.scp.css */
.health-grid[b-r9ugq79gp9] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    padding: 1.5rem;
}

.health-item[b-r9ugq79gp9] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem;
    background: var(--cv-background);
    border: 1px solid var(--cv-border-light);
    border-radius: 8px;
    transition: all 0.2s;
}

.health-item:hover[b-r9ugq79gp9] {
    background: var(--cv-white);
    transform: translateY(-2px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.health-icon[b-r9ugq79gp9] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
}

.health-item.attention .health-icon[b-r9ugq79gp9] {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}

.health-item.rush .health-icon[b-r9ugq79gp9] {
    background: rgba(255, 193, 7, 0.1);
    color: #ffc107;
}

.health-item.near-due .health-icon[b-r9ugq79gp9] {
    background: rgba(255, 152, 0, 0.1);
    color: #ff9800;
}

.health-item.stale .health-icon[b-r9ugq79gp9] {
    background: rgba(156, 39, 176, 0.1);
    color: #9c27b0;
}

.health-content[b-r9ugq79gp9] {
    flex: 1;
}

.health-value[b-r9ugq79gp9] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--cv-text);
    line-height: 1;
    margin-bottom: 0.5rem;
}

.health-label[b-r9ugq79gp9] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--cv-text);
    margin-bottom: 0.25rem;
}

.health-description[b-r9ugq79gp9] {
    font-size: 0.75rem;
    color: var(--cv-text-light);
    display: block;
    line-height: 1.3;
}

.empty-state-small[b-r9ugq79gp9] {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--cv-text-light);
}

.empty-state-small i[b-r9ugq79gp9] {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    opacity: 0.5;
}

.empty-state-small p[b-r9ugq79gp9] {
    margin: 0;
    font-size: 0.875rem;
}

@media (max-width: 768px) {
    .health-grid[b-r9ugq79gp9] {
        grid-template-columns: 1fr;
    }
}
/* _content/cv.orders-external.client/Components/Features/Dashboard/PerformanceMetricsCard.razor.rz.scp.css */
.performance-grid[b-m9dpilrwql] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1.5rem;
}

.performance-item[b-m9dpilrwql] {
    display: flex;
    flex-direction: column;
}

.performance-label[b-m9dpilrwql] {
    font-size: 0.875rem;
    color: var(--cv-text-light);
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.performance-value[b-m9dpilrwql] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--cv-primary);
}

.performance-value.text-danger[b-m9dpilrwql] {
    color: #dc3545;
}

.performance-value.text-success[b-m9dpilrwql] {
    color: #28a745;
}

.performance-unit[b-m9dpilrwql] {
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--cv-text-light);
}

.performance-indicator[b-m9dpilrwql] {
    margin-top: 0.75rem;
}

.indicator-bar[b-m9dpilrwql] {
    height: 8px;
    background: var(--cv-border-light);
    border-radius: 4px;
    overflow: hidden;
}

.indicator-fill[b-m9dpilrwql] {
    height: 100%;
    background: linear-gradient(to right, #dc3545, #ffc107, #28a745);
    transition: width 0.3s ease;
    border-radius: 4px;
}

.empty-state-small[b-m9dpilrwql] {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--cv-text-light);
}

.empty-state-small i[b-m9dpilrwql] {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    opacity: 0.5;
}

.empty-state-small p[b-m9dpilrwql] {
    margin: 0;
    font-size: 0.875rem;
}
/* _content/cv.orders-external.client/Components/Features/Dashboard/RecentOrdersCard.razor.rz.scp.css */
.view-all-link[b-yr5j13hrzb] {
    color: var(--cv-primary);
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    transition: color 0.2s;
}

.view-all-link:hover[b-yr5j13hrzb] {
    color: var(--cv-primary);
    text-decoration: underline;
}

.orders-table[b-yr5j13hrzb] {
    overflow-x: auto;
}

.orders-table table[b-yr5j13hrzb] {
    width: 100%;
    margin: 0;
}

.orders-table thead[b-yr5j13hrzb] {
    background: var(--cv-background);
}

.orders-table th[b-yr5j13hrzb] {
    padding: 0.75rem 1rem;
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--cv-text-light);
    border-bottom: 2px solid var(--cv-border);
}

.orders-table td[b-yr5j13hrzb] {
    padding: 1rem;
    font-size: 0.875rem;
    color: var(--cv-text);
    border-bottom: 1px solid var(--cv-border-light);
}

.order-row[b-yr5j13hrzb] {
    cursor: pointer;
    transition: background-color 0.2s;
}

.order-row:hover[b-yr5j13hrzb] {
    background: var(--cv-background);
}

.ref-number[b-yr5j13hrzb] {
    font-weight: 600;
    color: var(--cv-primary);
}

.address[b-yr5j13hrzb] {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.empty-state[b-yr5j13hrzb] {
    padding: 3rem;
    text-align: center;
    color: var(--cv-text-light);
}

.empty-state i[b-yr5j13hrzb] {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

.empty-state p[b-yr5j13hrzb] {
    margin: 0;
    font-size: 1rem;
}

@media (max-width: 768px) {
    .address[b-yr5j13hrzb] {
        max-width: 150px;
    }
}

@media (max-width: 576px) {
    .orders-table th:nth-child(3)[b-yr5j13hrzb],
    .orders-table td:nth-child(3)[b-yr5j13hrzb] {
        display: none;
    }
}
/* _content/cv.orders-external.client/Components/Features/Dashboard/VolumeMetricsCard.razor.rz.scp.css */
.metrics-grid[b-8i8x0b4a2m] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    padding: 1.5rem;
    border-bottom: 1px solid var(--cv-border);
}

.metric-item[b-8i8x0b4a2m] {
    text-align: center;
}

.metric-label[b-8i8x0b4a2m] {
    font-size: 0.875rem;
    color: var(--cv-text-light);
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.metric-value[b-8i8x0b4a2m] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--cv-primary);
}

.metric-unit[b-8i8x0b4a2m] {
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--cv-text-light);
}

.status-breakdown[b-8i8x0b4a2m] {
    padding: 1.5rem;
}

.breakdown-title[b-8i8x0b4a2m] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--cv-text);
    margin-bottom: 1rem;
}

.breakdown-item[b-8i8x0b4a2m] {
    margin-bottom: 1rem;
}

.breakdown-item:last-child[b-8i8x0b4a2m] {
    margin-bottom: 0;
}

.breakdown-label[b-8i8x0b4a2m] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}

.breakdown-label span:first-child[b-8i8x0b4a2m] {
    color: var(--cv-text);
    font-weight: 500;
}

.breakdown-count[b-8i8x0b4a2m] {
    color: var(--cv-text-light);
    font-weight: 600;
    font-size: 0.8rem;
}

.progress-bar[b-8i8x0b4a2m] {
    height: 8px;
    background: var(--cv-border-light);
    border-radius: 4px;
    overflow: hidden;
}

.progress-fill[b-8i8x0b4a2m] {
    height: 100%;
    transition: width 0.3s ease;
    border-radius: 4px;
}

.progress-fill.status-active[b-8i8x0b4a2m] {
    background: var(--cv-primary);
}

.progress-fill.status-onhold[b-8i8x0b4a2m] {
    background: #dc3545;
}

.progress-fill.status-resume[b-8i8x0b4a2m] {
    background: #ffc107;
}

.progress-fill.status-completed[b-8i8x0b4a2m] {
    background: #28a745;
}

.progress-fill.status-cancelled[b-8i8x0b4a2m] {
    background: #6c757d;
}

.progress-fill.status-underrevision[b-8i8x0b4a2m] {
    background: #17a2b8;
}

.progress-fill.status-awaitingcorrections[b-8i8x0b4a2m] {
    background: #fd7e14;
}

.progress-fill.status-awaitingcorrectionreview[b-8i8x0b4a2m] {
    background: #e83e8c;
}

.empty-state-small[b-8i8x0b4a2m] {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--cv-text-light);
}

.empty-state-small i[b-8i8x0b4a2m] {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    opacity: 0.5;
}

.empty-state-small p[b-8i8x0b4a2m] {
    margin: 0;
    font-size: 0.875rem;
}
/* _content/cv.orders-external.client/Components/Features/Orders/CreateOrder/FileUploadSection.razor.rz.scp.css */
.file-upload-section[b-jy2p607wt7] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

.section-header[b-jy2p607wt7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    background: #fff;
}

.section-header h5[b-jy2p607wt7] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #1a1a2e;
    display: flex;
    align-items: center;
}

.pending-attachments-list[b-jy2p607wt7] {
    padding: 0 1.25rem 1.25rem;
}

.attachment-item[b-jy2p607wt7] {
    display: flex;
    flex-direction: column;
    padding: 0.875rem 1rem;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    margin-bottom: 0.75rem;
    transition: all 0.2s ease;
    gap: 0.5rem;
}

.attachment-item:hover[b-jy2p607wt7] {
    background: #e9ecef;
    border-color: #dee2e6;
}

.attachment-item:last-child[b-jy2p607wt7] {
    margin-bottom: 0;
}

.attachment-info[b-jy2p607wt7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.attachment-info i[b-jy2p607wt7] {
    font-size: 1.5rem;
    color: #6c757d;
}

.attachment-row-top[b-jy2p607wt7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

 .attachment-row-bottom[b-jy2p607wt7] {
    display: flex;
	justify-content: space-between;
    align-items: center;
    padding-left: 2.25rem;
 }

.file-name[b-jy2p607wt7] {
    font-weight: 500;
    color: #0d6efd;
    font-size: 0.9375rem;
}

.file-metadata[b-jy2p607wt7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.file-size[b-jy2p607wt7] {
    font-size: 0.8125rem;
    color: #6c757d;
}

 .file-datetime[b-jy2p607wt7] {
    font-size: 0.8125rem;
    color: #6c757d;
 }
 
 .file-datetime[b-jy2p607wt7]::before {
    content: '•';
    margin-right: 0.5rem;
 }
 
 .attachment-tags[b-jy2p607wt7] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
 }
 
 .btn-remove[b-jy2p607wt7] {
    flex-shrink: 0;
    align-items: end;
 }
	 

.no-attachments[b-jy2p607wt7] {
    padding: 2rem 1.25rem;
    text-align: center;
    color: #6c757d;
}

.no-attachments i[b-jy2p607wt7] {
    font-size: 2.5rem;
    opacity: 0.3;
    margin-bottom: 0.75rem;
}

.no-attachments p[b-jy2p607wt7] {
    font-size: 0.9375rem;
    margin-bottom: 0.25rem;
}

.no-attachments small[b-jy2p607wt7] {
    font-size: 0.8125rem;
}
/* _content/cv.orders-external.client/Components/Features/Orders/CreateOrder/OrderSummaryStep.razor.rz.scp.css */
.order-summary-step[b-elmeayj991] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.summary-card[b-elmeayj991] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.summary-card-header[b-elmeayj991] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    background: transparent;
}

.summary-title[b-elmeayj991] {
    font-family: Poppins;
    font-weight: 500;
    color: #1a1a2e;
    font-size: 1rem;
}

.btn-edit[b-elmeayj991] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    background: #6b7280;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-edit:hover[b-elmeayj991] {
    background: #4b5563;
}

.summary-card-body[b-elmeayj991] {
    padding: 1.5rem;
}

/* Info Fields (Label above value) */
.info-field[b-elmeayj991] {
    margin-bottom: 0.75rem;
}

.info-field:last-child[b-elmeayj991] {
    margin-bottom: 0;
}

.info-field.full-width[b-elmeayj991] {
    margin-bottom: 0.875rem;
}

.field-label[b-elmeayj991] {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.313rem;
    letter-spacing: -0.015rem;
    color: #1A1A2E;
    margin-bottom: 0.25rem;
}

.field-value[b-elmeayj991] {
    font-size: 0.656rem;
    font-weight: 400;
    line-height: 0.656rem;
    letter-spacing: 0.03rem;
    color: #9CA3AF;
}

/* Property Grid */
.property-grid[b-elmeayj991] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    margin-top: 0.875rem;
    margin-bottom: 1rem;
}

/* Contacts List */
.contacts-list[b-elmeayj991] {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding-left: 0;
    padding-right: 0;
    margin-top: 1rem;
}

.contact-list-item[b-elmeayj991] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid #F3F4F6;
}

.contact-list-item:last-child[b-elmeayj991] {
    border-bottom: none;
}

.contact-list-icon[b-elmeayj991] {
    display: inline-block !important;
    font-size: 1.125rem !important;
    font-weight: 900 !important;
    color: #9CA3AF !important;
    flex-shrink: 0;
    width: auto !important;
    height: auto !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.contact-list-name[b-elmeayj991] {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.313rem;
    letter-spacing: -0.01rem;
    color: #1A1A2E;
    flex-shrink: 0;
    width: 9.375rem;
}

.contact-type-badge[b-elmeayj991] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    min-width: 100px;
    padding: 4px 8px;
    background: #EAF4FF;
    color: #324B67;
    border-radius: 8px;
    font-size: 0.656rem;
    font-weight: 500;
    line-height: 0.788rem;
    letter-spacing: 0;
    flex-shrink: 0;
    text-align: center;
    gap: 5.18px;
}

.contact-list-contact-info[b-elmeayj991] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    flex-grow: 1;
    min-width: 12.5rem;
}

.contact-info-wrapper[b-elmeayj991] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.contact-info-stacked[b-elmeayj991] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.contact-list-email[b-elmeayj991] {
    font-size: 0.656rem;
    font-weight: 400;
    line-height: 0.788rem;
    letter-spacing: -0.01rem;
    color: #6B7280;
    display: block;
}

.contact-list-phone[b-elmeayj991] {
    font-size: 0.656rem;
    font-weight: 400;
    line-height: 0.788rem;
    letter-spacing: -0.01rem;
    color: #6B7280;
    display: block;
}

.contact-badge-access[b-elmeayj991] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    min-width: 100px;
    padding: 4px 8px;
    background: #B4D9C6;
    border-radius: 8px;
    font-size: 0.656rem;
    font-weight: 500;
    line-height: 0.788rem;
    letter-spacing: 0;
    text-align: center;
    margin-left: 0.5rem;
    gap: 5.18px;
    color: #2B5643;
}

.details-grid[b-elmeayj991] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem 2rem;
}

.detail-item[b-elmeayj991] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.detail-item.full-width[b-elmeayj991] {
    grid-column: 1 / -1;
    margin-top: 0.5rem;
}

.detail-label[b-elmeayj991] {
    font-family: Poppins;
    font-size: 0.875rem;
    font-weight: 500;
    color: #1a1a2e;
    line-height: 1.4;
}

.detail-value[b-elmeayj991] {
    font-family: Poppins;
    font-size: 0.875rem;
    color: #6b7280;
    line-height: 1.5;
    font-weight: 400;
}

.section-divider[b-elmeayj991] {
    margin: 1.5rem 0;
    border: none;
}

.subsection-title[b-elmeayj991] {
    font-family: Poppins;
    font-size: 1rem;
    font-weight: 500;
    color: #1a1a2e;
    margin-bottom: 1rem;
}

.notes-manager-section[b-elmeayj991] {
    margin-top: 2rem;
}

/* _content/cv.orders-external.client/Components/Features/Orders/CreateOrder/PropertyAndContactsStep.razor.rz.scp.css */
.property-contacts-step[b-p2ani52f4w] {
    padding: 0;
}

.section-header h5[b-p2ani52f4w] {
    font-weight: 600;
    color: #1a1a2e;
    margin-bottom: 1rem;
}

.contact-card[b-p2ani52f4w] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
}

.contact-card-header[b-p2ani52f4w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #e5e7eb;
    background: transparent;
    border-radius: 8px 8px 0 0;
}

.contact-type-label[b-p2ani52f4w] {
    font-family: Poppins;
    font-weight: 600;
    color: #1a1a2e;
}

.contact-card-body[b-p2ani52f4w] {
    padding: 1.25rem;
}

.add-contact-btn[b-p2ani52f4w] {
    width: 100%;
    padding: 0.75rem;
    border: 1px dashed #ccc;
    border-radius: 8px;
    color: #666;
    background: transparent;
    font-family: Poppins;
    font-size: 0.875rem;
    font-weight: 500;
}

.add-contact-btn:hover[b-p2ani52f4w] {
    border-color: #3b82f6;
    color: #3b82f6;
    background: #f0f7ff;
}

.form-label[b-p2ani52f4w] {
    font-weight: 400;
    color: #374151;
    margin-bottom: 0.375rem;
    font-size: 0.875rem;
}

.form-control[b-p2ani52f4w], .form-select[b-p2ani52f4w] {
    border-radius: 6px;
    border: 1px solid #d1d5db;
    padding: 0.625rem 0.875rem;
}

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

.form-check-input:checked[b-p2ani52f4w] {
    background-color: #3b82f6;
    border-color: #3b82f6;
}

.form-switch[b-p2ani52f4w] {
    display: flex;
    align-items: center;
    min-height: 24.5px;
}

.form-switch .form-check-input[b-p2ani52f4w] {
    width: 42px;
    height: 24.5px;
    border-radius: 30px;
    margin-top: 0;
    margin-right: 0.5rem;
}

.form-switch .form-check-label[b-p2ani52f4w] {
    margin-bottom: 0;
    line-height: 24.5px;
}

.badge.bg-primary[b-p2ani52f4w] {
    background-color: #3b82f6 !important;
    font-weight: 500;
    padding: 0.375rem 0.75rem;
    border-radius: 4px;
}

hr[b-p2ani52f4w] {
    border-color: #e5e7eb;
}
/* _content/cv.orders-external.client/Components/Layout/MainLayout.razor.rz.scp.css */
.top-row[b-2hvquwqnqi] {
    background-color: var(--cv-primary);
    border-bottom: none;
    justify-content: space-between;
    height: 48px;
    display: flex;
    align-items: center;
    padding: 0 1.5rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

.page[b-2hvquwqnqi] {
    display: flex;
    min-height: calc(100vh - 56px);
    margin-top: 48px;
}

main[b-2hvquwqnqi] {
    flex: 1;
    background-color: var(--cv-white);
}

.sidebar[b-2hvquwqnqi] {
    background-color: var(--cv-sidebar);
    border-right: 1px solid #3B82F60A;
}

    .top-row[b-2hvquwqnqi]  a, .top-row[b-2hvquwqnqi]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
        color: var(--cv-white);
    }

    .top-row[b-2hvquwqnqi]  a:hover, .top-row[b-2hvquwqnqi]  .btn-link:hover {
        text-decoration: none;
        opacity: 0.9;
    }

    .top-row[b-2hvquwqnqi]  .brand {
        color: var(--cv-white);
        font-weight: 600;
        font-size: 1.125rem;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .top-row[b-2hvquwqnqi]  .user-info {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        line-height: 1.2;
    }

    .top-row[b-2hvquwqnqi]  .user-name {
        font-size: 0.9375rem;
        font-weight: 500;
    }

    .top-row[b-2hvquwqnqi]  .logout-link {
        font-size: 0.8125rem;
        text-decoration: none;
        margin-left: 0 !important;
        margin-top: 2px;
        opacity: 0.85;
        height: auto;
        line-height: 1;
    }

    .top-row[b-2hvquwqnqi]  .logout-link:hover {
        opacity: 1;
        text-decoration: underline;
    }

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

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

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

    .sidebar[b-2hvquwqnqi] {
        width: 52px;
        height: calc(100vh - 56px);
        position: sticky;
        top: 48px;
        border-right: 1px solid var(--cv-border);
    }

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

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

#blazor-error-ui[b-2hvquwqnqi] {
    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-2hvquwqnqi] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/cv.orders-external.client/Components/Layout/NavMenu.razor.rz.scp.css */
.nav-scrollable[b-xqxnuzvy5p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem 0;
    height: 100%;
}

.nav-item[b-xqxnuzvy5p] {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 0.5rem;
}

.nav-item[b-xqxnuzvy5p]  .nav-link {
    color: #64748B;
    background: none;
    border: none;
    border-radius: 6px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    text-decoration: none;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    padding: 12px;
    gap: 7px;
    opacity: 1;
}

.nav-item[b-xqxnuzvy5p]  .nav-link i {
    font-size: 16px;
}

    .nav-item[b-xqxnuzvy5p]  a.active {
        background-color: #EFF6FF;
        color: #37404C;
        width: 44px;
        height: 44px;
        border-radius: 6px;
        padding: 12px;
        gap: 7px;
        opacity: 1;
    }

.nav-item[b-xqxnuzvy5p]  .nav-link:hover {
    background-color: var(--cv-siderbar-hover);
    color: var(--cv-text);
}

@media (max-width: 640.98px) {
    .nav-scrollable[b-xqxnuzvy5p] {
        display: none;
    }
}

@media (min-width: 641px) {
    .nav-scrollable[b-xqxnuzvy5p] {
        display: flex;
        height: 100%;
        overflow-y: auto;
    }
}
/* _content/cv.orders-external.client/Components/Pages/AmpOrderDetails.razor.rz.scp.css */
.order-details-container[b-jchr4465oq] {
    padding: 0 2rem 2rem 2rem;
    max-width: 1400px;
    margin: 0 auto;
    background-color: #F9FAFB;
    min-height: 100vh;
}

/* Breadcrumb at very top */
.breadcrumb-top[b-jchr4465oq] {
    background-color: #F9FAFB;
    padding: 1rem 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

/* Icons - specific styling handled inline or in specific selectors */

/* Order Details specific StatusBadge overrides */
.order-details-container .status-badge[b-jchr4465oq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 190px;
    height: 53px;
    gap: 9px;
    border-radius: 18px;
    padding: 9px 18px;
    background: #CFE1F5;
    opacity: 1;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25rem;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
    border: 0.161rem solid #FFFFFF;
}

/* Header Section */
.page-header[b-jchr4465oq] {
    margin-bottom: 1rem;
    margin-top: 1.5rem;
}

.page-header:first-child[b-jchr4465oq] {
    margin-top: 0;
}

.header-breadcrumb[b-jchr4465oq] {
    margin-bottom: 0.5rem;
}

.header-and-activity-container[b-jchr4465oq] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.btn-back[b-jchr4465oq] {
    background: none;
    color: #6B7280;
    border: none;
    padding: 0.656rem 1.094rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.438rem;
    border-radius: 0.375rem;
    transition: color 0.2s;
    height: 3.125rem;
}

.btn-back:hover[b-jchr4465oq] {
    color: #374151;
}

.header-main[b-jchr4465oq] {
    background: #FFFFFF;
    border: 1px solid #DFE7EF;
    border-radius: 14px;
    padding: 36px;
    flex: 1;
    min-width: 867px;
    min-height: 271px;
    box-shadow: 0px 9px 20.8px 0px #0000001A;
    opacity: 1;
    display: flex;
    justify-content: space-between;
    flex-shrink: 0;
}

.header-title-section[b-jchr4465oq] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.88rem;
}

.header-row-1[b-jchr4465oq] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    width: 793px;
    height: 24px;
    opacity: 1;
}

.order-id-text[b-jchr4465oq] {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.31px;
    color: #495057;
    height: 24px;
    white-space: nowrap;
    justify-self: start;
}

.cmp-order-id-text[b-jchr4465oq] {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.31px;
    color: #495057;
    height: 24px;
    white-space: nowrap;
    justify-self: center;
}

.reference-number-text[b-jchr4465oq] {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.31px;
    color: #495057;
    height: 24px;
    white-space: nowrap;
    justify-self: end;
}

.header-row-2[b-jchr4465oq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 793px;
    height: 54px;
    min-height: 54px;
    opacity: 1;
}

.loan-number-display[b-jchr4465oq] {
    display: flex;
    align-items: center;
    max-width: 100%;
    height: 36px;
    gap: 14px;
    opacity: 1;
}

.loan-number-display i[b-jchr4465oq] {
    width: 14px;
    height: 24px;
    font-family: 'Font Awesome 6 Pro', sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.31px;
    color: #495057;
    opacity: 1;
    flex-shrink: 0;
}

.loan-number-display span[b-jchr4465oq] {
    height: 36px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.07px;
    color: #495057;
    opacity: 1;
    white-space: nowrap;
}

.header-row-3[b-jchr4465oq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 793px;
    height: 42px;
    opacity: 1;
    margin-top: 3rem;
}

.order-created-small[b-jchr4465oq] {
    width: 256px;
    height: 24px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.31px;
    color: #495057;
    opacity: 1;
}

.header-actions-inline[b-jchr4465oq] {
    display: flex;
    align-items: center;
    width: 325px;
    height: 42px;
    gap: 11px;
    opacity: 1;
    margin-right: 5px;
}

.btn-refresh-inline[b-jchr4465oq] {
    width: 121px;
    height: 42px;
    gap: 10.5px;
    border-radius: 6px;
    padding: 10.5px;
    background: #FFFFFF;
    border: 1px solid #CED4DA;
    opacity: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0%;
    color: #495057;
    flex-shrink: 0;
    min-width: 121px;
}

.btn-refresh-inline i[b-jchr4465oq] {
    width: 11.59px;
    height: 11.59px;
    color: #6C757D;
    font-size: 11.59px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.btn-refresh-inline:hover[b-jchr4465oq] {
    background: #F9FAFB;
    border-color: #9CA3AF;
}

.btn-actions-inline[b-jchr4465oq] {
    background: #3B82F6;
    color: #FFFFFF;
    border: none;
    border-radius: 6px;
    padding: 10.5px;
    width: 193px;
    height: 42px;
    gap: 10.5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.2s;
    opacity: 1;
}

.btn-actions-inline span[b-jchr4465oq] {
    width: 130px;
    height: 21px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0%;
    color: #FFFFFF;
    opacity: 1;
}

.btn-actions-inline i[b-jchr4465oq] {
    width: 14px;
    height: 14px;
    color: #FFFFFF;
    font-size: 12px;
    opacity: 1;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-actions-inline:hover[b-jchr4465oq] {
    background: #2563EB;
}

.order-created-small[b-jchr4465oq] {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: -0.31px;
    color: #495057;
    margin-top: 10px;
}

.dropdown[b-jchr4465oq] {
    position: relative;
}

.dropdown-menu-custom[b-jchr4465oq] {
    position: absolute;
    top: calc(100% + 0.5rem);
    right: 0;
    background: white;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    min-width: 12.5rem;
    padding: 0.5rem 0;
    z-index: 1000;
    display: none;
}

.dropdown-menu-custom.show[b-jchr4465oq] {
    display: block;
}

.dropdown-item-custom[b-jchr4465oq] {
    background: none;
    border: none;
    padding: 0.625rem 1rem;
    width: 100%;
    text-align: left;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    color: #374151;
    transition: background 0.2s;
}

.dropdown-item-custom:hover[b-jchr4465oq] {
    background: #F3F4F6;
}

.dropdown-item-custom.text-danger[b-jchr4465oq] {
    color: #DC2626;
}

.dropdown-divider[b-jchr4465oq] {
    height: 1px;
    background: #E5E7EB;
    margin: 0.5rem 0;
}

/* Status Timeline */
.status-timeline-container[b-jchr4465oq] {
    background: white;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
    padding: 1.25rem 2rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.status-timeline-wrapper[b-jchr4465oq] {
    padding: 0 6rem;
    margin: 0 auto;
}

.status-timeline[b-jchr4465oq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    margin-bottom: 1.5rem;
}

.timeline-step[b-jchr4465oq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    position: relative;
}

.timeline-circle[b-jchr4465oq] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: white;
    margin-bottom: 0.5rem;
    z-index: 2;
    position: relative;
    border: 2px solid #E5E7EB;
    display: flex;
    align-items: center;
    justify-content: center;
}

.timeline-circle[b-jchr4465oq]::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #E5E7EB;
}

.timeline-circle.active[b-jchr4465oq] {
    border-color: #4472C4;
}

.timeline-circle.active[b-jchr4465oq]::before {
    background-color: #4472C4;
}

.timeline-circle i[b-jchr4465oq] {
    display: none;
}

.timeline-connector[b-jchr4465oq] {
    flex: 1;
    height: 2px;
    background: #E5E7EB;
    margin-top: 9px;
    position: relative;
}

.timeline-connector.active[b-jchr4465oq] {
    background: #4472C4;
}

.timeline-label-wrapper[b-jchr4465oq] {
    background: white;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
}

.timeline-label[b-jchr4465oq] {
    font-size: 0.6875rem;
    font-weight: 500;
    color: #9CA3AF;
    text-align: center;
}

.timeline-step.active .timeline-label[b-jchr4465oq] {
    color: #4472C4;
    font-weight: 600;
}

/* Dates Container */
.dates-container[b-jchr4465oq] {
    background: white;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
    padding: 1.25rem 2rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* Timeline Dates Row */
.timeline-dates-row[b-jchr4465oq] {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

.date-info-item[b-jchr4465oq] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: white;
    border: 1px solid #E5E7EB;
    border-radius: 0.375rem;
    min-width: 10rem;
}

.date-icon[b-jchr4465oq] {
    font-size: 1rem;
    font-weight: 900;
    color: #374151;
    margin-top: 0.125rem;
    flex-shrink: 0;
}

.date-info-content[b-jchr4465oq] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.date-info-label[b-jchr4465oq] {
    font-size: 0.656rem;
    font-weight: 400;
    line-height: 0.656rem;
    letter-spacing: 0;
    color: #495057;
}

.date-info-value[b-jchr4465oq] {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.313rem;
    letter-spacing: 0;
    color: #495057;
}

/* Grid Layout */
.order-content-grid[b-jchr4465oq] {
    display: grid;
    grid-template-columns: 1fr 23.75rem;
    gap: 1.5rem;
}

.order-main-card[b-jchr4465oq] {
    background: white;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
    padding: 2.25rem;
    box-shadow: 0 9px 20.8px 0 rgba(0, 0, 0, 0.10);
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.order-sidebar-column[b-jchr4465oq] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* Two Column Grid inside main card */
.two-column-grid[b-jchr4465oq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
}

/* Info Subcards (inside main card) */
.info-subcard[b-jchr4465oq] {
    border: 1px solid #E5E7EB;
    border-radius: 0.375rem;
    overflow: hidden;
}

.subcard-header[b-jchr4465oq] {
    background: white;
    padding: 2.25rem 2.25rem 0.62rem 2.25rem;
}

.subcard-header h4[b-jchr4465oq] {
    margin: 0;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    letter-spacing: -0.31px;
    color: #495057;
    display: flex;
    align-items: center;
}

.subcard-header h4 i.bi[b-jchr4465oq] {
    font-weight: 900 !important;
    -webkit-text-stroke: 0.3px currentColor !important;
    text-stroke: 0.3px currentColor !important;
    paint-order: stroke fill;
    filter: contrast(1.3) !important;
    color: #374151 !important;
}

.subcard-header.collapsible-header[b-jchr4465oq] {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    user-select: none;
}

.subcard-header.collapsible-header:hover[b-jchr4465oq] {
    background: #F9FAFB;
}

.subcard-header.collapsible-header i:last-child[b-jchr4465oq] {
    font-size: 0.75rem;
    color: #9CA3AF;
}

.subcard-body[b-jchr4465oq] {
    padding: 0 2.25rem 2.25rem 2.25rem;
    background: white;
}

/* Info Fields (Label above value) */
.info-field[b-jchr4465oq] {
    margin-bottom: 0.75rem;
}

.info-field:last-child[b-jchr4465oq] {
    margin-bottom: 0;
}

.info-field.full-width[b-jchr4465oq] {
    margin-bottom: 0.875rem;
}

.field-label[b-jchr4465oq] {
    font-size: 0.656rem;
    font-weight: 400;
    line-height: 0.656rem;
    letter-spacing: 0;
    color: #495057;
    margin-bottom: 0.25rem;
}

.field-value[b-jchr4465oq] {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.313rem;
    letter-spacing: 0;
    color: #495057;
}

/* Loan Grid */
.loan-grid[b-jchr4465oq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

/* Property Grid */
.property-grid[b-jchr4465oq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

/* Contacts Grid */
.contacts-grid[b-jchr4465oq] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 0px 0px 0px;
    width: 578px;
    min-height: 120px;
    border-radius: 6px;
}

/* Frame for each row */
.contact-box[b-jchr4465oq] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px;
    gap: 16px;
    width: 578px;
    height: 40px;
    background: #FFFFFF;
}

.contact-box:nth-child(even)[b-jchr4465oq] {
    background: #FCFCFC;
}

/* Icon and name container */
.contact-box > i.contact-icon[b-jchr4465oq] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px 2px;
    gap: 10px;
    width: 17px;
    height: 17px;
    background: #EFF3F8;
    border-radius: 12px;
    font-size: 9px;
    color: #204887;
    flex: none;
    order: 0;
    flex-grow: 0;
}

/* Name frame and text */
.contact-name[b-jchr4465oq] {
    width: 150px;
    height: 21px;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    line-height: 21px;
    color: #495057;
    flex: none;
    order: 0;
    flex-grow: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

.contact-name:hover[b-jchr4465oq]::after {
    content: attr(title);
    position: absolute;
    left: 0;
    top: 100%;
    background: #1F2937;
    color: #FFFFFF;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 400;
    white-space: nowrap;
    z-index: 1000;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    margin-top: 4px;
    pointer-events: none;
}

/* Contact type badge container */
.contact-type-container[b-jchr4465oq] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0px;
    gap: 10px;
    width: 150px;
    height: 24px;
    flex: none;
    order: 1;
    flex-grow: 0;
}

/* Contact type badge frame */
.contact-type[b-jchr4465oq] {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px 8px;
    gap: 2.13px;
    height: 24px;
    background: #EAF4FF;
    border: 1.06319px solid #FFFFFF;
    border-radius: 8px;
    font-family: 'Poppins', sans-serif;
    font-size: 10.5px;
    font-weight: 600;
    line-height: 13px;
    color: #324B67;
    flex: none;
    order: 0;
    flex-grow: 0;
    white-space: nowrap;
}

/* Contact info container (email + phone) */
.contact-info[b-jchr4465oq] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
    width: 150px;
    height: 30px;
    flex: none;
    order: 2;
    flex-grow: 0;
}

.contact-email[b-jchr4465oq] {
    width: auto;
    max-width: 150px;
    height: 13px;
    font-family: 'Poppins', sans-serif;
    font-size: 10.5px;
    font-weight: 400;
    font-style: normal;
    line-height: 13px;
    color: #495057;
    flex: none;
    order: 0;
    flex-grow: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

.contact-email:hover[b-jchr4465oq]::after {
    content: attr(title);
    position: absolute;
    left: 0;
    top: 100%;
    background: #1F2937;
    color: #FFFFFF;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 400;
    white-space: nowrap;
    z-index: 1000;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    margin-top: 4px;
    pointer-events: none;
}

.contact-phone[b-jchr4465oq] {
    width: auto;
    max-width: 150px;
    height: 13px;
    font-family: 'Poppins', sans-serif;
    font-size: 10.5px;
    font-weight: 400;
    font-style: normal;
    line-height: 13px;
    color: #495057;
    flex: none;
    order: 0;
    flex-grow: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

.contact-phone:hover[b-jchr4465oq]::after {
    content: attr(title);
    position: absolute;
    left: 0;
    top: 100%;
    background: #1F2937;
    color: #FFFFFF;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 400;
    white-space: nowrap;
    z-index: 1000;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    margin-top: 4px;
    pointer-events: none;
}

/* Access contact badge */
.access-contact-badge[b-jchr4465oq] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px 8px;
    gap: 5.18px;
    width: 100px;
    height: 24px;
    background: #B4D9C6;
    border-radius: 8px;
    font-family: 'Poppins', sans-serif;
    font-size: 10.5px;
    font-weight: 600;
    font-style: normal;
    line-height: 13px;
    color: #2B5643;
    flex: none;
    order: 3;
    flex-grow: 0;
    white-space: nowrap;
}

/* Info Cards (sidebar) */
.info-card[b-jchr4465oq] {
    background: white;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 9px 20.8px 0 rgba(0, 0, 0, 0.10);
}

.card-header[b-jchr4465oq] {
    background: white;
    padding: 2.25rem 2.25rem 0.62rem 2.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-header.collapsible-header[b-jchr4465oq] {
    cursor: pointer;
    user-select: none;
}

.card-header.collapsible-header:hover[b-jchr4465oq] {
    background: #F9FAFB;
}

.card-header.collapsible-header i:last-child[b-jchr4465oq] {
    font-size: 0.75rem;
    color: #9CA3AF;
}

.card-header h4[b-jchr4465oq] {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: 24px;
    letter-spacing: -0.31px;
    color: #495057;
    display: flex;
    align-items: center;
    height: 24px;
    white-space: nowrap;
}

.card-header h4 i.bi[b-jchr4465oq] {
    font-family: 'Font Awesome 6 Pro', sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.31px;
    color: #495057;
    width: 14px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.card-body[b-jchr4465oq] {
    padding: 0 2.25rem 2.25rem 2.25rem;
    background: white;
}

/* Fees & Payments Section */
.fee-item-wrapper[b-jchr4465oq] {
    border-bottom: none;
}

.fee-item-wrapper:last-of-type[b-jchr4465oq] {
    border-bottom: none;
}

.fee-item[b-jchr4465oq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 0;
}

.fee-label[b-jchr4465oq] {
    font-size: 0.875rem;
    font-weight: 400;
    color: #111827;
    flex: 1;
}

.fee-badge[b-jchr4465oq] {
    padding: 0.125rem 0.5rem;
    border-radius: 0.188rem;
    font-size: 0.6875rem;
    font-weight: 500;
}

.fee-badge.paid[b-jchr4465oq] {
    background: #B8DABD;
    color: #2D5F3B;
}

.fee-badge.unpaid[b-jchr4465oq] {
    background: #FFD4D4;
    color: #8B2C2C;
}

.fee-badge.partial[b-jchr4465oq] {
    background: #F5E6A8;
    color: #6B5D00;
}

/* Payment Cards */
.payment-card[b-jchr4465oq] {
    width: 100%;
    min-height: auto;
    height: auto;
    background: #FFFFFF;
    border-radius: 14px;
    border-top: 1px solid #DFE7EF;
    padding: 20px 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: 0px 9px 20.8px 0px rgba(0, 0, 0, 0.10);
    box-sizing: border-box;
}

.payment-card--details[b-jchr4465oq] {
    height: auto;
    min-height: 288px;
    gap: 14px;
}

.payment-card-title[b-jchr4465oq] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: 24px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.31px;
    color: #495057;
    margin: 0;
}

.payment-card-title i[b-jchr4465oq] {
    width: 10px;
    height: 24px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.31px;
    color: #495057;
}

.payment-card-title--details i[b-jchr4465oq] {
    width: 11px;
    height: 21px;
    font-size: 12px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0;
    text-align: right;
    vertical-align: middle;
    color: #495057;
    margin-left: auto;
}

.payment-line-item[b-jchr4465oq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 308px;
    height: 21px;
}

.payment-line-label-wrapper[b-jchr4465oq] {
    position: relative;
    width: 115px;
    height: 21px;
    flex-shrink: 0;
}

.payment-line-label-wrapper[data-tooltip]:hover[b-jchr4465oq]::after {
    content: attr(data-tooltip);
    position: absolute;
    left: 0;
    top: 100%;
    background: #1F2937;
    color: #FFFFFF;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 400;
    white-space: nowrap;
    z-index: 1000;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    margin-top: 4px;
    pointer-events: none;
}

.payment-line-meta-label[b-jchr4465oq] {
    width: 100%;
    height: 21px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 21px;
    letter-spacing: 0;
    text-align: left;
    color: #495057;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.payment-line-amount[b-jchr4465oq] {
    width: 50px;
    height: 21px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 21px;
    letter-spacing: 0;
    text-align: right;
    color: #495057;
}

.payment-line-divider[b-jchr4465oq] {
    width: 308px;
    height: 0;
    border: none;
    border-top: 1px solid #DEE2E6;
    margin-top: 2px;
    margin-bottom: 2px;
}

.payment-empty-state[b-jchr4465oq] {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #495057;
}

.payment-summary-row[b-jchr4465oq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 8px;
}

.payment-summary-row--link[b-jchr4465oq] {
    margin-top: -4px;
    margin-bottom: -4px;
}

.payment-summary-link[b-jchr4465oq] {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-decoration: unset;
    color: #0d6efd;
    border: none;
    background: transparent;
    padding: 0;
    line-height: 1.2;
}

.payment-summary-link:hover[b-jchr4465oq] {
    color: #0a58ca;
}

.payment-option-item[b-jchr4465oq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
}

.payment-option-left[b-jchr4465oq] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    min-width: 0;
    flex: 1 1 auto;
}

.payment-option-left .badge[b-jchr4465oq] {
    align-self: flex-start;
}

.payment-option-email[b-jchr4465oq] {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    color: #6c757d;
    word-break: break-all;
    line-height: 1.3;
}

.payment-option-right[b-jchr4465oq] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    flex-shrink: 0;
}

.payment-option-amount[b-jchr4465oq] {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #212529;
    line-height: 1.2;
}

.payment-option-actions[b-jchr4465oq] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.payment-option-divider[b-jchr4465oq] {
    height: 1px;
    background: #DFE7EF;
    margin: 4px 0;
    width: 100%;
}

.payment-summary-label[b-jchr4465oq] {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0;
    color: #495057;
}

.payment-label-group[b-jchr4465oq] {
    display: flex;
    align-items: center;
    width: 117px;
    height: 21px;
    gap: 4px;
}

.payment-paid-icon[b-jchr4465oq] {
    width: 18px;
    height: 18px;
    font-size: 18px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #1DA750;
}

.payment-summary-value[b-jchr4465oq] {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 10.5px;
    letter-spacing: 0;
    text-align: right;
    vertical-align: middle;
    color: #495057;
    white-space: nowrap;
}

.payment-value--paid[b-jchr4465oq] {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0;
    text-align: right;
    vertical-align: middle;
    color: #1DA750;
    white-space: nowrap;
}

.payment-summary-label--bold[b-jchr4465oq] {
    width: 138px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.31px;
    color: #495057;
}

.payment-value--remaining[b-jchr4465oq] {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 10.5px;
    letter-spacing: 0;
    text-align: right;
    vertical-align: middle;
    color: #D46213;
    white-space: nowrap;
}

.payment-summary-divider[b-jchr4465oq] {
    width: 100%;
    height: 0;
    border: none;
    border-top: 1px solid #DEE2E6;
    margin: 4px 0;
}

.btn-pay-remaining[b-jchr4465oq] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    width: 308px;
    margin-top: -3px;
    height: 38px;
    padding: 10.5px 17.5px;
    background: transparent;
    color: #64748B;
    border: 1px solid #64748B;
    border-radius: 6px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-pay-remaining i[b-jchr4465oq] {
    width: 14px;
    height: 14px;
    margin-right: 10px;
    font-size: 14px;
}

.btn-pay-remaining:hover[b-jchr4465oq] {
    background: #F8FAFC;
}

.fee-amount[b-jchr4465oq] {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 0.656rem;
    letter-spacing: 0;
    color: #495057;
}

.fee-details-toggle[b-jchr4465oq] {
    background: none;
    border: none;
    color: #9CA3AF;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
}


.fee-total-row[b-jchr4465oq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fee-total-label[b-jchr4465oq] {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    letter-spacing: -0.31px;
    color: #495057;
}

.fee-total-amount[b-jchr4465oq] {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 0.656rem;
    letter-spacing: 0;
    color: #495057;
}

.fee-payment-details[b-jchr4465oq] {
    padding: 0.75rem 0.875rem;
    background: #F9FAFB;
    border-radius: 0.375rem;
    margin: 0.5rem 0 0.625rem 0;
}

.payment-detail-item[b-jchr4465oq] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.payment-detail-reason[b-jchr4465oq] {
    font-size: 0.656rem;
    font-weight: 400;
    line-height: 0.656rem;
    letter-spacing: 0;
    color: #495057;
}

.payment-detail-description[b-jchr4465oq] {
    font-size: 0.75rem;
    font-weight: 400;
    color: #6B7280;
}

.btn-payment[b-jchr4465oq] {
    background: transparent;
    color: #3b5e3e;
    border: 0.79px solid #3d6540;
    padding: 8.29px 13.82px;
    border-radius: 4.74px;
    font-family: 'Poppins', sans-serif;
    font-size: 10.5px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5.53px;
    transition: all 0.2s;
    height: 33.57895278930664px;
}

.btn-payment i[b-jchr4465oq] {
    font-size: 10.5px;
}

.btn-payment:hover[b-jchr4465oq] {
    background: #EFF6FF;
}

/* Files Section */
.btn-browse-files[b-jchr4465oq] {
    background: transparent;
    color: #3B82F6;
    border: 0.79px solid #3B82F6;
    padding: 8.29px 13.82px;
    border-radius: 4.74px;
    font-family: 'Poppins', sans-serif;
    font-size: 10.5px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5.53px;
    transition: all 0.2s;
    height: 33.57895278930664px;
}

.btn-browse-files i[b-jchr4465oq] {
    font-size: 10.5px;
}

.btn-browse-files:hover[b-jchr4465oq] {
    background: #EFF6FF;
}

.files-list[b-jchr4465oq] {
    display: flex;
    flex-direction: column;
}

.file-item-row[b-jchr4465oq] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 4px 8px;
    border-radius: 6px;
    background-color: #3B82F60A;
    margin-bottom: 8px;
    width: 100%;
    height: 61px;
}

.file-item-row:last-child[b-jchr4465oq] {
    margin-bottom: 0;
}

.file-icon[b-jchr4465oq] {
    font-family: 'Font Awesome 6 Pro', sans-serif;
    font-size: 20px;
    font-weight: 900;
    font-style: normal;
    line-height: 24px;
    letter-spacing: -0.31px;
    color: #6C757D;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 24px;
}

.file-name-button[b-jchr4465oq] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    text-align: left;
    flex: 1;
    min-width: 0;
}

.file-name-text[b-jchr4465oq] {
    color: #3B82F6;
    font-family: 'Poppins', sans-serif;
    font-size: 10.5px;
    font-weight: 600;
    font-style: normal;
    line-height: 21px;
    letter-spacing: 0%;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-name-button:hover .file-name-text[b-jchr4465oq] {
    text-decoration: underline;
}

.file-first-row[b-jchr4465oq] {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%;
}

.file-second-row[b-jchr4465oq] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.file-size[b-jchr4465oq] {
    font-size: 0.625rem;
    font-weight: 400;
    color: #6C757D;
}

.file-size:not(:empty)[b-jchr4465oq]::after {
    content: " ";
}

.file-date[b-jchr4465oq] {
    font-family: 'Poppins', sans-serif;
    font-size: 10.5px;
    font-weight: 400;
    font-style: normal;
    line-height: 15.75px;
    letter-spacing: 0%;
    color: #6C757D;
    height: 16px;
    margin-left: auto;
    text-align: right;
    white-space: nowrap;
    flex-shrink: 0;
}

.file-right-section[b-jchr4465oq] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    flex-shrink: 0;
    margin-left: auto;
}

.file-category-badge[b-jchr4465oq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    background: #D0E1FD;
    color: #324B67;
    border-radius: 2px;
    font-family: 'Poppins', sans-serif;
    font-size: 10.5px;
    font-weight: 600;
    font-style: normal;
    line-height: 12.6px;
    letter-spacing: 0%;
    text-transform: none;
    white-space: nowrap;
    height: 21px;
    width: fit-content;
    max-width: 158px;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 1;
}

.file-type-badge[b-jchr4465oq] {
    display: none;
}

.file-download-btn[b-jchr4465oq] {
    background: none;
    border: none;
    color: #3B82F6;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s;
    font-family: 'Font Awesome 6 Pro', sans-serif;
    font-size: 15px;
    font-weight: 900;
    font-style: normal;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: right;
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    margin-left: auto;
}

.file-download-btn i[b-jchr4465oq] {
    font-size: 15px;
    font-weight: 900;
    line-height: 100%;
}

.file-download-btn:hover[b-jchr4465oq] {
    color: #2563EB;
}

.no-files[b-jchr4465oq] {
    text-align: center;
    padding: 1.5rem;
}

.files-footer[b-jchr4465oq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid #F3F4F6;
}

.file-helper-text[b-jchr4465oq] {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: 0;
    color: #3B82F6;
    text-align: center;
}

/* Comments Section */
.no-comments[b-jchr4465oq] {
    text-align: center;
    padding: 0;
    color: #6C757D;
    font-size: 0.656rem;
    font-weight: 500;
    line-height: 0.788rem;
    letter-spacing: 0;
    background: transparent;
    border: none;
    min-height: auto;
}

.comments-list[b-jchr4465oq] {
    background: #E8F4FD;
    border: 1px solid #E8F4FD;
    border-radius: 0.375rem;
    padding: 1rem;
    margin-bottom: 0.875rem;
    height: 15.8125rem;
    overflow-y: auto;
}

.comments-list:has(.no-comments)[b-jchr4465oq] {
    background: #FFFFFF;
    border: 1px solid #DFE7EF;
    padding: 0.625rem;
    min-height: 7.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.comment-item[b-jchr4465oq] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 1rem;
}

.comment-item.from-cv[b-jchr4465oq] {
    align-items: flex-start;
}

.comment-item:last-child[b-jchr4465oq] {
    margin-bottom: 0;
}

.comment-bubble[b-jchr4465oq] {
    background: white;
    border-radius: 0.5rem;
    padding: 0.75rem 1rem;
    max-width: 75%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    margin-bottom: 0.25rem;
}

.comment-meta[b-jchr4465oq] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.comment-author[b-jchr4465oq] {
    font-size: 0.6875rem;
    font-weight: 400;
    color: #6B7280;
}

.comment-time[b-jchr4465oq] {
    font-size: 0.6875rem;
    color: #9CA3AF;
}

.comment-content[b-jchr4465oq] {
    font-size: 0.75rem;
    color: #111827;
    line-height: 1.4;
    text-align: left;
    overflow-wrap: break-word;
    word-break: break-word;
}

.comment-input-container[b-jchr4465oq] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin-top: 0.875rem;
    background: white;
    border: 1px solid #E5E7EB;
    border-radius: 0.375rem;
    padding: 0.25rem;
}

.comment-input[b-jchr4465oq] {
    flex: 1;
    padding: 0.5rem 0.75rem;
    border: none;
    font-size: 0.75rem;
    background: transparent;
}

.comment-input:focus[b-jchr4465oq] {
    outline: none;
}

.comment-input[b-jchr4465oq]::placeholder {
    color: #9CA3AF;
}

.btn-send-comment[b-jchr4465oq] {
    background: #3B82F6;
    color: white;
    border: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
    flex-shrink: 0;
    font-size: 0.875rem;
}

.btn-send-comment:hover:not(:disabled)[b-jchr4465oq] {
    background: #1976D2;
}

.btn-send-comment:disabled[b-jchr4465oq] {
    opacity: 0.5;
    cursor: not-allowed;
}

.comment-helper-text[b-jchr4465oq] {
    font-size: 0.6875rem;
    color: #6B7280;
    margin-top: 0.5rem;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

/* Activity Card */
.activity-card[b-jchr4465oq] {
    background: #FFFFFF;
    border: 1px solid #DFE7EF;
    border-radius: 14px;
    box-shadow: 0px 9px 20.8px 0px #0000001A;
    opacity: 1;
    width: 380px;
    height: 271px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.activity-card-header[b-jchr4465oq] {
    background: white;
    padding: 2.25rem 2.25rem 0.62rem 2.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
    border-radius: 14px 14px 0 0;
}

.activity-card-header:hover[b-jchr4465oq] {
    background: #F9FAFB;
}

.activity-card-header h4[b-jchr4465oq] {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: 24px;
    letter-spacing: -0.31px;
    color: #495057;
    display: flex;
    align-items: center;
}

.activity-card-header h4 i[b-jchr4465oq] {
    font-size: 16px;
    margin-right: 8px;
}

.activity-card-header i:last-child[b-jchr4465oq] {
    font-size: 0.75rem;
    color: #9CA3AF;
}

.activity-card-body[b-jchr4465oq] {
    padding: 0 2.25rem 2.25rem 2.25rem;
    background: white;
    flex-grow: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.no-activity[b-jchr4465oq] {
    text-align: center;
    padding: 1.5rem;
    color: #6C757D;
    font-size: 0.875rem;
}

/* Activity Timeline Section */
.activity-timeline-container[b-jchr4465oq] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex: 1;
    overflow: hidden;
}

.activity-timeline-wrapper[b-jchr4465oq] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
    overflow: hidden;
    width: 100%;
}

.activity-timeline-scroll[b-jchr4465oq] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 5px;
    flex: 1;
    overflow-y: auto;
    width: 100%;
    max-height: 180px;
}

/* Scrollbar styles */
.activity-timeline-scroll[b-jchr4465oq]::-webkit-scrollbar {
    width: 9px;
    background: #F8F9FA;
    border-radius: 6px;
}

.activity-timeline-scroll[b-jchr4465oq]::-webkit-scrollbar-thumb {
    background: #DEE2E6;
    border-radius: 6px;
}

.activity-timeline-scroll[b-jchr4465oq]::-webkit-scrollbar-thumb:hover {
    background: #CED4DA;
}

.activity-event-item[b-jchr4465oq] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 4px 8px;
    gap: 16px;
    border-radius: 6px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    position: relative;
}

.activity-event-item:not(:last-child)[b-jchr4465oq]::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    left: 19px;
    top: 30px;
    background: #DEE2E6;
    z-index: 0;
}

.activity-icon-wrapper[b-jchr4465oq] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
    gap: 10px;
    width: 22px;
    height: 22px;
    border-radius: 100px;
    flex: none;
    order: 0;
    flex-grow: 0;
    z-index: 1;
}

.activity-icon-wrapper i[b-jchr4465oq] {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 21px;
    display: flex;
    align-items: center;
    text-align: center;
}

/* Icon color classes */
.bg-blue-100[b-jchr4465oq] {
    background: #D0E1FD;
}

.text-blue-600[b-jchr4465oq] {
    color: #326FD1;
}

.bg-green-100[b-jchr4465oq] {
    background: #CAF1D8;
}

.text-green-600[b-jchr4465oq] {
    color: #1DA750;
}

.bg-yellow-100[b-jchr4465oq] {
    background: #FFF4CC;
}

.text-yellow-600[b-jchr4465oq] {
    color: #F59E0B;
}

.bg-red-100[b-jchr4465oq] {
    background: #FFD4D4;
}

.text-red-600[b-jchr4465oq] {
    color: #DC2626;
}

.bg-gray-100[b-jchr4465oq] {
    background: #F3F4F6;
}

.text-gray-600[b-jchr4465oq] {
    color: #6B7280;
}

.activity-event-content[b-jchr4465oq] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    flex: none;
    order: 1;
    flex-grow: 1;
}

.activity-event-title[b-jchr4465oq] {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    display: flex;
    align-items: center;
    color: #495057;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.activity-event-date[b-jchr4465oq] {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 10.5px;
    line-height: 10px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #6C757D;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin-top: 2px;
}

.activity-event-additional[b-jchr4465oq] {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 10.5px;
    line-height: 10px;
    display: flex;
    align-items: center;
    color: #495057;
    flex: none;
    order: 2;
    flex-grow: 0;
    margin-top: 4px;
}

/* Responsive */
@media (max-width: 1280px) {
    .header-and-activity-container[b-jchr4465oq] {
        flex-direction: column;
    }

    .header-main[b-jchr4465oq] {
        width: 100%;
    }

    .activity-card[b-jchr4465oq] {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .order-content-grid[b-jchr4465oq] {
        grid-template-columns: 1fr;
    }

    .two-column-grid[b-jchr4465oq] {
        grid-template-columns: 1fr;
    }

    .loan-grid[b-jchr4465oq],
    .property-grid[b-jchr4465oq] {
        grid-template-columns: 1fr;
    }

    .status-timeline[b-jchr4465oq] {
        flex-wrap: wrap;
    }

    .timeline-dates-row[b-jchr4465oq] {
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    .order-details-container[b-jchr4465oq] {
        padding: 1rem;
    }

    .status-timeline-container[b-jchr4465oq] {
        padding: 1rem;
    }

    .header-main[b-jchr4465oq] {
        padding: 1rem;
    }

    .cmp-order-header[b-jchr4465oq] {
        flex-wrap: wrap;
    }

    .header-actions-inline[b-jchr4465oq] {
        width: 100%;
        margin-left: 0;
        margin-top: 0.5rem;
    }

    .status-timeline[b-jchr4465oq] {
        flex-direction: column;
        align-items: flex-start;
    }

    .timeline-connector[b-jchr4465oq] {
        display: none;
    }

    .contact-list-item[b-jchr4465oq] {
        flex-wrap: wrap;
    }
}
/* _content/cv.orders-external.client/Components/Pages/Authenticate.razor.rz.scp.css */
.authenticate-container[b-0e84z3hyai] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--cv-background);
}

.authenticate-card[b-0e84z3hyai] {
    text-align: center;
    padding: 2rem;
}

.authenticate-card p[b-0e84z3hyai] {
    color: var(--cv-text-light);
    font-size: 0.9375rem;
    margin: 0;
}

.spinner-border[b-0e84z3hyai] {
    width: 3rem;
    height: 3rem;
}
/* _content/cv.orders-external.client/Components/Pages/CreateOrder.razor.rz.scp.css */
.create-order-container[b-gs7gd6vo1z] {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.page-header[b-gs7gd6vo1z] {
    text-align: center;
    margin-bottom: 2rem;
}

.page-title[b-gs7gd6vo1z] {
    font-family: Poppins;
    font-size: 1.75rem;
    font-weight: 600;
    color: #1a1a2e;
    margin-bottom: 0.5rem;
}

.page-subtitle[b-gs7gd6vo1z] {
    font-family: Poppins;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.31px;
    text-align: center;
    color: #6b7280;
    margin-bottom: 0;
}

/* Step Progress Indicator */
.step-progress-container[b-gs7gd6vo1z] {
    margin-bottom: 2rem;
}

.step-progress[b-gs7gd6vo1z] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    margin-bottom: 1rem;
}

.step-item[b-gs7gd6vo1z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.step-circle[b-gs7gd6vo1z] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    color: #9ca3af;
    transition: all 0.3s ease;
}

.step-item.active .step-circle[b-gs7gd6vo1z] {
    background: #3b82f6;
    color: white;
}

.step-item.completed .step-circle[b-gs7gd6vo1z] {
    background: #3b82f6;
    color: white;
}

.step-label[b-gs7gd6vo1z] {
    margin-top: 0.5rem;
    font-family: Poppins;
    font-size: 0.875rem;
    font-weight: 500;
    color: #9ca3af;
    transition: color 0.3s ease;
}

.step-item.active .step-label[b-gs7gd6vo1z] {
    color: #3b82f6;
}

.step-item.completed .step-label[b-gs7gd6vo1z] {
    color: #3b82f6;
}

.step-connector[b-gs7gd6vo1z] {
    width: 80px;
    height: 2px;
    background: #e5e7eb;
    margin: 0 0.5rem;
    margin-bottom: 1.5rem;
    transition: background 0.3s ease;
}

.step-connector.completed[b-gs7gd6vo1z] {
    background: #3b82f6;
}

/* Progress Bar - Hidden per mockup */
.progress-bar-container[b-gs7gd6vo1z] {
    display: none;
}

/* Form Card */
.form-card[b-gs7gd6vo1z] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    padding: 2rem;
    border: 1px solid #e5e7eb;
}

.step-title-section[b-gs7gd6vo1z] {
    margin-bottom: 2rem;
}

.step-title[b-gs7gd6vo1z] {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    color: #1a1a2e;
    margin-bottom: 0.5rem;
}

.step-description[b-gs7gd6vo1z] {
    font-family: Poppins;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #6b7280;
    margin-bottom: 0;
}

.step-content[b-gs7gd6vo1z] {
    margin-bottom: 2rem;
}

/* Form Actions */
.form-actions[b-gs7gd6vo1z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1.5rem;
    border-top: 1px solid #e5e7eb;
}

.btn[b-gs7gd6vo1z] {
    padding: 0.75rem 1.5rem;
    border-radius: 6px;
    font-weight: 500;
    font-family: Poppins;
    font-size: 0.875rem;
    line-height: 1.5;
    transition: all 0.2s ease;
}

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

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

.btn-primary:disabled[b-gs7gd6vo1z] {
    background: #93c5fd;
    border-color: #93c5fd;
    cursor: not-allowed;
}

.btn-outline-secondary[b-gs7gd6vo1z] {
    background: transparent;
    border-color: #d1d5db;
    color: #374151;
}

.btn-outline-secondary:hover:not(:disabled)[b-gs7gd6vo1z] {
    background: #f3f4f6;
    border-color: #d1d5db;
    color: #374151;
}

.btn-submit[b-gs7gd6vo1z] {
    min-width: 140px;
}

.navigation-hint[b-gs7gd6vo1z] {
    text-align: left;
    font-size: 0.875rem;
    color: #9ca3af;
    margin-top: 1rem;
    margin-bottom: 0;
}

/* Alert Styles */
.alert-danger[b-gs7gd6vo1z] {
    background: #fef2f2;
    border-color: #fecaca;
    color: #991b1b;
    border-radius: 8px;
}

/* Form Controls */
[b-gs7gd6vo1z] .form-control,
[b-gs7gd6vo1z] .form-select {
    border-radius: 6px;
    border: 1px solid #d1d5db;
    padding: 0.625rem 0.875rem;
    font-family: Poppins;
    font-size: 0.875rem;
    font-weight: 400;
    color: #374151;
    line-height: 1.5;
}

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

[b-gs7gd6vo1z] .form-control::placeholder,
[b-gs7gd6vo1z] .form-select::placeholder,
[b-gs7gd6vo1z] input::placeholder,
[b-gs7gd6vo1z] textarea::placeholder {
    font-family: Poppins;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
    color: #6C757D;
}

/* Dropdown placeholder styling - gray color when no value selected */
[b-gs7gd6vo1z] .form-select:invalid,
[b-gs7gd6vo1z] .form-select[value=""] {
    color: #6C757D;
}

/* Return to normal text color when option selected */
[b-gs7gd6vo1z] .form-select:valid {
    color: #374151;
}

[b-gs7gd6vo1z] .form-label {
    font-weight: 400;
    color: #374151;
    margin-bottom: 0.375rem;
    font-size: 0.875rem;
}

/* Required asterisk - black color per mockup */
[b-gs7gd6vo1z] .form-label .text-danger,
[b-gs7gd6vo1z] label .text-danger {
    color: #000000 !important;
}

/* Text muted and small text consistency */
[b-gs7gd6vo1z] .text-muted,
[b-gs7gd6vo1z] small.text-muted {
    font-family: Poppins;
    font-weight: 400;
    color: #6b7280;
    font-size: 0.875rem;
    line-height: 1.5;
}

[b-gs7gd6vo1z] small {
    font-family: Poppins;
    font-size: 0.875rem;
    line-height: 1.5;
}

/* Input group text ($ signs, etc) */
[b-gs7gd6vo1z] .input-group-text {
    font-family: Poppins;
    font-size: 0.875rem;
    font-weight: 400;
    color: #374151;
    background-color: #f3f4f6;
    border-color: #d1d5db;
}

[b-gs7gd6vo1z] .section-header {
    font-family: Poppins;
    font-size: 1rem;
    font-weight: 600;
    color: #1a1a2e;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    padding-top: 1.5rem;
}

[b-gs7gd6vo1z] .form-switch {
    display: flex;
    align-items: center;
    min-height: 24.5px;
}

[b-gs7gd6vo1z] .form-switch .form-check-input {
    width: 42px;
    height: 24.5px;
    border-radius: 30px;
    background-color: #e5e7eb;
    margin-top: 0;
    margin-right: 0.5rem;
}

[b-gs7gd6vo1z] .form-switch .form-check-input:checked {
    background-color: #3B82F6;
    border-color: #3B82F6;
}

[b-gs7gd6vo1z] .form-switch .form-check-label {
    margin-bottom: 0;
    line-height: 24.5px;
    font-weight: 400;
}

/* Rush Order description text */
[b-gs7gd6vo1z] .rush-order-description {
    display: block;
    margin-top: 0.375rem;
    font-family: Poppins;
    font-size: 0.75rem;
    font-weight: 400;
    color: #9ca3af;
    line-height: 1.4;
}

/* Responsive */
@media (max-width: 640px) {
    .create-order-container[b-gs7gd6vo1z] {
        padding: 1rem;
    }

    .form-card[b-gs7gd6vo1z] {
        padding: 1.5rem;
    }

    .step-connector[b-gs7gd6vo1z] {
        width: 40px;
    }

    .step-circle[b-gs7gd6vo1z] {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }

    .step-label[b-gs7gd6vo1z] {
        font-size: 0.75rem;
    }

    .form-actions[b-gs7gd6vo1z] {
        flex-direction: column;
        gap: 1rem;
    }

    .form-actions button[b-gs7gd6vo1z] {
        width: 100%;
    }

    .form-actions .d-flex[b-gs7gd6vo1z] {
        width: 100%;
    }

    .form-actions .d-flex button[b-gs7gd6vo1z] {
        flex: 1;
    }
}
/* _content/cv.orders-external.client/Components/Pages/Error.razor.rz.scp.css */
.error-container[b-i7335o2s4l] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--cv-background);
    padding: 2rem;
    flex: 1;
}

.error-card[b-i7335o2s4l] {
    background: #FFFFFF;
    border-radius: 16px;
    width: 448px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 18px;
    text-align: center;
    box-shadow: 0px 4px 6px -4px #0000001A, 0px 10px 15px -3px #0000001A;
}

.error-card--with-code[b-i7335o2s4l] {
    height: 530px;
}


.error-icon-circle[b-i7335o2s4l] {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: linear-gradient(135deg, #DBEAFE 0%, #CEFAFE 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.error-icon[b-i7335o2s4l] {
    width: 42px;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.error-icon i[b-i7335o2s4l] {
    font-size: 41.14px;
    line-height: 100%;
    color: #155DFC;
}

.error-card h2[b-i7335o2s4l] {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.31px;
    text-align: center;
    color: #495057;
    margin: 0;
    width: 274px;
}

.error-card p[b-i7335o2s4l] {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.31px;
    text-align: center;
    color: #495057;
    margin: 0;
    width: 384px;
}

.error-code-box[b-i7335o2s4l] {
    width: 384px;
    height: 88px;
    border-radius: 14px;
    padding: 18px 18px 2px 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    background: linear-gradient(90deg, #EFF6FF 0%, #ECFEFF 100%);
    border: 2px solid #BEDBFF;
    box-sizing: border-box;
}

.error-code-label[b-i7335o2s4l] {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.31px;
    text-align: center;
    color: #6A7282;
}

.error-code-value[b-i7335o2s4l] {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.31px;
    text-align: center;
    color: #101828;
}

.error-action-btn[b-i7335o2s4l] {
    width: 384px;
    height: 48px;
    border-radius: 14px;
    padding: 12px 112px;
    gap: 10px;
    opacity: 1;
    background: #3B82F6;
    border: none;
    cursor: pointer;
    box-shadow: 0px 2px 4px -2px #0000001A, 0px 4px 6px -1px #0000001A;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.31px;
    text-align: center;
    color: #FFFFFF;
}

@media (max-width: 480px) {
    .error-container[b-i7335o2s4l] {
        padding: 1rem;
    }

    .error-card[b-i7335o2s4l] {
        width: 100%;
        height: auto;
    }

    .error-card h2[b-i7335o2s4l] {
        width: auto;
    }

    .error-card p[b-i7335o2s4l] {
        width: auto;
    }

    .error-code-box[b-i7335o2s4l] {
        width: 100%;
    }

    .error-action-btn[b-i7335o2s4l] {
        width: 100%;
        padding: 12px;
    }
}
/* _content/cv.orders-external.client/Components/Pages/Home.razor.rz.scp.css */
.dashboard-container[b-p8r34z8ncb] {
    padding: 2rem;
    max-width: 1600px;
    margin: 0 auto;
}

.page-header[b-p8r34z8ncb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

.page-title[b-p8r34z8ncb] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--cv-text);
    margin: 0;
}

.header-actions[b-p8r34z8ncb] {
    display: flex;
    gap: 0.5rem;
}

/* Main Metrics Grid */
.main-metrics-grid[b-p8r34z8ncb] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin-bottom: 2rem;
}

/* Bottom Content Layout */
.bottom-content[b-p8r34z8ncb] {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 2rem;
    margin-bottom: 2rem;
}

.recent-orders-section[b-p8r34z8ncb] {
    min-width: 0;
}

.quick-actions-section[b-p8r34z8ncb] {
    width: 100%;
}

/* Responsive adjustments */
@media (max-width: 1400px) {
    .main-metrics-grid[b-p8r34z8ncb] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 1200px) {
    .bottom-content[b-p8r34z8ncb] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .main-metrics-grid[b-p8r34z8ncb] {
        grid-template-columns: 1fr;
    }

    .dashboard-container[b-p8r34z8ncb] {
        padding: 1rem;
    }

    .page-header[b-p8r34z8ncb] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
}

/* Stats Grid */
.stats-grid[b-p8r34z8ncb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.stat-card[b-p8r34z8ncb] {
    background: var(--cv-white);
    border: 1px solid var(--cv-border);
    border-radius: 8px;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: all 0.3s;
}

.stat-card:hover[b-p8r34z8ncb] {
    box-shadow: 0 4px 12px rgba(68, 114, 196, 0.15);
    transform: translateY(-2px);
}

.stat-icon[b-p8r34z8ncb] {
    width: 56px;
    height: 56px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.stat-icon.active[b-p8r34z8ncb] {
    background: rgba(68, 114, 196, 0.1);
    color: var(--cv-primary);
}

.stat-icon.completed[b-p8r34z8ncb] {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
}

.stat-icon.pending[b-p8r34z8ncb] {
    background: rgba(255, 193, 7, 0.1);
    color: #ffc107;
}

.stat-icon.onhold[b-p8r34z8ncb] {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}

.stat-content[b-p8r34z8ncb] {
    flex: 1;
}

.stat-value[b-p8r34z8ncb] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--cv-text);
    line-height: 1;
    margin-bottom: 0.5rem;
}

.stat-label[b-p8r34z8ncb] {
    color: var(--cv-text-light);
    font-size: 0.875rem;
    font-weight: 500;
}

/* Dashboard Content */
.dashboard-content[b-p8r34z8ncb] {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 2rem;
}

/* Recent Orders Table */
.orders-table[b-p8r34z8ncb] {
    overflow-x: auto;
}

.orders-table table[b-p8r34z8ncb] {
    width: 100%;
    margin: 0;
}

.orders-table thead[b-p8r34z8ncb] {
    background: var(--cv-background);
}

.orders-table th[b-p8r34z8ncb] {
    padding: 0.75rem 1rem;
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--cv-text-light);
    border-bottom: 2px solid var(--cv-border);
}

.orders-table td[b-p8r34z8ncb] {
    padding: 1rem;
    font-size: 0.875rem;
    color: var(--cv-text);
    border-bottom: 1px solid var(--cv-border-light);
}

.order-row[b-p8r34z8ncb] {
    cursor: pointer;
    transition: background-color 0.2s;
}

.order-row:hover[b-p8r34z8ncb] {
    background: var(--cv-background);
}

.ref-number[b-p8r34z8ncb] {
    font-weight: 600;
    color: var(--cv-primary);
}

.address[b-p8r34z8ncb] {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Empty State */
.empty-state[b-p8r34z8ncb] {
    padding: 3rem;
    text-align: center;
    color: var(--cv-text-light);
}

.empty-state i[b-p8r34z8ncb] {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

.empty-state p[b-p8r34z8ncb] {
    margin: 0;
    font-size: 1rem;
}

/* Sidebar Widgets */
.sidebar-widgets[b-p8r34z8ncb] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Quick Actions */
.quick-actions[b-p8r34z8ncb] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1.5rem;
}

.quick-action-btn[b-p8r34z8ncb] {
    background: var(--cv-background);
    border: 1px solid var(--cv-border);
    border-radius: 6px;
    padding: 1rem 1.5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    cursor: pointer;
    transition: all 0.2s;
    color: var(--cv-text);
    width: 100%;
}

.quick-action-btn:hover[b-p8r34z8ncb] {
    background: var(--cv-white);
    border-color: var(--cv-primary);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(68, 114, 196, 0.15);
}

.quick-action-btn i[b-p8r34z8ncb] {
    font-size: 1.25rem;
    color: var(--cv-primary);
}

.quick-action-btn span[b-p8r34z8ncb] {
    font-size: 0.875rem;
    font-weight: 500;
}

/* Status Breakdown */
.status-breakdown[b-p8r34z8ncb] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.status-item[b-p8r34z8ncb] {
    display: flex;
    flex-direction: column;
}

.status-bar-container[b-p8r34z8ncb] {
    width: 100%;
}

.status-bar-label[b-p8r34z8ncb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}

.status-bar-label span:first-child[b-p8r34z8ncb] {
    color: var(--cv-text);
    font-weight: 500;
}

.status-count[b-p8r34z8ncb] {
    color: var(--cv-text-light);
    font-weight: 600;
}

.status-bar[b-p8r34z8ncb] {
    height: 8px;
    background: var(--cv-border-light);
    border-radius: 4px;
    overflow: hidden;
}

.status-bar-fill[b-p8r34z8ncb] {
    height: 100%;
    transition: width 0.3s ease;
    border-radius: 4px;
}

.status-bar-fill.active[b-p8r34z8ncb] {
    background: var(--cv-primary);
}

.status-bar-fill.onhold[b-p8r34z8ncb] {
    background: #dc3545;
}

.status-bar-fill.resume[b-p8r34z8ncb] {
    background: #ffc107;
}

.status-bar-fill.completed[b-p8r34z8ncb] {
    background: #28a745;
}

/* Recent Notes */
.recent-notes[b-p8r34z8ncb] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-height: 400px;
    overflow-y: auto;
}

.note-item[b-p8r34z8ncb] {
    padding: 0.75rem;
    background: var(--cv-background);
    border: 1px solid var(--cv-border-light);
    border-radius: 6px;
    transition: all 0.2s;
}

.note-item:hover[b-p8r34z8ncb] {
    background: var(--cv-white);
    border-color: var(--cv-primary-light);
}

.note-header[b-p8r34z8ncb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.note-author[b-p8r34z8ncb] {
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--cv-text);
}

.note-time[b-p8r34z8ncb] {
    font-size: 0.75rem;
    color: var(--cv-text-light);
}

.note-content[b-p8r34z8ncb] {
    font-size: 0.875rem;
    color: var(--cv-text);
    line-height: 1.5;
    margin-bottom: 0.5rem;
}

.note-direction[b-p8r34z8ncb] {
    display: flex;
    justify-content: flex-end;
}

.note-direction .badge[b-p8r34z8ncb] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.badge-to-client[b-p8r34z8ncb] {
    background: rgba(68, 114, 196, 0.1);
    color: var(--cv-primary);
}

.badge-from-client[b-p8r34z8ncb] {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
}

.empty-state-small[b-p8r34z8ncb] {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--cv-text-light);
}

.empty-state-small i[b-p8r34z8ncb] {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    opacity: 0.5;
}

.empty-state-small p[b-p8r34z8ncb] {
    margin: 0;
    font-size: 0.875rem;
}

/* Responsive */
@media (max-width: 1200px) {
    .dashboard-content[b-p8r34z8ncb] {
        grid-template-columns: 1fr;
    }

    .sidebar-widgets[b-p8r34z8ncb] {
        grid-template-columns: repeat(2, 1fr);
        display: grid;
    }
}

@media (max-width: 768px) {
    .dashboard-container[b-p8r34z8ncb] {
        padding: 1rem;
    }

    .page-header[b-p8r34z8ncb] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .stats-grid[b-p8r34z8ncb] {
        grid-template-columns: 1fr;
    }

    .sidebar-widgets[b-p8r34z8ncb] {
        grid-template-columns: 1fr;
    }

    .quick-actions[b-p8r34z8ncb] {
        grid-template-columns: 1fr;
    }

    .address[b-p8r34z8ncb] {
        max-width: 150px;
    }
}

@media (max-width: 576px) {
    .orders-table th:nth-child(3)[b-p8r34z8ncb],
    .orders-table td:nth-child(3)[b-p8r34z8ncb] {
        display: none;
    }
}
/* _content/cv.orders-external.client/Components/Pages/Login.razor.rz.scp.css */
.login-container[b-zvyrwy0031] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--cv-primary) 0%, var(--cv-primary-dark) 100%);
    padding: 2rem;
}

.login-card[b-zvyrwy0031] {
    background: var(--cv-white);
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    max-width: 450px;
    width: 100%;
    overflow: hidden;
}

.login-header[b-zvyrwy0031] {
    background: var(--cv-secondary);
    padding: 3rem 2rem;
    text-align: center;
    border-bottom: 3px solid var(--cv-primary);
}

.login-logo[b-zvyrwy0031] {
    font-size: 4rem;
    color: var(--cv-primary);
    margin-bottom: 1rem;
}

.login-header h2[b-zvyrwy0031] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--cv-text);
    margin: 0 0 0.5rem 0;
    letter-spacing: 2px;
}

.login-header p[b-zvyrwy0031] {
    color: var(--cv-text-light);
    margin: 0;
    font-size: 0.9375rem;
}

.login-body[b-zvyrwy0031] {
    padding: 2.5rem 2rem;
}

.login-message[b-zvyrwy0031] {
    text-align: center;
    color: var(--cv-text-light);
    margin-bottom: 2rem;
    font-size: 0.9375rem;
}

.btn-lg[b-zvyrwy0031] {
    padding: 0.875rem 1.5rem;
    font-size: 1rem;
    font-weight: 600;
}

@media (max-width: 576px) {
    .login-container[b-zvyrwy0031] {
        padding: 1rem;
    }

    .login-header[b-zvyrwy0031] {
        padding: 2rem 1.5rem;
    }

    .login-body[b-zvyrwy0031] {
        padding: 2rem 1.5rem;
    }

    .login-logo[b-zvyrwy0031] {
        font-size: 3rem;
    }

    .login-header h2[b-zvyrwy0031] {
        font-size: 1.5rem;
    }
}
/* _content/cv.orders-external.client/Components/Pages/Logout.razor.rz.scp.css */
.logout-container[b-gk5m8382au] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--cv-background);
    padding: 2rem;
}

.logout-card[b-gk5m8382au] {
    background: var(--cv-white);
    border: 1px solid var(--cv-border);
    border-radius: 12px;
    padding: 3rem 2rem;
    max-width: 450px;
    width: 100%;
    text-align: center;
    box-shadow: 0 4px 12px rgba(68, 114, 196, 0.15);
}

.logout-icon[b-gk5m8382au] {
    font-size: 4rem;
    margin-bottom: 1.5rem;
}

.logout-card h2[b-gk5m8382au] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--cv-text);
    margin-bottom: 1rem;
}

.logout-card p[b-gk5m8382au] {
    color: var(--cv-text-light);
    margin-bottom: 2rem;
    font-size: 0.9375rem;
}

@media (max-width: 576px) {
    .logout-container[b-gk5m8382au] {
        padding: 1rem;
    }

    .logout-card[b-gk5m8382au] {
        padding: 2rem 1.5rem;
    }

    .logout-icon[b-gk5m8382au] {
        font-size: 3rem;
    }
}
/* _content/cv.orders-external.client/Components/Pages/NotificationSettings.razor.rz.scp.css */
.notification-settings-container[b-0z9rs2sjvs] {
    max-width: 900px;
    margin: 0 auto;
    padding: 2rem;
}

.page-header[b-0z9rs2sjvs] {
    margin-bottom: 2rem;
}

.page-title[b-0z9rs2sjvs] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 0.5rem;
}

.loading-container[b-0z9rs2sjvs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 0;
}

.settings-card[b-0z9rs2sjvs] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    padding: 1.5rem;
}

.master-toggle-section[b-0z9rs2sjvs] {
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}

.master-toggle-header[b-0z9rs2sjvs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.master-toggle-header h4[b-0z9rs2sjvs] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 0.25rem;
}

.form-check-input.master-toggle[b-0z9rs2sjvs] {
    width: 3rem;
    height: 1.5rem;
    cursor: not-allowed;
}

.form-check-input:checked[b-0z9rs2sjvs] {
    background-color: #3b82f6;
    border-color: #3b82f6;
}

.form-check-input:disabled[b-0z9rs2sjvs] {
    opacity: 0.7;
    cursor: not-allowed;
}

.form-check-input:disabled:checked[b-0z9rs2sjvs] {
    background-color: #60a5fa;
    border-color: #60a5fa;
}

.events-sections[b-0z9rs2sjvs] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.event-section[b-0z9rs2sjvs] {
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    overflow: hidden;
}

.section-header[b-0z9rs2sjvs] {
    background-color: #f8fafc;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #e2e8f0;
}

.section-header h5[b-0z9rs2sjvs] {
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

.events-list[b-0z9rs2sjvs] {
    padding: 0.5rem 0;
}

.events-list:has(.select-all-item)[b-0z9rs2sjvs] {
    padding-top: 0;
}

.event-item[b-0z9rs2sjvs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1.25rem;
    transition: background-color 0.15s ease;
}

.event-item:hover[b-0z9rs2sjvs] {
    background-color: #f8fafc;
}

.event-item.select-all-item[b-0z9rs2sjvs] {
    background-color: #f1f5f9;
    border-bottom: 1px solid #e2e8f0;
    padding-top: 1.25rem;
}

.event-item.select-all-item:hover[b-0z9rs2sjvs] {
    background-color: #e2e8f0;
}

.event-item.select-all-item .event-label[b-0z9rs2sjvs] {
    font-weight: 600;
    color: #64748b;
}

.event-info[b-0z9rs2sjvs] {
    flex: 1;
}

.event-label[b-0z9rs2sjvs] {
    display: flex;
    align-items: center;
    font-size: 0.95rem;
    font-weight: 500;
    color: #334155;
    margin: 0;
    cursor: pointer;
}

.event-label i[b-0z9rs2sjvs] {
    cursor: help;
    font-size: 0.875rem;
}

.settings-actions[b-0z9rs2sjvs] {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e2e8f0;
}

.btn[b-0z9rs2sjvs] {
    display: inline-flex;
    align-items: center;
    padding: 0.625rem 1.25rem;
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.15s ease;
}

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

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

.btn-primary:disabled[b-0z9rs2sjvs] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-outline-secondary[b-0z9rs2sjvs] {
    background-color: white;
    border-color: #cbd5e1;
    color: #475569;
}

.btn-outline-secondary:hover:not(:disabled)[b-0z9rs2sjvs] {
    background-color: #f8fafc;
    border-color: #94a3b8;
}

@media (max-width: 768px) {
    .notification-settings-container[b-0z9rs2sjvs] {
        padding: 1rem;
    }

    .master-toggle-header[b-0z9rs2sjvs] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .event-item[b-0z9rs2sjvs] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .settings-actions[b-0z9rs2sjvs] {
        flex-direction: column;
    }

    .settings-actions button[b-0z9rs2sjvs] {
        width: 100%;
    }
}
/* _content/cv.orders-external.client/Components/Pages/OrderConfirmation.razor.rz.scp.css */
.confirmation-container[b-h9bo6pxfmw] {
    min-height: calc(100vh - 200px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
}

.confirmation-card[b-h9bo6pxfmw] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07);
    padding: 3rem 2.5rem;
    max-width: 600px;
    width: 100%;
    text-align: center;
    position: relative;
    border: 1px solid #e5e7eb;
}

/* Sparkle Icons */
.sparkle-icon[b-h9bo6pxfmw] {
    position: absolute;
    top: 2rem;
    font-size: 1.5rem;
    color: #fbbf24;
}

.sparkle-left[b-h9bo6pxfmw] {
    left: 2rem;
}

.sparkle-right[b-h9bo6pxfmw] {
    right: 2rem;
}

/* Success Icon */
.success-icon[b-h9bo6pxfmw] {
    width: 80px;
    height: 80px;
    margin: 0 auto 1.5rem;
    background: #10b981;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 3rem;
}

/* Titles */
.confirmation-title[b-h9bo6pxfmw] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 0.5rem;
}

.confirmation-subtitle[b-h9bo6pxfmw] {
    font-size: 1rem;
    color: #6b7280;
    margin-bottom: 2.5rem;
}

/* Order Summary Card - matching PaymentModal */
.order-summary-card[b-h9bo6pxfmw] {
    background: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
    padding: 1.25rem 1.5rem;
    display: flex;
    gap: 3rem;
    margin-bottom: 2rem;
    text-align: left;
}

.summary-item[b-h9bo6pxfmw] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.summary-label[b-h9bo6pxfmw] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6B7280;
    letter-spacing: 0.05em;
}

.summary-value[b-h9bo6pxfmw] {
    font-size: 1rem;
    font-weight: 700;
    color: #1F2937;
}

.summary-value.amount[b-h9bo6pxfmw] {
    color: #059669;
}

/* Payment Section */
.payment-section[b-h9bo6pxfmw] {
    margin: 0 0 2rem;
}

.payment-loading[b-h9bo6pxfmw] {
    text-align: center;
    padding: 2rem 0;
}

.payment-loading .spinner-border[b-h9bo6pxfmw] {
    width: 3rem;
    height: 3rem;
    border-width: 0.3rem;
}

/* Share Payment Link Section - matching PaymentModal */
.share-link-section[b-h9bo6pxfmw] {
    border: 2px dashed #F59E0B;
    border-radius: 0.75rem;
    background: #FFFBEB;
    padding: 1.25rem;
    text-align: center;
    margin-bottom: 1.5rem;
}

.share-link-header[b-h9bo6pxfmw] {
    font-weight: 600;
    color: #92400E;
    margin-bottom: 1rem;
    font-size: 0.95rem;
}

.share-link-header i[b-h9bo6pxfmw] {
    color: #92400E;
}

.share-link-input-wrapper[b-h9bo6pxfmw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
    padding: 0.5rem 0.5rem 0.5rem 0.75rem;
}

.share-link-url[b-h9bo6pxfmw] {
    flex: 1;
    font-size: 0.85rem;
    color: #6B7280;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

.btn-copy[b-h9bo6pxfmw] {
    background: #F59E0B;
    color: #FFFFFF;
    border: none;
    border-radius: 0.375rem;
    padding: 0.4rem 0.85rem;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s;
}

.btn-copy:hover[b-h9bo6pxfmw] {
    background: #D97706;
}

/* Action Buttons */
.action-buttons[b-h9bo6pxfmw] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.btn[b-h9bo6pxfmw] {
    padding: 0.875rem 2rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: 1rem;
    transition: all 0.2s ease;
    border: none;
    cursor: pointer;
    flex: 1;
    max-width: 220px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-outline[b-h9bo6pxfmw] {
    background: white;
    border: 2px solid #d1d5db;
    color: #374151;
}

.btn-outline:hover[b-h9bo6pxfmw] {
    background: #f9fafb;
    border-color: #9ca3af;
}

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

.btn-primary:hover[b-h9bo6pxfmw] {
    background: #2563eb;
}

/* Pay Later Button */
.btn-pay-later[b-h9bo6pxfmw] {
    background: white;
    border: 2px solid #d1d5db;
    color: #374151;
}

.btn-pay-later:hover[b-h9bo6pxfmw] {
    background: #f9fafb;
    border-color: #9ca3af;
}

/* Complete Payment Button - matching PaymentModal */
.btn-complete-payment[b-h9bo6pxfmw] {
    background: #3B5BDB;
    color: #FFFFFF;
    border: none;
    border-radius: 8px;
    padding: 0.875rem 2rem;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s;
    flex: 1;
    max-width: 220px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-complete-payment:hover[b-h9bo6pxfmw] {
    background: #2F4AC0;
    color: #FFFFFF;
}

/* Next Steps Box */
.next-steps-box[b-h9bo6pxfmw] {
    background: #EFF6FF;
    border: 1px solid #BFDBFE;
    border-radius: 0.75rem;
    padding: 1.25rem 1.5rem;
    text-align: left;
}

.next-steps-title[b-h9bo6pxfmw] {
    color: #1E40AF;
    margin-bottom: 0.5rem;
    font-size: 0.95rem;
}

.next-steps-title i[b-h9bo6pxfmw] {
    color: #3B82F6;
}

.next-steps-text[b-h9bo6pxfmw] {
    color: #4B5563;
    font-size: 0.9rem;
    line-height: 1.5;
    margin: 0;
}

/* Responsive */
@media (max-width: 640px) {
    .confirmation-card[b-h9bo6pxfmw] {
        padding: 2rem 1.5rem;
    }

    .sparkle-icon[b-h9bo6pxfmw] {
        top: 1.5rem;
        font-size: 1.25rem;
    }

    .sparkle-left[b-h9bo6pxfmw] {
        left: 1.5rem;
    }

    .sparkle-right[b-h9bo6pxfmw] {
        right: 1.5rem;
    }

    .success-icon[b-h9bo6pxfmw] {
        width: 64px;
        height: 64px;
        font-size: 2.5rem;
    }

    .confirmation-title[b-h9bo6pxfmw] {
        font-size: 1.5rem;
    }

    .confirmation-subtitle[b-h9bo6pxfmw] {
        font-size: 0.875rem;
    }

    .action-buttons[b-h9bo6pxfmw] {
        flex-direction: column;
    }

    .btn[b-h9bo6pxfmw],
    .btn-complete-payment[b-h9bo6pxfmw] {
        max-width: 100%;
    }

    .order-summary-card[b-h9bo6pxfmw] {
        gap: 1.5rem;
    }
}
/* _content/cv.orders-external.client/Components/Pages/SearchAmpOrders.razor.rz.scp.css */
.search-orders-container[b-d2m1xgy7ud] {
    max-width: 100%;
    height: 100%;
}

.page-header[b-d2m1xgy7ud] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.page-title[b-d2m1xgy7ud] {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: 0.07px;    
    color: var(--cv-text);
    margin: 0;
}

.filter-tabs[b-d2m1xgy7ud] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    align-items: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.filter-tabs button[b-d2m1xgy7ud] {
    padding: 0.5rem 1.5rem;
    border: 1px solid #64748B;
    background: var(--cv-white);
    color: #64748B;
    border-radius: 6px;
    font-family: Poppins;
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0%;
    cursor: pointer;
    transition: all 0.2s;
    height: 40px;
}

.filter-tabs button.active:not(.filter-button)[b-d2m1xgy7ud] {
    background: #3B82F6;
    color: var(--cv-white);
    border-color: #3B82F6;
}

.filter-tabs button:hover:not(.active)[b-d2m1xgy7ud] {
    background: var(--cv-secondary);
}

/* Default state: width 208 = 143 + 16 gap + 49 */
.filter-actions[b-d2m1xgy7ud] {
    width: 208px;
    height: 40px;
    display: flex;
    gap: 16px;
    align-items: center;
    transition: all 0.3s ease-in-out;
}

/* Panel open state: width 201 = 136 + 16 gap + 49 */
.filter-actions.panel-open[b-d2m1xgy7ud] {
    width: 201px;
    margin-right: 325px;
}

.filter-button[b-d2m1xgy7ud] {
    width: 143px;
    height: 40px;
    padding: 10.5px 17.5px;
    gap: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #64748B;
    background: var(--cv-white);
    color: #64748B;
    border-radius: 6px;
    font-family: Poppins;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.filter-button:hover[b-d2m1xgy7ud] {
    background: var(--cv-secondary);
}

.filter-button.active[b-d2m1xgy7ud] {
    width: 136px;
    background: #64748B29;
    border: 1px solid #64748B;
    color: #64748B;
}

.refresh-button[b-d2m1xgy7ud] {
    width: 49px;
    height: 40px;
    padding: 10.5px 17.5px;
    gap: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #64748B;
    background: var(--cv-white);
    color: #64748B;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.refresh-button:hover[b-d2m1xgy7ud] {
    background: var(--cv-secondary);
}

/* Filter Backdrop */
.filter-backdrop[b-d2m1xgy7ud] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: transparent;
    cursor: default;
}

/* Filter Side Panel */
.filter-side-panel[b-d2m1xgy7ud] {
    position: fixed;
    top: 48px;
    right: -325px;
    width: 325px;
    height: calc(100vh - 48px);
    background: #FFFFFF;
    box-shadow: 2px -11px 12px 0px rgba(0, 0, 0, 0.25);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    transition: right 0.3s ease-in-out;
    overflow-y: auto;
}

.filter-side-panel.open[b-d2m1xgy7ud] {
    right: 0;
}

.filter-side-panel-header[b-d2m1xgy7ud] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 21px 27px;
    border-bottom: 1px solid var(--cv-border);
}

.filter-side-panel-title[b-d2m1xgy7ud] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--cv-text);
    margin: 0;
}

.filter-close-btn[b-d2m1xgy7ud] {
    background: none;
    border: none;
    font-size: 1.25rem;
    color: var(--cv-text);
    cursor: pointer;
    padding: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.filter-close-btn:hover[b-d2m1xgy7ud] {
    color: var(--cv-primary);
}

.filter-side-panel-content[b-d2m1xgy7ud] {
    flex: 1;
    padding: 21px 27px;
    overflow-y: auto;
}

.filter-group[b-d2m1xgy7ud] {
    margin-bottom: 1.25rem;
}

.filter-group .form-label[b-d2m1xgy7ud] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--cv-text);
    margin-bottom: 0.5rem;
    display: block;
}

.filter-group .form-control[b-d2m1xgy7ud] {
    border: 1px solid var(--cv-border);
    border-radius: 6px;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    width: 100%;
}

.select-wrapper[b-d2m1xgy7ud] {
    position: relative;
}

.select-wrapper select.form-control[b-d2m1xgy7ud] {
    appearance: none;
    -webkit-appearance: none;
    padding-right: 2rem;
}

.select-chevron[b-d2m1xgy7ud] {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #6C757D;
    font-size: 0.75rem;
}

.filter-group .form-control:focus[b-d2m1xgy7ud] {
    border-color: var(--cv-primary);
    outline: none;
    box-shadow: 0 0 0 3px rgba(28, 98, 179, 0.1);
}

.filter-side-panel-footer[b-d2m1xgy7ud] {
    padding: 21px 27px;
    border-top: 1px solid var(--cv-border);
}

/* Multi-select dropdown */
.multi-select-wrapper[b-d2m1xgy7ud] {
    position: relative;
}

.multi-select-toggle[b-d2m1xgy7ud] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    background: #fff;
    text-align: left;
}

.select-chevron-inline[b-d2m1xgy7ud] {
    color: #6C757D;
    font-size: 0.75rem;
    flex-shrink: 0;
}

.multi-select-dropdown[b-d2m1xgy7ud] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid var(--cv-border);
    border-radius: 6px;
    margin-top: 4px;
    z-index: 10;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    max-height: 240px;
    overflow-y: auto;
}

.multi-select-option[b-d2m1xgy7ud] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0.75rem;
    cursor: pointer;
    font-size: 0.875rem;
    transition: background 0.15s;
}

.multi-select-option:hover[b-d2m1xgy7ud] {
    background: var(--cv-secondary, #f1f5f9);
}

.multi-select-check[b-d2m1xgy7ud] {
    width: 18px;
    height: 18px;
    border: 2px solid var(--cv-border, #d1d5db);
    border-radius: 3px;
    flex-shrink: 0;
    transition: all 0.15s;
}

.multi-select-check[b-d2m1xgy7ud] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.multi-select-check.checked[b-d2m1xgy7ud] {
    background-color: #3B82F6;
    border-color: #3B82F6;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    padding-top: 2px;
}

.orders-content[b-d2m1xgy7ud] {
    background: var(--cv-white);
    border-radius: 8px;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

/* _content/cv.orders-external.client/Components/Pages/SessionExpired.razor.rz.scp.css */
.logout-container[b-lrkgi805lw] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--cv-background);
    padding: 2rem;
}

.logout-card[b-lrkgi805lw] {
    background: var(--cv-white);
    border: 1px solid var(--cv-border);
    border-radius: 12px;
    padding: 3rem 2rem;
    max-width: 450px;
    width: 100%;
    text-align: center;
    box-shadow: 0 4px 12px rgba(68, 114, 196, 0.15);
}

.logout-icon[b-lrkgi805lw] {
    font-size: 4rem;
    margin-bottom: 1.5rem;
}

.logout-card h2[b-lrkgi805lw] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--cv-text);
    margin-bottom: 1rem;
}

.logout-card p[b-lrkgi805lw] {
    color: var(--cv-text-light);
    margin-bottom: 2rem;
    font-size: 0.9375rem;
}

@media (max-width: 576px) {
    .logout-container[b-lrkgi805lw] {
        padding: 1rem;
    }

    .logout-card[b-lrkgi805lw] {
        padding: 2rem 1.5rem;
    }

    .logout-icon[b-lrkgi805lw] {
        font-size: 3rem;
    }
}
/* _content/cv.orders-external.client/Components/Shared/AmpContactCard.razor.rz.scp.css */
/* Info Card Base Styles */
.info-card[b-tryusbwp6r] {
    background: var(--cv-white);
    border: 1px solid var(--cv-border);
    border-radius: 8px;
    overflow: hidden;
}

.card-header[b-tryusbwp6r] {
    background: var(--cv-secondary);
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--cv-border);
}

.card-header h4[b-tryusbwp6r] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--cv-text);
    display: flex;
    align-items: center;
}

.card-body[b-tryusbwp6r] {
    padding: 1.5rem;
}

/* Contact Cards */
.contacts-single[b-tryusbwp6r] {
    max-width: 600px;
    margin: 0 auto;
}

.contacts-carousel[b-tryusbwp6r] {
    position: relative;
    padding: 0 2.5rem;
}

.contacts-carousel-content[b-tryusbwp6r] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.carousel-control-prev[b-tryusbwp6r],
.carousel-control-next[b-tryusbwp6r] {
    width: 2rem;
    height: 2rem;
    background: var(--cv-white);
    border: 1px solid var(--cv-border);
    border-radius: 50%;
    opacity: 1;
    top: 50%;
    transform: translateY(-50%);
}

.carousel-control-prev[b-tryusbwp6r] {
    left: 0;
}

.carousel-control-next[b-tryusbwp6r] {
    right: 0;
}

.carousel-control-prev:hover[b-tryusbwp6r],
.carousel-control-next:hover[b-tryusbwp6r] {
    background: var(--cv-primary-light);
    border-color: var(--cv-primary);
}

.carousel-control-prev-icon[b-tryusbwp6r],
.carousel-control-next-icon[b-tryusbwp6r] {
    width: 1rem;
    height: 1rem;
    filter: invert(45%) sepia(40%) saturate(1028%) hue-rotate(186deg) brightness(90%) contrast(92%);
}

.carousel-indicators[b-tryusbwp6r] {
    position: static;
    margin-top: 1rem;
    margin-bottom: 0;
}

.carousel-indicators button[b-tryusbwp6r] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--cv-border);
    border: none;
    opacity: 1;
}

.carousel-indicators button.active[b-tryusbwp6r] {
    background-color: var(--cv-primary);
}

.contact-card[b-tryusbwp6r] {
    background: var(--cv-background);
    border: 1px solid var(--cv-border);
    border-radius: 8px;
    padding: 1.25rem;
    transition: all 0.2s;
    height: 100%;
}

.contact-card:hover[b-tryusbwp6r] {
    background: var(--cv-white);
    border-color: var(--cv-primary-light);
    box-shadow: 0 2px 12px rgba(68, 114, 196, 0.08);
}

.contact-card.primary-contact[b-tryusbwp6r] {
    background: var(--cv-white);
}

.contact-card-header[b-tryusbwp6r] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--cv-border-light);
}

.contact-avatar[b-tryusbwp6r] {
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--cv-primary-light);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--cv-primary);
    font-size: 2.5rem;
}

.contact-info[b-tryusbwp6r] {
    flex: 1;
    min-width: 0;
}

.contact-name-row[b-tryusbwp6r] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    flex-wrap: wrap;
}

.contact-name[b-tryusbwp6r] {
    font-weight: 600;
    color: var(--cv-text);
    font-size: 1.125rem;
    line-height: 1.2;
}

.primary-badge[b-tryusbwp6r] {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    background: var(--cv-secondary);
    color: var(--cv-text-light);
    border-radius: 4px;
    font-size: 0.6875rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    border: 1px solid var(--cv-border);
}

.contact-role[b-tryusbwp6r] {
    margin-bottom: 0.5rem;
}

.contact-type-badge[b-tryusbwp6r] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: #EAF4FF;
    color: #324B67;
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 500;
    border: 1px solid transparent;
}

.contact-company[b-tryusbwp6r] {
    color: var(--cv-text-light);
    font-size: 0.875rem;
    display: flex;
    align-items: center;
}

.contact-company i[b-tryusbwp6r] {
    color: var(--cv-text-light);
}

/* Contact Methods Grid */
.contact-methods-grid[b-tryusbwp6r] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.contact-method-item[b-tryusbwp6r] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.method-label[b-tryusbwp6r] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--cv-text-light);
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.method-label i[b-tryusbwp6r] {
    color: var(--cv-primary);
    font-size: 0.875rem;
}

.method-value[b-tryusbwp6r] {
    font-size: 0.9375rem;
    color: var(--cv-text);
    word-break: break-word;
}

.method-value a[b-tryusbwp6r] {
    color: var(--cv-primary);
    text-decoration: none;
    transition: color 0.2s;
}

.method-value a:hover[b-tryusbwp6r] {
    color: var(--cv-primary-dark);
    text-decoration: underline;
}

/* Responsive */
@media (max-width: 768px) {
    /* Contacts Carousel - Mobile: Show 1 card at a time */
    .contacts-carousel[b-tryusbwp6r] {
        padding: 0 2rem;
    }

    .contacts-carousel-content[b-tryusbwp6r] {
        grid-template-columns: 1fr;
    }

    .contacts-carousel-content .contact-card:nth-child(2)[b-tryusbwp6r] {
        display: none;
    }

    .contact-methods-grid[b-tryusbwp6r] {
        grid-template-columns: 1fr;
    }

    .contact-card-header[b-tryusbwp6r] {
        flex-direction: column;
        align-items: flex-start;
    }

    .contact-avatar[b-tryusbwp6r] {
        width: 48px;
        height: 48px;
        font-size: 2rem;
    }

    .contact-name[b-tryusbwp6r] {
        font-size: 1rem;
    }

    .carousel-control-prev[b-tryusbwp6r],
    .carousel-control-next[b-tryusbwp6r] {
        width: 1.75rem;
        height: 1.75rem;
    }

    .carousel-control-prev-icon[b-tryusbwp6r],
    .carousel-control-next-icon[b-tryusbwp6r] {
        width: 0.875rem;
        height: 0.875rem;
    }
}
/* _content/cv.orders-external.client/Components/Shared/AmpOrdersGrid.razor.rz.scp.css */
.orders-grid-container[b-icy3yum99b] {
    width: 100%;
}

.orders-table[b-icy3yum99b] {
    width: 100%;
    overflow-x: auto;
}

.orders-table table[b-icy3yum99b] {
    width: 100%;
    margin: 0;
    table-layout: fixed;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.orders-table thead[b-icy3yum99b] {
    background: transparent;
}

.orders-table th[b-icy3yum99b] {
    padding: 0.75rem 1rem;
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--cv-white);
    background: var(--cv-primary);
    border-bottom: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.orders-table thead tr th:first-child[b-icy3yum99b] {
    border-top-left-radius: 8px;
}

.orders-table thead tr th:last-child[b-icy3yum99b] {
    border-top-right-radius: 8px;
}

/* Column width classes */
.col-sm[b-icy3yum99b] { width: 4%; }
.col-md[b-icy3yum99b] { width: 8%; min-width: 100px; }
.col-md-plus[b-icy3yum99b] { width: 7%; }
.col-lg[b-icy3yum99b] { width: 8%; }
.col-xl[b-icy3yum99b] { width: 11%; }
.col-xxl[b-icy3yum99b] { width: 15%; }

[b-icy3yum99b] .column-resizer {
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 100%;
    cursor: col-resize;
    user-select: none;
    z-index: 10;
}

[b-icy3yum99b] .column-resizer:hover {
    background-color: var(--cv-primary);
    opacity: 0.5;
}

[b-icy3yum99b] .column-resizer:active {
    background-color: var(--cv-primary);
    opacity: 0.8;
}

.orders-table td[b-icy3yum99b] {
    padding: 1rem;
    font-size: 0.875rem;
    color: var(--cv-text);
    border-bottom: 1px solid var(--cv-border-light);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.order-row[b-icy3yum99b] {
    transition: background-color 0.2s;
}

.order-row:nth-child(even)[b-icy3yum99b] {
    background-color: #fafafa;
}

.ref-number[b-icy3yum99b] {
    font-weight: 600;
    color: var(--cv-primary);
}

.empty-state[b-icy3yum99b] {
    padding: 3rem;
    text-align: center;
    color: var(--cv-text-light);
}

.empty-state i[b-icy3yum99b] {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

.empty-state p[b-icy3yum99b] {
    margin: 0;
    font-size: 1rem;
}

/* Pagination Styles */
.pagination-container[b-icy3yum99b] {
    margin-top: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.pagination-info[b-icy3yum99b] {
    color: var(--cv-text-light);
    font-size: 0.875rem;
    order: 2;
}

.pagination-controls[b-icy3yum99b] {
    display: flex;
    justify-content: center;
    order: 1;
}

.pagination[b-icy3yum99b] {
    display: flex;
    gap: 0.25rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

.page-link[b-icy3yum99b] {
    padding: 0.5rem 0.75rem;
    min-width: 40px;
    height: 40px;
    border: 1px solid var(--cv-border);
    background: var(--cv-white);
    color: var(--cv-text);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    font-weight: 500;
}

.page-link:hover:not(:disabled):not(.active)[b-icy3yum99b] {
    background: var(--cv-secondary);
    border-color: var(--cv-primary);
}

.page-link.active[b-icy3yum99b] {
    background: var(--cv-primary);
    color: var(--cv-white);
    border-color: var(--cv-primary);
    cursor: default;
}

.page-link:disabled[b-icy3yum99b] {
    opacity: 0.5;
    cursor: not-allowed;
    background: var(--cv-background);
}

.page-link i[b-icy3yum99b] {
    font-size: 0.875rem;
}

@media (max-width: 768px) {
    .pagination-container[b-icy3yum99b] {
        flex-direction: column;
        text-align: center;
    }

    .pagination[b-icy3yum99b] {
        gap: 0.125rem;
    }

    .page-link[b-icy3yum99b] {
        padding: 0.375rem 0.5rem;
        min-width: 36px;
        height: 36px;
        font-size: 0.8125rem;
    }
}

@media (max-width: 576px) {
    .orders-table th:nth-child(3)[b-icy3yum99b],
    .orders-table td:nth-child(3)[b-icy3yum99b] {
        display: none;
    }
}
/* _content/cv.orders-external.client/Components/Shared/LoadingSpinner.razor.rz.scp.css */
.spinner-container[b-m495mwm889] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.spinner-border[b-m495mwm889] {
    width: 3rem;
    height: 3rem;
}
/* _content/cv.orders-external.client/Components/Shared/OrderTimeline.razor.rz.scp.css */
/* Order Timeline Container */
.order-timeline-container[b-y771oryxwz] {
    background: white;
    border: 1px solid #E5E7EB;
    border-radius: 0.75rem;
    padding: 1.5rem 2rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* Timeline Track */
.timeline-wrapper[b-y771oryxwz] {
    padding: 0 3rem;
    margin-bottom: 1.5rem;
}

.timeline-track[b-y771oryxwz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
}

/* Timeline Step */
.timeline-step[b-y771oryxwz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1;
}

/* Timeline Circle - Base */
.timeline-circle[b-y771oryxwz] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

/* Pending State - Empty gray circle */
.step-pending .timeline-circle[b-y771oryxwz] {
    background: white;
    border: 2px solid #D1D5DB;
}

/* In Progress State - Blue double ring */
.step-in-progress .timeline-circle[b-y771oryxwz] {
    background: white;
    border: 2px solid #3B82F6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

.step-in-progress .timeline-circle .inner-ring[b-y771oryxwz] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #3B82F6;
}

/* Completed State - Green with checkmark */
.step-completed .timeline-circle[b-y771oryxwz] {
    background: #22C55E;
    border: 2px solid #22C55E;
}

.step-completed .timeline-circle i[b-y771oryxwz] {
    color: white;
    font-size: 0.875rem;
    font-weight: 700;
}

/* On Hold State - Yellow/Amber with pause icon */
.step-on-hold .timeline-circle[b-y771oryxwz] {
    background: #F6DE95;
    border: 2px solid #F6DE95;
}

    .step-on-hold .timeline-circle i[b-y771oryxwz] {
        color: #555017;
        font-size: 0.875rem;
        font-weight: 700;
    }

.step-on-hold .timeline-label[b-y771oryxwz] {
    color: #555017;
    font-weight: 600;
}
	 
/* Timeline Label */
.timeline-label[b-y771oryxwz] {
    margin-top: 0.5rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #9CA3AF;
    white-space: nowrap;
}

.step-completed .timeline-label[b-y771oryxwz] {
    color: #22C55E;
    font-weight: 600;
}

.step-in-progress .timeline-label[b-y771oryxwz] {
    color: #3B82F6;
    font-weight: 600;
}

/* Timeline Connector */
.timeline-connector[b-y771oryxwz] {
    flex: 1;
    height: 3px;
    margin-top: 12px; /* Align with circle center */
    margin-left: -4px;
    margin-right: -4px;
}

.connector-active[b-y771oryxwz] {
    background: #3B82F6;
}

.connector-inactive[b-y771oryxwz] {
    background: #E5E7EB;
}

/* Date Cards Row */
.date-cards-row[b-y771oryxwz] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-top: 1rem;
}

/* Date Card */
.date-card[b-y771oryxwz] {
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
    padding: 1rem 1.25rem;
    background: #FAFAFA;
}

.date-card-header[b-y771oryxwz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
}

.date-card-icon[b-y771oryxwz] {
    font-size: 0.875rem;
    color: #9CA3AF;
}

.date-card-label[b-y771oryxwz] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #9CA3AF;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.date-card-value[b-y771oryxwz] {
    font-size: 1rem;
    font-weight: 600;
    color: #111827;
}

.date-card-value-split[b-y771oryxwz] {
    display: flex;
    align-items: baseline;
    gap: 1rem;
}

.date-card-value-split .date-part[b-y771oryxwz] {
    font-size: 1rem;
    font-weight: 600;
    color: #111827;
}

.date-card-value-split .time-part[b-y771oryxwz] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #6B7280;
}
/* _content/cv.orders-external.client/Components/Shared/PaymentBreakdownModal.razor.rz.scp.css */
.modal.show[b-y6r9orgflt] {
    display: block;
}
/* _content/cv.orders-external.client/Components/Shared/PaymentModal.razor.rz.scp.css */
/* Modal Content */
.payment-modal-content[b-zji34b7i3o] {
    border-radius: 0.75rem;
    overflow: hidden;
    border: none;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

.payment-modal-header[b-zji34b7i3o] {
    border-bottom: 1px solid #E5E7EB;
    padding: 1.25rem 1.5rem;
}

.payment-modal-header .modal-title[b-zji34b7i3o] {
    font-weight: 600;
    color: #1F2937;
}

.payment-modal-body[b-zji34b7i3o] {
    padding: 1.5rem;
}

/* Order Summary Card */
.order-summary-card[b-zji34b7i3o] {
    background: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
    padding: 1.25rem 1.5rem;
    display: flex;
    gap: 3rem;
}

.summary-item[b-zji34b7i3o] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.summary-label[b-zji34b7i3o] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6B7280;
    letter-spacing: 0.05em;
}

.summary-value[b-zji34b7i3o] {
    font-size: 1rem;
    font-weight: 700;
    color: #1F2937;
}

.summary-value.amount[b-zji34b7i3o] {
    color: #059669;
}

/* Share Payment Link Section */
.share-link-section[b-zji34b7i3o] {
    border: 2px dashed #F59E0B;
    border-radius: 0.75rem;
    background: #FFFBEB;
    padding: 1.25rem;
    text-align: center;
}

.share-link-header[b-zji34b7i3o] {
    font-weight: 600;
    color: #92400E;
    margin-bottom: 1rem;
    font-size: 0.95rem;
}

.share-link-header i[b-zji34b7i3o] {
    color: #92400E;
}

.share-link-input-wrapper[b-zji34b7i3o] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 0.5rem;
    padding: 0.5rem 0.5rem 0.5rem 0.75rem;
}

.share-link-url[b-zji34b7i3o] {
    flex: 1;
    font-size: 0.85rem;
    color: #6B7280;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

.btn-copy[b-zji34b7i3o] {
    background: #F59E0B;
    color: #FFFFFF;
    border: none;
    border-radius: 0.375rem;
    padding: 0.4rem 0.85rem;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s;
}

.btn-copy:hover[b-zji34b7i3o] {
    background: #D97706;
}

/* Complete Payment Button */
.btn-complete-payment[b-zji34b7i3o] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0.875rem;
    background: #3B5BDB;
    color: #FFFFFF;
    border: none;
    border-radius: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-complete-payment:hover[b-zji34b7i3o] {
    background: #2F4AC0;
    color: #FFFFFF;
}
/* _content/cv.orders-external.client/Components/Shared/StatusBadge.razor.rz.scp.css */
.status-badge[b-tiqeb9esuf] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 50px;
    font-size: 0.8125rem;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    border: 1px solid transparent;
}

/* Order Placed - Blue */
.status-order-placed[b-tiqeb9esuf] {
    background-color: var(--cv-status-blue);
    color: var(--cv-status-blue-text);
}

/* Accepted - Green */
.status-accepted[b-tiqeb9esuf] {
    background-color: var(--cv-status-green);
    color: var(--cv-status-green-text);
}

/* Inspection Scheduled - Yellow */
.status-inspection-scheduled[b-tiqeb9esuf] {
    background-color: var(--cv-status-yellow);
    color: var(--cv-status-yellow-text);
}

/* Inspection Complete - Green */
.status-inspection-complete[b-tiqeb9esuf] {
    background-color: var(--cv-status-green);
    color: var(--cv-status-green-text);
}

/* Under Review - Yellow */
.status-under-review[b-tiqeb9esuf] {
    background-color: var(--cv-status-yellow);
    color: var(--cv-status-yellow-text);
}

/* Complete - Green */
.status-complete[b-tiqeb9esuf] {
    background-color: var(--cv-status-green);
    color: var(--cv-status-green-text);
}

/* On Hold - Yellow */
.status-on-hold[b-tiqeb9esuf] {
    background-color: var(--cv-status-yellow);
    color: var(--cv-status-yellow-text);
}

/* Cancelled - Red */
.status-cancelled[b-tiqeb9esuf] {
    background-color: var(--cv-status-red);
    color: var(--cv-status-red-text);
}

/* Default fallback */
.status-default[b-tiqeb9esuf] {
    background-color: var(--cv-secondary);
    color: var(--cv-text);
}

.status-badge-large[b-tiqeb9esuf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 190px;
	width: auto;
    height: 53px;
    gap: 9px;
    border-radius: 18px;
    padding: 9px 18px;
    opacity: 1;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 23.33px;
    line-height: 35px;
    letter-spacing: 0%;
}
/* _content/cv.orders-external.client/MeridianLink/Components/MeridianLinkError.razor.rz.scp.css */
.error-container[b-x3tvmnnqt1] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--cv-background);
    padding: 2rem;
    flex: 1;
}

.error-card[b-x3tvmnnqt1] {
    background: #FFFFFF;
    border-radius: 16px;
    width: 448px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 18px;
    text-align: center;
    box-shadow: 0px 4px 6px -4px #0000001A, 0px 10px 15px -3px #0000001A;
}

.error-icon-circle[b-x3tvmnnqt1] {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: linear-gradient(135deg, #DBEAFE 0%, #CEFAFE 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.error-icon[b-x3tvmnnqt1] {
    width: 42px;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.error-icon i[b-x3tvmnnqt1] {
    font-size: 41.14px;
    line-height: 100%;
    color: #155DFC;
}

.error-card h2[b-x3tvmnnqt1] {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.31px;
    text-align: center;
    color: #495057;
    margin: 0;
    width: 274px;
}

.error-card p[b-x3tvmnnqt1] {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.31px;
    text-align: center;
    color: #495057;
    margin: 0;
    width: 384px;
}

@media (max-width: 480px) {
    .error-container[b-x3tvmnnqt1] {
        padding: 1rem;
    }

    .error-card[b-x3tvmnnqt1] {
        width: 100%;
        height: auto;
    }

    .error-card h2[b-x3tvmnnqt1] {
        width: auto;
    }

    .error-card p[b-x3tvmnnqt1] {
        width: auto;
    }
}
/* _content/cv.orders-external.client/MeridianLink/Components/MeridianLinkLogout.razor.rz.scp.css */
.error-container[b-lvsdbtwxvr] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--cv-background);
    padding: 2rem;
    flex: 1;
}

.error-card[b-lvsdbtwxvr] {
    background: #FFFFFF;
    border-radius: 16px;
    width: 448px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 18px;
    text-align: center;
    box-shadow: 0px 4px 6px -4px #0000001A, 0px 10px 15px -3px #0000001A;
}

.error-icon-circle[b-lvsdbtwxvr] {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: linear-gradient(135deg, #DBEAFE 0%, #CEFAFE 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.error-icon[b-lvsdbtwxvr] {
    width: 42px;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.error-icon i[b-lvsdbtwxvr] {
    font-size: 41.14px;
    line-height: 100%;
    color: #155DFC;
}

.error-card h2[b-lvsdbtwxvr] {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.31px;
    text-align: center;
    color: #495057;
    margin: 0;
    width: 274px;
}

.error-card p[b-lvsdbtwxvr] {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.31px;
    text-align: center;
    color: #495057;
    margin: 0;
    width: 384px;
}

@media (max-width: 480px) {
    .error-container[b-lvsdbtwxvr] {
        padding: 1rem;
    }

    .error-card[b-lvsdbtwxvr] {
        width: 100%;
        height: auto;
    }

    .error-card h2[b-lvsdbtwxvr] {
        width: auto;
    }

    .error-card p[b-lvsdbtwxvr] {
        width: auto;
    }
}