body {
    padding-top: 0px;
}

.box-shadow {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s;
}

.box-shadow:hover {
    transform: scale(1.05);
}

/* Scanner Fixes - Minimal, let Widget handle it */
#reader {
    width: 100%;
    margin: 0 auto;
}

.card-img-top {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

/* Voice Button Animation when active */
.voice-active {
    animation: pulse 1.5s infinite;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.7);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(220, 53, 69, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(220, 53, 69, 0);
    }
}