.vdct-customer-area {
    --vdct-customer-accent: var(--vdct-primary, #e72d6d);
    max-width: 1080px;
    margin: 36px auto;
    padding: 0 18px;
    color: var(--vdct-text, #231b20);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.vdct-customer-area__hero {
    padding: clamp(28px, 5vw, 54px);
    margin-bottom: 34px;
    overflow: hidden;
    border-radius: 26px;
    background: radial-gradient(circle at 90% 15%, rgba(255, 255, 255, .25), transparent 30%), linear-gradient(135deg, var(--vdct-primary-dark, #bd174e), var(--vdct-primary, #e72d6d));
    color: #fff;
    box-shadow: 0 20px 60px color-mix(in srgb, var(--vdct-primary, #e72d6d) 24%, transparent);
}

.vdct-customer-area__hero span { font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.vdct-customer-area__hero h1 { margin: 8px 0; color: #fff; font-size: clamp(30px, 5vw, 50px); }
.vdct-customer-area__hero p { margin: 0; color: rgba(255, 255, 255, .82); }
.vdct-customer-group, .vdct-customer-orders { margin-top: 38px; }
.vdct-customer-group > h2, .vdct-customer-orders > h2 { margin: 0 0 16px; font-size: clamp(22px, 3vw, 30px); }
.vdct-customer-empty { padding: 22px; border: 1px dashed #ccd0dc; border-radius: 16px; color: #737b8f; background: #fafbfc; }

.vdct-customer-orders__list { display: grid; gap: 12px; }
.vdct-customer-orders__list article {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1fr;
    gap: 18px;
    padding: 20px 22px;
    border: 1px solid #e3e6ef;
    border-radius: var(--vdct-radius, 16px);
    background: var(--vdct-surface, #fff);
}
.vdct-customer-orders__list span { display: block; margin-bottom: 4px; color: #7d8495; font-size: 11px; font-weight: 700; text-transform: uppercase; }
.vdct-customer-orders__list strong { overflow-wrap: anywhere; }
.vdct-customer-area--login, .vdct-ticket-page > header { padding: 34px; border: 1px solid #eee4e8; border-radius: var(--vdct-radius, 16px); background: var(--vdct-surface, #fff); box-shadow: var(--vdct-shadow); text-align: center; }
.vdct-customer-button { display: inline-flex; padding: 11px 20px; border-radius: 10px; background: var(--vdct-customer-accent); color: #fff; font-weight: 800; text-decoration: none; }
.vdct-ticket-page > header { margin-bottom: 24px; text-align: left; }
.vdct-ticket-page > header h1 { margin-bottom: 0; }
.vdct-ticket-page > header a { color: var(--vdct-customer-accent); font-weight: 700; text-decoration: none; }

@media (max-width: 760px) {
    .vdct-customer-area { margin: 20px auto; padding: 0 10px; }
    .vdct-customer-orders__list article { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 460px) {
    .vdct-customer-orders__list article { grid-template-columns: 1fr; }
}

@media print {
    .vdct-customer-area__hero, .vdct-customer-orders, .vdct-customer-group > h2, .vdct-ticket-page > header { display: none; }
}