/* Focus staff attention on account, current class and camera. */
.wrap{padding-top:12px}
h1{font-size:30px;margin-top:18px}.sub{font-size:14px;line-height:1.45;margin-bottom:14px}
#scannerIdentity{padding:11px 14px!important;margin-bottom:12px!important}
#scannerIdentityLabel{font-size:11px;margin-bottom:3px!important}
#scannerIdentityEmail{font-size:15px!important}
#scannerIdentityRole{font-size:12px!important;margin-top:4px!important}
#scannerIdentity #scannerIdentityLink:not([hidden]){display:inline-block!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;min-height:0!important;margin-top:7px!important;font-size:12px!important;text-decoration:underline!important}
.panel{padding:14px;border-radius:18px}
#autoClass{font-size:13px;line-height:1.45;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #e5ebe1;overflow-wrap:anywhere}
.viewport{aspect-ratio:16/10}.placeholder{font-size:13px;line-height:1.4;padding:12px}.placeholder svg{width:42px;height:42px;margin-bottom:8px}
.buttons{margin-top:12px;gap:8px}.buttons button{min-height:46px}
.status{font-size:13px;min-height:0;padding:10px 0 0}.status:empty{display:none}
.panel:has(#confirmation:not([hidden])) .viewport,.panel:has(#confirmation:not([hidden])) .buttons,.panel:has(#confirmation:not([hidden])) #result,
.panel:has(#feedback:not([hidden])) .viewport,.panel:has(#feedback:not([hidden])) .buttons,.panel:has(#feedback:not([hidden])) #result{display:none}
.confirm{margin-top:0;padding:14px}.confirm small{line-height:1.45}.confirm button{min-height:46px}
.scan-feedback{margin-top:0;padding:18px 14px}.scan-feedback svg{width:56px;height:56px}.scan-feedback strong{font-size:22px}.scan-feedback p{font-size:14px;line-height:1.5;margin-bottom:14px}
.scanner-tools,.scanner-help{margin-top:12px;padding:13px 14px}.scanner-tools summary,.scanner-help summary{font-size:13px}.scanner-tools details{padding:12px;margin-top:12px}.scanner-tools details:first-of-type{margin-top:12px!important}.scanner-help .note{margin:12px 0 0}
@media(max-width:600px){.wrap{padding-bottom:94px}.wrap header.ys-site-header{padding-left:0!important;padding-right:0!important}.wrap .ys-site-header .ys-site-brand img{width:72px!important;height:72px!important}.wrap .ys-site-header .ys-site-brand>span{font-size:25px!important}.wrap .ys-site-header .ys-site-brand small{font-size:8px!important;letter-spacing:1.5px!important}}
/* Keep every outcome action separate, including long cash labels on phones. */
.scan-feedback.pending{background:#eaf2e8;color:#234735}
.feedback-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:16px}
.feedback-actions button{display:block;width:100%;min-width:0;min-height:48px;height:auto;margin:0;white-space:normal;overflow-wrap:break-word;line-height:1.4;padding:14px 12px}
.feedback-actions button[hidden]{display:none!important}
.confirm button{height:auto;white-space:normal;line-height:1.4}
.scan-feedback p{overflow-wrap:break-word}
@media(max-width:600px){.scanner-help summary{padding-right:80px}.wrap{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}}