/* Blocos da "visão por blocos" — efeito 3D:
   - sombra externa para dar profundidade
   - leve brilho no topo (luz vinda de cima) + sombra interna embaixo
   - gradiente bem sutil no fundo interno (diferença pequena de cor)
   - pequena elevação no hover para reforçar o relevo
   Mantém o raio e a borda 'inset' coloridas por status já existentes. */
.border-success.shadow-sm,
.border-info.shadow-sm,
.border-secondary.shadow-sm,
.border-danger.shadow-sm,
.border-primary.shadow-sm {
    border-radius: 15px;
    border: inset;
    background: linear-gradient(160deg, var(--surface, #ffffff) 0%, var(--surface-medium, #eef1f4) 100%);
    box-shadow:
        0 6px 16px rgba(29, 39, 51, .12),
        inset 0 1px 0 rgba(255, 255, 255, .85),
        inset 0 -2px 4px rgba(29, 39, 51, .05);
    transition: transform .15s ease, box-shadow .15s ease;
}

.border-success.shadow-sm:hover,
.border-info.shadow-sm:hover,
.border-secondary.shadow-sm:hover,
.border-danger.shadow-sm:hover,
.border-primary.shadow-sm:hover {
    transform: translateY(-3px);
    box-shadow:
        0 12px 26px rgba(29, 39, 51, .18),
        inset 0 1px 0 rgba(255, 255, 255, .85);
}

.table-sm td, .table-sm th {
    font-size: 10px;
    border: 8px solid white;
    border-radius: 21px;
}

.table-danger {
    background-color: red;
    color: white;
}

.table-success {
    background-color: green;
    color: white;
}

.table-active {
    background-color: grey;
    color: white;
}

.table-warning {
    background-color: yellow;
    color: black;
}

#col_data {
    background-color: #34495E;
    color: #ffffff;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}


a.fill-div {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
    color: black;
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.rounded_edited {
    border-radius: .5rem !important;
}