:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18202a;background:#eef1f4}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#f7f8fa,#edf0f3)}button,input{font:inherit}.app-shell{width:min(100%,760px);min-height:100vh;margin:0 auto;padding:18px 14px 40px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:14px}.brand-mark{width:46px;height:46px;border-radius:14px;background:#ff6b00;color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 8px 22px #ff6b0030}.brand div:last-child{display:flex;flex-direction:column}.brand small{color:#66717e;margin-top:2px}.context-card{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.context-card>div{background:#fff;border:1px solid #e4e8ec;border-radius:13px;padding:10px;min-width:0}.context-card small,.asset-box small,.result-fields small{display:block;color:#7a8490;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.context-card strong{display:block;margin-top:4px;font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.camera-card,.preview-card,.review-card,.result-card,.processing-card{background:#fff;border:1px solid #e2e6ea;border-radius:20px;padding:12px;box-shadow:0 14px 38px #1d2b3a0d}.camera-stage{position:relative;overflow:hidden;border-radius:16px;background:#111;aspect-ratio:4/3}.camera-stage video{width:100%;height:100%;object-fit:cover}.document-overlay{position:absolute;inset:14% 10%;border:3px solid #ffc247;border-radius:12px;box-shadow:0 0 0 9999px #00000030;display:grid;place-items:center;color:#fff;font-size:.75rem;letter-spacing:.16em;text-shadow:0 1px 4px #000}.document-overlay.ready{border-color:#2eaf67}.camera-loading{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:#0008}.camera-tools{display:flex;align-items:center;gap:10px;margin:10px 0 2px}.camera-tools small{flex:1;color:#697583;line-height:1.35}.tool-button{border:1px solid #d9dfe5;background:#fff;color:#28323d;border-radius:12px;padding:10px 13px;font-weight:800;white-space:nowrap;cursor:pointer}.tool-button.torch-on{background:#fff3d7;border-color:#f0b947;color:#7c5400}.tool-button:disabled{opacity:.55;cursor:not-allowed}.quality-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}.quality-item{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:11px;font-size:.88rem;background:#f5f6f7}.quality-icon{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800}.quality-good .quality-icon{background:#2eaf67}.quality-warning .quality-icon{background:#d89b17}.quality-bad .quality-icon{background:#d94444}.instruction{padding:12px;border-radius:12px;background:#fff6e9;color:#8b5713;text-align:center;font-weight:700;margin:10px 0}.instruction.ready{background:#eaf8f0;color:#207846}.primary-button,.secondary-button{width:100%;border:0;border-radius:14px;padding:14px 16px;font-weight:850;letter-spacing:.02em;cursor:pointer}.primary-button{background:#ff6b00;color:#fff;box-shadow:0 8px 20px #ff6b0030}.primary-button:disabled{opacity:.5;cursor:not-allowed}.secondary-button{margin-top:8px;background:#f0f2f4;color:#2d3742}.manual-note{display:block;text-align:center;color:#7a8490;margin-top:8px}.page-title{display:flex;flex-direction:column;margin-bottom:14px}.page-title span{text-transform:uppercase;color:#ff6b00;font-weight:800;font-size:.75rem;letter-spacing:.09em}.page-title strong{font-size:1.45rem;margin-top:3px}.success-title span{color:#2eaf67}.preview-card img{width:100%;max-height:50vh;object-fit:contain;border-radius:14px;background:#141414}.preview-quality{display:grid;gap:6px;padding:14px 4px}.error-box{display:flex;flex-direction:column;gap:5px;background:#fff0f0;color:#9b2e2e;padding:14px;border-radius:13px;margin:10px 0}.processing-card{text-align:center;margin-top:22vh;padding:34px}.processing-card progress{width:100%;accent-color:#ff6b00}.spinner{width:42px;height:42px;margin:0 auto 18px;border:4px solid #eee;border-top-color:#ff6b00;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.field-row{display:block;margin-bottom:16px}.field-row>span{display:flex;align-items:center;justify-content:space-between;font-weight:750;margin-bottom:6px}.field-row input{width:100%;border:1px solid #d9dfe5;border-radius:12px;padding:12px 13px;font-size:1rem}.field-row small{color:#a35e09}.confidence{font-style:normal;font-size:.68rem;padding:4px 8px;border-radius:999px}.confidence-alta{background:#e5f7ed;color:#237648}.confidence-media{background:#fff2d6;color:#9b6907}.confidence-baixa{background:#ffe7e7;color:#a43838}details{margin:8px 0 16px;border:1px solid #e5e8eb;border-radius:12px;padding:10px}details pre{white-space:pre-wrap;word-break:break-word;max-height:200px;overflow:auto;font-size:.75rem}.big-check{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:6px auto;background:#e6f7ee;color:#22975a;font-size:2.2rem;font-weight:900}.result-card h2{text-align:center}.result-card ul{line-height:1.8;color:#42505e}.asset-box{background:#f6f7f8;border-radius:12px;padding:10px;margin:10px 0}.asset-box code{display:block;margin:3px 0 8px;word-break:break-all}.result-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0}.result-fields>div{border:1px solid #e7eaed;border-radius:12px;padding:10px}.result-fields strong{display:block;margin-top:4px}@media(max-width:600px){.camera-tools{align-items:stretch;flex-direction:column}.tool-button{width:100%}.app-shell{padding:12px 10px 28px}.context-card{grid-template-columns:1fr 1fr}.context-card>div:first-child{grid-column:1/-1}.quality-grid{grid-template-columns:1fr}.camera-stage{aspect-ratio:3/4}.document-overlay{inset:17% 7%}.result-fields{grid-template-columns:1fr}}@media(orientation:landscape) and (max-height:600px){.app-shell{width:min(100%,980px)}.camera-card{display:grid;grid-template-columns:1.6fr 1fr;gap:12px}.camera-stage{grid-row:1/6;aspect-ratio:4/3}.quality-grid{grid-template-columns:1fr;margin:0}.instruction{margin:0}}

