html,body{max-width:100%;overflow-x:hidden}button,input,textarea,select{max-width:100%}#reader{width:100%!important;border:0!important}#reader video{width:100%!important;max-height:58vh!important;object-fit:cover!important;border-radius:12px}#reader__scan_region{min-height:220px!important;background:#111}#reader__dashboard{padding:8px!important}#reader__dashboard button,#reader__dashboard select{font-size:14px!important;min-height:40px!important}.scan-help{text-align:center!important;font-size:12px!important;color:var(--muted)!important;margin:8px 0!important}
@media(max-width:680px){body{font-size:15px}header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;width:100%;padding:0 14px}.brand{min-width:0;overflow:hidden}.brand>b{width:36px;height:36px;min-width:36px;border-radius:10px;font-size:19px}.brand span{min-width:0}.brand strong{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand small{font-size:10px;white-space:nowrap}.account{display:flex;align-items:center;min-width:0}.account a{display:inline-flex;align-items:center;min-height:38px;padding:0 4px;margin:0;font-size:12px;white-space:nowrap}#app{width:100%;padding:20px 14px 96px}.page-head,.receipt-head{align-items:flex-start;gap:12px;margin-bottom:20px}.page-head>div,.receipt-head>div{min-width:0}.page-head h1,.receipt-head h1,.form-card h1{font-size:28px;line-height:1.08;overflow-wrap:anywhere}.page-head p,.receipt-head p{font-size:14px;line-height:1.35}.receipt-head .badge{flex:none;margin-top:22px}.stats{display:grid;grid-template-columns:1fr;gap:10px}.stats article,.stats article:last-child{grid-column:auto;min-height:86px;padding:15px}.stats strong{font-size:23px}.panel,.scanner,.form-card{border-radius:15px}.panel-title{padding:15px;display:flex;flex-direction:column;align-items:stretch}.panel-title .secondary{width:100%;margin-top:5px}.receipt-row{grid-template-columns:30px minmax(0,1fr) auto 8px;gap:8px;padding:13px 10px}.receipt-row span{min-width:0}.receipt-row span strong,.receipt-row span small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.receipt-row .badge{font-size:8px;padding:5px 7px}.form-card{width:100%;padding:20px 15px}.form-card form{gap:14px}input,textarea,select{width:100%;font-size:16px!important;min-height:46px}.scanner{padding:14px;margin-left:0;margin-right:0}.scanner h2{font-size:20px}.dark{min-height:50px;font-size:15px}.ean{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:8px}.ean input{min-width:0}.ean button{min-height:46px;padding:0 10px}.camera{height:auto;min-height:260px}.camera button{position:static;display:block;width:100%;min-height:42px;margin-top:7px}.result{display:grid;grid-template-columns:1fr;gap:12px;padding:13px}.result .primary{width:100%;min-height:48px}.items{padding:5px 10px}.items article{grid-template-columns:minmax(0,1fr) 82px 34px;gap:7px;padding:13px 0}.items article>div{min-width:0}.items article>div strong{line-height:1.3;overflow-wrap:anywhere}.items label{font-size:10px}.items input{padding:8px 5px;text-align:center;min-height:42px}.danger{width:34px;height:42px;padding:0}.actions{position:relative;display:grid;grid-template-columns:1fr;gap:8px;margin-top:14px}.actions button{min-height:48px}.fab{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));min-height:48px}.empty{padding:38px 16px}#toast{top:70px;width:calc(100% - 28px);text-align:center;line-height:1.35}}
@media(max-width:380px){.brand small{display:none}.page-head h1,.receipt-head h1,.form-card h1{font-size:25px}.ean{grid-template-columns:1fr}.ean button{width:100%}.items article{grid-template-columns:minmax(0,1fr) 72px 32px}}