/* Live order hero/cards must follow the portal theme (light/dark). */
html[data-as-display-mode="light"] .as-live-order-center,
html[data-as-display-mode="light"] .as-live-public-inner,
html[data-as-display-mode="light"] .as-live-public-hero,
html[data-as-display-mode="light"] .as-live-status-card,
html[data-as-display-mode="light"] .as-live-progress,
html[data-as-display-mode="light"] .as-live-status-numbers>div{background:#fff!important;color:#111!important;border-color:#e5e7eb!important}
html[data-as-display-mode="light"] .as-live-status-card p{color:#4b5563!important}
html[data-as-display-mode="light"] .as-live-status-card span,
html[data-as-display-mode="light"] .as-live-public-eyebrow,
html[data-as-display-mode="light"] .as-live-last-update span,
html[data-as-display-mode="light"] .as-live-last-update small{color:#6b7280!important}
html[data-as-display-mode="light"] .as-live-status-card strong,
html[data-as-display-mode="light"] .as-live-public-hero h1,
html[data-as-display-mode="light"] .as-live-status-numbers strong,
html[data-as-display-mode="light"] .as-live-public-meta>span{color:#111!important}
html[data-as-display-mode="light"] .as-live-step{color:#9ca3af!important}
html[data-as-display-mode="light"] .as-live-step.done,
html[data-as-display-mode="light"] .as-live-step.current{color:#111!important}
html[data-as-display-mode="light"] .as-live-step:before{background:#e5e7eb!important}
html[data-as-display-mode="light"] .as-live-step.done:before,
html[data-as-display-mode="light"] .as-live-step.current:before{background:#111!important}
html[data-as-display-mode="light"] .as-live-step-dot{background:#fff!important;border-color:#d1d5db!important}
html[data-as-display-mode="light"] .as-live-step.done .as-live-step-dot,
html[data-as-display-mode="light"] .as-live-step.current .as-live-step-dot{background:#111!important;border-color:#111!important}
html[data-as-display-mode="light"] .as-live-status-numbers>div{background:#fafafa!important}
/* Payment confirmed stays collapsed until the customer asks to see it. */
details.as-pp-live:not([open]) .as-pp-compact-body{display:none!important}
details.as-pp-live.as-pp-live-compact>summary.as-pp-compact-summary{padding:14px 16px!important}
details.as-pp-live.as-pp-live-compact>summary.as-pp-compact-summary .as-pp-compact-open{font-size:11px!important}
/* Payment confirmed: always a single compact row. */
details.as-pp-live.as-pp-live-compact .as-pp-compact-body{display:none!important}
details.as-pp-live.as-pp-live-compact .as-pp-compact-open{display:none!important}
details.as-pp-live.as-pp-live-compact>summary{cursor:default!important}
/* Do not duplicate Payment confirmed: the paid gate is the only one. */
body:has(.as-paygate-paid) .as-pp-live.as-pp-live-compact{display:none!important}