.prazos-proximos { margin: 1.5rem 0; color: var(--clr-dark); }
.prazos-proximos ul { list-style: none; }
.prazos-proximos li + li { border-top: 1px solid var(--clr-border); }
.prazos-proximos li a { display: flex; align-items: center; gap: .8rem; padding: .75rem .4rem; border-radius: .6rem; color: var(--clr-dark); }
.prazos-proximos li a:hover { background: color-mix(in srgb, var(--clr-dark) 4%, transparent); }
.prazos-proximos .prazo-icone { flex-shrink: 0; font-size: 1.35rem; color: var(--clr-dark-variant); }
.prazo-info { flex: 1; min-width: 0; }
.prazo-info strong { display: block; font-size: .85rem; font-weight: 500; overflow-wrap: anywhere; }
.prazo-info small { display: block; margin-top: .2rem; font-size: .75rem; color: var(--clr-info-dark); }
.prazo-badge { flex-shrink: 0; font-size: .75rem; padding: .3rem .55rem; border-radius: .5rem; color: var(--clr-primary); background: color-mix(in srgb, var(--clr-primary) 10%, transparent); }
.prazo-badge.prazo-hoje { color: var(--clr-accent); background: color-mix(in srgb, var(--clr-accent) 12%, transparent); }
.prazos-proximos #estadoPrazosProximos { padding: .7rem 0; font-size: .85rem; color: var(--clr-info-dark); }
.prazos-proximos #carregarPrazosProximos { padding: .6rem .8rem; border-radius: .5rem; background: var(--clr-light); color: var(--clr-dark); cursor: pointer; }
@media (max-width: 480px) {
  .prazos-proximos { padding: 1rem; }
  .prazos-proximos li a { gap: .55rem; flex-wrap: wrap; }
  .prazo-info { flex-basis: calc(100% - 2rem); }
  .prazo-badge { margin-left: 1.9rem; }
}

/* Mantém a lista de prazos contida no espaço do gráfico vizinho. */
.dashboard-graficos > #prazosProximos { display:flex; flex-direction:column; }
.dashboard-graficos > #prazosProximos #listaPrazosProximos { flex:1; min-height:0; }