body{background:#f5f6f2}.cloudheader{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;background:white;border-bottom:1px solid var(--line);gap:20px}.cloudbrand{display:flex;align-items:center;gap:18px}.cloudbrand img{width:78px}.cloudbrand h1{font-size:20px;letter-spacing:0}.cloudmain{padding:30px;max-width:1250px;margin:auto}.loginbox{max-width:470px;margin:45px auto;padding:30px;background:#fff;border:1px solid var(--line);border-radius:15px}.loginbox h2{margin-bottom:22px}.cloudtabs{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap}.cloudtabs .selected{background:var(--green)}.cloudrecord{padding:20px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.cloudrecord p{font-size:12px;line-height:1.9;margin:8px 0}.cloudmain .field{max-width:650px}.cloudmain input,.loginbox input{width:100%}.cloudupload{padding:20px;background:var(--bg);border-radius:10px;margin:20px 0}.cloudhint{font-size:12px;line-height:1.9;color:var(--muted);margin:15px 0}.cloudmain .actions{margin:15px 0}.cloudrole{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:12px}#cloudMessage{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:15px 25px;background:#2b4837;color:white;border-radius:9px;z-index:100;display:none;max-width:90vw}.cloudempty{padding:30px;line-height:1.9}.cloudmain .grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.cloudmain textarea{min-height:90px}.cloudlabel{font-size:10px;letter-spacing:1px;color:var(--muted);margin-top:8px}.cloudreview{padding:18px;background:#eff4eb;border-radius:10px;margin:20px 0}.cloudreview textarea{margin:12px 0}.cloudloading{padding:50px;text-align:center}a{color:var(--accent)}@media(max-width:700px){.cloudheader{padding:15px;align-items:flex-start}.cloudbrand img{width:60px}.cloudbrand h1{font-size:16px}.cloudmain{padding:20px 15px}.cloudmain .grid2{grid-template-columns:1fr}.cloudrecord{flex-wrap:wrap}.loginbox{margin:25px 15px;padding:22px}}
.cloudstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:22px 0}.cloudstat{padding:22px;background:#eaf3ec}.cloudstat span{font-size:12px}.cloudstat strong{display:block;font-size:32px;margin-top:12px}.cloudstat.alert{background:#f9e7e5}.cloudlate{color:#923f3a}.cloudfilters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:20px;border-top:1px solid var(--line)}.cloudfilters .field{flex:1;min-width:155px;margin:0}.cloudfilters button{min-height:42px}.cloudmain .contentpad .cloudrecord{padding:16px 0}.cloudmain .cloudrecord h3{overflow-wrap:anywhere}@media(max-width:700px){.cloudstats{grid-template-columns:1fr 1fr;gap:10px}.cloudstat{padding:16px}.cloudfilters .field{flex-basis:100%}.cloudfilters button{flex:1}}
.cloudlocation{border:1px solid var(--line);border-radius:10px;padding:18px;margin:18px 0}.cloudlocation legend{font-size:13px;padding:0 8px}.cloudlocation select{width:100%}.cloudlocation .field{min-width:0}#locationLines{min-height:180px;width:100%}
.inspectionstatus{display:inline-block;border-radius:7px;padding:5px 9px;font-size:12px}.inspectionstatus.neutral{background:#edf0ee;color:#53615a}.inspectionstatus.good{background:#def0e3;color:#285b3f}.inspectionstatus.bad{background:#f7dfdc;color:#8a3830}.inspectionstatus.follow{background:#f5eed9;color:#6d592c}
.fieldprojects{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.fieldprojects h2{margin-top:10px}.fieldactions{display:grid;gap:12px}.fieldactions button{min-height:52px;text-align:left}.evidencepreview{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:auto}#photoDialog{width:850px}.reportsummary{display:flex;gap:16px;flex-wrap:wrap}.reportsummary p{margin:16px 0}.cloudmain button{min-height:44px}.cloudmain textarea{font-size:16px}@media(max-width:700px){.cloudtabs{display:grid;grid-template-columns:1fr 1fr}.cloudtabs button{min-height:48px}.cloudheader{flex-wrap:wrap}.fieldprojects{grid-template-columns:1fr}.cloudmain input,.cloudmain select{font-size:16px}.cloudmain .heading{flex-wrap:wrap}.cloudmain .heading .actions{width:100%}}