/* Prototype 004 — moldura ajustável por tentativa */
.frame-help{display:flex;flex-direction:column;gap:2px;padding:2px 2px 10px;color:#303945}.frame-help strong{font-size:.98rem}.frame-help small{color:#75808b}.frame-layer{position:absolute;inset:0;z-index:3;touch-action:none;pointer-events:none}.frame-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.frame-svg polygon{fill:#ff6b0010;stroke:#ff9b2f;stroke-width:.8;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 3px #0007)}.frame-svg polygon.ready{stroke:#2eaf67;fill:#2eaf670d}.frame-handle{position:absolute;width:34px;height:34px;border-radius:50%;border:4px solid #fff;background:#ff6b00;box-shadow:0 2px 8px #0008;transform:translate(-50%,-50%);z-index:4;pointer-events:auto;touch-action:none;cursor:grab}.frame-handle:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.08)}.frame-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0008;color:#fff;border-radius:999px;padding:5px 9px;font-size:.65rem;letter-spacing:.12em;white-space:nowrap;pointer-events:none}.frame-actions{display:flex;justify-content:flex-end;margin:8px 0 0}.mini-button{border:1px solid #dde2e6;background:#fff;color:#53606d;border-radius:10px;padding:7px 10px;font-size:.78rem;font-weight:750;cursor:pointer}.preview-quality small{color:#75808b;line-height:1.4;margin-top:4px}.camera-stage video{position:relative;z-index:1}.camera-loading{z-index:5}
@media(max-width:600px){.frame-handle{width:38px;height:38px}.frame-help strong{font-size:.92rem}}

.ocr-summary{display:flex;flex-direction:column;gap:4px;background:#f6f8fa;border:1px solid #e4e8ec;border-radius:13px;padding:12px;margin-bottom:16px}.ocr-summary strong{color:#26313d}.ocr-summary span,.ocr-summary small{color:#697583}.field-reason{display:block;color:#6f7a86!important;margin-top:5px}.field-warning{display:block;color:#a35e09!important;margin-top:5px;font-weight:650}

/* Prototype 006 — processo documental / checklist / dossiê */
.hero-card{background:#fff;border:1px solid #e2e6ea;border-radius:22px;padding:22px;box-shadow:0 14px 38px #1d2b3a0d;margin-bottom:14px}.hero-card h1{font-size:1.65rem;line-height:1.12;margin:7px 0 10px}.hero-card p{color:#65717d;line-height:1.5;margin:0 0 14px}.eyebrow{color:#ff6b00;font-weight:850;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}.privacy-note{background:#fff6e9;border:1px solid #ffd7a8;color:#875318;border-radius:12px;padding:10px 12px;font-size:.82rem;line-height:1.4}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.entry-card{appearance:none;text-align:left;border:1px solid #e0e5e9;background:#fff;border-radius:18px;padding:20px;min-height:132px;display:flex;flex-direction:column;justify-content:center;gap:7px;cursor:pointer;color:#26313d;box-shadow:0 10px 30px #1d2b3a0a}.entry-card strong{font-size:1.06rem}.entry-card span{color:#6e7985;line-height:1.4}.entry-card.entry-accent{border-color:#ffc99f;background:#fffaf6}.entry-card:active{transform:translateY(1px)}.process-form{max-width:620px;margin:0 auto}.audit-banner{display:flex;flex-direction:column;gap:3px;background:#fff6e9;border:1px solid #ffd4a8;border-radius:13px;padding:12px;margin-bottom:16px}.audit-banner strong{color:#8c5311}.audit-banner span{color:#745f48;font-size:.86rem}.process-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.process-summary>div{background:#fff;border:1px solid #e3e7eb;border-radius:13px;padding:10px;min-width:0}.process-summary small{display:block;color:#7a8490;text-transform:uppercase;font-size:.67rem;letter-spacing:.05em}.process-summary strong{display:block;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.84rem}.checklist-card{background:#fff;border:1px solid #e2e6ea;border-radius:20px;padding:14px;box-shadow:0 14px 38px #1d2b3a0d}.checklist-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 2px 12px}.checklist-head>div:first-child{display:flex;flex-direction:column;gap:3px}.checklist-head span{font-size:.7rem;color:#ff6b00;font-weight:850;letter-spacing:.08em}.checklist-head strong{font-size:1rem}.progress-ring{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#fff3e8;color:#bd570d;font-weight:900;border:1px solid #ffd1ae}.check-item{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;border-top:1px solid #edf0f2;padding:12px 2px}.check-status{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eef1f4;color:#73808d;font-weight:900}.check-captured .check-status{background:#e6f7ee;color:#218653}.check-review .check-status{background:#fff2d6;color:#a97008}.check-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.check-copy strong{font-size:.9rem}.check-copy small{color:#7a8490;font-size:.72rem}.complete-banner{display:flex;flex-direction:column;gap:3px;background:#eaf8f0;color:#247848;border:1px solid #ccebd8;border-radius:13px;padding:12px;margin:12px 0}.complete-banner span{font-size:.84rem}.link-button{display:block;text-decoration:none;text-align:center;margin-top:12px}.result-card .privacy-note{margin:12px 0}@media(max-width:600px){.entry-grid{grid-template-columns:1fr}.process-summary{grid-template-columns:1fr 1fr}.check-item{grid-template-columns:34px 1fr}.check-item .doc-action{grid-column:2;width:100%;margin-top:2px}.hero-card{padding:18px}.hero-card h1{font-size:1.42rem}}
