html[dir=ltr] .crmEntityFormView .cell.crmquickform-cell:first-child {
    border-right: none !important;
}

.clearfix.cell {
    padding-top: 10px;
    padding-left: 20px;
}

.crmEntityFormView fieldset {
    border: 1px solid #ccc;
    border-radius: 0px;
    padding: 15px 20px;
    margin-bottom: 20px;
    background-color: #FFFFFF;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.crmEntityFormView {
    border: none !important
}

.crmEntityFormView label {
    background-color: #ffffff !important;
}

.form-control {
    border: 0px solid #ffffff !important;
    border-radius: 0px;
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: 5px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.tab-title {
    padding-bottom: 20px;
}

.clearfix.cell {
    padding-top: 0px;
}

.crmEntityFormView .form-control.aspNetDisabled,
.crmEntityFormView .form-control[readonly],
.crmEntityFormView .form-control:disabled {
    padding: 6px 12px !important;
    box-sizing: border-box;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
}

.text-muted {
    padding-left: 12px !important;
}

.crmEntityFormView .field-label,
.crmEntityFormView label,
.crmEntityFormView .table-info label,
.crmEntityFormView .control-label {
    font-weight: normal !important;
}

td.clearfix.cell.crmquickform-cell {
    transition: 
        box-shadow 0.25s ease,
        transform 0.25s ease,
        background-color 0.25s ease;
}

/* Hover */
td.clearfix.cell.crmquickform-cell:hover {
    transform: translateY(-2px);
}
/*------PrimeIT comentado para ajuste abaixo-------*/
/*label#NewAttachFileLabel {
    background-color: #F5F5F5 !important;
}

ul.dropdown-menu.show {
    border-radius: 0% !important;
}*/
/* Destacar o textarea dos comentarios*/
textarea[aria-label="Comentar"],
textarea[name="text"] {
    border: 2px solid #3a3838 !important;
    box-shadow: 0 0 0 3px rgba(239, 48, 47, 0.12) !important;
    background-color: #ffffff !important;
}
textarea[aria-label="Comentar"]:focus,
textarea[name="text"]:focus {
    border-color: #171a1c !important;
    box-shadow: 0 0 0 3px rgba(239, 48, 47, 0.22) !important;
    outline: none !important;
}


/* CSS de bloqueio do input de arquivo nos comentarios do portal ------------------------------- comment inicio
.row.mb-3:has(label[aria-label="Anexar um arquivo"]),
.row.mb-3:has(input[type="file"][name="file"]),
label[aria-label="Anexar um arquivo"],
input[type="file"][name="file"] {
    display: none !important;
}
label#NewAttachFileLabel {
    background-color: #F5F5F5 !important;
}

/* Oculta upload de arquivo no modal de adicionar comentário da timeline
.modal label#NewAttachFileLabel,
.modal label[for="NewAttachFile"],
.modal input#NewAttachFile,
.modal input[name="NewAttachFile"],
.modal input[type="file"][id*="Attach"],
.modal input[type="file"][name*="Attach"],
.modal input[type="file"][id*="File"],
.modal input[type="file"][name*="File"] {
    display: none !important;
}

.modal .form-group:has(#NewAttachFile),
.modal .form-group:has(#NewAttachFileLabel),
.modal .form-group:has(input[type="file"]),
.modal .control:has(#NewAttachFile),
.modal .control:has(#NewAttachFileLabel),
.modal .control:has(input[type="file"]),
.modal .cell:has(#NewAttachFile),
.modal .cell:has(#NewAttachFileLabel),
.modal .cell:has(input[type="file"]),
.modal tr:has(#NewAttachFile),
.modal tr:has(#NewAttachFileLabel),
.modal tr:has(input[type="file"]) {
    display: none !important;
}*//* Prime final comment*/

ul.dropdown-menu.show {
    border-radius: 0% !important;
}



/* Remove arredondamento do modal */
.modal-content,
.modal-header,
.modal-body,
.modal-footer {
    border-radius: 0 !important;
}

/* Modal grande (formulário / iframe) */
.modal-dialog {
    max-width: 90vw;   /* largura do modal */
    width: 90vw;
}

.form-control + .text-muted[aria-hidden="true"],
.lookup-field .text-muted[aria-hidden="true"] {
    display: none !important;
}

/* loading */
[aria-busy="true"] {
    position: relative;
    pointer-events: none;
    opacity: 0.6;
}

[aria-busy="true"]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    margin-left: -16px;
    margin-top: -16px;
    border: 4px solid #d0d0d0;
    border-top-color: #323130;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    z-index: 100;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* botão azul vira preto */
/* Força botões primary a seguirem o tema escuro */
button[aria-label="Selecionar"].btn-primary {
    background-color: transparent;
    border: 1px solid #323130;
    color: #323130;
}

button[aria-label="Selecionar"].btn-primary:hover,
button[aria-label="Selecionar"].btn-primary:focus {
    background-color: #323130;
    color: #fff;
}

.btn.btn-default {
    border-width: 1px !important;
}

/* Bola azul do lookup */
/* Reset total da paginação */
.page-link,
.page-link:hover,
.page-link:focus,
.page-link:active {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    border-radius: 0 !important;

    color: #323130 !important;
    padding: 2px 6px;
    text-decoration: none;
}

/* Item ativo: somente negrito */
.page-item.active .page-link,
.page-item.active .page-link:hover,
.page-item.active .page-link:focus {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;

    color: #323130 !important;
    font-weight: 700;
}

/* Hover opcional (não altera fundo) */
.page-link:hover {
    text-decoration: underline;
}

/* muda o layout do site */
/* body > :not(.modal):not(.modal-backdrop) {
    zoom: 0.9;
} */

/* mensagem campo chassi */
.form-control.is-invalid,
input.is-invalid,
select.is-invalid,
textarea.is-invalid {
    border-color: #d13438 !important;
    box-shadow:
        0 0 0 1px rgba(209, 52, 56, 0.4),
        0 0 8px rgba(209, 52, 56, 0.35) !important;
}

/* botão de enviar formulário desabilidado */
#PreviousButton:disabled,
#NextButton:disabled,
#InsertButton:disabled {
    background-color: #323130 !important;  /* mantém a cor original */
    border-color: #323130 !important;      /* mantém a borda */
    opacity: 0.5 !important;               /* deixa aparência “apagada” */
    cursor: not-allowed;                   /* cursor de desabilitado */
    color: #fff !important;                /* mantém a cor do texto */
}





