ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* Estilos para a página de login */
.page-login {
    background: #2b2b2d;
}
.page-login body {
    background: #2b2b2d;
}
main {
    padding: 0 !important;
}
header {
    background: none !important;
    border-bottom: 1px solid #404045;
    padding: 2.4rem !important;
    margin-bottom: 0 !important;
}
header .container {
    display: flex;
    justify-content: center;
}

.login-container {
    display: flex;
    flex-direction: column;

    width: 58rem;
    align-items: baseline;
}
.login-container h1 {
    color: #fff;
    text-align: center;
    font-size: 3.2rem;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 2.4rem;
}
.login-container label {
    color: #fff;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0.4rem;
    display: block;
}
.container.page-login {
    height: calc(100vh - 10.23rem);
    display: flex;
    justify-content: center;
    align-items: center;
}
.login-container input {
    border-radius: 4px;
    border: 1px solid #fff;
    padding: 1.6rem;
    font-family: "Poppins", sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 2.4rem;
    width: 100%;
    background: #2b2b2d !important;
    color: #fff;
    margin-bottom: 0;
}
.login-container input:focus,
.login-container input:-webkit-autofill,
.login-container input:-webkit-autofill:hover,
.login-container input:-webkit-autofill:focus,
.login-container input:-webkit-autofill:active {
    background: #2b2b2d !important;
    outline: none !important;
}

#ajax-login-form {
    width: 100%;
}
.login-container input[type="submit"] {
    display: flex;

    height: 5.6rem;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    width: 100%;
    cursor: pointer;
    border: none !important;
    border-radius: 36px !important;
    background: #f4bc5f !important;
    color: #2b2b2d;
    font-family: Poppins;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.rememberme label input {
    width: auto;
    margin-bottom: 0;
}
.rememberme label {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin-bottom: 2.4rem;
    margin-bottom: 0;
}
#password {
    margin-bottom: 0.4rem;
}
.login-links {
    margin-top: 1.6rem;
}
.login-links a {
    color: #fff;
    text-decoration: none;
}
#login-message {
    border: 1px solid #f4bc5f;
    padding: 1.6rem;
    border-radius: 0.4rem;
    margin-bottom: 2.4rem;
    color: #f4bc5f;
}

/* Estilos para a página de dashboard */
/* Reset para evitar scroll */
html,
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

/* Container principal em display flex */
.containerDash {
    display: flex;
    width: 100%;
}

/* Sidebar fixa na esquerda */
.sidebar {
    background: #2b2b2d;
    width: 28rem;
    position: fixed;
    left: 0;
    top: 0; /* Isso será ajustado pelo JS */
    height: 100vh; /* Isso será ajustado pelo JS */
    z-index: 10;
}

/* Conteúdo principal com margem à esquerda para dar espaço à sidebar */
.content {
    flex: 1;
    margin-left: 28rem; /* Mesma largura da sidebar */
    min-height: 100vh;
}

.logo-sidebar {
    padding: 3.2rem 0;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #404045;
    margin-bottom: 3.2rem;
}
.logo-sidebar img {
    max-width: 14rem;
}
.sidebar a {
    display: flex;
    margin-bottom: 2.4rem;
    padding-left: 2.4rem;
    gap: 1.6rem;
    color: #fff;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6rem;
    text-decoration: none;
    align-items: center;
}

/* Estilo para o item ativo no menu sidebar */
.sidebar a.ativo {
    color: #f4bc5f;
    font-weight: 600;
    position: relative;
}
.sidebar a.ativo svg path {
    fill: #f4bc5f;
}

.page-cadastro-empresa .sidebar a[href*="cadastro-empresa"] {
    color: #f4bc5f;
    font-weight: 600;
    position: relative;
}
.page-cadastro-empresa .sidebar a[href*="cadastro-empresa"] svg path {
    fill: #f4bc5f;
}

