.tabela-recibos thead th {
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: #212529 !important;
    color: #fff !important;
    white-space: nowrap;
    vertical-align: middle;
    padding: 0.75rem;
    box-shadow: inset 0 -1px 0 #454d55;
}

.tabela-recibos td {
    white-space: nowrap;
    vertical-align: middle;
    padding: 0.5rem 0.75rem;
}


.table-responsive {
    max-height: 70vh;
    overflow-y: auto;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #dee2e6;
    border-radius: 4px;
}

.btn-ajuste-visual:disabled {
    background-color: #e9ecef !important; 
    border-color: #dee2e6 !important;
    color: #adb5bd !important;       
    opacity: 1 !important;  
    cursor: not-allowed;
    box-shadow: none !important;
}

#btn-reprocessar-erros:not(:disabled) {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
    color: #000 !important;
    font-weight: bold;
    animation: glow-pulse-yellow 2s infinite;
}

#btn-limpar-duplicados:not(:disabled) {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    color: #fff !important;
    font-weight: bold;
}

@keyframes glow-pulse-yellow {
    0% { box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(255, 193, 7, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 193, 7, 0); }
}
/* Classe para o fundo da página inteira (HOME) */
.bg-home-custom {
    background-image: linear-gradient(rgba(248, 250, 252, 0.88), rgba(248, 250, 252, 0.88)), 
                      url('/static/img/home.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.home-hero-bg-inclined {
    width: 100%;
    /* Ajustado para a proporção exata que você pediu (424/636 = ~66%) */
    aspect-ratio: 636 / 424; 
    background-size: contain; /* Mudamos para contain para garantir nitidez total */
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('/static/img/home.webp');
    transform: perspective(1000px) rotateY(-10deg) rotateX(2deg);
    transition: transform 0.4s ease;
    display: block;
    border-radius: 1rem;
}

.home-hero-bg-inclined:hover {
    will-change: transform;
    transform: translateZ(0) perspective(1000px) rotateY(-10deg) rotateX(2deg);
}