.chat-type {
    height: auto;
    padding: 24px 16px; // Ajustado para mejor respiro
    margin: 0 8px;
    background-color: #fdf4c0;
    color: #574a04;
    box-shadow: 0px 2px 6px rgba(0,0,0,.24);
    border-radius: 4px; // Un pequeño radio para suavizar

    .chat-warning-table-container {
        width: 100%;
        overflow-x: auto; // Por si el contenido es muy ancho en móviles
    }

    .chat-warning-table {
        width: 100%;
        border-collapse: collapse;
        font-size: 11px;

        th {
            text-align: left;
            font-size: 10px;
            font-weight: 700;
            text-transform: uppercase;
            opacity: 0.7;
            padding: 4px 8px;
            border-bottom: 1px solid rgba(87, 74, 4, 0.2);
        }

        td {
            font-size: 10px;
            padding: 8px;
            font-weight: 600;
            vertical-align: top;
            border-bottom: 1px solid rgba(87, 74, 4, 0.1);
        }

        .chat-card-warning-k {
            background-color: rgba(87, 74, 4, 0.05); // Un toque sutil para diferenciar etiqueta de valor
            font-size: 10px;
            opacity: 0.8;
        }
    }

    .chat-card-warning-scope {
        font-size: 11px;
        font-weight: 600;
        line-height: 1.35;
        padding: 8px;
        background-color: rgba(255, 255, 255, 0.3); // Resalta un poco la nota
        border-radius: 2px;
    }
}