.page-dashboard .sidebar a[href*="dashboard"] {
    color: #f4bc5f;
    font-weight: 600;
    position: relative;
}
.page-dashboard .sidebar a[href*="dashboard"] svg path {
    fill: #f4bc5f;
}

.page-cadastro-laudo .sidebar a[href*="cadastro-laudo"] {
    color: #f4bc5f;
    font-weight: 600;
    position: relative;
}
.page-cadastro-laudo .sidebar a[href*="cadastro-laudo"] svg path {
    fill: #f4bc5f;
}
.todoHeaderDashboard {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e6e6e6;
    align-items: center;
    padding: 3rem 4.8rem;
}
.todoHeaderDashboard h1 {
    font-size: 2.4rem;
    color: #2b2b2d;
    font-weight: 500;
}
.headerMenu {
    display: flex;
    align-items: center;
    gap: 1.6rem;
}
.headerMenu .user {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    margin-right: 1.6rem;
}

.headerMenu .notificacoes {
    cursor: pointer;
}
.headerMenu .user .icone {
    width: 3.6rem;
    height: 3.6rem;
    flex-shrink: 0;
    background-size: cover;
    background-position: center;
    background-color: #2b2b2d;
    color: #fff;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.headerMenu .botaoSair {
    cursor: pointer;
}

.todoContentDashboard {
    padding: 4.8rem;
    box-sizing: border-box;
}

form {
    max-width: 58rem;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}

form input,
form textarea {
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    height: 4.8rem;
    font-family: "Poppins", sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 1.6rem;
    resize: none;
}
form textarea {
    height: 9.6rem;
    padding-top: 1.6rem;
}
form input:focus,
form textarea:focus {
    outline: none;
}
form label {
    color: #2b2b2d;

    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.font-semibold.text-bloomer_black.text-base.leading-6.mb-2 {
    color: #2b2b2d;

    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.uploadResult.flex.mt-6 {
    display: flex;
}

.image-preview-container {
    order: 2;
    display: flex;
    align-items: center;
}
form .separador {
    display: none;
}

form button[type="submit"] {
    background: #f4bc5f;
    width: 100%;
    height: 5.6rem;
    justify-content: center;
    align-items: center;
    font-family: "Poppins", sans-serif;
    gap: 10px;
    flex-shrink: 0;
    cursor: pointer;
    border: none !important;
    border-radius: 3.6rem !important;
    color: #2b2b2d;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.remover svg path {
    fill: #fff;
}

.remover {
    border-radius: 50%;
    width: 2.4rem;
    height: 2.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: #e74c3c;
}
.remover svg {
    width: 1.2rem;
    height: 1.2rem;
}
.campo-repetido {
    display: flex;
    align-items: center;
    gap: 1.6rem;
}
.campo-repetido input:nth-child(1) {
    width: 28rem;
}
#adicionar {
    background-color: #d1d1d6;
    color: #2b2b2d;
    font-family: "Poppins", sans-serifs;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s;
    margin-top: 2.4rem;
    max-width: 25rem;
    display: flex;
    justify-content: center;
}
.select-options {
    max-height: 30rem;
    overflow-y: auto;
}
#campos-container {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
}
.repetidor {
    margin-bottom: 2.4rem;
}

.tabela-container {
    overflow-x: auto;
    background: #fff;
    border-radius: 8px;
}

table {
    width: 100%;
    border-collapse: collapse;
    min-width: 100rem;
}

th,
td {
    text-align: left;
    border-bottom: 1px solid #e6e6e6;
    white-space: nowrap;
}

th {
    color: #2b2b2d;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-bottom: 2.4rem;
    border-bottom: 1px solid #e6e6e6;
}
td {
    height: 6.4rem;
}

