/* Glass surfaces only: text and provider frames keep full opacity. */
html.nx-customer-initial-open, html.nx-customer-open { overflow: hidden; overscroll-behavior: none; }
.nx-customer-window[hidden], .nx-customer-window [hidden] { display: none !important; }
.nx-customer-window {
    --customer-ink: #f4f3fc; --customer-muted: #c4bfd6; --customer-line: #c8b7ef40;
    --customer-surface: rgba(18,18,29,.767); --customer-field: rgba(11,10,20,.66);
    --customer-accent: #c4b0ff; --customer-primary: #b7a0ff; --customer-primary-ink: #181124;
    --customer-error: #ffb0bf; --customer-success: #83e8bc;
    --customer-space-top: max(14px,env(safe-area-inset-top,0px));
    --customer-space-bottom: max(14px,env(safe-area-inset-bottom,0px));
    position: fixed; z-index: 1000; inset: 0; box-sizing: border-box; display: grid; place-items: center;
    width: 100%; height: 100%; height: 100svh; height: var(--nx-customer-viewport-height,100dvh);
    padding: var(--customer-space-top) max(16px,env(safe-area-inset-right,0px)) var(--customer-space-bottom) max(16px,env(safe-area-inset-left,0px));
    background: rgba(6,6,17,.443333); color: var(--customer-ink); font: 400 14px/1.65 'Cairo',Tahoma,Arial,sans-serif;
    text-align: start; overscroll-behavior: contain; isolation: isolate;
    -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);
}
.nx-customer-window *, .nx-customer-window *::before, .nx-customer-window *::after { box-sizing: border-box; }
.nx-customer-window ::selection { color: #fff; background: #7951b9; }
.nx-customer-card {
    display: flex; flex-direction: column; width: min(480px,100%); max-width: 100%; max-height: 100%; min-height: 0; overflow: hidden;
    border: 1px solid var(--customer-line); border-radius: 24px; background: var(--customer-surface);
    box-shadow: 0 24px 80px #0007,inset 0 1px 0 #ffffff12;
    -webkit-backdrop-filter: blur(24px) saturate(130%); backdrop-filter: blur(24px) saturate(130%);
}
.nx-customer-card:has([data-nx-customer-view="orders"]) { width: min(600px,100%); }
.nx-customer-heading { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px 8px; }
.nx-customer-heading h2 { min-width: 0; margin: 0; color: var(--customer-ink); font-size: 22px; font-weight: 800; line-height: 1.5; overflow-wrap: anywhere; }
.nx-customer-window .nx-customer-close { display: grid; flex: 0 0 44px; place-items: center; width: 44px; height: 44px; padding: 10px; border: 1px solid var(--customer-line); border-radius: 12px; color: var(--customer-muted); background: #ffffff05; text-decoration: none; }
.nx-customer-close svg { display: block; width: 20px; height: 20px; }
.nx-customer-content { min-width: 0; min-height: 0; padding: 0 20px 18px; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #b7a0ff66 transparent; -webkit-overflow-scrolling: touch; }
.nx-customer-content::-webkit-scrollbar { width: 5px; }
.nx-customer-content::-webkit-scrollbar-thumb { background: #b7a0ff66; border-radius: 5px; }
.nx-customer-window .nx-customer-panel { min-width: 0; }
.nx-customer-window :is(a,button,input) { font-family: inherit; touch-action: manipulation; }
.nx-customer-window :is(a,button,input,[tabindex]):focus-visible { outline: 3px solid var(--customer-accent); outline-offset: 3px; }
.nx-customer-window a { color: var(--customer-accent); }
.nx-customer-window button { cursor: pointer; }
.nx-customer-window :is(button:disabled,[aria-disabled="true"]) { cursor: default; }
.nx-customer-window .auth-form { display: grid; gap: 10px; margin: 4px 0 0; }
.nx-customer-window .field { display: grid; gap: 4px; min-width: 0; }
.nx-customer-window .field label { color: var(--customer-ink); font-size: 13px; font-weight: 700; line-height: 1.55; }
.nx-customer-window .field input { display: block; width: 100%; min-width: 0; min-height: 44px; padding: 9px 11px; border: 1px solid var(--customer-line); border-radius: 11px; background: var(--customer-field); color: var(--customer-ink); caret-color: var(--customer-accent); font-size: 16px; font-weight: 400; line-height: 1.45; text-align: start; scroll-margin-block: 12px; }
.nx-customer-window .field input::placeholder { color: var(--customer-muted); opacity: 1; font-size: 16px; }
.nx-customer-window .field input[aria-invalid="true"] { border-color: var(--customer-error); }
.nx-customer-window .field small { color: var(--customer-muted); font-size: 11px; line-height: 1.6; }
.nx-customer-window .password-field { display: flex; align-items: stretch; gap: 7px; min-width: 0; }
.nx-customer-window .password-field input { flex: 1 1 0; width: 0; }
.nx-customer-window .password-toggle { flex: 0 0 auto; min-width: 64px; min-height: 44px; padding: 7px 10px; border: 1px solid var(--customer-line); border-radius: 11px; background: #b7a0ff0d; color: var(--customer-accent); font-size: 12px; font-weight: 600; line-height: 1.6; }
.nx-customer-window .auth-submit, .nx-customer-window .nx-customer-primary { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 44px; margin: 2px 0 0; padding: 9px 14px; border: 1px solid transparent; border-radius: 12px; color: var(--customer-primary-ink); background: var(--customer-primary); font-size: 15px; font-weight: 800; line-height: 1.6; text-decoration: none; }
.nx-customer-window .auth-submit:disabled { background: #625674; color: #e2d7f0; }
.nx-customer-window .terms-note { margin: 0; color: var(--customer-muted); font-size: 11px; line-height: 1.7; }
.nx-customer-window :is(.terms-note,.auth-switch) a { text-underline-offset: 3px; text-decoration: underline; }
.nx-customer-window .auth-switch { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0 6px; min-height: 44px; margin: 8px 0 0; color: var(--customer-muted); font-size: 12px; line-height: 1.7; }
.nx-customer-window .auth-switch a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 700; }
.nx-customer-window :is(.auth-notice,.nx-customer-notice) { margin: 4px 0 12px; padding: 9px 11px; border: 1px solid var(--customer-line); border-radius: 10px; color: var(--customer-error); background: #8a294716; font-size: 12px; line-height: 1.75; overflow-wrap: anywhere; }
.nx-customer-window [aria-busy="true"] { cursor: progress; }
.nx-customer-window .nx-customer-loading { margin: 0; padding: 32px 8px; text-align: center; color: var(--customer-muted); font-size: 14px; }
.nx-customer-orders-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 12px; margin-bottom: 4px; }
.nx-customer-orders-toolbar p { min-width: 0; margin: 0; color: var(--customer-muted); font-size: 12px; overflow-wrap: anywhere; }
.nx-customer-orders-toolbar form { margin: 0; }
.nx-customer-orders-toolbar :is(a,button) { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 7px 0; border: 0; background: transparent; color: var(--customer-accent); font-size: 12px; font-weight: 700; text-underline-offset: 3px; }
.nx-customer-orders-count { margin: 4px 0 8px; color: var(--customer-muted); font-size: 12px; }
.nx-customer-orders-list { display: grid; gap: 0; padding: 0; margin: 0; list-style: none; }
.nx-customer-orders-list > li { min-width: 0; }
.nx-customer-orders-list > li + li { border-top: 1px solid var(--customer-line); }
.nx-customer-window .nx-customer-order-row { display: grid; gap: 7px; min-width: 0; padding: 12px 0; color: var(--customer-ink); text-decoration: none; border-radius: 8px; }
.nx-customer-order-main { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 12px; min-width: 0; }
.nx-customer-order-row h3 { min-width: 0; margin: 0; color: var(--customer-ink); font-size: 16px; font-weight: 800; line-height: 1.5; overflow-wrap: anywhere; }
.nx-customer-order-row :is(.status,.test-badge) { display: inline-flex; align-items: center; flex: 0 0 auto; padding: 3px 8px; border: 1px solid var(--customer-line); border-radius: 7px; color: var(--customer-muted); font-size: 11px; font-weight: 600; line-height: 1.6; }
.nx-customer-order-row .status.success { color: var(--customer-success); border-color: #34d39938; background: #34d3990c; }
.nx-customer-order-meta { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 3px 12px; margin: 0; color: var(--customer-muted); font-size: 12px; line-height: 1.7; }
.nx-customer-order-meta strong { color: var(--customer-ink); font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums; }
.nx-customer-order-reference { margin: 0; color: var(--customer-muted); font-size: 11px; line-height: 1.8; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.nx-customer-order-reference bdi { unicode-bidi: isolate; }
.nx-customer-order-action { display: inline-flex; align-items: center; justify-content: flex-end; gap: 7px; color: var(--customer-accent); font-size: 12px; font-weight: 700; line-height: 1.7; }
.nx-customer-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; padding-top: 8px; margin: 4px 0 0; border-top: 1px solid var(--customer-line); }
.nx-customer-pagination a { display: inline-flex; align-items: center; justify-content: center; min-width: 68px; min-height: 44px; padding: 7px 12px; border: 1px solid var(--customer-line); border-radius: 10px; color: var(--customer-accent); background: #ffffff04; text-decoration: none; font-size: 12px; font-weight: 700; }
.nx-customer-pagination span { min-width: 44px; text-align: center; color: var(--customer-muted); font-size: 12px; font-variant-numeric: tabular-nums; }
.nx-customer-empty { display: grid; justify-items: center; gap: 10px; padding: 22px 0 8px; text-align: center; }
.nx-customer-empty > svg { display: block; width: 38px; height: 38px; color: var(--customer-accent); }
.nx-customer-empty h3 { margin: 0; font-size: 18px; font-weight: 800; line-height: 1.6; }
.nx-customer-empty p { max-width: 32ch; margin: 0; color: var(--customer-muted); font-size: 13px; line-height: 1.8; }
.nx-customer-empty .nx-customer-primary { width: auto; min-width: 180px; margin-top: 4px; }
@media (hover:hover) {
    .nx-customer-close:hover { color: var(--customer-ink); background: #b7a0ff12; }
    .nx-customer-window .password-toggle:hover { background: #b7a0ff1c; }
    .nx-customer-window :is(.auth-submit,.nx-customer-primary):hover:not(:disabled) { filter: brightness(1.07); }
    .nx-customer-order-row:hover { background: #b7a0ff07; }
    .nx-customer-orders-toolbar :is(a,button):hover { text-decoration: underline; }
}
@media (max-width:480px) {
    .nx-customer-card { border-radius: 21px; }
    .nx-customer-heading { padding: 12px 15px 7px; }
    .nx-customer-heading h2 { font-size: 20px; }
    .nx-customer-content { padding: 0 15px 12px; }
    .nx-customer-window .auth-form { gap: 8px; }
    .nx-customer-window .auth-switch { margin-top: 4px; }
    .nx-customer-order-row { gap: 6px; padding-block: 10px; }
}
@media (max-height:620px) {
    .nx-customer-window { --customer-space-top: max(8px,env(safe-area-inset-top,0px)); --customer-space-bottom: max(8px,env(safe-area-inset-bottom,0px)); }
    .nx-customer-heading { padding-top: 8px; padding-bottom: 4px; }
    .nx-customer-content { padding-bottom: 8px; }
    .nx-customer-window .auth-form { gap: 7px; }
    .nx-customer-window .auth-switch { margin-top: 2px; }
    .nx-customer-empty { padding-block: 10px 4px; }
}
@media (prefers-color-scheme:light) {
    .nx-customer-window { --customer-ink: #201631; --customer-muted: #4b3b5a; --customer-line: #74529d42; --customer-surface: rgba(255,255,255,.784); --customer-field: rgba(255,255,255,.68); --customer-accent: #5d2b96; --customer-primary: #7540c8; --customer-primary-ink: #fff; --customer-error: #871735; --customer-success: #074e38; background: rgba(24,33,58,.266667); }
    .nx-customer-card { box-shadow: 0 24px 80px #27123f33,inset 0 1px 0 #ffffffba; }
    .nx-customer-window ::selection { background: #7540c8; }
    .nx-customer-window .auth-submit:disabled { background: #d4c6e8; color: #534268; }
    .nx-customer-order-row .status.success { border-color: #16825a42; background: #16825a0c; }
}
/* R76 order composition: a bounded window, distinct requests, clear actions. */
.nx-customer-card:has([data-nx-customer-view="orders"]),
.nx-customer-card:has([data-nx-customer-view="order"]) { width: min(780px,100%); }
.nx-customer-card:has([data-nx-customer-view="orders"]) .nx-customer-heading,
.nx-customer-card:has([data-nx-customer-view="order"]) .nx-customer-heading { padding: 20px 24px 12px; }
.nx-customer-card:has([data-nx-customer-view="orders"]) .nx-customer-content,
.nx-customer-card:has([data-nx-customer-view="order"]) .nx-customer-content { padding: 0 24px 24px; }
.nx-customer-orders-toolbar { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid var(--customer-line); gap: 10px 16px; }
.nx-customer-orders-toolbar p { font-size: 14px; }
.nx-customer-orders-toolbar :is(a,button) { padding: 8px 14px; border: 1px solid var(--customer-line); border-radius: 10px; font-size: 13px; background: #b7a0ff08; }
.nx-customer-orders-count { margin-block: 0 12px; font-size: 13px; }
.nx-customer-orders-list { grid-template-columns: minmax(0,1fr); gap: 12px; }
.nx-customer-orders-list > li { display: flex; }
.nx-customer-orders-list > li + li { border: 0; }
.nx-customer-window .nx-customer-order-row { flex: 1 1 auto; gap: 12px; padding: 16px; border: 1px solid var(--customer-line); border-radius: 14px; background: rgba(11,10,20,.32); }
.nx-customer-order-main { align-items: flex-start; gap: 8px; }
.nx-customer-order-row h3 { font-size: 18px; }
.nx-customer-order-badges { display: flex; flex-wrap: wrap; gap: 6px; }
.nx-customer-order-meta { font-size: 14px; }
.nx-customer-order-meta strong { font-size: 17px; }
.nx-customer-order-footer { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 10px; padding-top: 12px; border-top: 1px solid var(--customer-line); }
.nx-customer-order-reference { min-width: 0; max-width: 100%; font-size: 11px; overflow-wrap: anywhere; }
.nx-customer-order-reference bdi { display: block; }
.nx-customer-window .nx-customer-order-action { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 9px 16px; border: 1px solid #b7a0ff66; border-radius: 10px; background: #b7a0ff14; color: var(--customer-accent); text-decoration: none; font-size: 14px; }
.nx-customer-pagination { margin-top: 16px; padding-top: 14px; justify-content: space-between; }
.nx-customer-pagination a { min-width: 90px; font-size: 14px; }
.nx-order-detail-summary { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin: 4px 0 12px; }
.nx-order-detail-summary h3 { margin: 0; color: var(--customer-ink); font-size: 23px; line-height: 1.5; overflow-wrap: anywhere; }
.nx-order-detail-summary p { margin: 5px 0 0; color: var(--customer-muted); font-size: 14px; }
.nx-order-detail-summary .status,
.nx-order-delivery-panel .test-badge { display: inline-flex; align-items: center; flex-shrink: 0; padding: 4px 9px; border: 1px solid var(--customer-line); border-radius: 8px; color: var(--customer-muted); font-size: 12px; }
.nx-order-detail-summary .status.success { color: var(--customer-success); border-color: #34d39938; background: #34d3990c; }
.nx-order-delivery-panel { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--customer-line); }
.nx-order-delivery-panel h4 { margin: 0 0 12px; font-size: 17px; font-weight: 800; }
.nx-order-delivery-panel p { margin: 0 0 16px; font-size: 14px; color: var(--customer-muted); line-height: 1.85; }
.nx-order-delivery-text { margin: 0 0 16px; padding: 16px; border: 1px solid var(--customer-line); border-radius: 12px; background: rgba(11,10,20,.42); color: var(--customer-ink); font: 400 15px/1.9 Tahoma,Arial,sans-serif; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; text-align: start; unicode-bidi: plaintext; user-select: text; }
.nx-customer-window .nx-customer-secondary { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 9px 14px; border: 1px solid var(--customer-line); border-radius: 10px; background: #b7a0ff08; color: var(--customer-accent); font-size: 14px; font-weight: 700; text-align: center; text-decoration: none; }
.nx-order-detail-actions, .nx-order-detail-footer { display: flex; flex-wrap: wrap; gap: 10px; }
.nx-order-detail-actions > a { flex: 1 1 180px; width: auto; }
.nx-order-detail-footer { justify-content: space-between; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--customer-line); }
@media (min-width:700px) {
    .nx-customer-orders-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .nx-customer-order-footer { flex-direction: column; align-items: stretch; }
    .nx-customer-order-main { flex-direction: column; }
    .nx-customer-order-reference { max-width: 100%; }
    .nx-customer-orders-list > li:only-child { grid-column: 1 / -1; }
    .nx-customer-orders-list > li:only-child .nx-customer-order-main { flex-direction: row; }
    .nx-customer-orders-list > li:only-child .nx-customer-order-footer { flex-direction: row; align-items: flex-end; }
}
@media (max-width:480px) {
    .nx-customer-card:has([data-nx-customer-view="orders"]) .nx-customer-heading,
    .nx-customer-card:has([data-nx-customer-view="order"]) .nx-customer-heading { padding: 12px 15px 7px; }
    .nx-customer-card:has([data-nx-customer-view="orders"]) .nx-customer-content,
    .nx-customer-card:has([data-nx-customer-view="order"]) .nx-customer-content { padding: 0 15px 12px; }
    .nx-customer-orders-toolbar { margin-bottom: 10px; padding-bottom: 8px; }
    .nx-customer-orders-toolbar p { font-size: 12px; }
    .nx-customer-orders-toolbar :is(a,button) { font-size: 12px; padding-inline: 10px; }
    .nx-customer-window .nx-customer-order-row { padding: 12px; gap: 8px; }
    .nx-customer-order-row h3 { font-size: 16px; }
    .nx-customer-order-meta { font-size: 12px; }
    .nx-customer-order-meta strong { font-size: 15px; }
    .nx-customer-order-reference { flex: 1 1 140px; }
    .nx-customer-order-footer { padding-top: 8px; gap: 8px; }
    .nx-customer-window .nx-customer-order-action { padding-inline: 12px; font-size: 13px; }
    .nx-customer-pagination { margin-top: 10px; padding-top: 10px; }
    .nx-order-detail-summary { flex-wrap: wrap; }
    .nx-order-detail-summary h3 { font-size: 20px; }
    .nx-order-delivery-text { padding: 12px; font-size: 14px; }
    .nx-order-detail-footer > a { flex: 1 1 100%; }
}
@media (prefers-color-scheme:light) {
    .nx-customer-window .nx-customer-order-row { background: rgba(255,255,255,.48); }
    .nx-order-delivery-text { background: rgba(255,255,255,.52); }
    .nx-customer-window .nx-customer-order-action { border-color: #6535a64a; background: #6535a60c; }
}
/* Existing storefront windows: alpha multiplied by .85, never whole-element opacity. */
.nexxa-site .nx-checkout { --checkout-bg: rgba(18,18,29,.697); }
.nexxa-site .nx-checkout::backdrop { background: rgba(6,6,17,.443333); }
.nexxa-site .nx-checkout.nx-payment-overlay.nx-checkout-direct { --checkout-bg: rgba(18,18,29,.629); }
.nexxa-site .nx-checkout.nx-payment-overlay.nx-checkout-applepay { --checkout-bg: rgba(18,18,29,.731); }
.nexxa-site .nx-payment-overlay::backdrop { background: rgba(6,6,17,.283333); }
.nexxa-site .nx-checkout-direct::backdrop { background: transparent; }
.nexxa-site .nx-checkout.nx-payment-overlay:not(.nx-checkout-direct):not(.nx-checkout-applepay),
.nexxa-site .nx-payment-overlay:not(.nx-checkout-direct):not(.nx-checkout-applepay) .nx-payment-gateway-toolbar { background: rgba(18,18,29,.85); }
.nexxa-site .nx-account-dropdown { background: rgba(21,19,33,.816667); }
@media (prefers-color-scheme:light) {
    .nexxa-site .nx-checkout { --checkout-bg: rgba(255,255,255,.714); }
    .nexxa-site .nx-checkout::backdrop, .nexxa-site .nx-payment-overlay::backdrop { background: rgba(24,33,58,.266667); }
    .nexxa-site .nx-checkout.nx-payment-overlay.nx-checkout-direct { --checkout-bg: rgba(255,255,255,.646); }
    .nexxa-site .nx-checkout.nx-payment-overlay.nx-checkout-applepay { --checkout-bg: rgba(255,255,255,.765); }
    .nexxa-site .nx-checkout-direct::backdrop { background: transparent; }
    .nexxa-site .nx-checkout.nx-payment-overlay:not(.nx-checkout-direct):not(.nx-checkout-applepay),
    .nexxa-site .nx-payment-overlay:not(.nx-checkout-direct):not(.nx-checkout-applepay) .nx-payment-gateway-toolbar { background: rgba(255,255,255,.85); }
    .nexxa-site .nx-account-dropdown { background: rgba(250,248,255,.823333); }
}

/* R81: concise subscription details; preserve the existing auth and orders layouts. */
.nx-customer-card:has([data-nx-customer-view="order"]) { width: min(540px,100%); }
.nx-customer-card:has([data-nx-customer-view="order"]) .nx-customer-heading { padding: 16px 20px 10px; }
.nx-customer-card:has([data-nx-customer-view="order"]) .nx-customer-heading h2 { font-size: 20px; }
.nx-customer-card:has([data-nx-customer-view="order"]) .nx-customer-content { padding: 0 20px 18px; }
.nx-customer-window [data-nx-customer-view="order"] .nx-order-detail-summary { gap: 10px; margin: 2px 0 8px; }
.nx-customer-window [data-nx-customer-view="order"] .nx-order-detail-summary h3 { font-size: 20px; }
.nx-customer-window [data-nx-customer-view="order"] .nx-order-detail-summary p { margin-top: 3px; font-size: 12px; }
.nx-customer-window [data-nx-customer-view="order"] .nx-customer-order-reference { font-size: 11px; line-height: 1.65; }
.nx-customer-window [data-nx-customer-view="order"] .nx-order-delivery-panel { margin-top: 12px; padding-top: 12px; }
.nx-customer-window [data-nx-customer-view="order"] .nx-order-delivery-panel h4 { margin-bottom: 10px; font-size: 16px; }
.nx-customer-window .nx-portal-credentials { display: grid; gap: 8px; margin: 0; }
.nx-customer-window .nx-portal-field { display: grid; grid-template-columns: 90px minmax(0,1fr); align-items: center; gap: 10px; padding: 10px 12px; min-width: 0; border: 1px solid var(--customer-line); border-radius: 11px; background: var(--customer-field); }
.nx-customer-window .nx-portal-field dt { margin: 0; font-size: 12px; color: var(--customer-muted); }
.nx-customer-window .nx-portal-field dd { display: flex; align-items: center; justify-content: flex-end; gap: 8px; min-width: 0; margin: 0; }
.nx-customer-window .nx-portal-type { display: inline-flex; padding: 3px 10px; border: 1px solid #34d39938; border-radius: 7px; background: #34d3990c; color: var(--customer-success); font-size: 13px; font-weight: 700; }
.nx-customer-window a.nx-portal-link { color: #83c6ff; text-decoration: underline; text-underline-offset: 3px; font-size: 14px; font-weight: 700; overflow-wrap: anywhere; }
.nx-customer-window [data-portal-username] { min-width: 0; color: var(--customer-ink); font-size: 14px; font-weight: 700; overflow-wrap: anywhere; user-select: text; }
.nx-customer-window .nx-portal-copy { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 6px 9px; border: 1px solid var(--customer-line); border-radius: 9px; background: #b7a0ff0d; color: var(--customer-accent); font-size: 12px; font-weight: 700; }
.nx-customer-window .nx-portal-copy-status { display: block; color: var(--customer-muted); font-size: 11px; line-height: 1.6; }
.nx-customer-window .nx-portal-copy-status:empty { display: none; }
.nx-customer-window .nx-portal-direct { margin-top: 12px; font-size: 14px; }
.nx-customer-window .nx-portal-copy-buffer { position: fixed; inset: 0 auto auto 0; width: 1px; height: 1px; padding: 0; border: 0; opacity: 0; font-size: 16px; }
@media (max-width:480px) {
    .nx-customer-card:has([data-nx-customer-view="order"]) .nx-customer-heading { padding: 12px 14px 8px; }
    .nx-customer-card:has([data-nx-customer-view="order"]) .nx-customer-heading h2 { font-size: 18px; }
    .nx-customer-card:has([data-nx-customer-view="order"]) .nx-customer-content { padding: 0 14px 14px; }
    .nx-customer-window [data-nx-customer-view="order"] .nx-order-detail-summary h3 { font-size: 18px; }
    .nx-customer-window [data-nx-customer-view="order"] .nx-order-detail-summary .status { padding: 3px 7px; font-size: 11px; }
    .nx-customer-window .nx-portal-field { grid-template-columns: 75px minmax(0,1fr); gap: 7px; padding: 8px 10px; }
    .nx-customer-window .nx-portal-field dt { font-size: 11px; }
}
@media (prefers-color-scheme:light) {
    .nx-customer-window a.nx-portal-link { color: #075fb1; }
}

/* R84: transient copy feedback inside the active dialog layer, outside its scroll area. */
.nx-customer-window .nx-copy-toast{position:absolute;z-index:5;inset:auto auto max(20px,env(safe-area-inset-bottom,0px)) 50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;max-width:calc(100% - 32px);min-width:126px;min-height:48px;margin:0;padding:11px 22px;border:1px solid #70e4b56b;border-radius:14px;background:rgba(15,51,42,.97);color:#e1fff1;font-size:16px;font-weight:800;line-height:1.6;text-align:center;pointer-events:none;box-shadow:0 8px 30px #0005;animation:nx-copy-toast-in 140ms ease-out both}
@keyframes nx-copy-toast-in{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.nx-customer-window .nx-copy-toast{animation:none}}