/* Order confirmation */
.confirmation-wrap {
    max-width: 560px;
    margin: 0 auto;
    text-align: center;
    padding: 2rem 0;
}

.confirmation-icon {
    width: 64px;
    height: 64px;
    background: #dcfce7;
    color: #166534;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    margin: 0 auto 1.25rem;
}

.confirmation-wrap h1 {
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin-bottom: 0.25rem;
}

.confirmation-card {
    text-align: left;
    margin-top: 1.5rem;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: 1.25rem;
}

.status-badge {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 99px;
    text-transform: capitalize;
}

.status-paid      { background: #dcfce7; color: #166534; }
.status-pending   { background: #fef9c3; color: #854d0e; }
.status-shipped   { background: #dbeafe; color: #1e40af; }
.status-completed { background: #f3f4f6; color: #374151; }
.status-cancelled { background: #fee2e2; color: #991b1b; }