:root{--navy:#133e4c;--navy2:#0d2f3a;--teal:#118b88;--gold:#dba74c;--bg:#f1f5f6;--line:#dbe6e9;--muted:#607680}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);font:15px Arial,sans-serif;color:#1d3a44}
header{background:linear-gradient(90deg,#005371 0%,#0d547e 48%,#1f4d9b 100%);border-bottom:2px solid var(--gold);color:white}
.head{max-width:990px;margin:auto;padding:7px 10px;display:grid;grid-template-columns:minmax(85px,1fr) minmax(105px,1.25fr) minmax(85px,1fr);align-items:center;gap:9px;text-align:center;min-height:58px}
.brand{display:flex;align-items:center;justify-content:center;min-width:0}
.brand img{display:block;width:auto;max-width:100%;height:auto;max-height:38px;object-fit:contain;border-radius:4px}
.head h1{font-size:24px;margin:0 0 1px;letter-spacing:1px}.head p{font-size:10px;margin:0;color:#e0eaed}
.rodapePFER{text-align:center;color:#73858d;font-size:10px;padding:8px 12px 22px;letter-spacing:.1px}
main{max-width:990px;margin:20px auto;padding:0 12px 30px}
.box{background:white;border:1px solid var(--line);box-shadow:0 3px 12px #1036420b;border-radius:13px;margin-bottom:15px;padding:20px}
h2{font-size:18px;margin:0 0 16px;color:var(--navy)}h3{font-size:15px;margin:8px 0}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{display:block;font-weight:bold;font-size:13px;margin-bottom:6px}
input:not([type=file]),textarea{width:100%;padding:12px;border-radius:8px;border:1px solid #c5d5da;font:inherit;background:white;color:inherit}
textarea{min-height:135px;resize:vertical}
button{border:0;border-radius:8px;background:var(--teal);color:white;font:inherit;font-weight:bold;padding:11px 15px;cursor:pointer}
button.secondary{background:white;color:var(--navy);border:1px solid #b7cdd2}
button.danger{background:#a84d46}button:disabled{opacity:.55;cursor:wait}
.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.help,.muted{font-size:12px;color:var(--muted);line-height:1.6}
.gps{background:#f0f9f7;border:1px solid #c9e7e2;padding:12px;border-radius:9px;margin-top:10px;line-height:1.6}
.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:12px;margin-top:14px}
.photo{position:relative;border:1px solid var(--line);border-radius:9px;padding:5px;overflow:hidden;background:#fafcfc}
.photo img{width:100%;height:100px;object-fit:cover;border-radius:5px}.photo small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.photo button{position:absolute;top:6px;right:6px;padding:3px 8px;background:#a84d46}
canvas{display:block;width:100%;height:185px;touch-action:none;border:1px dashed #8dabb4;background:#fff;border-radius:9px;cursor:crosshair}
.status{margin:0 0 16px;padding:12px;border-radius:8px;background:#e8f5f2;color:#17584c;display:none}
.status.err{background:#fff1ef;color:#91382a}.status.warn{background:#fff7e8;color:#805c19}
.opcaoRubrica{display:flex;align-items:center;gap:10px;padding:12px 2px 2px;cursor:pointer;font-size:14px;font-weight:normal}.opcaoRubrica input[type=checkbox]{width:18px;height:18px;padding:0;flex:none;accent-color:var(--teal);margin:0}.opcaoRubrica span{line-height:1.4}.saved{display:grid;gap:8px;margin-top:10px}.savedItem{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f7fafb;border:1px solid var(--line);border-radius:8px;padding:10px}
.savedItem .actions button{padding:7px 10px;font-size:12px}.count{font-size:12px;color:var(--muted)}
@media(max-width:640px){.head{grid-template-columns:minmax(72px,1fr) minmax(96px,1.05fr) minmax(72px,1fr);gap:6px;padding:6px 8px;min-height:52px}.brand img{max-height:32px}.head h1{font-size:22px}.head p{font-size:9px}.grid{grid-template-columns:1fr}.box{padding:15px}.actions button{flex:1}}