.evep-receipts-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: var(--enriched-spacing-lg);
}

.evep-receipts-header {
    margin-bottom: var(--enriched-spacing-xl);
}

.evep-receipts-title {
    font-size: var(--enriched-font-2xl);
    font-weight: 700;
    color: var(--enriched-text);
    margin-bottom: var(--enriched-spacing-xs);
}

.evep-receipts-subtitle {
    color: var(--enriched-text-lighter);
    font-size: var(--enriched-font-sm);
}

.evep-receipts-tabbar {
    display: flex;
    gap: var(--enriched-spacing-sm);
    border-bottom: 1px solid var(--enriched-border-light);
    margin-bottom: var(--enriched-spacing-lg);
    padding-bottom: var(--enriched-spacing-sm);
}

.evep-receipts-tab {
    padding: var(--enriched-spacing-sm) var(--enriched-spacing-lg);
    border-radius: var(--enriched-border-radius-o);
    background: transparent;
    border: none;
    cursor: pointer;
    font-weight: 500;
    color: var(--enriched-text-lighter);
    transition: all var(--enriched-transition-fast);
}

.evep-receipts-tab:hover {
    background: var(--enriched-section-bg-soft);
    color: var(--enriched-text);
}

.evep-receipts-tab.active {
    background: var(--enriched-primary);
    color: white;
}

.evep-receipts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: var(--enriched-spacing-lg);
}

.evep-receipts-card {
    background: var(--enriched-section-bg-surface);
    border-radius: var(--enriched-border-radius-xl);
    border: 1px solid var(--enriched-border-light);
    overflow: hidden;
    transition: all var(--enriched-transition-fast);
    cursor: pointer;
}

.evep-receipts-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--enriched-shadow-md);
    border-color: var(--enriched-border);
}

.evep-receipts-card-header {
    padding: var(--enriched-spacing-lg);
    background: var(--enriched-bg-grad-primary);
    color: white;
}

.evep-receipts-card-type {
    display: inline-block;
    padding: var(--enriched-spacing-xs) var(--enriched-spacing-sm);
    background: rgba(255, 255, 255, 0.2);
    border-radius: var(--enriched-border-radius-o);
    font-size: var(--enriched-font-xs);
    font-weight: 600;
    margin-bottom: var(--enriched-spacing-sm);
}

.evep-receipts-card-amount {
    font-size: var(--enriched-font-2xl);
    font-weight: 800;
    margin-bottom: var(--enriched-spacing-xs);
}

.evep-receipts-card-date {
    font-size: var(--enriched-font-xs);
    opacity: 0.8;
}

.evep-receipts-card-body {
    padding: var(--enriched-spacing-lg);
}

.evep-receipts-card-title {
    font-weight: 700;
    color: var(--enriched-text);
    margin-bottom: var(--enriched-spacing-xs);
}

.evep-receipts-card-meta {
    font-size: var(--enriched-font-sm);
    color: var(--enriched-text-lighter);
    margin-bottom: var(--enriched-spacing-xs);
}

.evep-receipts-card-status {
    display: inline-block;
    padding: var(--enriched-spacing-xs) var(--enriched-spacing-sm);
    border-radius: var(--enriched-border-radius-o);
    font-size: var(--enriched-font-xs);
    font-weight: 600;
    margin-top: var(--enriched-spacing-sm);
}

.evep-receipts-status-paid {
    background: var(--enriched-success-light);
    color: var(--enriched-success-dark);
}
.evep-receipts-status-pending {
    background: var(--enriched-warning-light);
    color: var(--enriched-warning-dark);
}
.evep-receipts-status-awaiting {
    background: var(--enriched-info-light);
    color: var(--enriched-info-dark);
}
.evep-receipts-status-processing {
    background: var(--enriched-info-light);
    color: var(--enriched-info-dark);
}
.evep-receipts-status-failed {
    background: var(--enriched-danger-light);
    color: var(--enriched-danger-dark);
}
.evep-receipts-status-refunded {
    background: var(--enriched-danger-light);
    color: var(--enriched-danger-dark);
}
.evep-receipts-status-cancelled {
    background: var(--enriched-danger-light);
    color: var(--enriched-danger-dark);
}
.evep-receipts-status-expired {
    background: var(--enriched-warning-light);
    color: var(--enriched-warning-dark);
}
.evep-receipts-status-plain {
    background: var(--enriched-border-light);
    color: var(--enriched-text-light);
}
.evep-receipts-status-draft {
    background: var(--enriched-border-light);
    color: var(--enriched-text-light);
}
.evep-receipts-status-archived {
    background: var(--enriched-border-light);
    color: var(--enriched-text-light);
}
.evep-receipts-status-published {
    background: var(--enriched-success-light);
    color: var(--enriched-success-dark);
}
.evep-receipts-status-postponed {
    background: var(--enriched-warning-light);
    color: var(--enriched-warning-dark);
}
.evep-receipts-status-closed {
    background: var(--enriched-danger-light);
    color: var(--enriched-danger-dark);
}
.evep-receipts-status-sold_out {
    background: var(--enriched-danger-light);
    color: var(--enriched-danger-dark);
}
.evep-receipts-status-coming_soon {
    background: var(--enriched-info-light);
    color: var(--enriched-info-dark);
}
.evep-receipts-status-on_sale {
    background: var(--enriched-success-light);
    color: var(--enriched-success-dark);
}
.evep-receipts-status-not_applicable {
    background: var(--enriched-border-light);
    color: var(--enriched-text-light);
}
.evep-receipts-status-active {
    background: var(--enriched-success-light);
    color: var(--enriched-success-dark);
}
.evep-receipts-status-inactive {
    background: var(--enriched-warning-light);
    color: var(--enriched-warning-dark);
}
.evep-receipts-status-idea {
    background: var(--enriched-info-light);
    color: var(--enriched-info-dark);
}
.evep-receipts-status-planning {
    background: var(--enriched-warning-light);
    color: var(--enriched-warning-dark);
}
.evep-receipts-status-on_hold {
    background: var(--enriched-warning-light);
    color: var(--enriched-warning-dark);
}
.evep-receipts-status-completed {
    background: var(--enriched-success-light);
    color: var(--enriched-success-dark);
}
.evep-receipts-status-checked_in {
    background: var(--enriched-success-light);
    color: var(--enriched-success-dark);
}
.evep-receipts-status-no_show {
    background: var(--enriched-danger-light);
    color: var(--enriched-danger-dark);
}

