﻿.assembly-summary-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1rem; }

.assembly-table .form-control,
.assembly-table .form-select { min-width: 9.5rem; min-height: 2.25rem; padding: 0.45rem 0.65rem; font-size: 0.9rem; border-radius: 0.55rem; }

.assembly-table .form-check-input { width: 1.1rem; height: 1.1rem; cursor: pointer; }

.camera-state-pill { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.35rem 0.55rem; border-radius: 999px; font-size: 0.8rem; font-weight: 700; white-space: nowrap; }

.camera-state-complete { color: var(--bt-success); background: var(--bt-success-soft); }

.camera-state-progress { color: var(--bt-primary-dark); background: var(--bt-primary-soft); }

.camera-state-missing { color: #936000; background: var(--bt-warning-soft); }

@media (max-width: 1199.98px) {
    .assembly-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 575.98px) {
    .assembly-summary-grid { grid-template-columns: 1fr; }
}
