
/* checa.digital v1.2.0 · capture UI uses the same DOM/geometry as the stable public capture */
.camera-screen{position:fixed;inset:0;z-index:1500;background:#fff;color:#151713;overflow:hidden;display:flex;flex-direction:column;align-items:center;min-height:100dvh}.capture-header{position:absolute;left:24px;right:24px;top:max(18px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;gap:14px;z-index:9}.capture-brand{font-size:24px;font-weight:900;letter-spacing:-.05em;color:#151713}.capture-brand span{color:#1477ff}.secure-pill{font-size:10px;font-weight:900;letter-spacing:.06em;border:1px solid #d9ddd5;padding:8px 11px;border-radius:999px;color:#5d6258;background:#fff}.camera-exit{position:absolute;right:22px;bottom:max(22px,env(safe-area-inset-bottom));z-index:10;width:48px;height:48px;border-radius:50%;font-size:28px;color:#151713;background:#fff;border:1px solid #d9ddd5;box-shadow:0 8px 28px rgba(0,0,0,.14);cursor:pointer}.camera-frame{position:relative;margin:0 auto;width:min(100%,480px);height:100dvh;max-height:860px;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden}.camera-frame canvas{display:block;width:min(360px,100%,calc((100dvh - 8px)/2));height:auto!important;max-width:100%;max-height:none;aspect-ratio:1/2;border-radius:0;background:#fff;box-shadow:none}.overlay-container{position:absolute;inset:0;z-index:8;pointer-events:none;display:flex;justify-content:center;padding:24px 18px;transition:.18s ease}.overlay-container.hidden{display:none}.overlay-container.pos-top,.overlay-container.pos-bottom{align-items:flex-start;padding-top:clamp(72px,9vh,86px);padding-bottom:0}.ui-msg{display:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:min(390px,92vw);min-height:84px;background:rgba(255,255,255,.96);color:#151713;border:1px solid rgba(16,18,15,.12);border-radius:18px;padding:11px 18px;text-align:center;box-shadow:0 14px 42px rgba(0,0,0,.16);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);text-shadow:none}.ui-msg.active{display:flex;animation:instructionIn .16s ease-out}.ui-msg .stage-label{display:block;font-size:11px!important;line-height:1.2;color:#6f756b!important;font-weight:850;letter-spacing:.13em;text-transform:uppercase;margin:0 0 3px}.ui-msg strong{display:block;color:#151713;font-size:clamp(24px,6vw,34px);line-height:1.05;font-weight:900;letter-spacing:-.035em;margin:0}.ui-msg .message-detail{display:block;font-size:14px!important;line-height:1.3;color:#60665c!important;font-weight:650;margin-top:3px}.ui-msg.countdown-msg strong{font-size:clamp(25px,6vw,34px)}.ui-msg.countdown-msg .countdown-detail{font-size:clamp(16px,4.2vw,20px)!important;font-weight:800;color:#4f554d!important;margin-top:6px;line-height:1.25}.ui-msg.countdown-msg #val-countdown{display:inline-block;min-width:1.1ch;margin-left:2px;color:#035c3b;background:#dff8e9;border:1px solid #9be4b8;border-radius:10px;padding:.02em .20em;font-size:1.18em;font-weight:950;font-variant-numeric:tabular-nums;box-shadow:0 2px 0 rgba(3,92,59,.08)}.ui-msg.action-msg{border-color:#04aa6d;background:#effcf4}.ui-msg.action-msg strong,.ui-msg.good-msg strong{color:#04784d}.ui-msg.good-msg{border-color:#82eaa5;background:#f2fff6}@keyframes instructionIn{from{opacity:0;transform:translateY(-7px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.camera-caption{position:absolute;left:18px;right:78px;bottom:max(24px,env(safe-area-inset-bottom));z-index:9;margin:0;color:#50564d;font-size:13px;font-weight:700;line-height:1.35}
@media(max-width:680px){.capture-header{left:16px;right:16px}.camera-frame{width:100vw;height:100dvh;max-height:none}.camera-frame canvas{width:min(360px,100vw,calc(100dvh / 2));height:auto!important;aspect-ratio:1/2}.overlay-container.pos-top,.overlay-container.pos-bottom{padding-top:max(72px,calc(env(safe-area-inset-top) + 58px));padding-bottom:0}.ui-msg{width:min(342px,92vw);min-height:84px;padding:11px 15px}.ui-msg strong{font-size:clamp(23px,7vw,31px)}.ui-msg .message-detail{font-size:12.5px!important}.camera-caption{left:16px;right:76px;bottom:max(18px,env(safe-area-inset-bottom));font-size:12px}.capture-brand{font-size:21px}.secure-pill{font-size:9px;padding:7px 9px}}
@media(max-width:380px),(max-height:700px){.camera-frame canvas{width:min(340px,100vw,calc(100dvh / 2));height:auto!important;aspect-ratio:1/2}.overlay-container.pos-top,.overlay-container.pos-bottom{padding-top:max(62px,calc(env(safe-area-inset-top) + 50px))}.ui-msg{min-height:76px;padding:8px 14px;gap:2px}.ui-msg strong{font-size:clamp(21px,6.5vw,28px)}.ui-msg .stage-label{font-size:10px!important;margin-bottom:1px}.ui-msg .message-detail{font-size:11.5px!important;margin-top:1px}}
