/* Application styles (kept minimal; Bootstrap provides the layout and components). */
body {
    -webkit-text-size-adjust: 100%;
}

/* Comfortable touch targets on phones. */
.btn,
.form-control,
.form-select {
    min-height: 44px;
}

.btn-sm {
    min-height: 38px;
}

:focus-visible {
    outline: 3px solid #0d6efd;
    outline-offset: 2px;
}

/* Photos */
.item-thumb {
    width: 72px;
    height: 54px;
    object-fit: cover;
    border-radius: 0.375rem;
    background-color: #e9ecef;
}

.item-thumb-empty {
    opacity: 0.7;
}

.item-thumb-cell {
    width: 88px;
}

.photo-preview {
    max-width: 320px;
    height: auto;
    background-color: #e9ecef;
}

.photo-detail {
    max-width: 100%;
    height: auto;
}

/* The real file inputs are visually hidden; show focus on the button that wraps them. */
.photo-button:focus-within {
    outline: 3px solid #0d6efd;
    outline-offset: 2px;
}

.min-width-0 {
    min-width: 0;
}