.tracking-network{position:sticky;top:0;z-index:20;padding:.65rem 1rem;background:#7c2d12;color:#fff;text-align:center;border-radius:.5rem;margin-bottom:1rem}.tracking-metrics,.tracking-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:1rem 0}.tracking-metrics article,.tracking-summary article{background:#fff;border:1px solid #d7e1e5;border-left:5px solid #0b9ab5;border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;gap:.35rem}.tracking-metrics strong,.tracking-summary strong{font-size:1.35rem;color:#17485b}.tracking-metrics .warning{border-left-color:#d97706}.tracking-metrics .danger{border-left-color:#b91c1c}.tracking-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.tracking-toolbar input{max-width:360px}.tracking-card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.tracking-card{border:1px solid #d7e1e5;border-radius:.75rem;padding:1rem;background:#fff}.tracking-card h3{margin:.5rem 0}.tracking-chip{display:inline-flex;padding:.25rem .6rem;border-radius:999px;background:#e6f7fa;color:#17485b;font-size:.85rem;font-weight:700}.tracking-chip.required{background:#fff7d6;color:#854d0e}.tracking-chip.overdue{background:#fee2e2;color:#991b1b}.tracking-actions{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center}.tracking-actions form{margin:0}.tracking-alert{padding:.75rem;border-radius:.6rem;background:#fff7d6;border:1px solid #f7d774;margin:.75rem 0}.stage-heading{display:flex;justify-content:space-between;gap:1rem;align-items:start}.tracking-inline-form{display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;align-items:center;margin:1rem 0}.tracking-form{display:grid;gap:1rem}.tracking-form label{display:grid;gap:.35rem}.tracking-form-section{border-top:1px solid #d7e1e5;padding-top:1rem}.tracking-checkbox{display:flex!important;grid-template-columns:none!important;align-items:center;gap:.5rem!important}.signature-pad{display:block;width:100%;max-width:700px;height:180px;border:2px solid #94a3b8;border-radius:.5rem;background:#fff;touch-action:none}.participant-row{padding:1rem;margin:1rem 0;border:1px solid #d7e1e5;border-radius:.75rem}.photo-preview,.visit-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;margin-top:.75rem}.photo-preview img,.visit-gallery img{width:100%;height:160px;object-fit:cover;border-radius:.5rem;border:1px solid #d7e1e5}.visit-gallery.signatures img{object-fit:contain;background:#fff}.visit-gallery figure{margin:0}.visit-gallery figcaption{font-size:.85rem;margin-top:.25rem}
@media(max-width:640px){.tracking-toolbar{align-items:stretch;flex-direction:column}.tracking-toolbar input{max-width:none}.tracking-card-list{grid-template-columns:1fr}.tracking-inline-form{grid-template-columns:1fr}.tracking-actions>*{width:100%}.tracking-actions .button,.tracking-actions button{text-align:center;width:100%;min-height:44px}.tracking-form input,.tracking-form select,.tracking-form textarea,.tracking-form button{min-height:44px}.table-wrap table{min-width:650px}}


.tracking-sync{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;margin-bottom:1rem}
.tracking-form[hidden]{display:none!important}.tracking-install-help{margin:-.4rem 0 1rem;padding:.75rem 1rem;border:1px solid #8fc7d2;border-radius:.6rem;background:#e9f8fb;color:#17485b}.tracking-form-message{min-height:1.4rem;margin:0;color:#8f2e25;font-weight:600}.tracking-card>button{min-height:44px}.offline-page{padding-bottom:max(24px,env(safe-area-inset-bottom))}.offline-page #offline-visit-form{display:grid;gap:1rem}.offline-page .photo-preview figure{margin:0}.offline-page .photo-preview figcaption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;color:#687780}.offline-page .page-heading h2{margin:0}.offline-page input[type="file"]{padding:.65rem;background:#fff;border:1px solid #bdc8ce;border-radius:.5rem}
.photo-source-actions{display:flex;flex-wrap:wrap;gap:.65rem}.photo-source-actions button{min-height:44px}.photo-preview figure{margin:0;display:grid;gap:.45rem;padding:.6rem;border:1px solid #d7e1e5;border-radius:.65rem;background:#f8fafc}.photo-preview textarea{width:100%;resize:vertical}.photo-preview .compact{justify-self:start}.visit-scope-list{display:grid;gap:.55rem;padding:0;list-style:none}.visit-scope-list li{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .75rem;border:1px solid #d7e1e5;border-radius:.55rem;background:#f8fafc}.visit-gallery figure{display:grid;gap:.35rem}.visit-gallery figcaption{white-space:normal;overflow-wrap:anywhere;color:#334155}
@media(max-width:640px){.tracking-sync{align-items:stretch;flex-direction:column}.tracking-sync button{min-height:44px}.offline-page{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}