:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#15372f;background:#f4f5f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:10px;background:#163f34;color:white;padding:13px 18px;font-weight:600;transition:background .15s}button:hover{background:#285748}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #c98d35;outline-offset:3px}input,textarea,select{width:100%;background:#fff;border:1px solid #d7dfd7;border-radius:8px;padding:12px;color:#15372f}input:focus,textarea:focus,select:focus{outline:2px solid #6e9d80}label{display:block;font-size:13px;font-weight:600;margin:18px 0 8px}header{border-bottom:1px solid #dce2d9;background:#fbfcf8;padding:20px 4.5%;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit;font-size:23px;font-weight:750;letter-spacing:-1px}.brand-icon{background:#173e33;color:#d9ed9b;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-size:28px}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:4px}.pill{border:1px solid #d1ddcb;background:#eef3e8;border-radius:20px;padding:8px 12px;font-size:11px}main{max-width:1250px;margin:auto;padding:35px 32px 15px}.title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 25px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:#718575;margin:0 0 10px}h1{font-size:clamp(26px,3vw,38px);letter-spacing:-1.5px;margin:0 0 10px;font-weight:700}.title p:last-child{font-size:14px;color:#718174;margin:0}h2{font-size:20px;letter-spacing:-.6px;margin:0}.secondary{color:#224a3b;background:#fff;border:1px solid #d6dfd5}.secondary:hover{background:#edf2e8}.notice{padding:13px 16px;border:1px solid #e0dfbd;background:#f5f1db;color:#736439;border-radius:10px;font-size:12px;line-height:1.6;margin:0 0 22px}.workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:24px}.capture-panel,.folio-card,.details-card,.evidence{background:#fff;border:1px solid #dce3da;border-radius:15px}.capture-panel{padding:18px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:1px;font-weight:700;color:#718475;margin-bottom:15px}.section-heading span:last-child{letter-spacing:0}.dot{display:inline-block;border-radius:50%;width:6px;height:6px;background:#91b578;margin-right:5px}.viewfinder{position:relative;background:#102d28;border-radius:10px;overflow:hidden;aspect-ratio:4/3;min-height:300px;color:white}video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.camera-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;background:radial-gradient(ellipse at top,#294b3d,#102d28);z-index:2}.camera-glyph{font-size:50px;color:#c8dda1;line-height:1;margin-bottom:20px}.camera-empty h2{font-size:21px}.camera-empty p{font-size:12px;color:#a4baad;max-width:230px;line-height:1.8}.camera-empty button{background:#d5e7ad;color:#203f32;margin-top:10px}.camera-empty .ghost{background:transparent;border:1px solid #496454;color:#d1dfd1;font-size:12px}.live-stamp{position:absolute;bottom:16px;left:16px;right:16px;z-index:3;padding:13px 16px;border-left:3px solid #d7eaa9;background:#0b211ccb;border-radius:3px;pointer-events:none}.live-stamp strong{font-size:24px;letter-spacing:1px}.live-stamp span{margin-left:14px;font-size:10px;color:#cddcab;letter-spacing:1px}.live-stamp small{display:block;margin-top:5px;color:#b9cbbb;font-size:11px}.camera-state{position:absolute;top:15px;left:15px;font-size:9px;letter-spacing:1px;z-index:3;color:#c6d9c7}.capture-actions{display:flex;justify-content:space-between;align-items:center;padding:19px 0 4px;gap:10px}.capture-actions .secondary{font-size:11px;padding:12px}.shutter{height:66px;width:66px;background:white;border:2px solid #254837;padding:5px;border-radius:50%;flex-shrink:0}.shutter span{display:block;border-radius:50%;background:#254837;width:100%;height:100%}.shutter:hover{background:#dde8d0}.micro{font-size:11px;line-height:1.65;color:#819080}.capture-panel>.micro{text-align:center;margin-bottom:2px}aside{display:flex;flex-direction:column;gap:18px}.folio-card{padding:20px 23px;background:#edf2e5}.folio-number{font-size:60px;letter-spacing:-3px;font-weight:650;line-height:1.1}.folio-info{display:flex;justify-content:space-between;font-size:12px;color:#6a8065;margin:14px 0 20px}.next{background:#173f33;width:100%;display:flex;justify-content:space-between}.folio-card .micro{margin:8px 0 0;text-align:center}.text-btn{background:transparent;color:#526f58;padding:0;font-size:12px}.text-btn:hover{background:transparent;color:#1a392a}.details-card{padding:20px 23px}.label{font-size:10px;letter-spacing:1px;margin:0 0 14px}.categories{display:flex;flex-wrap:wrap;gap:6px}.categories button{font-size:10px;border:1px solid #dfe5db;background:white;color:#71816c;padding:8px 10px;border-radius:6px}.categories button.active{background:#eaf0dc;border-color:#9ab476;color:#26452c}.optional{font-size:11px;font-weight:400;color:#879583;margin-left:5px}.evidence{margin-top:28px;padding:24px}.evidence-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.evidence h2 span{font-size:12px;background:#edf1e7;color:#758666;border-radius:5px;padding:4px 7px;margin-left:8px;vertical-align:middle}.export{background:#ddebba;color:#25442f;font-size:12px}.export:hover{background:#c6dca0}.filters{display:flex;gap:10px;margin:22px 0}.filters input{flex:2}.filters select{flex:1}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.empty-gallery{grid-column:1/-1;text-align:center;border:1px dashed #d7e1d1;border-radius:10px;padding:36px;color:#879380;font-size:13px}.photo-card{background:#f6f8f2;border:1px solid #dde5d7;border-radius:10px;overflow:hidden;cursor:pointer;padding:0;text-align:left;color:#23472f}.photo-card:hover{background:#eef2e5}.photo-card img{width:100%;height:155px;object-fit:cover;display:block}.photo-card div{padding:12px}.photo-card strong{font-size:14px}.photo-card span{display:block;font-size:10px;color:#74856e;margin-top:5px}footer{display:flex;justify-content:space-between;gap:12px;padding:24px 0;color:#92a08c;font-size:10px}dialog{border:1px solid #d6dfd0;border-radius:18px;color:#183a2c;width:min(560px,94vw);max-height:92dvh;padding:28px;box-shadow:0 30px 100px #102d2833}dialog::backdrop{background:#0d2925aa;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.close{background:#edf2e6;color:#446642;padding:3px 11px;font-size:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check{display:flex;align-items:center;gap:10px;font-weight:400;line-height:1.5}.check input{width:17px;height:17px}.primary{width:100%}#preview{width:min(850px,94vw)}#previewImage{width:100%;max-height:65vh;object-fit:contain;margin:18px 0;background:#102d28;border-radius:10px}#previewMeta,#help p,#help li{font-size:13px;line-height:1.8}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#183d31;color:#fff;padding:14px 22px;border-radius:12px;box-shadow:0 8px 35px #0002;z-index:10;display:none;max-width:92vw;font-size:13px}#toast.show{display:block}@media(max-width:800px){main{padding:25px 16px}.title{align-items:flex-start;flex-direction:column;gap:15px}.workspace{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1fr;align-items:start}.folio-number{font-size:45px}.gallery{grid-template-columns:repeat(3,1fr)}.evidence-heading{flex-wrap:wrap}}@media(max-width:540px){header{padding:15px 18px}.brand{font-size:21px}.pill{font-size:9px}h1{font-size:29px}.viewfinder{min-height:330px;aspect-ratio:3/4}aside{display:flex;flex-direction:column}aside>section{width:100%}.folio-card{position:relative}.folio-number{font-size:52px}.folio-info{margin-bottom:15px}.evidence{padding:18px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-card img{height:130px}.filters{flex-direction:column}footer>span:last-child{display:none}.evidence-heading button{width:100%}.capture-panel{padding:13px}.live-stamp strong{font-size:21px}.capture-actions .secondary{font-size:10px;padding:10px}dialog{padding:22px}}
.full-camera{width:100%;margin-top:12px;background:#eef2e9;color:#214534;border:1px solid #d8e3d4;font-size:12px}.camera-mode{position:fixed;inset:0;z-index:1000;background:#000;color:#fff;touch-action:none}.camera-stage{position:absolute;inset:0;overflow:hidden;background:#000}.camera-stage video{width:100%;height:100%;object-fit:contain;transform-origin:center;transition:transform .08s linear}.full-top,.full-bottom{position:absolute;z-index:4;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:12px}.full-top{top:max(15px,env(safe-area-inset-top))}.full-top>div{text-align:center;text-shadow:0 1px 4px #000}.full-top strong{font-size:24px;letter-spacing:1px}.full-top span{display:block;font-size:10px;letter-spacing:1px;color:#d9eeaf;margin-top:4px}.full-bottom{bottom:max(23px,env(safe-area-inset-bottom));justify-content:center}.camera-tool,.zoom-control{width:49px;height:49px;border-radius:50%;padding:0;background:#0c241ed9;color:#fff;border:1px solid #789281;font-size:24px;display:grid;place-items:center}.zoom-control{font-size:14px}.full-shutter{width:76px;height:76px;background:#fff;border:3px solid #759886;border-radius:50%;padding:6px}.full-shutter span{display:block;width:100%;height:100%;border-radius:50%;background:#1c4c3d}.full-stamp{position:absolute;z-index:3;bottom:max(118px,calc(env(safe-area-inset-bottom) + 95px));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));padding:12px 16px;border-left:3px solid #d7eaa9;background:#061b16c7;pointer-events:none}.full-stamp strong{font-size:25px}.full-stamp span{margin-left:10px;font-size:10px;letter-spacing:1px;color:#d9eeaf}.full-stamp small{display:block;margin-top:4px;color:#d4ddd4;font-size:11px}.zoom-hint{position:absolute;z-index:3;bottom:max(205px,calc(env(safe-area-inset-bottom) + 180px));left:0;right:0;text-align:center;font-size:11px;text-shadow:0 1px 3px #000;color:#eef8d2;transition:opacity .5s}.preview-actions{display:flex;gap:10px;flex-wrap:wrap}.danger{background:#8a332d}.danger:hover{background:#6d2723}@media(orientation:landscape) and (max-height:600px){.full-stamp{left:max(78px,env(safe-area-inset-left));right:auto;bottom:max(16px,env(safe-area-inset-bottom));max-width:48vw}.full-bottom{bottom:max(14px,env(safe-area-inset-bottom))}.zoom-hint{bottom:80px}.full-top{right:max(72px,env(safe-area-inset-right))}}
.delete-card{display:inline-block;margin-top:9px;color:#9b342e!important;font-size:10px!important;font-weight:700;border:0;text-decoration:underline}.delete-card:hover{color:#681f1b!important}
.static-field{height:45px;border:1px solid #d7dfd7;border-radius:8px;background:#f7f9f4;padding:12px;color:#667867;font-size:12px}.capture-details{width:min(520px,94vw)}.capture-details .quick-categories{margin-bottom:8px}.quick-categories button{font-size:11px}.delete-card{cursor:pointer}.preview-note{margin:16px 0}.preview-note label{margin-top:0}.preview-note textarea{resize:vertical}.preview-note button{margin-top:9px;font-size:12px}
.material-fields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:9px;margin:10px 0}.material-fields label{margin:0;font-size:11px}.material-fields input{margin-top:5px}.material-fields[hidden]{display:none}@media(max-width:560px){.material-fields{grid-template-columns:1fr}}
.preview-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:10px 0}.preview-fields label{margin:0;font-size:11px}.preview-fields input{margin-top:5px}@media(max-width:560px){.preview-fields{grid-template-columns:1fr}}
.checklist-panel{max-width:1180px;margin:24px auto;background:#fff;border:1px solid #dce6da;border-radius:18px;padding:22px}.checklist-panel h2{margin:3px 0}.check-item{border-top:1px solid #dde6db;padding:17px 0}.check-item h3{font-size:15px;margin:4px 0 12px;color:#173e33}.check-item.noncompliant h3{color:#8a332d}.check-controls{display:grid;grid-template-columns:150px 1fr 1fr auto;gap:10px;align-items:start}.check-controls textarea{min-height:62px}.check-controls button{white-space:nowrap}.check-evidence{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px;font-size:12px;color:#6b7b71}.check-evidence button{padding:5px 8px;font-size:11px;background:#edf4e9;color:#23513f;border:1px solid #bad0be;border-radius:6px}@media(max-width:760px){.checklist-panel{margin:18px 12px;padding:16px}.check-controls{grid-template-columns:1fr}.check-controls button{width:100%}}
.work-modes{max-width:1180px;margin:0 auto 16px;display:flex;gap:8px;padding:0 4px}.work-modes button{border:1px solid #c7d7c9;background:#f6f8f3;color:#29483d;padding:11px 15px;border-radius:9px;font-weight:700}.work-modes button.active{background:#1c4c3d;color:#fff;border-color:#1c4c3d}.work-mode-checklist .workspace,.work-mode-checklist>.evidence{display:none}.work-mode-checklist .checklist-panel{margin-top:0}.work-mode-checklist #toggleChecklist{display:none}.check-classification{display:inline-block;margin-top:4px;font-size:10px;font-weight:700;letter-spacing:.7px;color:#47705a}.checklist-link{margin-top:10px}.checklist-link select{margin-top:5px}@media(max-width:560px){.work-modes{flex-direction:column}.work-modes button{width:100%}}
.work-mode-checklist .evidence{display:none}
.preview-checklist{margin:14px 0;padding:12px;border:1px solid #c9d9cb;border-radius:9px;background:#f4f8f1}.preview-checklist label{margin:0}.preview-checklist select{margin-top:6px}.preview-checklist .micro{margin:7px 0 0}.preview-checklist[hidden]{display:none}
.check-section{margin:22px 0 30px;border:1px solid #c9d9cb;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 3px 12px #183c2812}.check-section-header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;background:linear-gradient(100deg,#153e32,#285946);color:#fff;border-left:6px solid #d7eaa9}.check-section-header .eyebrow{margin:0 0 3px;color:#d7eaa9}.check-section-header h3{margin:0;font-size:19px}.check-section-header span{display:block;margin-top:4px;font-size:11px;color:#e5f0dc;text-transform:uppercase;letter-spacing:.55px}.check-section-header strong{border:1px solid #93b9a0;border-radius:100px;padding:6px 9px;font-size:11px;white-space:nowrap}.check-section .check-item{margin:0 16px;padding:17px 2px}.check-section .check-item:last-child{border-bottom:0}.check-section .check-item h4{font-size:15px;margin:0 0 11px;color:#173e33}.check-section .check-item.noncompliant h4{color:#8a332d}@media(max-width:560px){.check-section-header{align-items:flex-start;flex-direction:column}.check-section-header h3{font-size:17px}}

.sync-dialog{width:min(460px,calc(100% - 28px));border:0;border-radius:16px;padding:22px;color:#173e33}.sync-dialog::backdrop{background:rgba(6,25,20,.55)}.sync-dialog label{display:block;margin:13px 0}.sync-dialog input{width:100%;box-sizing:border-box;margin-top:5px}.sync-dialog .primary{width:100%;margin-top:8px}.sync-ok{color:#17653b;font-weight:700}.sync-error{color:#a32828;font-weight:700}