/* 1. Alvo no container principal que você enviou (que está com fundo 250, 250, 250) */
div[style*="background: rgb(250, 250, 250)"] {
    background-color: rgb(243, 242, 241) !important;
}

/* 2. Barra de Ferramentas (Command Bar) */
.ms-CommandBar, 
.ms-CommandBar-primaryCommand, 
.ms-CommandBar-secondaryCommand,
.root-164 {
    background-color: rgb(243, 242, 241) !important;
    background: rgb(243, 242, 241) !important;
}

/* 3. Cabeçalho das Colunas */
.ms-DetailsHeader, 
.root-184 {
    background-color: rgb(243, 242, 241) !important;
}

/* 4. Linhas da Lista (As linhas individuais) */
.ms-DetailsRow, 
.root-217 {
    background-color: rgb(243, 242, 241) !important;
}

/* 5. Campos das Linhas e Células */
.ms-DetailsRow-fields, 
.fields-223, 
.ms-DetailsRow-cell {
    background-color: transparent !important;
}

/* 6. Remove bordas e sombras que criam o efeito de "card" */
.ms-DetailsList, 
.root-148 {
    background-color: rgb(243, 242, 241) !important;
}

/* Opcional: Efeito de Hover (quando passa o mouse na linha) */
.ms-DetailsRow:hover {
    background-color: rgb(230, 230, 230) !important;
}


/* Alvo específico para a logo do Grupo Unique */
img[alt="Grupo Unique"] {
    height: 75px !important; /* Ajuste este valor conforme desejar */
    width: auto !important;
    max-height: none !important; /* Garante que nenhuma regra do tema limite a altura */
}