.evep-receipts-empty-full {
    text-align: center;
    padding: var(--enriched-spacing-xxl);
    color: var(--enriched-text-lighter);
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
}

.evep-receipts-empty {
    text-align: center;
    padding: var(--enriched-spacing-xxl);
    color: var(--enriched-text-lighter);
}

.evep-receipts-empty-icon {
    font-size: 4rem;
    margin-bottom: var(--enriched-spacing-md);
    opacity: 0.5;
}

.evep-receipts-detail-container {
    background: var(--enriched-section-bg-surface);
    border-radius: var(--enriched-border-radius-xl);
    border: 1px solid var(--enriched-border-light);
}

.evep-receipts-detail-header {
    border-radius: var(--enriched-border-radius-xl);
    padding: var(--enriched-spacing-xl);
    background: var(--enriched-bg-grad-primary);
    color: var(--enriched-accent);
}

.evep-receipts-detail-badge {
    display: inline-block;
    padding: var(--enriched-spacing-xs) var(--enriched-spacing-md);
    background: rgba(255, 255, 255, 0.2);
    border-radius: var(--enriched-border-radius-o);
    font-size: var(--enriched-font-xs);
    font-weight: 600;
    margin-bottom: var(--enriched-spacing-md);
    box-shadow: var(--enriched-shadow-sm);
}

.evep-receipts-detail-amount {
    font-size: var(--enriched-font-3xl);
    font-weight: 800;
    margin-bottom: var(--enriched-spacing-xs);
}

.evep-receipts-detail-date {
    font-size: var(--enriched-font-sm);
    opacity: 0.8;
}

.evep-receipts-detail-body {
    padding: var(--enriched-spacing-xl);
}

.evep-receipts-detail-section {
    margin-bottom: var(--enriched-spacing-xl);
}

.evep-receipts-detail-section-title {
    font-weight: 600;
    color: var(--enriched-text);
    margin-bottom: var(--enriched-spacing-lg);
    padding-bottom: var(--enriched-spacing-md);
    border-bottom: 2px solid var(--enriched-border-light);
}

.evep-receipts-detail-row-wrap {
    display: flex;
    flex-direction: column;
    gap: var(--enriched-spacing-sm);
}

.evep-receipts-detail-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--enriched-spacing-sm);
    border-bottom: 1px solid var(--enriched-border-light);
    box-shadow: var(--enriched-shadow-sm);
    border-radius: var(--enriched-border-radius-md);
}

.evep-receipts-detail-label {
    color: var(--enriched-text-lighter);
    font-weight: 500;
}

.evep-receipts-detail-value {
    padding: var(--enriched-spacing-xs) var(--enriched-spacing-md);
    border: 2px solid transparent;
    color: var(--enriched-text);
    font-weight: 600;    
    border-radius: var(--enriched-border-radius-md);
}

.evep-receipts-detail-items {
    margin-top: var(--enriched-spacing-md);
}

.evep-receipts-detail-child-wrap,
.evep-receipts-detail-item-wrap {
    display: flex;
    flex-direction: column;
    gap: var(--enriched-spacing-sm);
}

.evep-receipts-detail-item {
    display: flex;
    justify-content: space-between;
    padding: var(--enriched-spacing-sm);
    box-shadow: var(--enriched-shadow-sm);
    border-radius: var(--enriched-border-radius-md);
}

.evep-receipts-detail-item-name {
    color: var(--enriched-text);
}

.evep-receipts-detail-item-price {
    color: var(--enriched-primary);
    font-weight: 600;
}

.evep-receipts-detail-total {
    margin-top: var(--enriched-spacing-md);
    padding-top: var(--enriched-spacing-md);
    border-top: 2px solid var(--enriched-border);
    font-weight: 800;
    font-size: var(--enriched-font-lg);
}

.evep-receipts-back {
    display: inline-flex;
    align-items: center;
    gap: var(--enriched-spacing-sm);
    padding: var(--enriched-spacing-sm) var(--enriched-spacing-md);
    background: transparent;
    border: 1px solid var(--enriched-border-light);
    border-radius: var(--enriched-border-radius-o);
    cursor: pointer;
    margin-bottom: var(--enriched-spacing-lg);
    transition: all var(--enriched-transition-fast);
}

.evep-receipts-back:hover {
    background: var(--enriched-section-bg-soft);
    border-color: var(--enriched-border);
}

@media(max-width:768px) {
    .evep-receipts-container {
        padding: var(--enriched-spacing-md);
    }

    .evep-receipts-grid {
        grid-template-columns: 1fr;
    }
}

.download-attendee-qr-btn {
    max-height: 30px;
}