@layer components{.replay{--lane-gap: var(--space-s);container: replay / inline-size;position: relative;padding: var(--bezel);border-radius: var(--radius-xl);background: linear-gradient(180deg,color-mix(in oklch,var(--c-bone) 7%,transparent),color-mix(in oklch,var(--c-bone) 2%,transparent) 55%);box-shadow: inset 0 0 0 1px var(--edge-faint),var(--shadow-float);margin: 0}.replay__core{border-radius: calc(var(--radius-xl) - var(--bezel));background: var(--c-raised-1);box-shadow: var(--edge-lit);overflow: hidden}.replay__bar{position: relative;display: grid;grid-template-columns: minmax(0,1fr) auto;grid-template-areas: "id clock" "views play";align-items: center;gap: 0.75rem 0.625rem;padding: 0.875rem 0.875rem 0.875rem 1.125rem}.replay__id{grid-area: id}.replay__clock{grid-area: clock;justify-self: end}.replay__views{grid-area: views;justify-self: start}.replay__play{grid-area: play}@container replay (min-width: 40rem){.replay__bar{display: flex}}.replay--compact .replay__bar{grid-template-columns: minmax(0,1fr) auto auto;grid-template-areas: "id clock play"}.replay__bar::after{content: "";position: absolute;inset-inline: 1.125rem;inset-block-end: 0;block-size: 1px;background: linear-gradient(90deg,var(--edge-violet),var(--edge-faint) 40%,transparent)}.replay__id{display: grid;gap: 0.25rem;flex: 1 1 auto;min-inline-size: 0}.replay__name{font-family: var(--font-ui);font-weight: var(--weight-medium);font-size: var(--step-0);letter-spacing: -0.02em;color: var(--c-bone)}.replay__sim{font-family: var(--font-mono);font-size: var(--step--2);letter-spacing: var(--tracking-label);text-transform: uppercase;color: var(--c-bone-3)}.replay__clock{font-family: var(--font-mono);font-size: var(--step--1);font-variant-numeric: tabular-nums;color: var(--c-lilac);padding: 0.375rem 0.625rem;border-radius: var(--radius-pill);background: var(--c-sunken);box-shadow: inset 0 0 0 1px var(--edge-faint)}.replay__clock::before{content: "t+";color: var(--c-bone-3)}.replay__views{display: inline-flex;padding: 0.1875rem;border-radius: var(--radius-pill);background: var(--c-sunken);box-shadow: inset 0 0 0 1px var(--edge-faint)}.replay__views button{position: relative;min-block-size: 2.25rem;padding-inline: 0.75rem;border-radius: var(--radius-pill);font-family: var(--font-mono);font-size: var(--step--2);letter-spacing: 0.08em;text-transform: uppercase;color: var(--c-bone-3);transition: color var(--dur-hover) var(--ease-out-soft)}.replay__views button::before{content: "";position: absolute;inset: 0;z-index: -1;border-radius: inherit;background: var(--c-raised-3);box-shadow: var(--edge-lit);opacity: 0;transform: scale(0.9);transition: opacity var(--dur-hover) var(--ease-out-soft),transform var(--dur-swap) var(--ease-out-soft)}.replay__views button{isolation: isolate;white-space: nowrap}@container replay (max-width: 26rem){.replay__vw{display: none}}.replay__views button[aria-pressed="true"]{color: var(--c-bone)}.replay__views button[aria-pressed="true"]::before{opacity: 1;transform: none}@media (hover: hover){.replay__views button:hover{color: var(--c-bone)}}.replay__views button:active::before{opacity: 1;transform: scale(0.96)}.replay__play{display: none;place-items: center;inline-size: 2.5rem;block-size: 2.5rem;border-radius: 50%;background: var(--c-bone-veil);box-shadow: inset 0 0 0 1px var(--edge);color: var(--c-bone);transition: transform var(--dur-press) var(--ease-out-soft)}.replay__play:active{transform: scale(0.94)}.is-live .replay__play,.logreel.is-live .replay__play{display: grid}.replay__icon-play,.is-paused .replay__icon-pause{display: none}.is-paused .replay__icon-play{display: block}.replay__play .icon{inline-size: 1.125rem;block-size: 1.125rem}.replay__stage{position: relative;contain: layout paint;display: grid}.logreel__list{contain: layout paint}.replay__ticks{display: none}.case-replay-head{margin-block-end: var(--space-l)}.replay__view{display: flex;flex-direction: column;min-inline-size: 0;padding: var(--space-s)}.replay__view + .replay__view{box-shadow: inset 0 1px 0 var(--edge-faint)}@container replay (min-width: 40rem){.replay__view{padding: var(--space-m)}}html.js .replay__view{grid-area: 1 / 1;box-shadow: none;transition: opacity var(--dur-swap) var(--ease-out-soft),visibility 0s}html.js .replay:not([data-view="customer"]) .replay__view[data-panel="customer"],html.js .replay:not([data-view="owner"]) .replay__view[data-panel="owner"]{opacity: 0;visibility: hidden;transition: opacity var(--dur-hover) var(--ease-out-soft),visibility 0s var(--ease-out-soft) var(--dur-hover)}.replay__lane-label{display: flex;align-items: center;gap: 0.5rem;margin-block-end: 0.625rem;font-family: var(--font-mono);font-size: var(--step--2);letter-spacing: var(--tracking-label);text-transform: uppercase;color: var(--c-bone-3);max-inline-size: none}.replay__lane-label .icon{inline-size: 1rem;block-size: 1rem;color: var(--c-lilac-dim)}.replay__feed{display: flex;flex-direction: column;gap: 0.625rem;margin: 0;padding: 0;list-style: none;min-inline-size: 0}@media (prefers-reduced-motion: no-preference){html.js .replay__feed{block-size: var(--h-n);overflow: hidden}html.js .replay__feed[data-anchor="bottom"]{justify-content: flex-end;-webkit-mask-image: linear-gradient(to bottom,transparent,#000 2.25rem);mask-image: linear-gradient(to bottom,transparent,#000 2.25rem)}@container replay (min-width: 40rem){html.js .replay__feed{block-size: var(--h-w)}}html.js .replay:not(.is-live) [data-at]{visibility: hidden}}.is-live [data-at].is-pending{display: none}.rp-item{min-inline-size: 0;font-family: var(--font-ui);letter-spacing: -0.01em}.rp-card{border-radius: var(--radius-m);background: var(--c-raised-2);box-shadow: inset 0 0 0 1px var(--edge-faint),var(--edge-lit);padding: 0.75rem 0.875rem}.rp-kicker,.rp-meta{font-family: var(--font-mono);font-size: 0.6875rem;letter-spacing: 0.06em;color: var(--c-bone-3);font-variant-numeric: tabular-nums}.rp-pill{display: inline-flex;align-items: center;padding: 0.25rem 0.5625rem;border-radius: var(--radius-pill);font-family: var(--font-mono);font-size: 0.6875rem;letter-spacing: 0.04em;white-space: nowrap;line-height: 1.2}.rp-pill--warn{color: var(--c-error);background: color-mix(in oklch,var(--c-error) 12%,transparent);box-shadow: inset 0 0 0 1px color-mix(in oklch,var(--c-error) 30%,transparent)}.rp-pill--wait{color: var(--c-bone-2);background: var(--c-bone-veil);box-shadow: inset 0 0 0 1px var(--edge)}.rp-pill--ok{color: var(--c-lilac);background: var(--c-violet-wash);box-shadow: inset 0 0 0 1px color-mix(in oklch,var(--c-violet) 45%,transparent)}.rp-call{display: flex;align-items: center;gap: 0.75rem}.rp-call__icon{display: grid;place-items: center;flex: none;inline-size: 2.5rem;block-size: 2.5rem;border-radius: 50%;color: var(--c-error);background: color-mix(in oklch,var(--c-error) 10%,transparent)}.rp-call__body{display: grid;gap: 0.125rem;flex: 1;min-inline-size: 0}.rp-call__num{font-family: var(--font-mono);font-size: var(--step-0);color: var(--c-bone);letter-spacing: 0.04em}.rp-msg{display: flex;flex-direction: column;gap: 0.3125rem}.rp-msg--out{align-items: flex-end}.rp-msg--in{align-items: flex-start}.rp-bubble{max-inline-size: min(88%,26rem);padding: 0.625rem 0.8125rem;border-radius: 1.125rem;font-size: var(--step--1);line-height: 1.42}.rp-bubble p{color: inherit;max-inline-size: none}.rp-msg--out .rp-bubble{background: var(--c-violet);color: var(--c-bone);border-end-end-radius: 0.375rem;box-shadow: inset 0 1px 0 color-mix(in oklch,var(--c-bone) 18%,transparent)}.rp-msg--in .rp-bubble{background: var(--c-raised-3);color: var(--c-bone);border-end-start-radius: 0.375rem;box-shadow: inset 0 0 0 1px var(--edge-faint)}.rp-bubble:has(.rp-photo){max-inline-size: min(88%,16.5rem)}.rp-photo{margin: -0.25rem -0.4375rem 0.5rem}.rp-photo svg{inline-size: 100%;block-size: auto;aspect-ratio: 16 / 10;border-radius: 0.75rem}.rp-photo figcaption{margin-block-start: 0.3125rem}.rp-fields{display: grid;gap: 0.375rem;margin-block-start: 0.5rem;padding-block-start: 0.5rem;border-block-start: 1px solid color-mix(in oklch,var(--c-bone) 18%,transparent)}.rp-field{display: grid;grid-template-columns: 5.75rem 1fr;gap: 0.5rem}.rp-field dt{font-family: var(--font-mono);font-size: 0.6875rem;letter-spacing: 0.06em;text-transform: uppercase;opacity: 0.78;padding-block-start: 0.125rem}.rp-field dd{margin: 0}.rp-note{display: inline-block;margin-inline-start: 0.25rem;padding: 0.0625rem 0.375rem;border-radius: var(--radius-pill);font-family: var(--font-mono);font-size: 0.625rem;letter-spacing: 0.06em;text-transform: uppercase;background: color-mix(in oklch,var(--c-ground) 35%,transparent)}.rp-tg{display: grid;gap: 0.5rem}.rp-tg__head{display: flex;align-items: center;gap: 0.5rem}.rp-avatar{display: grid;place-items: center;flex: none;inline-size: 1.75rem;block-size: 1.75rem;border-radius: 50%;background: var(--c-violet-wash);color: var(--c-lilac)}.rp-avatar .icon{inline-size: 1rem;block-size: 1rem}.rp-tg__name{font-weight: var(--weight-medium);font-size: var(--step--1);color: var(--c-bone)}.rp-tag{font-family: var(--font-mono);font-size: 0.625rem;letter-spacing: 0.08em;text-transform: uppercase;color: var(--c-bone-3);padding: 0.0625rem 0.375rem;border-radius: var(--radius-pill);box-shadow: inset 0 0 0 1px var(--edge)}.rp-tg__head .rp-meta{margin-inline-start: auto}.rp-tg__text{font-size: var(--step--1);line-height: 1.45;color: var(--c-bone);max-inline-size: none}.rp-tg__btns{display: grid;grid-template-columns: 1fr 1fr;gap: 0.375rem}.rp-tg__btns span{display: grid;place-items: center;min-block-size: 2.125rem;border-radius: 0.625rem;background: var(--c-sunken);box-shadow: inset 0 0 0 1px var(--edge);font-weight: var(--weight-medium);font-size: 0.8125rem;color: var(--c-lilac)}.rp-sheet{container-type: inline-size;padding: 0;overflow: hidden}.rp-sheet__tab{display: flex;align-items: center;gap: 0.5rem;padding: 0.625rem 0.875rem;font-weight: var(--weight-medium);font-size: var(--step--1);color: var(--c-bone);background: color-mix(in oklch,var(--c-bone) 3%,transparent)}.rp-sheet__tab .icon{inline-size: 1.125rem;block-size: 1.125rem;color: var(--c-lilac)}.rp-sheet__tab .rp-meta{margin-inline-start: auto}.rp-sheet table{inline-size: 100%;border-collapse: collapse;font-size: 0.8125rem}.rp-sheet th{text-align: start;font-weight: 400;font-family: var(--font-mono);font-size: 0.625rem;letter-spacing: 0.08em;text-transform: uppercase;color: var(--c-bone-3);padding: 0.5rem 0.875rem 0.375rem;box-shadow: inset 0 -1px 0 var(--edge-faint)}.rp-sheet td{padding: 0.625rem 0.875rem 0.75rem;color: var(--c-bone);vertical-align: top}.rp-sheet .rp-pill{white-space: normal}@container (max-width: 25rem){.rp-sheet:not(.rp-sheet--ledger) thead{display: none}.rp-sheet:not(.rp-sheet--ledger) :is(tr,td){display: block}.rp-sheet:not(.rp-sheet--ledger) tr{padding-block: 0.375rem 0.5rem}.rp-sheet:not(.rp-sheet--ledger) td{display: grid;grid-template-columns: 6.25rem 1fr;align-items: baseline;gap: 0.5rem;padding: 0.3125rem 0.875rem}.rp-sheet:not(.rp-sheet--ledger) td::before{content: attr(data-label);font-family: var(--font-mono);font-size: 0.625rem;letter-spacing: 0.08em;text-transform: uppercase;color: var(--c-bone-3)}.rp-sheet:not(.rp-sheet--ledger) td .rp-pill{justify-self: start}}.rp-sheet--ledger table{font-size: 0.75rem;table-layout: auto}.rp-sheet--ledger th{white-space: nowrap;padding-inline: 0.625rem}.rp-sheet--ledger td{padding: 0.5rem 0.625rem;color: var(--c-bone-2);box-shadow: inset 0 1px 0 var(--edge-faint)}.rp-sheet--ledger :is(th,td):first-child{padding-inline-start: 0.875rem}.rp-sheet--ledger :is(th,td):last-child{padding-inline-end: 0.875rem}.rp-sheet--ledger .rp-pill{white-space: nowrap;padding: 0.1875rem 0.4375rem;font-size: 0.625rem}.rp-sheet--ledger .rp-col--mid,.rp-sheet--ledger .rp-col--wide{display: none}@container (min-width: 30rem){.rp-sheet--ledger .rp-col--mid{display: table-cell}}@container (min-width: 44rem){.rp-sheet--ledger .rp-col--wide{display: table-cell}}.rp-sheet--ledger td[data-label="Ref"],.rp-sheet--ledger td[data-label="Logged"]{font-family: var(--font-mono);font-size: 0.6875rem;white-space: nowrap}.rp-sheet--ledger td[data-label="Photo"]{color: var(--c-lilac);white-space: nowrap}.rp-row--new td{color: var(--c-bone)}.is-live tr[data-at].is-pending{display: table-row;visibility: hidden}.rp-row--new td{background: color-mix(in oklch,var(--c-violet) 12%,transparent)}.rp-cal{display: grid;gap: 0.625rem}.rp-cal__head{display: flex;align-items: center;gap: 0.5rem;font-weight: var(--weight-medium);font-size: var(--step--1);color: var(--c-bone)}.rp-cal__head .icon{inline-size: 1.125rem;block-size: 1.125rem;color: var(--c-lilac)}.rp-cal__head .rp-mut{margin-inline-start: auto}.rp-cal__list{display: grid;gap: 0.3125rem;margin: 0;padding: 0;list-style: none}.rp-block{position: relative;display: grid;grid-template-columns: 3.25rem 1fr;align-items: center;gap: 0.625rem;padding: 0.5rem 0.625rem 0.5rem 0.875rem;border-radius: 0.625rem;background: var(--c-sunken);font-size: 0.875rem}.rp-block::before{content: "";position: absolute;inset-block: 0.5rem;inset-inline-start: 0.3125rem;inline-size: 2px;border-radius: 2px;background: var(--c-violet)}.rp-block__time{font-family: var(--font-mono);font-size: 0.75rem;color: var(--c-lilac);font-variant-numeric: tabular-nums}.rp-block__label{color: var(--c-bone)}.rp-cal.is-shifting .rp-block{animation: rp-shift var(--dur-reveal) var(--ease-out) both;animation-delay: calc(var(--i) * var(--stagger))}@keyframes rp-shift{0%{transform: translateX(0);opacity: 1}30%{transform: translateX(0.75rem);opacity: 0.35}100%{transform: none;opacity: 1}}.rp-consent{display: grid;gap: 0.625rem;padding: 0.875rem 1rem 1rem;max-inline-size: 24rem}.rp-consent__title{font-size: var(--step-0);line-height: 1.3;color: var(--c-bone);max-inline-size: none}.rp-consent__acct{display: inline-flex;align-items: center;gap: 0.5rem;justify-self: start;padding: 0.25rem 0.75rem 0.25rem 0.25rem;border-radius: var(--radius-pill);box-shadow: inset 0 0 0 1px var(--edge);font-family: var(--font-mono);font-size: 0.75rem;color: var(--c-bone-2)}.rp-consent__acct .rp-avatar{inline-size: 1.5rem;block-size: 1.5rem;font-size: 0.75rem;font-weight: var(--weight-medium)}.rp-consent__scopes{display: grid;gap: 0.375rem;margin: 0;padding: 0.625rem 0 0;list-style: none;box-shadow: inset 0 1px 0 var(--edge-faint)}.rp-consent__scopes li{display: flex;gap: 0.5rem;align-items: flex-start;font-size: var(--step--1);color: var(--c-bone)}.rp-consent__scopes .icon{inline-size: 1rem;block-size: 1rem;flex: none;margin-block-start: 0.125rem;color: var(--c-lilac)}.rp-consent__btns{display: flex;justify-content: flex-end;gap: 0.5rem;margin-block-start: 0.25rem}.rp-consent__btns span{display: grid;place-items: center;min-block-size: 2.125rem;padding-inline: 1rem;border-radius: var(--radius-pill);font-weight: var(--weight-medium);font-size: 0.8125rem;color: var(--c-lilac)}.rp-consent__btns .is-primary{background: var(--c-violet);color: var(--c-bone)}.rp-event{font-family: var(--font-mono);font-size: 0.75rem;letter-spacing: 0.02em;color: var(--c-bone-3);padding-inline: 0.25rem}.rp-event span{color: var(--c-lilac)}.rp-mut{position: relative}.rp-mut::after{content: "";position: absolute;inset: -0.1875rem -0.3125rem;border-radius: 0.375rem;background: var(--c-violet-glow);opacity: 0;pointer-events: none}.rp-mut.is-changed::after{animation: rp-flash 1400ms var(--ease-out) both}@keyframes rp-flash{0%{opacity: 1}100%{opacity: 0}}.logreel__list{margin: 0;padding: var(--space-s);list-style: none;display: flex;flex-direction: column;justify-content: flex-end;gap: 0.4375rem;block-size: 100%;overflow: hidden;background: var(--c-sunken);font-family: var(--font-mono);font-size: 0.75rem;line-height: 1.5;-webkit-mask-image: linear-gradient(to bottom,transparent,#000 3rem);mask-image: linear-gradient(to bottom,transparent,#000 3rem)}.log-line{display: grid;grid-template-columns: 4.5rem 5.5rem minmax(0,1fr);column-gap: 0.75rem;row-gap: 0.125rem;color: var(--c-bone-2)}.log-ts{color: var(--c-bone-3);font-variant-numeric: tabular-nums}.log-sys{color: var(--c-lilac-2)}.log-ev{color: var(--c-lilac);letter-spacing: 0.02em}.log-kv{grid-column: 3;overflow-wrap: anywhere}.log-kv .k{color: var(--c-bone-3)}.log-kv .v{color: var(--c-bone)}.log-line--rule{display: block;padding-block-start: 0.5rem}.log-line--rule .log-sys{color: var(--c-bone-3)}@container replay (min-width: 40rem){.log-line{grid-template-columns: 5rem 6rem 11rem minmax(0,1fr)}.log-kv{grid-column: 4}}.logreel{container: replay / inline-size;border-radius: var(--radius-l);background: var(--c-sunken);box-shadow: inset 0 0 0 1px var(--edge-faint);overflow: hidden}.logreel__bar{display: flex;align-items: center;justify-content: space-between;gap: var(--space-s);padding: 0.625rem 0.75rem 0.625rem var(--space-s);box-shadow: inset 0 -1px 0 var(--edge-faint)}.logreel__list{block-size: auto;max-block-size: var(--reel-h,17rem);overflow: auto;justify-content: flex-start;-webkit-mask-image: none;mask-image: none}@media (prefers-reduced-motion: no-preference){html.js .logreel__list{max-block-size: none;overflow: hidden;justify-content: flex-end;-webkit-mask-image: linear-gradient(to bottom,transparent,#000 3rem);mask-image: linear-gradient(to bottom,transparent,#000 3rem)}}@media (prefers-reduced-motion: no-preference){html.js .logreel__list{block-size: var(--reel-h,17rem)}html.js .logreel:not(.is-live) .log-line{visibility: hidden}}.logreel.is-live .log-line.is-pending{display: none}}