/* ==========================================================================
   1. PERSONALIZAÇÃO DE CORES E TEMA (MUDANÇA DE AZUL PARA VERDE TEAL)
   ========================================================================== */

/* Cor do título de erro quando não há conteúdo */
.NoContent__errorTitle {
    color: #14d6b9;
}

/* Renomeia o filtro de status */
[data-id="open_filter"] {
    content: 'Aberto';
}

/* Define a cor principal (Verde Teal #0D9488) no banner, busca e containers */
.Header__banneralt[style*="padding-top: 53px;"],
.Header__banneralt[style*="padding-top: 53px;"] .Header__searchSubCont,
.Header__banneralt[style*="padding-top: 53px;"] .Header__searchalt,
.Header__banneralt[style*="padding-top: 53px;"] .Header__searchLink,
.Header__banneralt[style*="padding-top: 53px;"] .SearchCon__searchCon,
.Header__banneralt[style*="padding-top: 53px;"] .SearchBox__searchpart {
    background-color: #0D9488 !important;
    border-color: #0D9488 !important;
}

/* Força a mudança de cor em elementos que usam estilo inline (o azul padrão #3E7AF7) */
[style*="color: #3E7AF7"],
[style*="fill: #3E7AF7"] {
    color: #0D9488 !important;
    fill: #0D9488 !important;
}

/* Cor de fundo dos botões primários e badges de status */
.btn-primary,
.zu-button.zu-button-primary,
.Badge__implement,
.is-scrolled .Header__searchalt {
    background-color: #0D9488 !important;
    border-color: #0D9488 !important;
}

/* Cor dos ícones e textos ao passar o mouse (Hover) no cabeçalho */
.Header__containerLink:hover .Header__tClr,
.Header__containerLink:hover .Icon__icon {
    color: #0D9488 !important;
    fill: #0D9488 !important;
}

/* Remove o contador de formulários do título */
.TitleContainer__formCount {
    display: none !important;
}

/* Cor do botão de perfil do usuário */
.LoginDetail__profileBtn {
    background-color: #0D9488 !important;
}


/* ==========================================================================
   2. RENOMEAR CAMPO "ASSUNTO" PARA "TÍTULO DA SOLICITAÇÃO"
   ========================================================================== */

/* Passo 1: Esconde o texto original "Assunto" zerando o tamanho da fonte */
label[for="subject"] {
    font-size: 0 !important;
    visibility: hidden;
}

/* Passo 2: Insere o novo texto antes do elemento original */
label[for="subject"]::before {
    content: "Título da solicitação"; /* Seu novo texto */
    font-size: 16px !important;       /* Tamanho igualado aos outros campos */
    font-weight: 400 !important;      /* Peso da fonte normal (sem negrito) */
    font-family: inherit !important;  /* Usa a mesma fonte do sistema */
    color: #000000;                   /* Cor do texto */
    visibility: visible;              /* Torna visível (pois o pai está hidden) */
    display: block;
    margin-bottom: 5px;
}

/* Passo 3: Recria o asterisco (*) de campo obrigatório */
label[for="subject"]::after {
    content: "*";
    font-size: 15px !important;
    visibility: visible;
    color: #f44336;                   /* Vermelho para indicar obrigatório */
    margin-left: 4px;
}