.azergid-customer-support {
    margin-top: 24px;
    padding: 20px;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    background: #fbfdff;
    color: var(--azergid-text, #1d2433);
}

.ag-account-page .site-main,
.ag-account-page .woocommerce { min-width: 0; }
.ag-account-page .woocommerce { width: min(1180px, calc(100% - 32px)); margin: 40px auto 72px; }
.ag-account-page .woocommerce-MyAccount-navigation { float: left; width: 240px; }
.ag-account-page .woocommerce-MyAccount-navigation ul { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.ag-account-page .woocommerce-MyAccount-navigation a { display: block; padding: 12px 14px; border-radius: var(--ag-radius-md, 12px); color: var(--ag-navy, #14213d); text-decoration: none; }
.ag-account-page .woocommerce-MyAccount-navigation .is-active a { background: #f2eadc; font-weight: 700; }
.ag-account-page .woocommerce-MyAccount-content { float: right; width: calc(100% - 280px); min-width: 0; }
.ag-auth { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; max-width: 960px; margin-inline: auto; }
.ag-auth--single { grid-template-columns: minmax(0, 560px); justify-content: center; }
.ag-auth__panel, .ag-booking-card, .ag-booking-detail > section, .ag-empty-state { padding: 24px; border: 1px solid #e4ded4; border-radius: var(--ag-radius-lg, 18px); background: #fffdf8; box-shadow: var(--ag-shadow-sm, 0 8px 24px rgba(20,33,61,.08)); }
.ag-auth input:not([type=checkbox]) { width: 100%; min-height: 48px; }
.ag-auth .button, .ag-actions .ag-button { min-height: 46px; }

/* Customer auth presentation: adapted from the approved AzerGid auth prototype without changing WooCommerce handlers. */
.ag-auth--customer { max-width: 1360px; grid-template-columns: minmax(0, 1fr); gap: var(--space-xl, 32px); }
.ag-auth--customer.ag-auth--split { max-width: 1360px; }
.ag-auth--customer .ag-auth-shell { min-height: 650px; display: grid; grid-template-columns: minmax(420px, 46%) minmax(0, 54%); overflow: hidden; border: var(--border-subtle, 1px solid #e4ded4); border-radius: var(--radius-xl, 24px); background: var(--color-warm-white, #fffdf8); box-shadow: var(--shadow-md, 0 16px 48px rgba(20,33,61,.12)); }
.ag-auth--customer .ag-auth-form-panel { display: grid; place-items: center; padding: clamp(32px, 5vw, 72px); }
.ag-auth--customer .ag-auth-form-wrap { width: min(100%, 430px); }
.ag-auth--customer .ag-auth-heading { margin: 0 0 var(--space-sm, 12px); color: var(--color-deep-navy, #14213d); font-size: clamp(24px, 3vw, 30px); line-height: 1.2; }
.ag-auth--customer .ag-auth-intro { margin: 0 0 var(--space-2xl, 32px); color: var(--color-neutral, #64748b); line-height: 1.55; }
.ag-auth--customer .ag-auth-form { display: grid; gap: var(--space-lg, 20px); }
.ag-auth--customer .ag-auth-field { display: grid; gap: var(--space-sm, 8px); margin: 0; }
.ag-auth--customer .ag-auth-field label { color: var(--color-deep-navy, #14213d); font-weight: var(--font-weight-semibold, 700); }
.ag-auth--customer .ag-auth-field input:not([type=checkbox]) { width: 100%; min-height: 48px; padding-inline: var(--space-md, 16px); border: var(--border-width-sm, 1px) solid var(--control-border, #d8d2c8); border-radius: var(--radius-md, 12px); background: var(--color-warm-white, #fffdf8); color: var(--color-deep-navy, #14213d); }
.ag-auth--customer .ag-auth-field input::placeholder { color: var(--color-neutral, #64748b); }
.ag-auth--customer .ag-auth-field input:focus-visible { outline: 0; border-color: var(--color-caspian-blue, #0077b6); box-shadow: var(--control-focus-ring, 0 0 0 3px rgba(0,119,182,.18)); }
.ag-auth--customer .ag-auth-password { display: block; position: relative; }
.ag-auth--customer .ag-auth-options { display: flex; align-items: center; justify-content: space-between; gap: var(--space-md, 16px); margin: 0; }
.ag-auth--customer .ag-auth-remember { display: inline-flex; align-items: center; gap: var(--space-xs, 6px); color: var(--color-neutral, #64748b); }
.ag-auth--customer .ag-auth-forgot, .ag-auth--customer .ag-auth-switch a, .ag-auth--customer .ag-auth-back-link { color: var(--color-caspian-blue, #0077b6); font-weight: var(--font-weight-semibold, 700); text-decoration: none; }
.ag-auth--customer .ag-auth-submit-row { margin: 0; }
.ag-auth--customer .ag-auth-submit { width: 100%; justify-content: center; min-height: 48px; }
.ag-auth--customer .ag-auth-switch { margin: var(--space-lg, 20px) 0 0; text-align: center; color: var(--color-neutral, #64748b); }
.ag-auth--customer .ag-auth-password-rules { display: grid; gap: var(--space-xs, 6px); padding: 0; margin: -4px 0 0; list-style: none; color: var(--color-neutral, #64748b); font-size: var(--text-small-size, .875rem); }
.ag-auth--customer .ag-auth-password-rules li { display: flex; align-items: center; gap: var(--space-sm, 8px); }
.ag-auth--customer .ag-auth-password-rules li::before { content: ""; width: 15px; min-height: 15px; border: 1px solid currentColor; border-radius: 50%; flex: 0 0 auto; }
.ag-auth--customer .ag-auth-notice, .ag-auth--customer .woocommerce-message, .ag-auth--customer .woocommerce-info, .ag-auth--customer .woocommerce-error { width: 100%; margin: 0; padding: var(--space-md, 16px); border: 0; border-radius: var(--radius-md, 12px); background: color-mix(in srgb, var(--color-caspian-blue, #0077b6) 8%, white); color: var(--color-deep-navy, #14213d); }
.ag-auth--customer .woocommerce-error { background: color-mix(in srgb, var(--color-error, #dc2626) 9%, white); color: var(--color-error, #dc2626); }
.ag-auth--customer .ag-auth-visual { position: relative; min-height: 100%; display: flex; align-items: center; padding: clamp(32px, 5vw, 72px); background-image: linear-gradient(90deg, rgba(7,20,35,.42), rgba(7,20,35,.72)), var(--ag-auth-visual-bg, linear-gradient(135deg, #0b5168 0%, #167e89 42%, #c58b45 100%)); background-position: center; background-size: cover; color: var(--color-warm-white, #fffdf8); }
.ag-auth--customer .ag-auth-benefits { position: relative; display: grid; gap: var(--space-2xl, 32px); max-width: 440px; padding: 0; margin: 0; list-style: none; }
.ag-auth--customer .ag-auth-benefit { display: grid; grid-template-columns: 48px 1fr; gap: var(--space-md, 16px); align-items: start; }
.ag-auth--customer .ag-auth-benefit-icon { width: 48px; min-height: 48px; display: grid; place-items: center; border-radius: var(--radius-lg, 18px); background: var(--color-warm-white, #fffdf8); }
.ag-auth--customer .ag-auth-benefit-icon::before { content: ""; width: 18px; min-height: 20px; border: 2px solid var(--color-caspian-blue, #0077b6); border-radius: 4px; }
.ag-auth--customer .ag-auth-benefit:nth-child(2) .ag-auth-benefit-icon::before { border-radius: 2px; box-shadow: 5px 5px 0 -3px var(--color-warm-white, #fffdf8), 5px 5px 0 -1px var(--color-caspian-blue, #0077b6); }
.ag-auth--customer .ag-auth-benefit:nth-child(3) .ag-auth-benefit-icon::before { width: 16px; min-height: 16px; transform: rotate(45deg); }
.ag-auth--customer .ag-auth-benefit strong { display: block; margin-bottom: var(--space-xs, 6px); font-size: var(--text-body-lg-size, 1.125rem); }
.ag-auth--customer .ag-auth-benefit p { margin: 0; color: var(--color-warm-white, #fffdf8); }
.ag-auth--customer.ag-auth--state { display: grid; place-items: center; min-height: 520px; }
.ag-auth--customer .ag-auth-state { width: min(100%, 620px); display: grid; justify-items: center; gap: var(--space-xl, 28px); padding: clamp(32px, 5vw, 64px); border: var(--border-subtle, 1px solid #e4ded4); border-radius: var(--radius-xl, 24px); background: var(--color-warm-white, #fffdf8); box-shadow: var(--shadow-md, 0 16px 48px rgba(20,33,61,.12)); text-align: center; }
.ag-auth--customer .ag-auth-state-copy { display: grid; gap: var(--space-sm, 8px); }
.ag-auth--customer .ag-auth-state-copy .ag-auth-heading, .ag-auth--customer .ag-auth-state-copy p { margin: 0; }
.ag-auth--customer .ag-auth-state-icon { position: relative; width: 72px; min-height: 72px; border-radius: 50%; background: color-mix(in srgb, var(--color-caspian-blue, #0077b6) 12%, white); color: var(--color-caspian-blue, #0077b6); }
.ag-auth--customer .ag-auth-state-icon-sent::before { content: ""; position: absolute; inset: 24px 18px; border: 2px solid currentColor; border-radius: 3px; }
.ag-auth--customer .ag-auth-state-icon-sent::after { content: ""; position: absolute; left: 23px; top: 25px; width: 24px; min-height: 16px; border-inline: 2px solid currentColor; border-block-end: 2px solid currentColor; transform: rotate(-45deg) skew(10deg,10deg); }
.ag-auth--customer .ag-auth-state-actions { width: 100%; display: grid; gap: var(--space-sm, 8px); }
.ag-auth--customer .ag-auth-strength { display: grid; gap: var(--space-xs, 6px); color: var(--color-neutral, #64748b); font-size: var(--text-small-size, .875rem); }
.ag-auth--customer .ag-auth-strength-bar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
.ag-auth--customer .ag-auth-strength-bar i { min-height: 4px; border-radius: 4px; background: var(--color-stone, #e4ded4); }

/* Stage 5.5-B: isolate anonymous WooCommerce auth from the signed-in account shell. */
.ag-account-page .woocommerce:has(.ag-auth--customer),
.ag-account-page .woocommerce:has(+ .ag-auth--customer),
.ag-account-page .woocommerce:has(.woocommerce-notices-wrapper + .ag-auth--customer) {
    display: block;
    width: min(100% - 32px, 1120px);
    margin: clamp(24px, 5vw, 56px) auto 72px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}
.ag-account-page .woocommerce:has(.ag-auth--customer)::before { content: none; }
.ag-account-page .woocommerce:has(.ag-auth--customer) .woocommerce-MyAccount-navigation,
.ag-account-page .woocommerce:has(.ag-auth--customer) .woocommerce-MyAccount-content { float: none; width: auto; padding: 0; border: 0; background: transparent; }
.ag-auth--isolated { width: 100%; max-width: 1120px; display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-md, 16px); }
.ag-auth--customer .ag-auth-shell { width: 100%; grid-template-columns: minmax(0, 480px) minmax(360px, 1fr); min-height: 0; }
.ag-auth--customer .ag-auth-form-panel { align-items: center; justify-items: stretch; }
.ag-auth--customer .ag-auth-form-wrap { width: 100%; max-width: 440px; margin-inline: auto; }
.ag-auth--customer.ag-auth--reset .ag-auth-form-wrap { max-width: 560px; }
.ag-auth--customer.ag-auth--reset .ag-auth-field.form-row-first,
.ag-auth--customer.ag-auth--reset .ag-auth-field.form-row-last { float: none; width: 100%; }
.ag-auth--customer.ag-auth--reset .ag-auth-field label { white-space: nowrap; }
.ag-auth--customer .ag-auth-field-error { color: var(--color-error, #dc2626); font-size: var(--text-small-size, .875rem); font-weight: var(--font-weight-semibold, 700); }
.ag-auth--customer .ag-auth-field input[aria-invalid="true"] { border-color: var(--color-error, #dc2626); box-shadow: 0 0 0 3px rgba(220,38,38,.12); }
.ag-auth--customer .ag-auth-switch--outside { margin: 0; padding: var(--space-lg, 20px); border: var(--border-subtle, 1px solid #e4ded4); border-radius: var(--radius-lg, 18px); background: var(--color-warm-white, #fffdf8); box-shadow: var(--shadow-sm, 0 8px 24px rgba(20,33,61,.08)); }
.ag-auth--customer .button.ag-auth-submit,
.ag-auth--customer .ag-button--primary,
.ag-auth--customer button.ag-button--primary { min-height: 52px; border: 0; border-radius: var(--radius-md, 12px); background: var(--color-deep-navy, #14213d); color: #fff; font-weight: var(--font-weight-bold, 700); opacity: 1; cursor: pointer; transition: transform var(--ag-transition-fast, .18s ease), background-color var(--ag-transition-fast, .18s ease), box-shadow var(--ag-transition-fast, .18s ease); }
.ag-auth--customer .button.ag-auth-submit:hover,
.ag-auth--customer .ag-button--primary:hover,
.ag-auth--customer button.ag-button--primary:hover { background: var(--ag-navy-800, #1f3158); color: #fff; transform: translateY(-1px); box-shadow: 0 12px 24px rgba(20,33,61,.18); }
.ag-auth--customer .button.ag-auth-submit:focus-visible,
.ag-auth--customer .ag-button--primary:focus-visible,
.ag-auth--customer button.ag-button--primary:focus-visible { outline: 3px solid var(--color-saffron, #f59e0b); outline-offset: 3px; }
.ag-account-page .woocommerce:has(.ag-auth--customer) .woocommerce-notices-wrapper,
.ag-account-page .woocommerce:has(.ag-auth--customer) > .woocommerce-error,
.ag-account-page .woocommerce:has(.ag-auth--customer) > .woocommerce-message,
.ag-account-page .woocommerce:has(.ag-auth--customer) > .woocommerce-info { max-width: 1120px; margin: 0 auto var(--space-md, 16px); }
.ag-account-page .woocommerce:has(.ag-auth--customer) .woocommerce-error,
.ag-account-page .woocommerce:has(.ag-auth--customer) .woocommerce-message,
.ag-account-page .woocommerce:has(.ag-auth--customer) .woocommerce-info { padding: var(--space-md, 16px) var(--space-lg, 20px); border: var(--border-subtle, 1px solid #e4ded4); border-inline-start: 4px solid var(--color-caspian-blue, #0077b6); border-radius: var(--radius-md, 12px); background: #fffdf8; color: var(--color-deep-navy, #14213d); box-shadow: var(--shadow-sm, 0 8px 24px rgba(20,33,61,.08)); list-style-position: inside; }
.ag-account-page .woocommerce:has(.ag-auth--customer) .woocommerce-error { border-inline-start-color: var(--color-error, #dc2626); }
.ag-auth--customer .ag-auth-state-icon-success::before { content: ""; position: absolute; left: 25px; top: 20px; width: 18px; min-height: 30px; border: solid currentColor; border-width: 0 3px 3px 0; transform: rotate(45deg); }
@media (max-width: 1023px) { .ag-auth--customer .ag-auth-shell { grid-template-columns: minmax(0, 1fr); } .ag-auth--customer .ag-auth-visual { min-height: 260px; } }
@media (max-width: 768px) { .ag-account-page .woocommerce:has(.ag-auth--customer) { width: min(100% - 24px, 720px); } .ag-auth--customer .ag-auth-visual { display: none; } .ag-auth--customer .button.ag-auth-submit, .ag-auth--customer .ag-button--primary { min-height: 52px; } }
@media (max-width: 520px) { .ag-account-page .woocommerce:has(.ag-auth--customer) { width: 100%; margin-block: 0 48px; } .ag-auth--isolated { gap: 0; } }

@media (max-width: 1023px) {
    .ag-auth--customer .ag-auth-shell { grid-template-columns: minmax(0, 58%) minmax(250px, 42%); }
    .ag-auth--customer .ag-auth-form-panel { padding: var(--space-2xl, 32px); }
    .ag-auth--customer .ag-auth-visual { padding: var(--space-xl, 24px); }
}
@media (max-width: 768px) {
    .ag-account-page .woocommerce { width: min(100% - 24px, 720px); margin-top: 24px; }
    .ag-account-page .woocommerce-MyAccount-navigation, .ag-account-page .woocommerce-MyAccount-content { float: none; width: 100%; }
    .ag-account-page .woocommerce-MyAccount-navigation { margin-bottom: 20px; overflow-x: auto; }
    .ag-account-page .woocommerce-MyAccount-navigation ul { display: flex; width: max-content; max-width: none; }
    .ag-auth, .ag-booking-grid, .ag-status-grid { grid-template-columns: minmax(0, 1fr); }
    .ag-auth--customer .ag-auth-shell { min-height: 0; display: block; border-radius: var(--radius-xl, 24px); }
    .ag-auth--customer .ag-auth-visual { display: none; }
}
@media (max-width: 520px) {
    .ag-account-page .woocommerce { width: 100%; margin: 0 auto 48px; }
    .ag-auth--customer .ag-auth-shell { border-inline: 0; border-radius: 0; box-shadow: none; }
    .ag-auth--customer .ag-auth-form-panel { display: block; padding: var(--space-xl, 24px) var(--container-padding-mobile, 16px) var(--space-3xl, 48px); }
    .ag-auth--customer .ag-auth-form { gap: var(--space-md, 16px); }
    .ag-auth--customer .ag-auth-options { align-items: flex-start; flex-direction: column; }
    .ag-auth--customer .ag-auth-state { padding: var(--space-xl, 24px) var(--space-md, 16px); border: 0; box-shadow: none; }
}

.ag-booking-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-block: 20px; }
.ag-booking-card { min-width: 0; overflow-wrap: anywhere; }
.ag-booking-card h3 { margin-top: 4px; }
.ag-booking-card dl, .ag-financial-list, .ag-facts { display: grid; gap: 10px; }
.ag-booking-card dl div, .ag-financial-list div, .ag-facts div { display: flex; justify-content: space-between; gap: 16px; min-width: 0; }
.ag-booking-card dd, .ag-financial-list dd, .ag-facts dd { margin: 0; text-align: right; overflow-wrap: anywhere; }
.ag-booking-detail { display: grid; gap: 20px; min-width: 0; }
.ag-status-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.ag-actions, .ag-pagination { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.ag-muted { color: #64748b; }

@media (max-width: 768px) {
    .ag-account-page .woocommerce { width: min(100% - 24px, 720px); margin-top: 24px; }
    .ag-account-page .woocommerce-MyAccount-navigation, .ag-account-page .woocommerce-MyAccount-content { float: none; width: 100%; }
    .ag-account-page .woocommerce-MyAccount-navigation { margin-bottom: 20px; overflow-x: auto; }
    .ag-account-page .woocommerce-MyAccount-navigation ul { display: flex; width: max-content; max-width: none; }
    .ag-auth, .ag-booking-grid, .ag-status-grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 390px) {
    .ag-auth__panel, .ag-booking-card, .ag-booking-detail > section, .ag-empty-state { padding: 18px; }
    .ag-booking-card dl div, .ag-financial-list div, .ag-facts div { flex-direction: column; gap: 3px; }
    .ag-booking-card dd, .ag-financial-list dd, .ag-facts dd { text-align: left; }
    .ag-actions .ag-button { width: 100%; justify-content: center; }
}

.azergid-customer-support__title {
    margin: 0 0 8px;
    color: var(--azergid-navy, #14213d);
    font-size: 1.25rem;
    line-height: 1.3;
}

.azergid-customer-support__text {
    margin: 0;
    color: #64748b;
    line-height: 1.5;
}

.azergid-customer-support__contacts {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
    min-width: 0;
}

.azergid-customer-support__contact {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 10px 14px;
    border-radius: 999px;
    border: 1px solid #cbd5e1;
    color: var(--azergid-navy, #14213d);
    text-decoration: none;
    overflow-wrap: anywhere;
    word-break: break-word;
    max-width: 100%;
}

.azergid-customer-support__contact:hover {
    border-color: var(--azergid-navy, #14213d);
}

.azergid-customer-support__contact:focus-visible {
    outline: 3px solid #f59e0b;
    outline-offset: 3px;
}

@media (max-width: 640px) {
    .azergid-customer-support__contacts {
        flex-direction: column;
    }

    .azergid-customer-support__contact {
        width: 100%;
        justify-content: center;
    }
}

/* Stage 4.0: map the approved booking-list cards onto WooCommerce endpoints. */
.ag-account-bookings__header { margin-block-end: var(--space-xl); }
.ag-account-bookings__header .ag-eyebrow { margin: 0 0 var(--space-xs); color: var(--color-neutral); font-size: var(--text-small-size); text-transform: uppercase; letter-spacing: .08em; }
.ag-account-bookings__header h2 { margin: 0; color: var(--color-deep-navy); font-family: var(--font-display); font-size: clamp(1.75rem, 4vw, var(--text-h1-size)); }
.ag-account-bookings__header > p:last-child { margin: var(--space-sm) 0 0; color: var(--color-neutral); }
.ag-booking-list { display: grid; gap: var(--space-md); }
.ag-booking-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(190px, .35fr); gap: var(--space-lg); align-items: stretch; padding: var(--space-xl); }
.ag-booking-card__body { min-width: 0; }
.ag-booking-card__statuses { display: flex; flex-wrap: wrap; gap: var(--space-xs); margin-block-end: var(--space-md); }
.ag-booking-card h3 { margin: 0; color: var(--color-deep-navy); font-family: var(--font-display); font-size: var(--text-h3-size); overflow-wrap: anywhere; }
.ag-booking-card__period { margin: var(--space-sm) 0; color: var(--color-charcoal); font-weight: var(--font-weight-semibold); }
.ag-booking-card__reference { margin: var(--space-md) 0 0; color: var(--color-neutral); font-size: var(--text-small-size); }
.ag-booking-card__reference strong { color: var(--color-deep-navy); }
.ag-booking-card__side { display: flex; flex-direction: column; justify-content: space-between; gap: var(--space-md); padding-inline-start: var(--space-lg); border-inline-start: var(--border-subtle); }
.ag-booking-card__side .ag-button { width: 100%; justify-content: center; }
.ag-booking-card__money { margin: 0; }
.ag-booking-card__money div { display: grid !important; gap: 2px !important; padding-block: var(--space-xs); }
.ag-booking-card__money dt { color: var(--color-neutral); font-size: var(--text-caption-size); }
.ag-booking-card__money dd { color: var(--color-deep-navy); font-size: var(--text-body-lg-size); font-weight: var(--font-weight-bold); text-align: start; }
.ag-booking-detail__back { width: fit-content; color: var(--color-caspian-blue); font-weight: var(--font-weight-semibold); text-decoration: none; }
.ag-booking-detail__header { display: flex; justify-content: space-between; gap: var(--space-xl); align-items: end; padding-block: var(--space-md); border-bottom: var(--border-subtle); }
.ag-booking-detail__header h2 { margin: 0; color: var(--color-deep-navy); font-family: var(--font-display); font-size: var(--text-h1-size); }
.ag-booking-detail__header p { margin: var(--space-xs) 0 0; }
.ag-booking-detail__statuses { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--space-xs); }
.ag-booking-detail__statuses div { display: contents; }
.ag-booking-detail__statuses dd { margin: 0; }
.ag-booking-detail__summary { display: grid; grid-template-columns: minmax(140px, 220px) minmax(0, 1fr); gap: var(--space-lg); align-items: center; }
.ag-booking-detail__image img { display: block; width: 100%; aspect-ratio: 4 / 3; border-radius: var(--radius-lg); object-fit: cover; }
.ag-booking-detail__summary h3 { margin: 0; color: var(--color-deep-navy); font-size: var(--text-h2-size); }

@media (max-width: 680px) {
    .ag-booking-card { grid-template-columns: minmax(0, 1fr); padding: var(--space-lg); }
    .ag-booking-card__side { padding: var(--space-md) 0 0; border-inline-start: 0; border-top: var(--border-subtle); }
    .ag-booking-detail__header { align-items: flex-start; flex-direction: column; }
    .ag-booking-detail__statuses { justify-content: flex-start; }
    .ag-booking-detail__summary { grid-template-columns: minmax(0, 1fr); }
}
/* Stage 3.14 approved customer cabinet shell. */
.ag-account-page .woocommerce{display:grid;grid-template-columns:250px minmax(0,1fr);gap:0;border:1px solid var(--ag-line);border-radius:var(--ag-radius-lg);background:var(--ag-surface-raised);box-shadow:var(--ag-shadow-card);overflow:hidden}.ag-account-page .woocommerce::before{content:"Личный кабинет";grid-column:1/-1;padding:22px 28px;background:linear-gradient(120deg,var(--ag-navy-950),var(--ag-navy-800));color:#fff;font-family:var(--font-display);font-size:1.5rem;font-weight:700}.ag-account-page .woocommerce-MyAccount-navigation{float:none;width:auto;padding:18px 14px;background:var(--ag-surface-muted);border-right:1px solid var(--ag-line)}.ag-account-page .woocommerce-MyAccount-content{float:none;width:auto;padding:clamp(20px,3vw,40px)}.ag-account-page .woocommerce-MyAccount-navigation a{min-height:46px;display:flex;align-items:center}.ag-account-page .woocommerce-MyAccount-navigation .is-active a{background:var(--color-sand);box-shadow:inset 4px 0 var(--ag-gold-500)}
@media(max-width:768px){.ag-account-page .woocommerce{display:block}.ag-account-page .woocommerce::before{display:block}.ag-account-page .woocommerce-MyAccount-navigation{border:0;border-bottom:1px solid var(--ag-line)}.ag-account-page .woocommerce-MyAccount-content{padding:20px}}

/* Stage 4.2 demo calibration: unify account typography, card rhythm, and mobile navigation. */
.ag-account-page .woocommerce-MyAccount-content > :first-child { margin-top: 0; }
.ag-account-page .woocommerce-MyAccount-content h2,
.ag-account-page .woocommerce-MyAccount-content h3 { color: var(--color-deep-navy); }
.ag-account-page .woocommerce-MyAccount-navigation a { transition: color var(--ag-transition-fast), background-color var(--ag-transition-fast); }
.ag-account-page .woocommerce-MyAccount-navigation a:hover { background: var(--color-warm-white); color: var(--color-caspian-blue); }
.ag-booking-card,
.ag-booking-detail > section { border-color: var(--ag-line); background: var(--ag-surface-raised); }
.ag-booking-detail > section > :first-child { margin-top: 0; }

@media (max-width: 768px) {
    .ag-account-page .woocommerce::before { padding: var(--space-lg) var(--space-xl); font-size: var(--text-h3-size); }
    .ag-account-page .woocommerce-MyAccount-navigation { padding-block: var(--space-sm); }
    .ag-account-page .woocommerce-MyAccount-navigation a { white-space: nowrap; }
}

@media (max-width: 390px) {
    .ag-account-page .woocommerce { width: calc(100% - 16px); }
    .ag-account-page .woocommerce-MyAccount-content { padding: var(--space-lg); }
}

/* Keep Stage 5.5-B auth stacking after older account media rules. */
@media (max-width: 1023px) {
    .ag-auth--customer.ag-auth--isolated .ag-auth-shell,
    .ag-auth--customer .ag-auth-shell-reset { grid-template-columns: minmax(0, 1fr); }
}