/* --- IDENTIDADE GESTÃO EDU: VERSÃO FINAL --- */
:root {
    --p-blue: #0055a5 !important;
    --p-red: #ed1c24 !important;
}

/* --- 0. BUSCA E GERAL --- */
body.customers .kb-search-button, 
body.customers button.btn-success.kb-search-button {
    background-color: var(--p-blue) !important;
    border-color: var(--p-blue) !important;
    border-radius: 0 50px 50px 0 !important;
    height: 55px !important;
    padding: 0 30px !important;
}
body.customers .kb-search-input {
    border-radius: 50px 0 0 50px !important;
    height: 55px !important;
    padding-left: 55px !important;
    border: 2px solid #ddd !important;
}
body.customers .kb-search-icon {
    left: 20px !important;
    color: var(--p-blue) !important;
}

/* --- 1. PÁGINA PRINCIPAL (GRID COM ÍCONES) --- */
body.customers ul[role="list"].tw-divide-y {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 25px !important;
    padding: 20px 0 !important;
    border: none !important;
    divide-width: 0 !important;
}
body.customers ul[role="list"].tw-divide-y li {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 20px !important;
    padding: 35px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    position: relative !important;
    margin-top: 0 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.3s ease !important;
}
body.customers ul[role="list"].tw-divide-y li::before {
    content: "";
    width: 45px; height: 45px; margin-bottom: 20px;
    background-color: var(--p-blue);
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z'/%3E%3C/svg%3E") no-repeat center;
}
body.customers ul[role="list"].tw-divide-y li h3 a { color: var(--p-blue) !important; font-weight: 800 !important; text-decoration: none !important; }
body.customers ul[role="list"].tw-divide-y li h3 a::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; }
body.customers ul[role="list"].tw-divide-y li .badge { background: var(--p-red) !important; color: #fff !important; margin-top: 10px !important; }

/* --- 2. PÁGINA INTERNA (ESTRUTURA DATA > TITULO) --- */
body.customers .articles_list li div.sm\:tw-flex {
    display: flex !important;
    flex-direction: column-reverse !important; /* Inverte: Data no topo */
    align-items: flex-start !important;
}
body.customers .articles_list li {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-left: 8px solid var(--p-blue) !important;
    border-radius: 15px !important;
    padding: 30px !important;
    margin-bottom: 25px !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    transition: 0.3s !important;
}
body.customers .articles_list li:hover { border-color: var(--p-red) !important; transform: translateY(-3px); }

/* Estilo da Data */
body.customers .articles_list li span.tw-text-neutral-500 {
    display: block !important;
    margin-bottom: 10px !important;
    font-weight: 700 !important;
    color: #94a3b8 !important;
    font-size: 13px !important;
}
/* Estilo do Título */
body.customers .articles_list li h4 { margin-bottom: 12px !important; width: 100% !important; }
body.customers .articles_list li h4 a { color: var(--p-blue) !important; font-size: 22px !important; font-weight: 800 !important; text-decoration: none !important; display: block !important; }
body.customers .articles_list li h4 a::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; }

/* Botão Ler Comunicado */
body.customers .articles_list li::after {
    content: "LER COMUNICADO COMPLETO →" !important;
    background: var(--p-red) !important;
    color: #fff !important;
    padding: 10px 22px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    margin-top: 15px !important;
    display: inline-block !important;
    width: fit-content !important;
}