/* Global styles for GroupProcessingPage - needs to override MudBlazor styles */
.column-transition {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.column-entering,
.column-exiting {
    opacity: 0;
    transform: translateY(10px);
}

.column-entered {
    opacity: 1;
    transform: translateY(0);
}

.image-carousel-transition {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.image-carousel-entering,
.image-carousel-exiting {
    opacity: 0;
    transform: translateY(10px);
}

.image-carousel-entered {
    opacity: 1;
    transform: translateY(0);
}

.image-viewer-container {
    transition: opacity 0.2s ease-in-out;
}

.item-attention-border {
    border: 2px solid var(--mud-palette-error) !important;
}

div[style^="display: flex; z-index: 1; position: absolute;"] {
    display: none !important;
}

.pm-pill-container {
    position: relative;
}

.pm-pill {
    bottom: 8px;
    pointer-events: none;
    position: absolute;
    right: 8px;
    z-index: 10;
}

.sr-only {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}