.password-field{display:flex;gap:8px;align-items:stretch;min-width:0}.password-field>input{flex:1;min-width:0;width:0}.password-field>.btn{flex:0 0 66px;margin:7px 0 15px;padding:8px;font-size:12px}.guest-filter-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:24px 0}.credit-value{font-size:27px;font-weight:bold;color:#214f43;margin:14px 0}.benefit-summary{text-align:right;line-height:2;overflow-wrap:anywhere}.benefit-summary:has(.credit-value){text-align:center}.reward-slot{margin:18px 0;padding:18px;border:1px solid #dfe5d7;border-radius:12px;background:#f7f9f3;min-width:0}.reward-slot h3{line-height:1.8}.reward-slot .credit-value{font-size:24px}.reward-slot .checkline{border-color:#e0e4da}.guest-filter-tabs .chip{flex:1 1 100px}.ticket .help{line-height:1.8}.password-field>button:focus-visible{outline:3px solid #b0ca66;outline-offset:3px}
@media(min-width:1101px){body[data-role=guest] aside{position:fixed;right:0;top:0;bottom:0;width:232px;overflow:auto;padding:28px 18px}body[data-role=guest] aside nav{display:flex;flex-direction:column;margin-top:32px;gap:8px}body[data-role=guest] aside nav button{width:100%;text-align:right;justify-content:flex-start}body[data-role=guest] main{margin-right:232px;margin-left:auto;max-width:1320px}}
@media(max-width:1100px){body[data-role=guest] aside nav{display:flex;flex-direction:row;justify-content:center;gap:12px;margin:14px 0 0}body[data-role=guest] aside nav button{flex:0 1 180px;white-space:normal}}
@media(max-width:600px){.reward-slot{padding:14px}.credit-value{font-size:25px}.guest-filter-tabs .chip{font-size:12px;flex-basis:110px}.password-field>.btn{flex-basis:62px}.guest-filter-tabs{gap:6px}}
@media print{body[data-role=guest] aside{display:none!important}}

.cashier-products{max-height:55vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;text-align:right;padding:8px;border:1px solid #dfe5d7;border-radius:12px}.cashier-product{display:flex;align-items:center;gap:14px;padding:14px 6px;border-bottom:1px solid #dfe5d7;min-width:0}.cashier-product:last-child{border:0}.cashier-product img,.cashier-product-placeholder{width:88px;height:88px;object-fit:contain;flex-shrink:0;border-radius:10px;background:#f7f5ee}.cashier-product-placeholder{display:grid;place-items:center;font-size:32px}.cashier-product>div{min-width:0}.cashier-product h4{margin:0 0 10px;white-space:normal;overflow-wrap:anywhere;line-height:1.8}.cashier-scan-tabs{display:flex;gap:8px;overflow-x:auto;padding:10px 0}.cashier-scan-tabs button{flex-shrink:0}.cashier-recent{margin-top:22px;text-align:right}.cashier-history-list{text-align:right}.cashier-history-list .panel{margin-top:12px}

.language-switch{font:inherit;font-size:16px;cursor:pointer;color:#173f37;background:#fff;border:1px solid #dfe5d7;border-radius:14px;position:fixed;top:max(12px,env(safe-area-inset-top));inset-inline-end:14px;z-index:1200;min-width:48px;min-height:48px;padding:8px;font-weight:600}.masthead > button.language-switch{position:absolute;top:50%;transform:translateY(-50%);inset-inline-end:0;bottom:auto;width:48px;height:48px;min-height:48px;padding:8px;z-index:2;background:#ffffff12;border:1px solid #ffffff38;border-radius:14px;color:#fff;box-shadow:none}.masthead > button.language-switch:active{transform:translateY(-50%) scale(.98)}html[dir=ltr] aside{right:auto;left:0}html[dir=ltr] body[data-role]:not([data-role=auth]):not([data-role=legal]) main{margin-right:0;margin-left:232px}html[dir=ltr] aside nav button,html[dir=ltr] .cashier-products,html[dir=ltr] .cashier-history-list,html[dir=ltr] .cashier-recent{text-align:left}@media(max-width:1100px){html[dir=ltr] body[data-role]:not([data-role=auth]):not([data-role=legal]) main{margin-left:0}}

.language-switch:focus-visible{outline:3px solid #b0ca66;outline-offset:3px}

.cashier-daily{margin-bottom:24px}.cashier-daily-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cashier-daily .stat{padding:18px;min-width:0}.cashier-daily .stat span{white-space:normal;overflow-wrap:anywhere}.cashier-daily .row{flex-wrap:wrap}@media(max-width:700px){.cashier-daily-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}