.badge {
    padding: 0.4rem 0.8rem;
    border-radius: 20px;
    color: #fff;
    font-size: 0.9em;
    display: inline-block;
    background: #3e3e3e;
}
.acoes svg {
    display: inline-block;
    vertical-align: middle;
    height: 2rem;
    width: 2rem;
}
td.acoes {
    vertical-align: middle;
}
.badge.pendente {
    background-color: #c2c2c2;
    color: #2b2b2d;
}
.badge.andamento {
    background-color: #f4bc5f;
    color: #2b2b2d;
}
.badge.finalizado {
    background-color: #5ac282;
    color: #1f3d2b;
}
.badge.atrasado {
    background-color: #f26d6d;
    color: #471919;
}

.acoes {
    display: flex;
    gap: 1.6rem;
    align-items: center;
    justify-content: end;
}

.acoes i {
    cursor: pointer;
}

.acoes .verDocumentos svg {
    height: 2.4rem;
    width: 2.4rem;
}

.acoes .verDocumentos {
    cursor: pointer;
}

/* Ícones usando emojis como placeholders */
.icon-edit::before {
    content: "✏️";
}
.icon-pdf::before {
    content: "📄";
}
.icon-box::before {
    content: "📦";
}
.icon-more::before {
    content: "⋮";
}

@media (max-width: 768px) {
    th,
    td {
        padding: 10px 8px;
        font-size: 0.9em;
    }
}

.busca .linhaCampo {
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    display: flex;
    width: 58rem;
    height: 4.8rem;
    position: relative;
}
.busca .linhaCampo input {
    height: 100%;
    border: none;
    width: 100%;
    padding-left: 1.6rem;
    font-family: "Poppins", sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 4px;
}
.busca .linhaCampo input:focus {
    outline: none;
}
.busca .linhaCampo input placeholder {
    color: #d1d1d1;
}
.busca .linhaCampo svg {
    position: absolute;
    right: 1.6rem;
    top: 50%;
    margin-top: -0.8rem;
}

.filtros {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4.8rem;
}

.filtrosSelect {
    display: flex;
    gap: 1.6rem;
}

.filtros .select-options {
    min-width: 29rem;
}

/* Popup de Laudo Styles */
.popUpVerMaisLaudo {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60rem;
    padding: 2.4rem;
    background-color: #fff;
    border-radius: 0.5rem;
    box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.15);
    z-index: 1000;
    overflow: auto;
    flex-shrink: 0;
}

.popUpVerMaisLaudo h4 {
    color: #2b2b2d;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.02rem;
    margin-top: 1.6rem;
    padding-bottom: 2.4rem;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 2.4rem;
}

.popUpVerMaisLaudo h3 {
    color: #2b2b2d;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.025rem;
    margin-bottom: 1.6rem;
}

.popUpVerMaisLaudo .ocorrencias h3 {
    color: #2b2b2d;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.0225rem;
    text-transform: capitalize;
}

.popUpVerMaisLaudo .ocorrencias ul {
    list-style: disc;
    list-style-position: inside;
    padding: 0;
    margin: 1rem 0;
    max-width: 42.4rem;
}

.popUpVerMaisLaudo .ocorrencias li {
    color: #2b2b2d;
    font-size: 1.6rem;
    margin-top: 0.8rem;
    line-height: 2.4rem;
}

.popUpVerMaisLaudo .ocorrencias li span {
    display: block;
    font-size: 1.2rem;
    color: #8b8b8d;
    font-weight: 400;
    line-height: normal;
}

.popUpVerMaisLaudo .btnClose {
    position: absolute;
    top: 2.4rem;
    right: 2.4rem;
    cursor: pointer;
}

.popUpVerMaisLaudo .btnClose svg {
    width: 2rem;
    height: 2rem;
}

/* Overlay para background quando popup está aberto */
.popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

/* Estilos para o botão ver mais e outros botões de ação */
.verMaisLaudo,
.editarLaudo,
.comentarSobreLaudo {
    cursor: pointer;
}

@media (max-width: 1550px) {
    html {
        font-size: 52%;
    }
}

