/* Keep the live receipt readable as its language and business change. */
.voice-language-help{font-size:11px;line-height:1.8;color:#a7b7cc;margin-top:12px;max-width:320px}
.flow-playback-status{display:flex;align-items:center;justify-content:center;gap:7px;max-width:300px;margin-top:12px;color:#c9e7a0;font-size:10px;line-height:1.8}
.flow-playback-status:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}
.receipt-demo-note{font-size:10px!important;line-height:1.8!important;color:#8996a9!important;max-width:300px!important;margin-top:9px!important;text-align:center}
.voice-language-options button{min-height:44px}
html[lang] .flow-copy select{min-height:48px}
.receipt-language-badge{display:flex;align-items:center;justify-content:center;gap:10px;color:#a8b8ce;font-size:10px;line-height:1.8;margin:0 auto 23px;position:relative;z-index:3}
.receipt-language-badge strong{font-weight:500;background:#dfff7914;border:1px solid #dfff793d;color:var(--lime);border-radius:5px;padding:4px 10px}
html[lang] .flow-demo .demo-main{padding:24px 0 28px;min-height:0}
html[lang] .demo-receipt{width:min(370px,calc(100% - 64px));padding:25px 25px 29px;transform:rotate(-1.5deg)}
.demo-receipt[lang="en"]{--receipt-font:Inter,sans-serif}
.demo-receipt[lang="kn"]{--receipt-font:QBPKannada,Inter,sans-serif}
.demo-receipt[lang="te"]{--receipt-font:QBPTelugu,Inter,sans-serif}
.demo-receipt[lang="hi"]{--receipt-font:QBPDevanagari,Inter,sans-serif}
.demo-receipt[lang="ta"]{--receipt-font:QBPTamil,Inter,sans-serif}
.demo-receipt[lang],html[lang] .demo-receipt h3{font-family:var(--receipt-font);letter-spacing:0}
html[lang] .demo-receipt h3{font-size:21px;line-height:1.6}
.demo-shop-icon{font-family:Archivo,Inter,sans-serif;font-size:31px;margin-bottom:9px}
.demo-receipt-sub{font-size:9px;letter-spacing:.04em;line-height:1.8;margin:4px 0 13px;color:#718198}
.receipt-store-details{text-align:center;margin-bottom:18px;font:9px/1.8 Inter,sans-serif;color:#627088}
.receipt-store-details p{margin:3px 0;overflow-wrap:anywhere}
.receipt-store-details p>span[data-receipt-copy]{font-family:var(--receipt-font)}
.receipt-store-details .receipt-gstin{font-weight:600;font-size:9px;color:#3d4a61}
.demo-receipt-meta{gap:12px;font-size:9px;line-height:1.8;margin-bottom:15px;padding-block:10px}
.demo-receipt-meta>span{min-width:0;max-width:60%}
.demo-receipt-meta>span:last-child{text-align:right}
#receipt-items>div{font-size:12px;line-height:1.9;gap:12px;margin:13px 0}
#receipt-items>div>span{min-width:0}
#receipt-items b,.demo-taxes>div>span:last-child{font-family:Inter,sans-serif;white-space:nowrap;flex-shrink:0}
.demo-taxes>div{font-size:10px;line-height:1.8;gap:10px}
.demo-receipt-total{gap:10px;line-height:1.8;margin-top:14px;padding-top:13px}
.demo-receipt-total strong{font:650 30px Archivo,Inter,sans-serif;white-space:nowrap;flex-shrink:0}
.demo-receipt-total small{font-size:9px}
.receipt-qr-block{display:flex;align-items:center;justify-content:center;gap:15px;border-top:1px solid #e5eaf1;margin-top:19px;padding-top:16px}
.receipt-qr-block img{width:88px;height:88px;flex-shrink:0;object-fit:contain;image-rendering:pixelated}
.receipt-qr-block>div{min-width:0;max-width:150px}
.receipt-qr-block strong{font-size:11px;line-height:1.9;font-weight:600;color:#415675}
.receipt-qr-block p{font-size:9px;line-height:1.9;color:#7b8593;margin-top:5px}
.demo-receipt-foot{line-height:1.9;text-align:center;font-size:8px;margin-top:13px}
html[lang] .flow-demo .flow-result{position:relative;inset:auto;width:calc(100% - 48px);max-width:390px;margin:29px auto 0;transform:rotate(1deg);min-height:72px}
#voice-parsed-order[lang="en"]{font-family:Inter,sans-serif}
#voice-parsed-order[lang="hi"]{font-family:QBPDevanagari,Inter,sans-serif}
#voice-parsed-order[lang="ta"]{font-family:QBPTamil,Inter,sans-serif}
@media(max-width:800px){
  .voice-language-help,.receipt-demo-note{max-width:100%!important}
  .flow-playback-status{font-size:12px}
}
@media(max-width:480px){
  html[lang] .demo-receipt{width:calc(100% - 42px);padding:22px 17px 27px}
  html[lang] .demo-receipt h3{font-size:18px}
  .receipt-store-details{font-size:8px;margin-bottom:13px}
  .receipt-store-details .receipt-gstin{font-size:8px}
  #receipt-items>div{font-size:10px;gap:7px}
  .demo-receipt-meta,.demo-taxes>div{font-size:8px}
  .demo-receipt-total{font-size:12px}.demo-receipt-total strong{font-size:26px}
  .receipt-qr-block{gap:10px}.receipt-qr-block img{width:76px;height:76px}
  .receipt-qr-block strong{font-size:10px}.receipt-qr-block p{font-size:8px}
  .receipt-language-badge{font-size:10px;margin-bottom:19px}
  html[lang] .flow-demo .flow-result{width:calc(100% - 30px);margin-top:26px}
}