:root{--ink:#17143f;--red:#e41f3b;--line:#e6e6ee;--bg:#f6f7fb;--muted:#6b6b7d}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)}.top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}.brand{display:flex;align-items:center;gap:18px}.brand img{width:220px;max-width:45vw;height:auto}.brand h1{font-size:24px;margin:0}.brand p{margin:4px 0 0;color:var(--muted)}.wrap{max-width:980px;margin:24px auto;padding:0 16px}.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 12px 30px rgba(18,16,50,.06)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel h2{margin:0 0 14px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;background:white;color:var(--ink);padding:10px 14px;text-decoration:none;font-weight:700;cursor:pointer}.btn.primary{background:var(--red);border-color:var(--red);color:white}.btn.danger{border-color:#ffd0d6;color:#b00020}.list{display:grid;gap:12px}.card{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}.card h3{margin:0 0 6px}.card p{margin:3px 0}.muted,.meta{color:var(--muted);font-size:14px}.actions,.bar{display:flex;gap:8px;flex-wrap:wrap}.empty{padding:28px;border:1px dashed var(--line);border-radius:14px;color:var(--muted)}.form{display:grid;gap:16px}label{display:grid;gap:7px;font-weight:700}input,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;font:inherit;color:var(--ink);background:#fff}textarea{resize:vertical;line-height:1.45}.geo,.meta{padding:12px;border-radius:12px;background:#f7f7fb;border:1px solid var(--line)}.print{background:white}.print-sheet{max-width:850px;margin:0 auto;padding:30px}.print-logo{width:260px;max-width:60%;height:auto}.print pre{white-space:pre-wrap;font-family:Arial,Helvetica,sans-serif;line-height:1.5}@media(max-width:680px){.top{align-items:flex-start;flex-direction:column}.brand img{width:180px;max-width:100%}.brand{align-items:flex-start;flex-direction:column;gap:8px}.card{align-items:flex-start;flex-direction:column}.actions .btn,.bar .btn,.top>.btn{width:100%}.panel-head{align-items:flex-start;flex-direction:column}}
@media print{.top{display:none}.print-sheet{padding:0}.print-logo{width:220px}}
.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:10px}.photo-grid img{width:100%;height:120px;object-fit:cover;border-radius:12px;border:1px solid var(--line);background:#fff}.print-photos img{height:150px}@media print{.photo-grid{grid-template-columns:repeat(2,1fr)}.photo-grid img{height:180px}}

/* V1.3 mobile and photo uploader improvements */
.field-title{font-weight:700;margin-bottom:8px}.photo-slots{display:grid;gap:10px}.photo-slot{border:1px dashed var(--line);border-radius:14px;padding:12px;background:#fbfbfe}.photo-slot input{margin-top:7px}.dropped-in{animation:dropIn .18s ease-out}@keyframes dropIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.preview-item{position:relative}.report-map{width:100%;height:260px;border:0;border-radius:14px;margin-top:12px;background:#eef}.geo-map-link{display:inline-block;margin-top:8px}.card>div:first-child{min-width:0}.card h3,.card p{overflow-wrap:anywhere}.actions{flex-shrink:0}
@media(max-width:760px){.wrap{margin:14px auto;padding:0 10px}.top{position:static;padding:14px}.brand h1{font-size:20px}.brand p{font-size:14px}.panel{padding:14px;border-radius:14px}.panel-head{gap:10px}.list{gap:10px}.card{display:grid;grid-template-columns:1fr;gap:12px;padding:12px}.actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.actions .btn{width:100%;padding:11px 8px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.photo-grid img{height:105px}.report-map{height:220px}input,textarea,.btn{font-size:16px}.top>.btn{width:100%}}
@media(max-width:420px){.actions{grid-template-columns:1fr}.photo-grid{grid-template-columns:1fr}.photo-grid img{height:180px}.brand img{width:160px}.muted,.meta{font-size:13px}}


/* V1.4 hard mobile containment fixes */
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{min-width:0}
img,iframe,video,canvas,svg,table,pre,textarea,input{max-width:100%}
.top,.wrap,.panel,.card,.form,.meta,.geo,.photo-grid,.bar,.actions{min-width:0;max-width:100%}
.top{width:100%}.brand{min-width:0}.brand>div{min-width:0}.brand h1,.brand p{overflow-wrap:anywhere}.wrap{width:100%}.panel{width:100%;overflow:hidden}.meta,.geo{overflow-wrap:anywhere;word-break:break-word;white-space:normal;line-height:1.45}.meta strong,.geo strong{display:inline}.report-map{display:block;max-width:100%}.photo-grid a{display:block;min-width:0}.photo-grid img{display:block;max-width:100%}pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
@media(max-width:760px){
  .top{display:block;padding:12px 10px}
  .brand{display:block}.brand img{display:block;width:170px;max-width:72vw;margin-bottom:8px}.brand h1{font-size:20px;line-height:1.15}.brand p{font-size:14px;line-height:1.25}
  .top>.btn{display:flex;margin-top:12px;width:100%}
  .wrap{padding:0 8px;margin:12px auto}.panel{padding:12px;border-radius:12px}.form{gap:13px}
  label{gap:6px}input,textarea{padding:10px;border-radius:10px}
  .meta,.geo{padding:10px;font-size:13px}
  .photo-grid{grid-template-columns:1fr;gap:10px}.photo-grid img{width:100%;height:auto;max-height:none;object-fit:contain}
  .bar{display:grid;grid-template-columns:1fr;gap:8px}.bar .btn{width:100%}
}
@media(max-width:380px){.brand img{width:145px}.brand h1{font-size:18px}.wrap{padding:0 6px}.panel{padding:10px}}

/* V1.5 login / registration */
.auth-panel{max-width:520px;margin:0 auto}.alert{padding:12px;border-radius:12px;margin:0 0 14px;border:1px solid var(--line)}.alert.error{background:#fff5f6;color:#9f1239;border-color:#fecdd3}.alert.success{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.user-pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;padding:10px 14px;background:#f7f7fb;font-weight:700;max-width:100%;overflow-wrap:anywhere}
@media(max-width:760px){.user-pill{width:100%;border-radius:12px}.top .actions{display:grid;grid-template-columns:1fr;width:100%;margin-top:12px}.auth-panel{max-width:none}}

/* V1.8 user management */
select{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;font:inherit;color:var(--ink);background:#fff}.responsive-table{width:100%;overflow-x:auto}.user-table{width:100%;border-collapse:separate;border-spacing:0 8px}.user-table th{text-align:left;color:var(--muted);font-size:13px;padding:8px}.user-table td{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 8px;vertical-align:middle}.user-table td:first-child{border-left:1px solid var(--line);border-radius:12px 0 0 12px}.user-table td:last-child{border-right:1px solid var(--line);border-radius:0 12px 12px 0}.status{display:inline-flex;padding:6px 10px;border-radius:999px;font-weight:700;font-size:13px;background:#f7f7fb;border:1px solid var(--line)}.status.active{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.status.disabled{background:#fff5f6;color:#9f1239;border-color:#fecdd3}.row-actions{display:flex;flex-wrap:nowrap}.row-actions .btn{padding:8px 10px}
@media(max-width:760px){.responsive-table{overflow:visible}.user-table,.user-table thead,.user-table tbody,.user-table tr,.user-table th,.user-table td{display:block;width:100%}.user-table thead{display:none}.user-table tr{border:1px solid var(--line);border-radius:14px;padding:10px;margin-bottom:12px;background:#fff}.user-table td{border:0!important;border-radius:0!important;padding:8px 0}.user-table td:before{content:attr(data-label);display:block;color:var(--muted);font-size:12px;font-weight:700;margin-bottom:3px}.row-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.row-actions .btn{width:100%}select{font-size:16px}}
.offline-status{margin:10px 0;color:#15103b;font-weight:700;overflow-wrap:anywhere}.pwa-note{background:#f4f6ff;border:1px solid #dfe4ff;border-radius:14px;padding:12px;margin:12px 0;color:#15103b}.photo-slot input{max-width:100%}


/* V1.11 professional UI tidy */
:root{
  --ink:#15103b;
  --ink-soft:#2a2557;
  --red:#d91f3f;
  --red-dark:#b81732;
  --line:#e3e6ef;
  --bg:#f3f5f9;
  --muted:#687084;
  --card:#ffffff;
  --soft:#f8f9fc;
}
body{background:linear-gradient(180deg,#f8f9fc 0,#eef1f7 100%);font-size:15px;line-height:1.45}.top{box-shadow:0 8px 24px rgba(21,16,59,.05);border-bottom:1px solid #edf0f5}.brand img{width:190px}.brand h1{font-size:22px;letter-spacing:-.02em}.brand p{font-size:14px}.wrap{max-width:1080px}.panel{border-radius:20px;border-color:#e7eaf2;box-shadow:0 18px 45px rgba(21,16,59,.07)}.panel+.panel{margin-top:18px}.panel-head{border-bottom:1px solid #eef1f5;margin:-4px 0 16px;padding-bottom:14px}.panel h2{font-size:20px;letter-spacing:-.02em}.btn{min-height:38px;border-radius:10px;padding:8px 12px;font-size:14px;line-height:1.15;box-shadow:0 1px 0 rgba(21,16,59,.03)}.btn:hover{filter:brightness(.98)}.btn.primary{background:linear-gradient(180deg,var(--red),var(--red-dark));box-shadow:0 10px 20px rgba(217,31,63,.18)}.btn.danger{background:#fff6f7;border-color:#ffd4da;color:#a70d29}.actions .btn,.row-actions .btn{min-height:34px;padding:7px 10px;font-size:13px}.list{gap:14px}.card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;padding:0;overflow:hidden;border-radius:16px;border:1px solid #e4e8f0;background:var(--card);box-shadow:0 10px 28px rgba(21,16,59,.055)}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--red)}.record-main{min-width:0;padding:16px 16px 14px 20px}.record-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.record-ref{display:inline-flex;align-items:center;border:1px solid #dedfee;background:#f6f7fb;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;letter-spacing:.04em;color:var(--ink)}.record-title{margin:0!important;font-size:18px;line-height:1.2;letter-spacing:-.01em;color:var(--ink-soft)}.record-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 14px;margin-top:10px}.record-meta p{margin:0!important;color:var(--muted);font-size:13px}.record-meta strong{color:var(--ink-soft)}.record-actions{display:flex;align-items:center;gap:7px;padding:16px;background:#fafbfe;border-left:1px solid #edf0f5}.record-actions .btn{white-space:nowrap}.empty{background:#fbfcff}.meta,.geo{background:#fafbfe;border-color:#e6eaf2}input,textarea,select{border-color:#dfe3ec;background:#fff}input:focus,textarea:focus,select:focus{outline:2px solid rgba(217,31,63,.14);border-color:#d91f3f}.photo-slot{background:#fbfcff}.photo-grid img{border-radius:14px}.user-pill{background:#f8f9fc}.status{font-size:12px}
@media(max-width:760px){
  body{font-size:14px}.top{padding:12px;background:#fff}.brand img{width:150px}.brand h1{font-size:19px}.brand p{font-size:13px}.wrap{padding:0 10px;margin:12px auto}.panel{padding:14px;border-radius:16px}.panel-head{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.panel-head h2{font-size:18px;margin:0}.panel-head .btn{width:auto;min-width:auto;white-space:nowrap}.card{grid-template-columns:1fr;border-radius:15px}.record-main{padding:14px 13px 12px 17px}.record-title{font-size:16px}.record-meta{grid-template-columns:1fr;gap:5px}.record-meta p{font-size:12.5px}.record-actions{border-left:0;border-top:1px solid #edf0f5;padding:10px 12px;background:#fbfcff;display:grid;grid-template-columns:1fr 1fr}.record-actions .btn,.actions .btn{width:100%;min-height:32px;padding:7px 8px;font-size:12.5px}.btn{min-height:36px;padding:8px 11px}.top .actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.top .actions .user-pill{grid-column:1/-1}.top .actions .btn{width:100%}.form .btn.primary{min-height:42px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-grid img{height:115px;object-fit:cover}.report-map{height:210px}
}
@media(max-width:420px){.panel-head{flex-direction:column;align-items:stretch}.panel-head .btn{width:100%}.record-actions{grid-template-columns:1fr}.photo-grid{grid-template-columns:1fr}.photo-grid img{height:auto}.top .actions{grid-template-columns:1fr}.brand img{width:140px}}


/* V1.13 button colour/icons + compact mobile record list */
.btn{gap:7px}.btn-ico{display:inline-flex;align-items:center;justify-content:center;font-weight:900;line-height:1;font-size:1em}.btn-add{background:linear-gradient(180deg,#1677ff,#075fd3)!important;border-color:#075fd3!important;color:#fff!important;box-shadow:0 10px 20px rgba(22,119,255,.16)}.btn-reports{background:linear-gradient(180deg,#e41f3b,#b81732)!important;border-color:#b81732!important;color:#fff!important;box-shadow:0 10px 20px rgba(228,31,59,.16)}.btn-users{background:#eef4ff!important;border-color:#cfe0ff!important;color:#154aa8!important}.btn-account{background:#f7f7fb!important;border-color:#e0e4ee!important;color:var(--ink)!important}.btn-logout{background:#fff!important;border-color:#e1e5ef!important;color:#394052!important}.btn-edit{background:#eef4ff!important;border-color:#cfe0ff!important;color:#154aa8!important}.btn-delete{background:#fff1f3!important;border-color:#ffc9d1!important;color:#a70d29!important}.btn-view{background:#f1f7ff!important;border-color:#cfe0ff!important;color:#154aa8!important}
.record-card:nth-child(odd){background:#ffffff}.record-card:nth-child(even){background:#f7f9fd}.record-card:nth-child(even) .record-actions{background:#f1f4fa}.record-card:nth-child(odd) .record-actions{background:#fafbfe}.record-card:nth-child(even):before{background:#1677ff}.record-card:nth-child(odd):before{background:#e41f3b}
@media(max-width:760px){
  .list{gap:8px}.record-card{grid-template-columns:minmax(0,1fr) auto!important;align-items:stretch;border-radius:13px;box-shadow:0 6px 16px rgba(21,16,59,.045)}.record-main{padding:10px 8px 9px 14px}.record-top{margin-bottom:4px}.record-ref{font-size:10.5px;padding:3px 7px}.record-title{font-size:14px!important;line-height:1.15;margin-bottom:4px!important}.record-meta{margin-top:5px;gap:2px}.record-meta p{font-size:11.5px!important;line-height:1.25}.record-actions{border-top:0!important;border-left:1px solid #e7ebf2!important;display:flex!important;flex-direction:column;justify-content:center;gap:6px;width:auto;min-width:70px;padding:8px 7px!important}.record-actions .btn{width:auto!important;min-height:27px!important;padding:5px 7px!important;font-size:11.5px!important;border-radius:8px;white-space:nowrap}.record-actions .btn-ico{font-size:11px}.card:before{width:4px}.top .actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.top .actions .btn{min-height:34px;font-size:12.5px;padding:7px 8px}.top .actions .btn-account{grid-column:1/-1}.top .actions .btn-logout{grid-column:1/-1}.panel-head .btn{font-size:12.5px;padding:7px 10px;min-height:34px}.btn-ico{font-size:.95em}
}
@media(max-width:420px){.record-card{grid-template-columns:minmax(0,1fr) 64px!important}.record-actions{min-width:64px;padding:7px 5px!important}.record-actions .btn{font-size:10.5px!important;padding:5px 5px!important}.record-actions .btn-ico{display:none}.record-main{padding:9px 7px 8px 13px}.record-title{font-size:13.5px!important}.record-meta p{font-size:11px!important}.record-ref{font-size:10px}.panel-head{flex-direction:row;align-items:center}.panel-head .btn{width:auto}.top .actions{grid-template-columns:1fr 1fr}.top .actions .btn-account,.top .actions .btn-logout{grid-column:auto}.top .actions .btn{font-size:12px}}