.resumo { display: flex; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; }
.contador { flex: 1; min-width: 150px; color: #fff; border-radius: 6px; padding: 14px; text-align: center; }
.contador strong { display: block; font-size: 38px; font-weight: 300; }
.contador[data-status="OFFLINE"] { background: #d7141a; }
.contador[data-status="ONLINE"] { background: #7a9a00; }
.contador[data-status="PAUSADO"] { background: #3a78c2; }
.contador[data-status="DESCONHECIDO"] { background: #8a8a8a; }
.lista { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 8px; }
.aviso { border-left: 6px solid #7a9a00; background: #f7f9ec; padding: 8px 10px; border-radius: 3px; font-size: 14px; }
.aviso small { display: block; color: #556; }
.aviso.offline { border-left-color: #d7141a; background: #ffe3e4; font-weight: 600; }
.vazio { color: #667; font-style: italic; }