/*Adicionado Leandro - Não autorizado*/
.page-nao-autorizado,
.page-nao-autorizado header,
.page-nao-autorizado footer,
.page-nao-autorizado body {
    background-color: #2b2b2d !important;
}
.acesso-negado {
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
    padding: 2rem;
}

.page-nao-autorizado .login-container {
    margin: 0px auto;
}

.acesso-negado h1 {
    color: #e63946;
    margin-bottom: 1.5rem;
}
.mensagem-acesso-negado {
    margin-bottom: 2rem;
}
.mensagem-acesso-negado p {
    margin-bottom: 1rem;
    font-size: 1.1rem;
    color: #fff;
}
.botoes-acesso-negado {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 300px;
    margin: 0 auto;
}
.botoes-acesso-negado a {
    display: inline-block;
    padding: 0.8rem 1.5rem;
    text-decoration: none;
    border-radius: 4px;
    font-weight: bold;
    transition: all 0.3s ease;
}
.botao-voltar {
    background-color: #f1c40f;
    color: #333;
}
.botao-login {
    background-color: #f1c40f;
    color: #333;
}
.botao-voltar:hover {
    background-color: #f39c12;
}
.botao-login:hover {
    background-color: #f39c12;
}
/*Fim adicionado Leandro - Não autorizado*/

/*Adicionado Leandro - Erros*/
#form-errors {
    margin-bottom: 2rem;
    background: #f26d6d;
    padding: 1rem;
    display: none;
    border-radius: 0.8rem;
}

#form-errors.show {
    display: block;
}

#form-errors .error-message {
    color: #fff;
    margin-top: 10px;
    font-size: 1.4rem;
    line-height: 2.4rem;
}

/*Fim adicionado Leandro - Erros*/

.modal_content h3 {
    color: #2b2b2d;
    font-family: Poppins;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 2.4rem;
    margin-bottom: 1.6rem;
}
.modal_content p {
    color: #2b2b2d;
    text-align: center;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 62.8rem;
    margin-bottom: 4.8rem;
}
.btnModal {
    display: flex;
    width: 22rem;
    height: 5.6rem;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 36px;
    background: #f4bc5f;
    border: none;
    color: #2b2b2d;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-family: "Poppins", sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0 auto;
}

.pagination.pagination-laudos {
    display: flex;
    gap: 1.6rem;
    justify-content: center;
    margin-top: 4.8rem;
}

.pagination.pagination-laudos li a {
    width: 2.4rem;
    height: 2.4rem;
    flex-shrink: 0;
    color: #666;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.26px;
    text-decoration: none;
    background: #ededed;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    padding-top: 0.2rem;
}
.pagination.pagination-laudos .page-item.active a {
    background-color: #f4bc5f;
    color: #2b2b2d;
}

.pagination.pagination-laudos li a.angle {
    background: none;
}
.pagination.pagination-laudos li a.angle svg {
    padding-top: 0.4rem;
}

#limpar-filtros {
    border: none;
    background: none;
    color: #666;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-family: "Poppins", sans-serif;
    cursor: pointer;
    height: 4.8rem;
}

.popUpNofificacao {
    background: #fff;
    box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 0;
    right: -100%;
    z-index: 10;
    height: 100vh;
    padding: 4.8rem 0;
    width: 52.4rem;
    transition: right 0.3s ease;
    display: none;
}
.popUpNofificacao.active {
    display: block;
    animation: popUpNofificacao 0.3s ease forwards;
}

@keyframes popUpNofificacao {
    0% {
        right: -100%;
    }
    100% {
        right: 0;
    }
}

.dp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 3.2rem;
    border-bottom: 1px solid #e6e6e6;
    padding: 0 4.8rem;
    padding-bottom: 3.2rem;
}

