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%}}

.electricalitem{border:1px solid var(--line);border-radius:10px;margin:12px 0;padding:14px;background:#fff}.electricalitem summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.electricalitem .field{margin-top:16px}.electricalitem textarea{min-height:70px}.electricalitem select{width:100%}.electricalsummaryrow{padding:12px 0;border-top:1px solid var(--line);font-size:12px}.electricalsummaryrow .inspectionstatus{margin-left:10px}.electricalsummaryrow p{margin-top:8px}@media(max-width:700px){.electricalitem summary{align-items:flex-start;flex-direction:column}.electricalsummaryrow .inspectionstatus{display:block;margin:8px 0;width:fit-content}}

.cloudmain .grid2{align-items:start}

.voicepanel{margin-top:24px}.voicepanel audio{display:block;width:100%;max-width:620px;margin:14px 0}.voicepanel audio[hidden]{display:none}.voicepanel .actions{flex-wrap:wrap}

.inspectiontable{overflow-x:auto}.inspectiontable table{width:100%;border-collapse:collapse;min-width:640px}.inspectiontable th,.inspectiontable td{padding:12px;text-align:left;border-bottom:1px solid #dde3e8}.itemlinked{padding:16px 0;border-bottom:1px solid #dde3e8}.itemlinked button{margin:4px}.itemlinked form{margin-top:12px}progress{width:100%;height:16px;accent-color:#19a388}#itemRecordsPanel select{max-width:100%;width:100%;margin:12px 0}.draftnotice{padding:12px;background:#fff3cf;border-radius:8px;margin-bottom:16px}

.standardrow{display:flex;flex-wrap:wrap;gap:14px;align-items:center;border:1px solid #dce3df;border-radius:10px;padding:14px;margin:10px 0}.standardrow .field:first-child{flex:1;min-width:180px}.standardrow .field:nth-child(2){width:90px}.standardrow input[type=checkbox]{width:auto}

/* Main navigation: selected section stays visible on project subpages. */
.cloudtabs{padding:10px;background:#e8eee9;border:1px solid #d5dfd7;border-radius:14px;gap:8px;align-items:stretch}.cloudtabs button{font-size:16px;font-weight:700;line-height:1.35;padding:13px 20px;min-height:50px;border:1px solid #c9d6ce;border-radius:10px;background:#fff;color:#254a38;transition:background .15s,color .15s,box-shadow .15s}.cloudtabs button:hover{background:#f0f6f1;border-color:#6e947c}.cloudtabs .cloudnavbutton.selected{background:#315f49;color:#fff;border-color:#315f49;font-weight:800;box-shadow:0 3px 8px #244a3826,inset 0 -3px 0 #1f4130}.cloudtabs button:focus-visible{outline:3px solid #d69d25;outline-offset:3px}.cloudtabs button[data-action=reload]{margin-left:auto;background:transparent;border-style:dashed;font-size:15px}@media(max-width:700px){.cloudtabs button{font-size:16px;padding:12px 9px}.cloudtabs button[data-action=reload]{margin-left:0;grid-column:1 / -1}}

.quickaccess{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.quickaccess button{display:flex;flex-direction:column;gap:8px;text-align:left;padding:16px;font-weight:700;border:1px solid #d8e3dc;background:#f4f8f5}.quickaccess strong{font-size:26px;color:#315f49}.inspectionnav .actions{display:flex;flex-wrap:wrap}.inspectionnav button{flex:1;min-width:160px;font-weight:700}.unsaveddialog{max-width:500px;border:1px solid #ccd9d0;border-radius:14px;padding:24px}.unsaveddialog::backdrop{background:#132c2066}.unsaveddialog p{line-height:1.8;margin:16px 0}.unsaveddialog .actions{display:flex;flex-wrap:wrap;gap:10px}.unsaveddialog button{min-height:48px;font-weight:700}.cloudrole input[type=checkbox]{width:auto}@media(max-width:700px){.quickaccess{grid-template-columns:1fr}.unsaveddialog{max-width:calc(100vw - 32px)}}

.pageback{margin:8px 0 20px}.pageback button{font-size:15px;font-weight:700;min-height:44px}.pageback button:disabled{opacity:.45;cursor:default}#backupProgress{padding:12px 0;font-weight:700}#appBackupForm input,#appRestoreTestForm input{font-size:16px}

.accessprojects{padding:16px;border:1px solid #d5dfd7;border-radius:10px;margin:16px 0}.accessprojects legend{font-weight:700;padding:0 8px}.accessprojects .cloudrole{align-items:flex-start}.accessprojects input[type=checkbox]{width:auto;min-width:20px;height:20px;margin-top:3px}.userAccessForm .field select{max-width:100%}

/* Shared work register and compact field entry */
.summarygrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.summarygrid article{padding:18px;border:1px solid #dce4dc;border-radius:12px;min-width:0}.summarygrid h3{overflow-wrap:anywhere}#workFilterForm{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}#quickFieldForm .actions{position:sticky;bottom:0;background:#fff;padding:12px 0;z-index:1}#quickFieldForm button{min-height:48px;font-size:16px;font-weight:700}.cloudrecord .actions{flex-wrap:wrap}.summarygrid p{overflow-wrap:anywhere}@media(max-width:600px){.summarygrid{grid-template-columns:1fr}#quickFieldForm .actions{display:grid;grid-template-columns:1fr}.cloudfilters input,.cloudfilters select,#quickFieldForm input,#quickFieldForm select,#quickFieldForm textarea{font-size:16px;max-width:100%;box-sizing:border-box}.cloudnavbutton{min-height:44px}}

/* Personal work and evidence review */
.workdialog,.photodialog{width:min(1000px,94vw);max-height:90vh;overflow:auto;border:1px solid #dce4dc;border-radius:16px;padding:24px;box-sizing:border-box}.workdialog::backdrop,.photodialog::backdrop{background:#0008}.duplicateitem{border-bottom:1px solid #ddd;padding:12px 0}.photocomparison{display:grid;grid-template-columns:1fr 1fr;gap:20px}.photocomparison section{min-width:0}.photocomparison img{width:100%;max-height:65vh;object-fit:contain}.photocomparison select{width:100%}.phototoolbar{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0}.phototoolbar label{display:grid;gap:6px}.phototoolbar input{min-width:0}.markcanvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair;border:1px solid #ccd4cc}.myworkfilters{margin:18px 0}.myworkfilters button[aria-pressed=true]{font-weight:800;box-shadow:0 0 0 2px #325d49}@media(max-width:600px){.photocomparison{grid-template-columns:1fr}.workdialog,.photodialog{padding:16px}.phototoolbar>*{max-width:100%}.phototoolbar select,.phototoolbar input{font-size:16px}.photodialog button{min-height:44px}}

.installationentry{padding:14px;background:#f0f5ef;border-radius:10px;margin:12px 0}.installationentry input[type=number]{max-width:180px;font-size:17px;font-weight:700}.installation-summary{margin:14px 0;border-top:1px solid #dce4dc;padding-top:14px}.installationentry input[type=checkbox]{width:20px;height:20px}