.header-nav { display: flex; align-items: center; gap: 18px; }
.header-nav > a { color: var(--navy); font-weight: 700; text-decoration: none; }
.header-nav form { margin: 0; }
.admin-grid { display: grid; gap: 16px; }
.admin-grid > .form { align-self: start; }
.user-list { padding: 20px; }
.user-list > h2 { margin-bottom: 12px; }
.user-list article { display: flex; justify-content: space-between; gap: 15px; padding: 12px 0; border-top: 1px solid var(--line); }
.user-list article > div { display: grid; gap: 2px; }
.user-list article span { color: var(--muted); font-size: .85rem; }
.user-meta { text-align: right; justify-items: end; }
.role-badge { display: inline-block; background: var(--soft-gold); color: #876710 !important; border-radius: 999px; padding: 2px 8px; }
.form-error { padding: 12px 14px; }
@media (min-width: 760px) { .admin-grid { grid-template-columns: minmax(280px, 340px) 1fr; } }
[hidden] { display: none !important; }
.photo-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.photo-actions .photo-button{min-width:0}.photo-actions .camera-icon{flex:0 0 auto}@media(max-width:430px){.photo-actions{grid-template-columns:1fr}.photo-actions .photo-button{padding:14px}}
.photo-viewer{margin:0;min-height:100vh;min-height:100dvh;background:#07131c;display:flex;align-items:center;justify-content:center;padding:70px 18px 64px}.photo-viewer>img{display:block;max-width:100%;max-height:calc(100vh - 134px);max-height:calc(100dvh - 134px);object-fit:contain;border-radius:8px;box-shadow:0 12px 40px rgba(0,0,0,.45)}.photo-close{position:fixed;z-index:2;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.96);color:#102f44;text-decoration:none;font:700 32px/1 Arial,sans-serif;box-shadow:0 4px 18px rgba(0,0,0,.35)}.photo-back{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.94);color:#102f44;font-weight:700;text-decoration:none;white-space:nowrap}
.field-title{display:block;margin-bottom:6px;font-weight:700;color:var(--navy)}.photo-button{display:flex!important;align-items:center;gap:14px;border:2px dashed #9eb7c9;border-radius:12px;padding:16px;background:#f7fafc;cursor:pointer}.photo-button:hover{border-color:var(--blue);background:#edf5fa}.photo-button strong,.photo-button small{display:block}.photo-button small{color:var(--muted);font-weight:400;margin-top:2px}.camera-icon{font-size:1.8rem}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.photo-preview{display:flex;align-items:center;gap:10px;margin-top:10px;color:var(--muted);font-size:.85rem}.photo-preview img{width:64px;height:64px;border-radius:9px;object-fit:cover}.incident-photo{display:inline-grid;gap:5px;color:var(--blue);font-size:.85rem;font-weight:700;text-decoration:none;margin-bottom:14px}.incident-photo img{width:180px;height:130px;object-fit:cover;border-radius:10px;border:1px solid var(--line);box-shadow:0 4px 12px rgba(18,60,89,.12)}.incident-photo:hover img{filter:brightness(.96)}