.dp h3 {
    color: #2b2b2d;
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.dp svg {
    cursor: pointer;
    width: 2.4rem;
    height: 2.4rem;
}
.popUpNofificacao ul {
    margin-top: 1.6rem;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    overflow-x: auto;
    max-height: calc(100vh - 22rem);
}

.popUpNofificacao ul li {
    color: #2b2b2d;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0 4.8rem;
    padding-bottom: 1.6rem;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
}
.popUpNofificacao ul li span {
    color: #06268e;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
    margin-top: 0.8rem;
}

.btnMarcarTodos {
    color: #2b2b2d;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 500;
    margin: 0 2.4rem;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid #f4bc5f;
    width: fit-content;
    margin-top: 3.2rem;
    cursor: pointer;
}

.popUpNofificacao ul li {
    transition: all 0.3s ease;
}

.popUpNofificacao ul li:hover {
    background-color: #efefef;
}

.popUpNofificacao ul li.temNotificacao {
    cursor: pointer;
}

.popUpNofificacao ul li.temNotificacao::before {
    content: "";
    position: absolute;
    width: 0.8rem;
    height: 0.8rem;
    background: #f4bc5f;
    border-radius: 50%;
    top: 50%;
    margin-top: -0.4rem;
    left: 2.4rem;
}

.page-item.disabled {
    display: none;
}

/* Botões flutuantes */

.openChat.chat1 {
    right: 100px;
    background-color: #2563eb; /* azul */
}
.openChat.chat2 {
    right: 20px;
    background-color: #16a34a; /* verde */
}
.openChat:hover {
    filter: brightness(0.9);
}

/* Popup chat */

#chatPopup {
    position: fixed;
    top: 0;
    z-index: 1000;
    background: rgba(43, 43, 45, 0.7);
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}
#chatPopup {
    display: none;
}
.todoChat {
    width: 52.4rem;
    border-radius: 4px;
}
/* Cabeçalho */
.chatHeader {
    padding: 1rem;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    color: #444;
    background: #f5f5f5;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.closeChat {
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
    color: #666;
}
.closeChat:hover {
    color: #000;
}

/* Área de mensagens */
.messages {
    flex: 1;
    padding: 1rem;
    overflow-y: auto;
    max-height: 30rem;
    min-height: 30rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background-color: #f8f9fa;
}

