/* Photo audits — the hand-typed source.

   Deliberately closer to the spreadsheet it replaces than to the app's other
   tables: this is a data-ENTRY surface, so the inputs are the content rather
   than a decoration on top of it, and the numbers line up in their columns the
   way they do in the sheet people are used to. */

/* Save is disabled until something changes. Nothing else in the app styles a
   disabled .btn, so without this it looks pressable and does nothing — which
   reads as a broken button rather than a saved page. */
#photo-audits-page-root .btn:disabled {
    opacity: 0.45;
    cursor: default;
}

.pa-card {
    background: var(--bg-primary, #fff);
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: var(--radius-lg, 12px);
    padding: 0.75rem;
    overflow-x: auto;
}

.pa-table { width: 100%; border-collapse: collapse; font-size: 0.875rem; }

.pa-table th {
    text-align: left;
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: var(--text-muted, #6b7280);
    font-weight: 600;
    padding: 0 0.4rem 0.4rem;
    white-space: nowrap;
}

.pa-table td { padding: 0.15rem 0.4rem; vertical-align: middle; }
.pa-table .form-input { width: 100%; min-width: 7rem; }

/* Counts read as counts: right-aligned, tabular, narrow. */
.pa-num-cell { text-align: right; }
.pa-table .pa-num { text-align: right; font-variant-numeric: tabular-nums; min-width: 5.5rem; }
.pa-table th.pa-num-cell { text-align: right; }

.pa-actions { width: 4.5rem; white-space: nowrap; text-align: right; }
.pa-del { line-height: 1; padding: 0.15rem 0.5rem; font-size: 1rem; }

.pa-empty td {
    color: var(--text-muted, #9ca3af);
    font-size: 0.85rem;
    padding: 1.25rem 0.4rem;
    text-align: center;
}

/* A row whose Pass + Fail does not equal Audits. Flagged, never blocked —
   the sheet this replaces has rows that do not add up and they are still the
   record of what happened. */
.pa-mismatch .pa-num { border-color: #f59e0b; }
.pa-warn {
    display: inline-block;
    margin-left: 0.35rem;
    width: 1.1rem;
    height: 1.1rem;
    line-height: 1.1rem;
    text-align: center;
    border-radius: 50%;
    background: #fef3c7;
    color: #92400e;
    font-weight: 700;
    font-size: 0.75rem;
    cursor: help;
}

.pa-table tfoot td {
    border-top: 1px solid var(--border-color, #e5e7eb);
    padding-top: 0.5rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}
.pa-total-label { font-weight: 500; color: var(--text-muted, #6b7280); }

.pa-dirty {
    margin: 0.6rem 0 0;
    font-size: 0.8rem;
    font-weight: 600;
    color: #b45309;
}

@media (max-width: 700px) {
    /* Notes is the column you can reconstruct from memory; the counts are not. */
    .pa-table th:nth-child(6), .pa-table td:nth-child(6) { display: none; }
    .pa-table .form-input { min-width: 5rem; }
}