/**
 * Estilos para campos com conteúdo extenso
 */

/* Estilo para células com conteúdo extenso */
.long-content-cell {
    max-width: 400px;
    position: relative;
}

/* Wrapper para conteúdo extenso */
.long-content-wrapper {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-height: none;
    width: 100%;
    padding: 8px;
    background-color: #f8f9fa;
    border-radius: 4px;
    border: 1px solid #e9ecef;
}

/* Estilo para tabelas com conteúdo extenso */
.table-responsive {
    overflow-x: auto;
    max-width: 100%;
}

/* Ajuste para tabelas em dispositivos móveis */
@media (max-width: 768px) {
    .long-content-cell {
        max-width: 300px;
    }

    .long-content-wrapper {
        max-width: 280px;
    }
}

/* Ajuste para tabelas em dispositivos muito pequenos */
@media (max-width: 576px) {
    .long-content-cell {
        max-width: 200px;
    }

    .long-content-wrapper {
        max-width: 180px;
    }
}

/* Estilo para o campo específico "historico" */
td[data-field="historico"] .long-content-wrapper,
td[data-field="Historico"] .long-content-wrapper,
td[data-field="HISTORICO"] .long-content-wrapper {
    background-color: #f0f8ff;
    border-color: #b8daff;
}

/* Estilo para campos de descrição */
td[data-field="descricao"] .long-content-wrapper,
td[data-field="Descricao"] .long-content-wrapper,
td[data-field="DESCRICAO"] .long-content-wrapper {
    background-color: #f0fff0;
    border-color: #c3e6cb;
}

/* Estilo para campos de observação */
td[data-field="observacao"] .long-content-wrapper,
td[data-field="Observacao"] .long-content-wrapper,
td[data-field="OBSERVACAO"] .long-content-wrapper {
    background-color: #fff8f0;
    border-color: #ffeeba;
}

/* Estilos específicos para o DataGrid */
.datagrid-table .long-content-cell {
    max-width: 400px;
    position: relative;
}

.datagrid-table .long-content-wrapper {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-height: none;
    width: 100%;
    padding: 8px;
    background-color: #f8f9fa;
    border-radius: 4px;
    border: 1px solid #e9ecef;
    margin-top: 5px;
    font-size: 0.9em;
}

/* Removido o botão de expandir/colapsar */

/* Estilo para garantir que o conteúdo completo seja sempre exibido */
.datagrid-table .long-content-wrapper {
    max-height: none !important;
    overflow: visible !important;
    position: relative;
}

/* Ajuste para o indicador de relação em células com conteúdo extenso */
.datagrid-table .long-content-cell .relation-indicator {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 101;
}