/* Site Visit App: the few styles the ui_kit doesn't cover. */
.sv-status { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.sv-status .df-pill span { min-height: 40px; padding: 0 14px; font-size: 0.95rem; }
.sv-photos { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 8px; margin: 12px 0; }
.sv-photos img { width: 100%; height: 96px; object-fit: cover; border-radius: 8px; display: block; background: var(--ui-line); }
.sv-audit { color: var(--ui-muted); font-size: 0.85rem; margin: 10px 0 0; }
.sv-visits { list-style: none; margin: 0 0 8px; padding: 0; }
.sv-visit { display: flex; flex-direction: column; min-height: 52px; justify-content: center; padding: 6px 0;
            color: inherit; text-decoration: none; border-bottom: 1px dashed var(--ui-line); }
.sv-visit span:first-child { font-weight: 600; color: var(--ui-accent); }
.sv-start { margin-top: 18px; }
.sv-file { padding: 9px; }