:root,body{background:transparent!important;color-scheme:light;overflow:hidden!important;height:100%;margin:0}
.connected{padding:0!important;max-width:none}
.masthead,.story,.eyebrow,.reading,.continuity,.below,.transcript,.footer,.noscript,.scene-head,.visual-note,.chapters,.player,.time-control{display:none!important}
.demo{display:block!important;padding:0!important;min-height:0!important}
.visual-column{width:100%}
.stage{height:520px!important;background:transparent!important;border:0!important;border-radius:9px!important;box-shadow:none!important}
.screen{border:1px solid #dbe0e4;border-radius:9px}
.pointer>span{display:none}
.sr-only{position:fixed;top:0;left:0}
/* The telephone has its own narrow canvas, with no surrounding stage. */
[data-composition="delivery"] .stage,[data-composition="delivery"] .screen{border:0;border-radius:28px!important;background:transparent}
.phone-world{background:transparent;overflow:visible}
.phone-world::before,.phone-world::after,.phone-side-label{display:none}
.phone{width:100%!important;height:520px!important;max-width:280px;box-shadow:none;--bezel:4px;--phone-radius:28px}
/* The ePOD comes forward as the product's own document. */
.epod{padding:0;background:#fff;border-radius:8px}
.proof{max-width:none;border-radius:8px;box-shadow:none}
.proof-order>div>small,.proof-info small,.proof-title,.proof-info span,.proof-location>span,.proof-note,.proof-note span,.proof-footer>span:first-child,.proof-id-tag{color:#526171!important}
.status-pill.success{color:#176c43!important}
@media(max-width:700px){.stage{height:520px!important}.connected{padding:0!important}.phone{height:520px!important}.epod{padding:0}.proof-photo{height:143px}.proof-signature{height:92px}}
/* Readable small labels in the derived illustration; originals remain unchanged. */
.draft{color:#725019}
.field small,.toolbar-status,.route-summary,.stop small,.route-bottom>span:first-child,.fleet-tabs>span,.driver-top small,.capacity>span,.native-order-head small,.cert-product>span,.obs,.native-route-card p,.mobile-summary span,.native-depot,.native-stop p,.native-route-meta>span,.panel-intro,.resource-meta,.resource-option small,.attachment small,.order-head,.more-orders,.map-mode,.map-legend,.fleet-info,.panel-intro b,.native-tabs span,.sheet-actions{color:#526171}
.avatar,.app-button.orange,.native-main-button,.cert-confirm,.sheet-actions b{color:#202321}
.native-link,.native-open{color:#526171}
.outcomes span:not(.selected){color:#526171}
.native-tabs .on,.stop-num{color:#202321}
.status-pill:not(.success){color:#765211}
.control-top>div,.control-card p,.table-label{color:#526171}
@media(max-width:359px){.stage[data-scene="2"] .map-legend{flex-direction:column;align-items:flex-start;gap:3px}}

/* Keep each interface opaque; dissolve the outgoing snapshot over the new one. */
.screen:not(.motion-transition){opacity:1!important;transform:none!important}
.motion-transition{position:absolute!important;z-index:4;pointer-events:none!important;overflow:hidden;will-change:opacity}
.phone-transition{z-index:8}
#flash{display:none!important}
@media(prefers-reduced-motion:reduce){.motion-transition{display:none!important}}