/* ---------- */

/* 1. Limpeza Geral - Remove bordas de tabela e fundos cinzas */
.entity-timeline table.section, 
.entity-timeline td.cell {
    border: none !important;
    display: block !important;
    width: 100% !important;
}

/* 2. Container da Timeline */
.entity-timeline .notes {
    padding: 15px 0 !important;
    background: transparent !important;
}

/* 3. Transformando cada nota em um Card de Conversa */
.entity-timeline .note {
    background: #ffffff !important;
    border: 1px solid #e1e4e8 !important;
    /* border-left: 4px solid #323130 !important; Barra lateral de destaque */
    border-radius: 0px !important;
    padding: 16px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.04) !important;
    transition: all 0.3s ease !important;
}

/* O efeito de hover que você gostou, agora mais suave */
.entity-timeline .note:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.12) !important;
    transform: translateY(-2px);
}

/* 4. Ajustando o cabeçalho (Quem enviou e Quando) */
.entity-timeline .note .header {
    display: flex !important;
    align-items: center !important;
    border: none !important;
    margin-bottom: 10px !important;
    width: 100% !important;
}

/* Estilizando o ícone do usuário */
.entity-timeline .iconBorder {
    background: #f0f2f5 !important;
    color: #0078d4 !important;
    border: none !important;
    font-size: 18px !important;
    margin-right: 15px !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
}

/* 5. Ajustando o conteúdo do texto */
.entity-timeline .content {
    padding-left: 55px !important; /* Alinha o texto abaixo do nome, pulando o ícone */
}

.entity-timeline .content h5 {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #201f1e !important;
    margin: 0 0 5px 0 !important;
}

.entity-timeline .description {
    font-size: 14px !important;
    color: #444 !important;
    line-height: 1.5 !important;
    margin-top: 30px !important;
}

/* 6. Ajuste dos Metadados (Data e Hora) */
.entity-timeline .metadata {
    font-size: 12px !important;
    color: #828282 !important;
}

