#builder-layout .ui-dialog {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.4) !important;
    border: 1px solid #ccc !important;
    border-radius: 8px !important;
}

#builder-layout .tseparator {
    margin-top: 15px;
    color: white !important;
}

/* Garante que a coluna centralize o texto e elementos inline */
.coluna-alinhar-centro {
    text-align: center;
}

/* Para o label, assegura que ele ocupe a largura para ser centralizado pelo text-align do pai */
.coluna-alinhar-centro label[id^="tlabel_"] {
    display: block;
}

/* ESTE É O BLOCO CRÍTICO PARA O TImageCrop */
/* Seleciona o div que envolve o TImageCrop usando o atributo 'wrapped-widget' */
.coluna-alinhar-centro div[wrapped-widget="timagecropper"] {
    float: none !important; /* Sobrescreve o float:left para o elemento voltar ao fluxo normal */
    display: block !important; /* Garante que o elemento se comporte como um bloco */
    margin-left: auto !important; /* Centraliza o bloco na horizontal */
    margin-right: auto !important; /* Centraliza o bloco na horizontal */
    /* A largura de 130px já está definida inline. Se precisar ajustar, pode definir aqui */
    /* width: fit-content; ou um valor específico, ex: width: 200px; */
}

/* Opcional: Para centralizar o conteúdo *interno* do TImageCrop, como a imagem real */
.coluna-alinhar-centro .img_imagecropper {
    display: block;
    margin: 0 auto;
}