/* Versão e função — todas as telas (independente de /configuracoes) */

.top-meta-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid var(--line, #e5e7eb);
  color: var(--muted, #6b7280);
  background: color-mix(in srgb, var(--surface, #fff) 85%, var(--bg, #f8fafc));
  white-space: nowrap;
  flex-shrink: 0;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: 0.01em;
}

.app-version-badge {
  font-variant-numeric: tabular-nums;
  font-family: ui-monospace, "Cascadia Code", Consolas, monospace;
  border-color: color-mix(in srgb, var(--purple, #7c3aed) 35%, var(--line, #e5e7eb));
  color: color-mix(in srgb, var(--text, #111827) 75%, var(--purple, #7c3aed));
}

.cfg-papel-badge,
.top-meta-badge.cfg-papel-badge {
  text-transform: capitalize;
}

.login-card .top-meta-login {
  position: absolute;
  top: 12px;
  left: 12px;
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  z-index: 2;
}

.env-banner {
  width: 100%;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 10px 12px;
  box-sizing: border-box;
}

.env-banner--hml {
  background: #ea580c;
  color: #fff;
  border-bottom: 2px solid #c2410c;
}

.env-badge-prod {
  border-color: color-mix(in srgb, #16a34a 40%, var(--line, #e5e7eb));
  color: color-mix(in srgb, #16a34a 70%, var(--text, #111827));
  font-size: 10px;
}

.login-card {
  position: relative;
}

.splash-version-fixed {
  position: fixed;
  bottom: 12px;
  right: 12px;
  z-index: 20;
}