#header nav[aria-label="{% translate 'Breadcrumbs' %}"] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    gap: 20px;
}

#next-reminder-countdown-admin {
    font-size: 13px;
    color: var(--header-link-color, #f5f5f5);
    font-weight: 500;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0.15);
    padding: 5px 12px;
    border-radius: 20px;
    display: none;
    transition: opacity 0.5s ease-in-out;
}

#next-reminder-countdown-admin i.fas.fa-bell {
    margin-right: 8px;
    opacity: 0.9;
    animation: ring-bell 4s 2s ease-in-out infinite;
}

#next-reminder-countdown-admin strong {
    font-weight: 700;
    color: #fff;
}

@keyframes ring-bell {
    0%, 50%, 100% {
        transform: rotate(0);
    }
    5%, 15%, 25%, 35%, 45% {
        transform: rotate(13deg);
    }
    10%, 20%, 30%, 40% {
        transform: rotate(-13deg);
    }
}

/* Estilos para a lista de lembretes no SweetAlert */
.swal2-html-container .scrollable-list {
    max-height: 400px;
    overflow-y: auto;
    padding-right: 15px; /* Espaço para a barra de rolagem */
    text-align: left;
}

.swal2-html-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.swal2-html-container li {
    padding: 1rem 0;
    border-bottom: 1px solid #e3e6f0;
}

.swal2-html-container li:last-child {
    border-bottom: none;
}

.swal2-html-container .reminder-item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.25rem;
}

.swal2-html-container h6 {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #4e73df; /* Cor primária do tema */
}

.swal2-html-container small {
    color: #858796; /* Cor de texto sutil */
    font-size: 0.8rem;
    white-space: nowrap;
    margin-left: 1rem;
}

.swal2-html-container p.description {
    margin: 0;
    font-size: 0.9rem;
    color: #5a5c69; /* Cor de texto principal */
    padding-left: 5px;
}

.swal2-html-container p.text-muted {
    text-align: center;
    color: #999;
    margin-top: 15px;
}

a#reminders-link.loading {
    pointer-events: none; /* Desabilita cliques repetidos */
    opacity: 0.7;
}

a#reminders-link.loading i.fas.fa-bell {
    animation: fa-spin 1.5s infinite linear; /* Animação de rotação do Font Awesome */
}

#next-reminder-countdown-admin {
    /* ... seus estilos existentes ... */
    min-height: 29px; /* Mesma altura do padding+fontsize */
    min-width: 150px; /* Um espaço mínimo reservado */
    text-align: center;
}