/* Shared illustrative app components and bounded motion. No functional forms. */
.scene-card{min-width:0;overflow-wrap:anywhere;hyphens:auto}
.scene-card-header,.scene-card-footer,.scene-row,.scene-table-row,.offer-legend{flex-wrap:wrap}
.scene-card :is(strong,small,span,div){min-width:0}
.scene-card .scene-status{white-space:normal}
.experience-scene{--scene-accent:#2464e7;position:relative;font-family:Inter,Arial,sans-serif;color:var(--ex-ink);line-height:1.5}
.scene-card{background:#ffffffed;border:1px solid #fff;border-radius:var(--ex-inner);box-shadow:var(--ex-float);padding:16px;transition:transform var(--ex-enter) var(--ex-ease),opacity var(--ex-enter) var(--ex-ease);backdrop-filter:blur(8px)}
.scene-card.is-active{outline:2px solid #477cc6;outline-offset:0;transform:translateY(-5px)}.scene-card-header{display:flex;align-items:center;gap:8px;padding-bottom:11px;margin-bottom:12px;border-bottom:1px solid #dae2ee;font-size:11px;font-weight:650}.scene-card-header img{height:20px;width:20px;object-fit:contain;flex:none}.scene-card-header small{margin-left:auto;color:var(--ex-muted);font-size:11px;font-weight:400}.scene-avatar{display:grid;place-items:center;width:31px;height:31px;flex:none;border-radius:50%;background:#e5edfa;color:#315b97;font-size:11px;font-weight:600}.scene-row{display:flex;gap:10px;align-items:center}.scene-row>div{min-width:0;flex:1}.scene-row strong{display:block;font-size:12px;font-weight:600}.scene-row span:not(.scene-avatar){display:block;font-size:11px;color:var(--ex-muted)}.scene-row time{font-size:11px;color:var(--ex-muted);align-self:start}
.scene-subject{font-size:12px;font-weight:600;display:block;margin:10px 0 5px}.scene-card p{font-size:12px;line-height:1.65;margin:7px 0;color:var(--ex-body)}.scene-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;font-size:11px;color:var(--ex-muted)}.scene-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:550;color:#214e91;padding:4px 7px;border-radius:5px;background:#eaf1fc;border:1px solid #cadbf1;white-space:nowrap}.scene-status i,.scene-live i{width:5px;height:5px;flex:none;border-radius:50%;background:currentColor;display:inline-block;position:relative}.scene-status i:after{content:"";position:absolute;inset:-4px;border:1px solid currentColor;border-radius:50%;opacity:0}.scene-live{font-size:11px;display:flex;gap:7px;align-items:center;color:#285691}.scene-card.is-active .scene-status i:after{animation:status-pulse 1.7s ease-out 2}
.scene-pipeline{display:flex;gap:3px;margin:12px 0}.scene-pipeline span{height:5px;flex:1;border-radius:3px;background:#e0e7f0}.scene-pipeline span:nth-child(-n+2){background:#769ad0}.scene-pipeline span:nth-child(3){background:#2464e7}
.scene-app-icon{display:grid;place-items:center;width:21px;height:21px;border-radius:6px;background:#245fe0;color:#fff;font-size:12px}.scene-app-icon.ai{background:#eee9fa;color:#694bac}
.scene-controls{position:relative;display:flex;align-items:center;gap:6px;z-index:3}.scene-controls button{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border-radius:50%;border:1px solid #b8cbe1;color:#294e80;background:#fffffff2;box-shadow:0 3px 8px #1834530c;font:600 13px Inter,Arial,sans-serif}.scene-controls button:hover{background:#eaf2ff}.scene-controls button:focus-visible{outline:3px solid #2464e7;outline-offset:3px}.scene-controls [data-scene-pause]{min-width:80px;border-radius:20px;width:auto;padding-inline:12px;font-size:11px;gap:5px;display:flex}.scene-controls button:disabled{cursor:default;opacity:.65}
.scene-step-label{font-size:11px;color:#47617b;min-height:18px}.scene-progress{display:flex;gap:5px}.scene-progress span{height:3px;flex:1;border-radius:3px;background:#cad8e9;overflow:hidden}.scene-progress i{display:block;height:100%;background:var(--scene-accent);transform:scaleX(0);transform-origin:left}.scene-progress .is-active i{transform:scaleX(1)}.scene-progress .is-done i{transform:scaleX(1);background:#7b9bc6}
.experience-scene[data-motion-state=paused] .scene-card{transition:none}.experience-scene[data-motion-state=paused] .scene-status i:after{animation-play-state:paused}.experience-scene[data-motion-state=static] *{animation:none!important;transition:none!important}.experience-scene[data-motion-state=static] .scene-card{transform:none}
@keyframes status-pulse{0%{opacity:.45;transform:scale(.5)}100%{opacity:0;transform:scale(1.6)}}
@media(max-width:760px){.scene-card{padding:14px;border-radius:13px;backdrop-filter:none}.scene-controls button{width:36px;height:36px}.scene-controls [data-scene-pause]{min-width:66px;padding-inline:9px}.scene-card-header{font-size:11px}.scene-card.is-active{outline:2px solid #477cc6;outline-offset:0;transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.experience-scene *{animation:none!important;transition:none!important}.scene-card.is-active{outline:2px solid #477cc6;outline-offset:0;transform:none}}