.codiguin-preview{
cursor:pointer;
font-size:16px;
background:#f8f9fa;
padding:6px 10px;
border-radius:6px;
transition:all .2s ease;
}

.codiguin-preview:hover{
background:#e9ecef;
}

.toast-codiguin{

position:fixed;
top:50%;
left:50%;
transform:translate(-50%,-50%) scale(0.8);

background:#28a745;
color:white;

padding:14px 26px;

border-radius:8px;

font-weight:600;
font-size:16px;

box-shadow:0 10px 25px rgba(0,0,0,.2);

opacity:0;
pointer-events:none;

transition:all .25s ease;

z-index:9999;

}

.toast-codiguin.show{

opacity:1;
transform:translate(-50%,-50%) scale(1);

}

@media (max-width: 768px) {
    /* Esconde o cabeçalho da tabela no mobile */
    .custom-table-mobile thead {
        display: none;
    }

    /* Faz cada linha virar um card */
    .custom-table-mobile tr {
        display: block;
        margin-bottom: 15px;
        border: 1px solid #dee2e6;
        background: #fff;
        padding: 10px;
    }

    /* Faz cada célula ocupar a largura toda */
    .custom-table-mobile td {
        display: block;
        text-align: center !important;
        border: none;
        padding: 8px 5px;
    }

    /* Adiciona um rótulo antes do conteúdo (opcional) */
    .custom-table-mobile td[data-label]::before {
        content: attr(data-label);
        display: block;
        font-size: 0.75rem;
        text-transform: uppercase;
        color: #6c757d;
        font-weight: bold;
        margin-bottom: 5px;
    }

    /* Ajusta os botões para ocuparem largura total no mobile */
    .btn-block-mobile {
        display: block;
        width: 100%;
    }
    
    .codiguin-preview {
        display: block;
        width: 100%;
        font-size: 1.1rem; /* Melhora a leitura no celular */
    }
}