.surface{container-type:inline-size}.m-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5em;display:grid!important}.m-step{flex-direction:column;gap:.6em;padding-top:.1em;position:relative;display:flex!important}.m-step:before{content:"";background:var(--m-line);height:1.5px;position:absolute;top:.55em;left:0;right:-.5em}.m-step:last-child:before{right:0}.m-step-dot{background:var(--ink-muted);width:1.1em;height:1.1em;box-shadow:0 0 0 .3em var(--m-surface);border-radius:50%;position:relative}.m-step-accent .m-step-dot{background:var(--accent)}.m-step-accent .m-mono{color:var(--accent)}.m-split{border-top:1px solid var(--m-line);flex-wrap:wrap;justify-content:space-between;gap:.3em 1em;padding-top:.9em;display:flex!important}.m-resolved-block{border-bottom:1px solid var(--m-line);align-items:flex-start;gap:1.1em;padding:1.5em 1.7em 1.4em;display:flex}.m-chat{background:var(--m-soft);flex-direction:column;gap:.8em;padding:1.3em 1.7em 1.5em;display:flex}.m-bubble{background:var(--m-surface);box-shadow:0 0 0 1px var(--m-line) inset;border-radius:1.1em 1.1em 1.1em .3em;align-self:flex-start;padding:.7em 1em}.m-reply{color:var(--m-positive);align-self:flex-end;align-items:center;gap:.5em;display:flex!important}.m-reply svg{flex:none;width:1.4em;height:1.4em}.m-balance-sm{font-size:2.5em}.m-list{flex-direction:column;gap:.5em;display:flex!important}.m-list-row{background:var(--m-soft);border-radius:.7em;padding:.75em .9em}.m-list-row .m-meta{color:var(--ink)}.m-list-accent{background:var(--accent)}.m-list-accent .m-meta{color:var(--ink-inv)}.surface-stage .m-till .m-qr{width:6.2em;height:6.2em}.surface-wwb-credit .m-checkout{z-index:1;width:90%}.surface-wwb-credit .m-paycard{z-index:0;width:84%;margin:-1.1em 0 0 auto}@container not (min-width:17rem){.m-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1.1em}.m-step:nth-child(2n):before{right:0}.surface-wwb-credit .m-checkout,.surface-wwb-credit .m-paycard{width:100%}.surface-wwb-credit .m-cardno{letter-spacing:.03em}.surface-stage .m-seg{padding:.85em .1em}.surface-stage .m-seg-accent{flex-grow:2.2}}@media (min-width:40rem){.case-grid:has(>.surface){grid-template-columns:3.2rem minmax(0,1fr) clamp(13.5rem,27vw,19rem)}.case-grid>.surface{grid-area:1/3;align-self:start;padding-top:.35rem}}@media not (min-width:40rem){.case-grid>.surface{grid-area:1/1/auto/-1;max-width:19rem;max-height:40vh;margin-bottom:1.4rem}}