.connection{padding:6px 9px;border-radius:20px;background:#e4f2e9;color:#176b4a;font-size:11px;font-weight:700}.connection.offline{background:#fff0dc;color:#9a5b13}.offline-info{margin-bottom:14px;color:#708078;font-size:12px}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.field-card{background:#fff;border:1px solid #dde5e0;border-radius:12px;padding:18px}.field-card h3{margin:8px 0}.field-card p{margin:6px 0;color:#708078;font-size:13px}.field-card .primary,.field-card .outline{margin-top:12px}.location-box{padding:12px;border-radius:8px;background:#eef5f0;color:#176b4a;font-size:12px;margin-top:12px}
.signature-canvas{width:100%;height:180px;border:2px solid #b8c9c0;border-radius:10px;background:#fff;touch-action:none}.clear-signature{justify-self:start;padding:7px 10px}.field-proof-required{color:#176b4a;font-weight:700}@media(max-width:620px){#fieldModal{width:100vw;max-width:none;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;margin:0;inset:0;border-radius:0;overflow:hidden;padding:0}#fieldModal form{height:100%;overflow-y:auto;padding:18px 18px 100px}#fieldModal .modal-actions{position:fixed;z-index:5;left:0;right:0;bottom:0;margin:0;padding:13px 18px calc(13px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -8px 22px #10201922}#fieldModal .modal-actions button{display:inline-block;min-height:48px}#fieldModal .modal-actions .primary{flex:1}#fieldModal .outline{display:inline-block}.field-grid{grid-template-columns:1fr}.field-card .primary,.field-card .outline{width:100%;margin-left:0}}
.driver-mode aside{display:none}.driver-mode main{margin-left:0;max-width:760px;margin-right:auto;padding:18px}.driver-mode #campo .page-head{align-items:flex-start}.driver-mode #campo .page-head h2{font-size:25px}.driver-mode #campo .page-head p{font-size:14px}.driver-mode #fieldOrders{grid-template-columns:1fr}.driver-mode .field-card{border-left:5px solid #176b4a}.driver-mode .field-card h3{font-size:20px}.driver-mode #currentUser{font-size:12px;color:#708078}.driver-mode header h1{font-size:24px}.driver-mode header>div:first-child small{display:none}@media(max-width:620px){.driver-mode main{padding:14px}.driver-mode header{align-items:center}.driver-mode header .actions{gap:7px}.driver-mode #currentUser{display:none}.driver-mode #logout{display:inline-block;padding:7px 10px}.driver-mode #campo .page-head{display:block}.driver-mode #syncNow{width:100%;margin-top:10px}.driver-mode .field-card{padding:16px}}
.evidence-modal{width:min(760px,94vw)}.evidence-content{padding:24px}.evidence-details{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}.evidence-details div{padding:12px;background:#eef5f0;border-radius:8px}.evidence-details small{display:block;margin-bottom:5px}.evidence-media{display:grid;grid-template-columns:1fr 1fr;gap:16px}.evidence-media section{border:1px solid #dde5e0;border-radius:10px;padding:12px}.evidence-media h3{font-size:14px;margin:0 0 10px}.evidence-media img{display:block;width:100%;max-height:340px;object-fit:contain;background:#f6f8f6;border-radius:7px}.evidence-location{color:#176b4a;font-weight:600}@media(max-width:620px){.evidence-modal{width:100vw;max-width:none;height:100dvh;max-height:100dvh;margin:0;inset:0;border-radius:0}.evidence-content{padding:18px;overflow:auto}.evidence-details,.evidence-media{grid-template-columns:1fr}.evidence-media img{max-height:300px}}