body { background: #f1f3f6; min-height: 100vh; }
.alert-toast { position: fixed; top: calc(8px + env(safe-area-inset-top)); right: 8px; left: 8px; z-index: 4000; max-width: 480px; margin-left: auto; }
#telaLogin { position: fixed; inset: 0; align-items: center; justify-content: center; padding: 16px; background: #212529; }
#telaLogin form { width: 100%; max-width: 380px; }
.topo { background: #212529; color: #fff; padding: calc(12px + env(safe-area-inset-top)) 0 12px; position: sticky; top: 0; z-index: 100; }
.resumo { background: #fff; border-radius: 12px; padding: 12px 14px; box-shadow: 0 1px 2px rgba(0,0,0,.06); }
.resumo .numero { font-size: 1.5rem; font-weight: 700; line-height: 1.1; }
.empresa { border: 0; border-radius: 14px; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.empresa.desativada { opacity: .65; }
.empresa .contagens span { display: inline-flex; align-items: center; gap: 4px; margin-right: 12px; }
.empresa .minha { font-size: .7rem; }