/* Estilos das mensagens */
.messageRow {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

/* Mensagem do usuário (à direita) */
.userMessage {
    justify-content: flex-end;
}

/* Mensagem do sistema (à esquerda) */
.systemMessage {
    justify-content: flex-start;
}

/* Estilos das bolhas de mensagem */
.messageBubble {
    padding: 0.8rem 1.2rem;
    border-radius: 12px;
    max-width: 70%;
    word-wrap: break-word;
    font-size: 1.6rem;
    line-height: 1.3;
}

/* Bolha de mensagem do usuário */
.userBubble {
    background-color: #06268e;
    color: white;
    border-bottom-right-radius: 4px;
}

/* Bolha de mensagem do sistema */
.systemBubble {
    background-color: #f4bc5f;
    color: #2b2b2d;
    border-bottom-left-radius: 4px;
}

/* Avatar */
.avatar {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Input e botão */
.inputArea {
    display: flex;
    padding: 1rem;
    border-top: 1px solid #ddd;
    gap: 0.8rem;
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    align-items: center;
}
.messageInput {
    flex-grow: 1;
    padding: 0.8rem 1rem;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 1.6rem;
    outline: none;
    transition: border-color 0.2s;
    font-family: "Poppins", sans-serif;
}
.messageInput:focus {
    border-color: #f4bc5f;
}
.attachFile {
    background-color: transparent;
    border: 1px solid #ccc;
    color: #666;
    padding: 0.8rem;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    min-width: 40px;
    height: 40px;
}
.attachFile:hover {
    background-color: #f5f5f5;
    border-color: #f4bc5f;
    color: #f4bc5f;
}
.attachFile:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.sendMessage {
    background-color: #f4bc5f;
    border: none;
    color: #2b2b2d;
    padding: 0.8rem 1.4rem;
    border-radius: 50px;
    cursor: pointer;
    font-size: 1.6rem;
    user-select: none;
    transition: background-color 0.2s;
    font-family: "Poppins", sans-serif;
}
.sendMessage:hover {
    opacity: 0.8;
}

/* File attachment styles */
.fileAttachment {
    display: flex;
    align-items: center;
    padding: 0.8rem;
    background: rgba(244, 188, 95, 0.1);
    border-radius: 8px;
    max-width: 250px;
}
.fileLink {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    text-decoration: none;
    color: inherit;
    width: 100%;
}
.fileIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: #f4bc5f;
    border-radius: 6px;
    flex-shrink: 0;
}
.fileIcon svg {
    color: #2b2b2d;
}
.fileName {
    font-size: 1.4rem;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
}
.userBubble .fileAttachment {
    background: rgba(255, 255, 255, 0.2);
}
.systemBubble .fileAttachment {
    background: rgba(244, 188, 95, 0.15);
}

@media (max-width: 1366px) {
    .todoContentDashboard {
        padding: 2.4rem;
        box-sizing: border-box;
    }
    html {
        font-size: 50%;
    }
    .sidebar {
        width: 26rem;
    }
    .content {
        flex: 1;
        margin-left: 26rem;
    }
}

/*Nova lista de arquivos editar laudos*/
.lista_pdfs {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
}

.lista_pdfs > p {
    font-weight: bold;
    font-size: 1.7rem;
}

.lista_pdfs li {
    color: #e63946;
    display: flex;
    align-items: center;
    font-size: 1.4rem;
}

.lista_pdfs .actions {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.lista_pdfs .actions a {
    margin-left: 1rem;
    transition: opacity 0.2s;
}

.lista_pdfs .actions a:hover {
    opacity: 0.8;
}

.lista_pdfs .actions a svg {
    width: 1.6rem;
    height: 1.6rem;
}

.lista_pdfs .actions a svg * {
    fill: #e63946;
}

.lista_pdfs .remover {
    width: 1.8rem;
    height: 1.8rem;
    transition: opacity 0.2s;
}

.lista_pdfs .remover:hover {
    opacity: 0.8;
}

.lista_pdfs .remover svg {
    width: 1rem;
    height: 1rem;
}

/*Fim nova lista editar laudos*/

/*Novos Etilos Notification*/
.notificationFooter {
    margin-top: 2.4rem;
    display: flex;
    justify-content: space-between;
    padding: 0 1.6rem;
}

.notificationFooter div a {
    color: #000000;
    transition: opacity 0.2s;
}
.notificationFooter div a:hover {
    opacity: 0.8;
}

.notificationFooter .pagination {
    display: flex;
    gap: 0.8rem;
    align-items: center;
}

.notificationFooter .pagination button {
    appearance: none;
    box-shadow: none;
    outline: none;
    border: none;
    zoom: 1;
    cursor: pointer;
    background: transparent;
}

.btnVerConversa {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.8rem;
    color: #000 !important;
    text-decoration: none !important;
    transition: all 0.2s;
    font-weight: bold;
}

.btnVerConversa:hover {
    opacity: 0.8;
    gap: 0.8rem;
}

.btnVerConversa span {
    margin-top: 0px !important;
    color: #000 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

/*Dkim novo Estilos Notification*/

/*Modal Docs*/
.todoDocs {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.todoDocs .overlayDocvs {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(43, 43, 45, 0.9);
    z-index: 9998;
}

.todoDocs .containerDocs {
    background-color: #fff;
    padding: 2rem;
    border-radius: 0.5rem;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 0.8rem;
    position: relative;
    width: calc(100% - 16px);
    z-index: 99999;
    max-width: 570px;
    min-height: 220px;
    max-height: 96%;
    overflow: auto;
    padding-top: 5.8rem;
}
.todoDocs .containerDocs .closeDocs {
    cursor: pointer;
    position: absolute;
    top: 1rem;
    right: 1rem;
}

.todoDocs .containerDocs h3 {
    margin-bottom: 1.6rem;
}

.iconCloseMenu {
    display: none;
}
.iconMenumobile {
    display: none;
}
.menuMobile {
    display: none;
}
@media (max-width: 1300px) {
    .sidebar {
        width: 100%;
        position: relative;
        height: 8rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .containerDash {
        display: flex;
        width: 100%;
        flex-direction: column;
    }
    .content {
        flex: 1;
        margin-left: 0;
    }
    .sidebar a {
        border: none;
        padding-bottom: 0;
        padding-top: 0;
        margin-bottom: 0;
        margin-top: 0;
    }
    .menu {
        position: fixed;
        width: 100%;
        height: 100%;
        background: #2b2b2d;
        top: 0;
        left: 0;
        padding-top: 9.6rem;
        display: flex;
        flex-direction: column;
        display: none;
        gap: 2.4rem;
    }

    .iconCloseMenu {
        position: absolute;
        top: 2.5rem;
        right: 2.4rem;
        display: block;
    }
    .iconMenumobile svg * {
        fill: #fff;
    }
    .iconCloseMenu svg {
        width: 3.2rem;
        height: 3.2rem;
    }
    .iconCloseMenu svg * {
        fill: #fff;
    }
    .iconMenumobile {
        display: block;

        order: 2;
    }
    html {
        font-size: 62.5%;
    }
    .todoHeaderDashboard {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #e6e6e6;
        align-items: center;
        padding: 2.4rem;
    }

    .user p {
        display: none;
    }
    .menuMobile {
        display: flex;
        padding-right: 2.4rem;
        gap: 2.4rem;
    }
    .notificacoes svg * {
        fill: #fff;
    }
    .headerMenu .botaoSair {
        padding-left: 0;
    }
    .headerMenu .botaoSair svg * {
        fill: #fff;
    }
    /* .infos .headerMenu .user .icone {
      background-color: #FFF;
      color: #2B2B2D;
    } */
    .menuMobile .infos {
        display: flex;
        gap: 2.4rem;
    }
    .infos .headerMenu .user {
        display: none;
    }
    .todoHeaderDashboard .headerMenu {
        display: none;
    }
    .menuAtivo {
        overflow: hidden;
    }
    .menuAtivo .logo-sidebar {
        position: relative;
        z-index: 9999;
    }

    /* Tabela com scroll horizontal em telas menores */
    .tabelaLaudos {
        width: 100%;
        overflow-x: auto;
        display: block;
    }

    /* Garantindo que a tabela interna tenha largura fixa */
    .tabelaLaudos table {
        min-width: 800px; /* Largura mínima fixa da tabela */
    }
}

@media (max-width: 1280px) {
    .tabelaLaudos {
        width: 100%;
        overflow-x: auto;
        display: block;
    }

    .tabelaLaudos table {
        min-width: 800px; /* Largura mínima fixa da tabela */
    }
    .tabela-container {
        padding-bottom: 4.8rem;
    }
    .filtros {
        display: flex;
        justify-content: space-between;
        margin-bottom: 4.8rem;
        flex-direction: column;
    }
    .busca .linhaCampo {
        width: 100%;
    }
    .td_grupoCota {
        max-width: 100%;
        white-space: break-spaces;
        word-break: normal;
        padding-right: 24px;
    }
    .td_operacao {
        max-width: 100%;
        white-space: nowrap;
    }
    .campo-repetido {
        display: flex;
        align-items: center;
        gap: 1.6rem;
        flex-direction: column;
    }
    .filtrosSelect {
        display: flex;
        gap: 1.6rem;
        flex-wrap: wrap;
    }
    #limpar-filtros {
        display: flex;
        width: 100%;
        justify-content: center;
    }
}
.menu a svg {
    width: 2rem;
}

/*fix BTN*/
.sendMessage svg {
    height: 20px;
    width: 20px;
}