.welcome-feature-scene {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    max-width: 420px;
    height: 100%;
    min-width: 0;
    margin: 0 auto;
    color: #075443;
    font-family: "Poppins", sans-serif;
}

.welcome-feature-scene .welcome-feature-scene__heading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 32px;
    color: #075443;
    font: 600 11px/1.4 "Poppins", sans-serif;
}

.welcome-feature-scene__heading svg { width: 19px; height: 19px; stroke: #008e70; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.welcome-feature-scene .welcome-feature-scene__play-outline { fill: none; stroke: #008e70; stroke-width: 1.8; stroke-dasharray: 1 4; stroke-linecap: round; stroke-linejoin: round; }
.welcome-feature-scene .welcome-feature-scene__stage { position: relative; display: flex; align-items: center; justify-content: center; flex: 1; min-height: 0; min-width: 0; }
.welcome-feature-scene .welcome-feature-scene__art { display: block; width: 100%; height: 100%; overflow: hidden; }
.welcome-feature-scene .welcome-feature-scene__text { fill: #075443; font: 500 11px "Poppins", sans-serif; }
.welcome-feature-scene .welcome-feature-scene__text--strong { font-size: 13px; font-weight: 600; }
.welcome-feature-scene .welcome-feature-scene__text--brand { font-size: 11px; font-weight: 600; }
.welcome-feature-scene .welcome-feature-scene__text--small { fill: #54816d; font-size: 9px; }
.welcome-feature-scene .welcome-feature-scene__text--light { fill: #fff9ef; font-weight: 600; }
.welcome-feature-scene .welcome-pos__screen-text { fill: #075443; font: 500 7.5px "Poppins", sans-serif; }
.welcome-feature-scene .welcome-pos__screen-title { fill: #075443; font: 600 9px "Poppins", sans-serif; }
.welcome-feature-scene .welcome-pos__screen-total { fill: #008e70; font: 700 12px "Poppins", sans-serif; font-variant-numeric: tabular-nums; }
.welcome-feature-scene .welcome-pos__muted { fill: #789787; }
.welcome-feature-scene .welcome-pos__light { fill: #fff9ef; }
.welcome-feature-scene .welcome-pos__price { fill: #008e70; font: 600 6.8px "Poppins", sans-serif; }
.welcome-feature-scene .welcome-pos__tile { fill: #fff; stroke: #d5e8dc; stroke-width: 1; }
.welcome-feature-scene .welcome-pos__tile.is-selected { fill: #d8eee1; stroke: #008e70; }
.welcome-feature-scene .welcome-pos__tile.is-scanning { stroke: #008e70; stroke-width: 1.8; }
.welcome-feature-scene [data-pos-search].is-scanning { fill: #008e70; }
.welcome-feature-scene .welcome-feature-scene__toggle { position: absolute; bottom: 0; right: 0; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 8px; border: 1px solid #d5e8dc; border-radius: 50%; background: #fff9ef; color: #075443; cursor: pointer; }
.welcome-feature-scene .welcome-feature-scene__toggle[hidden] { display: none !important; }
.welcome-feature-scene__toggle svg { width: 12px; height: 12px; fill: currentColor; }
.welcome-feature-scene__toggle:hover { border-color: #008e70; }
.welcome-feature-scene__toggle:focus { outline: none; }
.welcome-feature-scene__toggle:focus-visible { outline: 3px solid #75ccad; outline-offset: 3px; }
.welcome-feature-scene .welcome-feature-scene__summary { display: flex; align-items: center; justify-content: space-between; gap: 6px; min-height: 28px; color: #367660; text-align: left; font: 500 10px/1.5 "Poppins", sans-serif; }
.welcome-feature-scene .welcome-feature-scene__badge { flex-shrink: 0; padding: 4px 7px; border-radius: 10px; background: #edf7f1; color: #075443; font-weight: 600; font-variant-numeric: tabular-nums; }
.welcome-feature-scene .welcome-feature-scene__steps { display: flex; align-items: center; justify-content: center; gap: 16px; min-height: 18px; padding: 0; margin: 0; list-style: none; color: #789787; font: 500 9px/1.4 "Poppins", sans-serif; }
.welcome-feature-scene__steps li { display: flex; align-items: center; gap: 5px; }
.welcome-feature-scene__steps li::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: #d5e8dc; }
.welcome-feature-scene__steps .is-active { color: #075443; font-weight: 600; }
.welcome-feature-scene__steps .is-complete::before, .welcome-feature-scene__steps .is-active::before { background: #008e70; }
.welcome-feature-scene .welcome-feature-scene__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.welcome-feature-scene .welcome-ledger { position: relative; width: 100%; max-width: 340px; padding: 12px; border: 1px solid #c5e0d2; border-radius: 12px; background: #fff; text-align: left; box-shadow: 0 6px 20px #07544308; }
.welcome-ledger__customer { display: flex; align-items: center; gap: 9px; }
.welcome-ledger__avatar { width: 31px; height: 31px; flex-shrink: 0; }
.welcome-ledger__customer strong { display: block; color: #075443; font: 600 11px/1.4 "Poppins", sans-serif; }
.welcome-ledger__customer small { display: block; color: #789787; font: 500 9px/1.4 "Poppins", sans-serif; }
.welcome-ledger__balance { display: flex; align-items: center; justify-content: space-between; margin: 9px 0; padding: 8px; border-radius: 7px; background: #edf7f1; color: #54816d; font-size: 9px; }
.welcome-ledger__balance strong { color: #075443; font: 600 20px/1.2 "Poppins", sans-serif; font-variant-numeric: tabular-nums; }
.welcome-feature-scene .welcome-ledger__table { width: 100%; margin: 0; border-collapse: collapse; color: #075443; font: 500 9px/1.4 "Poppins", sans-serif; font-variant-numeric: tabular-nums; }
.welcome-ledger__table th { padding: 0 3px 5px; color: #789787; font-size: 8px; font-weight: 500; }
.welcome-ledger__table td { padding: 6px 3px; border-top: 1px solid #edf5f0; white-space: nowrap; }
.welcome-ledger__table th:not(:first-child), .welcome-ledger__table td:not(:first-child) { text-align: right; }
.welcome-ledger__table [data-ledger-payment] td { color: #008e70; }
.welcome-ledger__note { display: flex; align-items: center; gap: 5px; min-height: 20px; margin-top: 7px; color: #54816d; font-size: 9px; }
.welcome-ledger__note svg { width: 13px; height: 13px; stroke: #008e70; stroke-width: 1.8; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.welcome-ledger__transfer { position: absolute; right: 12px; top: 42px; width: 30px; height: 20px; pointer-events: none; }

@media (max-width: 359px) {
    .welcome-feature-scene .welcome-ledger { padding: 9px; }
    .welcome-ledger__balance strong { font-size: 18px; }
    .welcome-feature-scene .welcome-ledger__table { font-size: 8px; }
    .welcome-feature-scene .welcome-feature-scene__steps { gap: 11px; }
}