body {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
  background: #ffffff; /* layout branco */
  color: #111827;       /* texto escuro */
}

header, main, footer {
  padding: 1rem;
}

.h-10 { height: 5rem; }


.grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 1rem;
}

.card {
  background: #ffffff;                 /* card claro */
  border: 1px solid #e5e7eb;           /* border-gray-200 */
  border-radius: 12px;                  /* --radius */
  padding: 1rem;
  overflow: hidden;
}

img {
  max-width: 100%;
  border-radius: 8px;
}

pre.json {
  background: #f6f6f6;                 /* bg-gray-50 */
  color: #2f2f33;
  padding: 0.75rem;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  overflow-x: auto;
  font-size: 12px;
}

table {
  width: 100%;
  border-collapse: collapse;
}

th, td {
  border: 1px solid #e5e7eb;           /* border-gray-200 */
  padding: 0.625rem;                    /* 10px */
  text-align: left;
  color: #111827;
}

thead th {
  background: #f9fafb;                 /* bg-gray-50 */
  font-weight: 600;
}

tbody tr + tr {
  border-top: 1px solid #e5e7eb;
}

footer {
  margin-top: 2rem;
  text-align: center;
  color: #6b7280;                       /* text-gray-500 */
}

/* Formulários padrão claros */
.form-group { margin-bottom: 1rem; }
.form-group label { display: block; margin-bottom: 0.5rem; font-weight: 500; color: #111827; }
.form-group .muted { font-size: 0.85rem; color: #6b7280; margin-top: 0.25rem; }
.input, input, select, textarea { background: #ffffff; color: #111827; border: 1px solid #e5e7eb; border-radius: 10px; padding: 0.5rem 0.75rem; }

.checkbox-row { display: flex; align-items: center; gap: 0.5rem; }
.checkbox-row input[type="checkbox"] { margin: 0; accent-color: #2563eb; }