/* 7. Botão de "Adicionar Comentário" - Estilo Moderno */
.timelineheader .addnote.btn-primary {
    background-color: #323130 !important;
    border: none !important;
    border-radius: 0px !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

/* Esconde elementos desnecessários da tabela que poluem o visual */
.entity-timeline .clearfix.cell, .entity-timeline .zero-cell {
    display: none !important;
}

/* 1. Corrigir o Botão de Criar Comentário ficando "atrás" ou "embaixo" */
.timelineheader {
    display: flex !important;
    justify-content: flex-end !important; /* Joga o botão para a direita */
    margin-bottom: 30px !important; /* Espaço para não encostar no primeiro card */
    padding: 10px 0 !important;
    float: none !important; /* Limpa floats antigos */
}

.timelineheader .buttoncontainer {
    width: auto !important;
}

/* 2. Ajustar o "From" e "To" para ficarem em uma linha só */
.entity-timeline .note .from h5 {
    display: flex !important;
    align-items: center !important; /* Alinha verticalmente a seta e os nomes */
    flex-wrap: nowrap !important; /* Impede que quebre a linha */
    gap: 10px !important; /* Espaçamento entre nome e seta */
    margin: 0 !important;
    white-space: nowrap !important;
}

/* 3. Resetar o ícone de seta dentro do h5 */
.entity-timeline .note .from h5 .icon-arrow-right {
    display: inline-block !important;
    position: static !important; /* Remove posicionamentos absolutos do padrão */
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important; /* Remove o fundo se houver */
    color: #666 !important; /* Cor da seta */
    border: none !important; /* Remove bordas que o "iconBorder" coloca */
    width: auto !important;
    height: auto !important;
    line-height: normal !important;
    font-size: 14px !important;
}

/* 4. Ajuste adicional para o cabeçalho não bagunçar com o From/To */
.entity-timeline .note .header {
    flex-direction: column !important; /* Mantém ícone e data um sob o outro na esquerda */
    align-items: flex-start !important;
    max-width: 150px !important; /* Limita a largura da área da data */
}

/* 5. Garante que o conteúdo ocupe o resto da linha */
.entity-timeline .note .row {
    display: flex !important;
    flex-wrap: nowrap !important;
}

/* 6. Remove a margem negativa que o Bootstrap às vezes aplica em tabelas convertidas */
.entity-timeline .note .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* campo de texto multilinha */
textarea.form-control {
    resize: vertical; /* Bloqueia o redimensionamento horizontal */
    max-width: 100%;  /* Garante que nunca ultrapasse o limite da célula */
    min-height: 80px; /* Altura mínima para não ficar "achatado" */
    max-height: 400px; /* Opcional: define um limite máximo de altura */
}

/* esconde campo de chassi lookup */
/* tr:has(#knx_chassi) {
  display: none;
} */

/* Altera a cor do item ativo na progress list */
ol.progress li.list-group-item.active {
    background-color: #323130 !important;
    border-color: #323130 !important;
    color: #ffffff !important; /* Garante que o texto continue legível (branco) */
}

/* Opcional: Se houver um efeito de 'seta' ou triângulo no design da lista */
ol.progress li.list-group-item.active::after {
    border-left-color: #323130 !important;
}


/* Esconde o link de skip para que ele não bloqueie a visão */
.skip-to-content {
    display: none !important;
}



.readonly-lock {
  margin-left: 6px;
  font-family: "Segoe MDL2 Assets";
  font-size: 14px;
  color: #605e5c; /* cinza padrão do Dynamics */
  vertical-align: middle;
  cursor: default;
}




/* Base para readonly e disabled */
/* input,
textarea {
    outline: none;
} */

/* Highlight blur */
/* input[readonly]:focus,
textarea[readonly]:focus,
input[readonly]:hover,
textarea[readonly]:hover,
input:disabled:hover,
textarea:disabled:hover {
    box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.35),
        0 0 1px 1px rgba(0, 0, 0, 0.25);
} */

/* input[readonly],
textarea[readonly],
input:disabled,
textarea:disabled {
    transition: box-shadow 0.2s ease;
} */

/* input[readonly],
textarea[readonly] {
    cursor: text;
} */

/* input:disabled,
textarea:disabled {
    cursor: not-allowed;
} */



/* Oculta TODAS as abas técnicas (Ignore) */
h2.tab-title:has(+ div[data-name="tab_ignore"]) {
  display: none !important;
}

div[data-name="tab_ignore"] {
  display: none !important;
}



/* 1. Campos padrões (Inputs e Selects ativos) */
.crmEntityFormView .form-control {
    background-color: #F5F5F5 !important;
}

/* 2. Campos de Status e Razão do Status (Renderizados como SPAN) */
.crmEntityFormView .cell span.status,
.crmEntityFormView .cell span.state {
    background-color: #F5F5F5 !important;
    display: block;            /* Faz o span ocupar a largura como um input */
    width: 100%;
    padding: 6px 12px;         /* Padding padrão do Bootstrap */
    min-height: 38px;          /* Altura mínima para alinhar com outros inputs */
    align-content: center;     /* Centraliza verticalmente o texto */
}

/* 3. Campos de Link/Email "Somente Leitura" (Renderizados como A) */
.crmEntityFormView .cell .control a.text-primary {
    background-color: #F5F5F5 !important;
    display: block;
    width: 100%;
    padding: 6px 12px;
    min-height: 38px;
    text-decoration: none;     /* Opcional: remove o sublinhado do link */
    align-content: center;
}

/* 4. Campos Desabilitados/Vazios (Onde o select está oculto e aparece um traço ou valor) */
/* No seu snippet 3, há uma div .text-muted substituindo o select */
.crmEntityFormView .cell .control .text-muted {
    background-color: #F5F5F5 !important;
    display: block;
    width: 100%;
    padding: 6px 12px;
    min-height: 38px;
}

/* Alvo específico para a div que substitui o Select em campos de Picklist/Dropdown */
/* .crmEntityFormView .cell .control > div.text-muted {
    background-color: #F5F5F5 !important;
    display: block !important;
    width: 100% !important;
    padding: 6px 12px !important;
    min-height: 38px !important;
} */