/* The trusted WebView draws controls over the native, in-memory camera preview. */
html.camera-active,body.camera-active{background:transparent!important;overflow:hidden;color-scheme:dark}
body.camera-active .preview-label{display:none}
#app.ui-camera{display:flex;flex-direction:column;max-width:none;width:100%;height:100dvh;min-height:0;margin:0;border:0;border-radius:0;background:transparent!important;box-shadow:none}
.ui-camera>header{flex:none;min-height:62px;height:62px;padding:10px 14px;background:#151a20;border-bottom:1px solid #353d46}
.ui-camera>header h1{font-size:19px;flex:1}.ui-camera .camera-light{height:38px;width:38px;min-width:38px;padding:8px;display:grid;place-items:center}.camera-light svg{width:22px;height:22px}
.ui-camera>main.camera-viewfinder{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;padding:12px 14px;background:transparent}
.camera-state{align-self:flex-start;max-width:100%;padding:6px 10px;background:#151c22db;border:1px solid #52665a;border-radius:12px;color:#e0e9e2;font-size:11px;line-height:1.4;margin:0;z-index:1}
.camera-aim{position:absolute;top:21%;left:calc(50% - 90px);width:180px;height:150px;border:2px solid #ffffffa6;border-radius:15px;pointer-events:none}
.camera-result-slot{width:100%;max-width:480px;margin:auto auto 0;padding-top:12px;z-index:1}
.camera-result{background:#1c2925f5;border:1px solid #54806a;border-radius:15px;padding:13px 14px;box-shadow:0 6px 24px #0004}
.camera-result.neutral{background:#242c35f5;border-color:#586475}.camera-result.error{background:#32252af5;border-color:#93616c}
.camera-result-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 8px;font-size:11px;color:#9ed4b4;margin-bottom:6px}.error .camera-result-top{color:#f0b0ba}.neutral .camera-result-top{color:#c4ccde}
.camera-result>strong{display:block;font-size:15px;line-height:1.3;overflow-wrap:anywhere}.camera-result p{font-size:12px;color:#c5cdca;line-height:1.4;margin:6px 0 0}.camera-result .camera-variant{font-size:11px;max-height:3em;overflow:auto}
.camera-result-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;font-size:11px}.camera-result-bottom button{min-height:36px;font-size:12px;padding:7px 12px}
.camera-footer{flex:none;background:#191f27;border-top:1px solid #353d46;padding:10px 14px max(14px,env(safe-area-inset-bottom))}.camera-footer .wide{min-height:46px;font-size:14px;margin:0;max-width:480px;margin-inline:auto}.camera-session{display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:480px;margin:0 auto 10px;font-size:11px;color:#b7bfcb}.camera-session button{color:#d4d9ef;background:none;border:0;font-size:12px;padding:4px 0;min-height:30px}
.camera-upgrade{position:absolute;top:90px;left:20px;right:20px;z-index:2}
.camera-history[open]{display:flex;flex-direction:column;max-height:85dvh;overflow:hidden}.camera-history .receipt-dialog-head{flex-shrink:0;margin-bottom:8px}.camera-history-total{margin:0 0 12px;font-size:12px;flex-shrink:0;color:#b9c2cd}.camera-history-list{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#576273 transparent;padding-right:4px}.camera-history-list section{border-top:1px solid #414b58;padding:12px 0}.camera-history-list section:first-child{border:0;padding-top:0}.camera-history-list strong{font-size:13px}.camera-history-list p{font-size:11px;line-height:1.4;color:#b9c2cd;margin:4px 0}.camera-package{margin-top:8px;font-size:11px;color:#bdc9c5}.camera-package>div{display:flex;justify-content:space-between;gap:10px;margin-top:2px}.camera-package b{font-weight:600;color:#e0e8e3}
@media(max-height:580px){.ui-camera>header{height:52px;min-height:52px}.camera-result{padding:9px 12px}.camera-result-bottom{margin-top:6px}.camera-aim{top:16%;height:90px}.camera-state{font-size:10px;padding:4px 8px}.camera-footer{padding-top:6px;padding-bottom:8px}.camera-session{margin-bottom:5px}}

.camera-remaining{color:#f2a3a3!important;font-weight:600;white-space:nowrap}.camera-remaining[data-complete=true]{color:#91d2aa!important}.camera-result-top>span:last-child{color:#c4ccca}