/* ============================================================
   Admin Templates — estilos (LG-2C)
   ============================================================ */

.tpl-shortcut {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--gold);
  background: var(--gold-soft);
  border: 1px solid var(--line-2);
  padding: 3px 8px;
  border-radius: 4px;
  letter-spacing: 0.02em;
}

.tpl-body-preview {
  color: var(--text-2);
  font-size: 12.5px;
  line-height: 1.4;
  max-width: 460px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tpl-hint {
  margin-top: 6px;
  color: var(--mute);
  font-size: 11px;
  font-family: var(--font-mono);
  letter-spacing: 0.04em;
}
.tpl-hint code {
  color: var(--gold-light);
  background: var(--gold-soft);
  padding: 1px 6px;
  border-radius: 3px;
  font-size: 10.5px;
}

/* Dica de variáveis no form (LG-9.5) */
.tpl-vars-hint { margin-top: 10px; }
.tpl-vars-hint-label {
  display: block;
  font-size: 11px;
  color: var(--mute);
  margin-bottom: 6px;
}
.tpl-vars-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.tpl-var-chip {
  background: var(--gold-soft-2);
  border: 1px solid rgba(198, 202, 208, 0.28);
  color: var(--gold-light);
  border-radius: 6px;
  padding: 3px 9px;
  font-family: var(--font-mono);
  font-size: 11px;
  cursor: pointer;
  transition: background 0.12s ease;
}
.tpl-var-chip:hover { background: rgba(198, 202, 208, 0.2); }