.batch-photo-grid {
    display: grid;
    gap: 12px;
    margin: 18px 0;
}
.batch-photo-card {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 15px;
    align-items: center;
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 12px;
    background: #f8fcfd;
}
.batch-photo-card.error {
    border-color: #e8b2b2;
    background: #fff7f7;
}
.batch-photo-card.uploaded {
    border-color: #8dcbb0;
    background: #f3fff9;
}
.batch-photo-card img {
    width: 100px;
    height: 82px;
    object-fit: cover;
    border-radius: 10px;
    background: var(--pale);
}
.batch-photo-card p {
    margin: 4px 0;
    font-size: 13px;
}
.batch-photo-card.error .badge {
    background: #ffe0e0;
    color: #8a2020;
}
.batch-photo-card.uploaded .badge {
    background: #d9f7e8;
    color: #17613f;
}
@media (max-width: 540px) {
    .batch-photo-card {
        grid-template-columns: 72px 1fr;
    }
    .batch-photo-card img {
        width: 72px;
        height: 72px;
    }
}