/* tabela.css — tema escuro para listagem de credenciais */

:root {
  --bg: #0D1117;
  --bg-elevado: #161B22;
  --azul: #58A6FF;
  --azul-claro: #79C0FF;
  --texto: #F0F6FC;
  --texto-secundario: #8B949E;
  --linha-par: #161B22;
  --linha-impar: #0D1117;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  background: var(--bg);
  color: var(--texto);
  font-family: 'Segoe UI', 'Consolas', system-ui, -apple-system, sans-serif;
  padding: 32px 16px;
}

.wrapper { max-width: 700px; margin: 0 auto; }

.topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  flex-wrap: wrap;
  gap: 12px;
}

h1 { font-size: 1.2rem; margin: 0; }

.btn-download {
  background: var(--azul);
  color: #0D1117;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.85rem;
  padding: 8px 16px;
  border-radius: 8px;
  transition: background 0.15s ease;
}
.btn-download:hover { background: var(--azul-claro); }

table {
  width: 100%;
  border-collapse: collapse;
  background: var(--bg-elevado);
  border: 1px solid #30363D;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0,0,0,0.4);
}

thead th {
  background: var(--azul);
  color: #0D1117;
  text-align: left;
  padding: 12px 16px;
  font-size: 0.85rem;
}

tbody td {
  padding: 10px 16px;
  font-size: 0.9rem;
  border-top: 1px solid #30363D;
}

tbody tr:nth-child(even) { background: var(--linha-par); }
tbody tr:nth-child(odd) { background: var(--linha-impar); }
tbody tr:hover { background: #21262D; }

.vazio {
  text-align: center;
  padding: 24px;
  color: var(--texto-secundario);
}

.links { margin-top: 20px; text-align: center; }
.links a { color: var(--azul-claro); text-decoration: none; font-size: 0.85rem; }
.links a:hover { text-decoration: underline; }

@media (max-width: 480px) {
  thead th, tbody td { padding: 8px 10px; font-size: 0.8rem; }
}